@charset "UTF-8";

html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

body {
margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display:block
}

audio,canvas,progress,video {
display:inline-block;
vertical-align:baseline
}

audio:not([controls]) {
display:none;
height:0
}

[hidden],template {
display:none
}

a {
background-color:transparent
}

a:active,a:hover {
outline:0
}

abbr[title] {
border-bottom:1px dotted
}

b,strong {
font-weight:700
}

dfn {
font-style:italic
}

h1 {
font-size:2em;
margin:.67em 0
}

mark {
background:#ff0;
color:#000
}

small {
font-size:80%
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup {
top:-.5em
}

sub {
bottom:-.25em
}

img {
border:0
}

svg:not(:root) {
overflow:hidden
}

figure {
margin:1em 40px
}

hr {
box-sizing:content-box;
height:0
}

pre {
overflow:auto
}

code,kbd,pre,samp {
font-family:monospace,monospace;
font-size:1em
}

button,input,optgroup,select,textarea {
color:inherit;
font:inherit;
margin:0
}

button {
overflow:visible
}

button,select {
text-transform:none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer
}

button[disabled],html input[disabled] {
cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0
}

input {
line-height:normal
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto
}

input[type="search"] {
-webkit-appearance:textfield;
box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

legend {
border:0;
padding:0
}

textarea {
overflow:auto
}

optgroup {
font-weight:700
}

table {
border-collapse:collapse;
border-spacing:0
}

td,th {
padding:0
}

html {
box-sizing:border-box
}

body {
background-color:#EAEAEA
}

*,:before,:after {
box-sizing:inherit
}

hr {
margin:0
}

ul:not(.browser-default) {
margin:0;
padding-left:0;
list-style-type:none
}

ul:not(.browser-default) > li {
list-style-type:none
}

a {
color:#0980f4;
text-decoration:none;
-webkit-tap-highlight-color:transparent
}

.clearfix:before,.row:before,.card:before,.clearfix:after,.row:after,.card:after {
display:table;
content:" "
}

.clearfix:after,.row:after,.card:after {
clear:both
}

.z-depth-0,.btn-link,.link-primary {
box-shadow:none!important
}

.z-depth-half,.ob .header {
box-shadow:0 1px 1px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.25),0 1px 1px -1px rgba(0,0,0,0.2)
}

.z-depth-1,.card,.toast,.dropdown-content {
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)
}

.z-depth-1-half {
box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)
}

.z-depth-2 {
box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)
}

.z-depth-3 {
box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)
}

.z-depth-4,.modal,.auth-modal.modal .modal-content {
box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)
}

.z-depth-5 {
box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)
}

.hoverable {
transition:box-shadow .25s
}

.hoverable:hover {
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.hide {
display:none!important
}

@media only screen and (max-width: 991px) {
.hide-md-less {
display:none!important
}
}

@media only screen and (min-width: 992px) {
.hide-lg-up {
display:none!important
}
}

.left-align {
text-align:left
}

.right-align {
text-align:right
}

.center,.center-align {
text-align:center
}

.left {
float:left!important
}

.right {
float:right!important
}

.no-space {
line-height:.1
}

.no-select {
user-select:none
}

.sr-only {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
border:0
}

.circle {
border-radius:50%
}

.center-block,.happy-voices #carouselHappyVoices,.success-stories #carouselSuccessStories,.coc #carouselCOC,.mobile-app-download .content,.ob .header .content,.ob .header .guide-list,.ob .body .content,.ob .body .guide-list,.ob .footer .content,.ob .footer .guide-list {
display:block;
margin-left:auto;
margin-right:auto
}

.truncate {
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.no-padding {
padding:0!important
}

.upper-case,nav ul a,footer .title {
text-transform:uppercase
}

.font-weight-bold,nav ul a,.card .profile-name,.card .card-title,.feed-results .feed-result-counting,.feed-results .feed-result-caption,.btn-large,.miscellaneous .title,.fixing-civic-issues-steps .title,footer .title {
font-weight:700
}

.font-weight-medium,.happy-voices #carouselHappyVoices .citizen-name {
font-weight:500
}

.font-weight-normal,.btn-medium,.dropdown-content li > a,.dropdown-content li > span {
font-weight:400
}

.font-weight-slim {
font-weight:300
}

.time-span {
color:rgba(0,0,0,0.54);
line-height:16px
}

.badge {
border-radius:3px;
border-style:solid;
border-width:1px;
display:table-cell;
font-size:12px;
font-weight:500;
line-height:16px;
padding-left:4px;
padding-right:4px;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
white-space:nowrap
}

.badge[data-badge-caption]::after {
content:" " attr(data-badge-caption)
}

.badge.open,.badge[data-badge-caption="open"] {
background-color:rgba(246,105,94,0.12);
border-color:#F6695E;
color:#F6695E
}

.badge.on-the-job,.badge[data-badge-caption="on-the-job"] {
background-color:rgba(43,181,249,0.12);
border-color:#2bb5f9;
color:#2bb5f9
}

.badge.resolved,.badge[data-badge-caption="resolved"] {
background-color:rgba(0,189,0,0.12);
border-color:#00BD00;
color:#00BD00
}

.badge.closed,.badge.rejected,.badge[data-badge-caption="closed"],.badge[data-badge-caption="rejected"] {
background-color:rgba(96,125,139,0.12);
border-color:#607D8B;
color:#607D8B
}

.material-icons {
text-rendering:optimizeLegibility;
font-feature-settings:liga
}

.circle .material-icons {
vertical-align:middle
}

img.responsive-img {
max-width:100%;
height:auto
}

img {
border:0 none
}

.thumbnail {
background-clip:content-box;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
display:inline-block;
margin:0 auto;
overflow:hidden;
position:relative
}

.t40x40 {
height:40px;
width:40px
}

.t50x50 {
height:50px;
width:50px
}

.t75x75 {
height:75px;
width:75px
}

[class*="home-cs-"],[class^=" home-cs-"] {
background-image:url(../images/home/css-sprites.png);
background-repeat:no-repeat;
display:inline-block
}

.home-cs-happy-voices {
background-position:-265px -538px
}

.home-cs-news {
background-position:-10px -538px;
width:78px;
height:73px
}

.home-cs-neighbourhood {
background-position:-186px -538px;
width:59px;
height:59px
}

.home-cs-maps {
background-position:-108px -538px;
width:58px;
height:62px
}

.home-cs-news,.home-cs-neighbourhood,.home-cs-maps {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto
}

.home-cs-mobile-logo-ios {
background-position:-507px -464px;
width:173px;
height:51px
}

.home-cs-mobile-logo-android {
background-position:-275px -464px;
width:212px;
height:52px
}

.home-cs-mobile-logo-windows {
background-position:-10px -464px;
width:245px;
height:54px
}

.home-cs-mobile-ios {
background-position:-10px -10px
}

.home-cs-mobile-android {
background-position:-469px -10px
}

.home-cs-mobile-windows {
background-position:-237px -10px
}

.circle.vote-up,.circle.locality,.circle.profile,.circle.done,.circle.guide-1,.circle.guide-2,.circle.guide-3,.circle.guide-4 {
display:block;
line-height:50px;
text-align:center;
color:#fff
}

.circle.vote-up {
background-color:#0980f4
}

.circle.locality {
background-color:#f5a623
}

.circle.profile {
background-color:#900faa
}

.circle.done,.circle.error,.circle.warning {
background-color:transparent;
position:absolute;
left:auto;
right:0;
top:0;
width:40px;
height:40px;
line-height:40px;
text-align:center;
display:none
}

.circle.done .material-icons,.circle.error .material-icons,.circle.warning .material-icons {
color:#00bd00;
font-size:16px
}

.circle.error .material-icons {
color:#f6695e
}

.circle.warning .material-icons {
color:#ffbe00
}

.circle.guide-1 {
background-color:#e54d42
}

.circle.guide-2 {
background-color:#00afff
}

.circle.guide-3 {
background-color:#fcd500
}

.circle.guide-4 {
background-color:#30ac63
}

.media {
margin-top:1rem
}

.media:first-child {
margin-top:0
}

.media,.media-body {
overflow:hidden;
zoom:1
}

.media-body {
width:10000px
}

.media-object {
display:block
}

.media-object.img-thumbnail {
max-width:none
}

.media-right,.media > .pull-right {
padding-left:10px
}

.media-left,.media > .pull-left {
padding-right:10px
}

.media-left,.media-right,.media-body {
display:table-cell;
vertical-align:top
}

.media-middle {
vertical-align:middle
}

.media-bottom {
vertical-align:bottom
}

.media-heading {
margin-top:0;
margin-bottom:5px
}

@media only screen and (min-width: 992px) {
.container {
width:984px
}
}

.container {
padding-left:.5rem;
padding-right:.5rem;
margin-right:auto;
margin-left:auto
}

.container .row {
margin-left:-.5rem;
margin-right:-.5rem
}

@media only screen and (max-width: 991px) {
.container {
padding-left:0;
padding-right:0
}

.container .row {
margin-left:-1rem;
margin-right:-1rem
}
}

.row {
margin-left:auto;
margin-right:auto
}

@media only screen and (min-width: 992px) {
.row .col {
padding:0 .5rem
}
}

@media only screen and (max-width: 991px) {
.row .col {
padding:0 1rem
}
}

.row .col {
float:left;
box-sizing:border-box;
min-height:1px
}

.row .col[class*="push-"],.row .col[class*="pull-"] {
position:relative
}

.row .col.md-l1 {
width:8.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l2 {
width:16.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l3 {
width:25%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l4 {
width:33.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l5 {
width:41.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l6 {
width:50%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l7 {
width:58.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l8 {
width:66.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l9 {
width:75%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l10 {
width:83.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l11 {
width:91.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l12 {
width:100%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.offset-md-l1 {
margin-left:8.33333%
}

.row .col.pull-md-l1 {
right:8.33333%
}

.row .col.push-md-l1 {
left:8.33333%
}

.row .col.offset-md-l2 {
margin-left:16.66667%
}

.row .col.pull-md-l2 {
right:16.66667%
}

.row .col.push-md-l2 {
left:16.66667%
}

.row .col.offset-md-l3 {
margin-left:25%
}

.row .col.pull-md-l3 {
right:25%
}

.row .col.push-md-l3 {
left:25%
}

.row .col.offset-md-l4 {
margin-left:33.33333%
}

.row .col.pull-md-l4 {
right:33.33333%
}

.row .col.push-md-l4 {
left:33.33333%
}

.row .col.offset-md-l5 {
margin-left:41.66667%
}

.row .col.pull-md-l5 {
right:41.66667%
}

.row .col.push-md-l5 {
left:41.66667%
}

.row .col.offset-md-l6 {
margin-left:50%
}

.row .col.pull-md-l6 {
right:50%
}

.row .col.push-md-l6 {
left:50%
}

.row .col.offset-md-l7 {
margin-left:58.33333%
}

.row .col.pull-md-l7 {
right:58.33333%
}

.row .col.push-md-l7 {
left:58.33333%
}

.row .col.offset-md-l8 {
margin-left:66.66667%
}

.row .col.pull-md-l8 {
right:66.66667%
}

.row .col.push-md-l8 {
left:66.66667%
}

.row .col.offset-md-l9 {
margin-left:75%
}

.row .col.pull-md-l9 {
right:75%
}

.row .col.push-md-l9 {
left:75%
}

.row .col.offset-md-l10 {
margin-left:83.33333%
}

.row .col.pull-md-l10 {
right:83.33333%
}

.row .col.push-md-l10 {
left:83.33333%
}

.row .col.offset-md-l11 {
margin-left:91.66667%
}

.row .col.pull-md-l11 {
right:91.66667%
}

.row .col.push-md-l11 {
left:91.66667%
}

.row .col.offset-md-l12 {
margin-left:100%
}

.row .col.pull-md-l12 {
right:100%
}

.row .col.push-md-l12 {
left:100%
}

@media only screen and (min-width: 992px) {
.row .col.lg-u1 {
width:8.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u2 {
width:16.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u3 {
width:25%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u4 {
width:33.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u5 {
width:41.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u6 {
width:50%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u7 {
width:58.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u8 {
width:66.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u9 {
width:75%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u10 {
width:83.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u11 {
width:91.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u12 {
width:100%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.offset-lg-u1 {
margin-left:8.33333%
}

.row .col.pull-lg-u1 {
right:8.33333%
}

.row .col.push-lg-u1 {
left:8.33333%
}

.row .col.offset-lg-u2 {
margin-left:16.66667%
}

.row .col.pull-lg-u2 {
right:16.66667%
}

.row .col.push-lg-u2 {
left:16.66667%
}

.row .col.offset-lg-u3 {
margin-left:25%
}

.row .col.pull-lg-u3 {
right:25%
}

.row .col.push-lg-u3 {
left:25%
}

.row .col.offset-lg-u4 {
margin-left:33.33333%
}

.row .col.pull-lg-u4 {
right:33.33333%
}

.row .col.push-lg-u4 {
left:33.33333%
}

.row .col.offset-lg-u5 {
margin-left:41.66667%
}

.row .col.pull-lg-u5 {
right:41.66667%
}

.row .col.push-lg-u5 {
left:41.66667%
}

.row .col.offset-lg-u6 {
margin-left:50%
}

.row .col.pull-lg-u6 {
right:50%
}

.row .col.push-lg-u6 {
left:50%
}

.row .col.offset-lg-u7 {
margin-left:58.33333%
}

.row .col.pull-lg-u7 {
right:58.33333%
}

.row .col.push-lg-u7 {
left:58.33333%
}

.row .col.offset-lg-u8 {
margin-left:66.66667%
}

.row .col.pull-lg-u8 {
right:66.66667%
}

.row .col.push-lg-u8 {
left:66.66667%
}

.row .col.offset-lg-u9 {
margin-left:75%
}

.row .col.pull-lg-u9 {
right:75%
}

.row .col.push-lg-u9 {
left:75%
}

.row .col.offset-lg-u10 {
margin-left:83.33333%
}

.row .col.pull-lg-u10 {
right:83.33333%
}

.row .col.push-lg-u10 {
left:83.33333%
}

.row .col.offset-lg-u11 {
margin-left:91.66667%
}

.row .col.pull-lg-u11 {
right:91.66667%
}

.row .col.push-lg-u11 {
left:91.66667%
}

.row .col.offset-lg-u12 {
margin-left:100%
}

.row .col.pull-lg-u12 {
right:100%
}

.row .col.push-lg-u12 {
left:100%
}
}

nav .brand-logo {
position:absolute;
color:#fff;
display:inline-block;
font-size:2.1rem;
padding:0
}

nav .brand-logo.center {
left:50%;
transform:translateX(-50%)
}

nav ul {
margin:0
}

nav ul li {
transition:background-color .3s;
float:left;
padding:0
}

nav ul li.active > a {
background-color:rgba(0,0,0,0.6);
cursor:default
}

nav ul a {
transition:background-color .3s;
font-size:1rem;
color:#fff;
display:block;
padding:0 15px;
cursor:pointer;
border-top:1px solid rgba(0,0,0,0.87)
}

nav ul a > .material-icons {
height:inherit;
line-height:inherit;
vertical-align:middle;
margin:-2px 10px 0 0;
font-size:1.1rem
}

nav ul a:hover {
background-color:rgba(0,0,0,0.6)
}

nav ul.left {
float:left
}

nav .dropdown-button.active {
background-color:rgba(0,0,0,0.6)
}

.navbar-fixed,.navbar-scroll {
background-color:#333;
height:50px;
position:fixed;
width:100%;
z-index:999
}

.navbar-scroll {
position:relative
}

nav,nav .nav-wrapper .material-icons,nav a.button-collapse,nav a.button-collapse .material-icons {
height:50px;
line-height:50px
}

a {
text-decoration:none
}

html {
font-size:14px;
font-family:"Roboto",sans-serif;
font-weight:400;
color:rgba(0,0,0,0.87)
}

body {
line-height:1.5rem
}

.bitter,.ob .header .content .title {
font-family:"Bitter",serif
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-weight:400;
margin:0
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
font-weight:inherit
}

h1,.h1 {
font-size:46px;
line-height:55px
}

h2,.h2 {
font-size:34px;
line-height:41px
}

h3,.h3 {
font-size:24px;
line-height:28px
}

h4,.h4 {
font-size:20px;
line-height:24px
}

h5,.h5 {
font-size:18px;
line-height:24px
}

h6,.h6 {
font-size:16px;
line-height:21px
}

p {
margin:0
}

em {
font-style:italic
}

strong {
font-weight:700
}

.medium {
font-weight:500
}

.light {
font-weight:300
}

small {
font-size:.86rem
}

.scale-transition {
transition:transform .3s cubic-bezier(0.53,0.01,0.36,1.63)!important
}

.scale-transition.scale-out {
transform:scale(0);
transition:transform .2s!important
}

.scale-transition.scale-in {
transform:scale(1)
}

.card {
position:relative;
margin:1rem auto 0;
background-color:#fff;
transition:box-shadow .25s;
border-radius:3px;
max-width:712px
}

.card:last-child {
margin-bottom:1rem
}

@media only screen and (max-width: 991px) {
.card {
border-radius:0
}
}

.card .card-title {
font-size:18px;
line-height:24px;
display:inline-block
}

.card .profile-name {
line-height:19px;
display:inline-block
}

.card .profile-name,.card .card-title {
color:rgba(0,0,0,0.87)
}

.card .profile-name:hover,.card .card-title:hover {
color:rgba(0,0,0,0.87)
}

.card-header,.card-desc,.card-imgages,.card-actions,.card-comments {
margin-top:1rem;
padding-left:1rem;
padding-right:1rem
}

.card-header {
position:relative
}

.card-header .badge {
position:absolute;
top:.5rem;
left:auto;
right:1rem
}

.card-meta-header {
margin-top:1rem
}

.card-meta-header .divider {
font-size:.86rem;
position:relative;
top:2px
}

.card-meta-data {
font-size:.86rem;
display:inline;
line-height:16px
}

span.card-meta-data {
color:rgba(0,0,0,0.54)
}

.card-desc > .badge {
background-color:#e6e6e6;
border-color:#e6e6e6;
color:rgba(0,0,0,0.54);
margin-right:.5rem;
display:inline
}

.card-imgages {
margin-top:.5rem
}

.card-imgages .row > .thumbnail {
line-height:.1
}

.card-imgages .row > .thumbnail .responsive-img {
border-radius:3px
}

.card-imgages .row {
margin-left:-.25rem;
margin-right:-.25rem
}

.card-imgages .thumbnail {
padding:0 .25rem;
display:inline-block;
border-radius:6px
}

.card-actions {
margin-top:.5rem;
margin-bottom:1rem
}

.card-comments {
padding-top:1rem;
padding-bottom:1rem;
background-color:#f5f6f8;
border-top:1px solid #e6e6e6;
border-radius:0 0 3px 3px
}

@media only screen and (max-width: 991px) {
.card-comments {
border-radius:0
}
}

.card-comments .related {
border-top:1px solid #e6e6e6;
padding-top:1rem;
margin-top:1rem
}

.card-comments .related .profile-name,.card-comments .related .desc {
font-size:.86rem;
line-height:16px
}

.card-comments .related .badge {
margin-left:.5rem;
display:inline
}

.feed-results > .left + .left {
margin-left:.5rem
}

.feed-results .feed-result-counting,.feed-results .feed-result-caption {
font-size:.86rem;
line-height:24px;
max-height:24px
}

.feed-results .feed-result-counting {
color:rgba(0,0,0,0.87)
}

.feed-results .feed-result-caption {
color:rgba(0,0,0,0.54)
}

.feed-results .left .feed-result-counting,.feed-results .left .feed-result-caption {
padding-right:5px
}

.feed-results .right .feed-result-counting,.feed-results .right .feed-result-caption {
padding-left:5px
}

.feed-results a:hover .feed-result-caption {
color:#333
}

.ob .card {
max-width:712px
}

.ob .feed-results .feed-result-counting,.ob .feed-results .feed-result-caption {
line-height:19px
}

#toast-container {
display:block;
position:fixed;
z-index:10000
}

@media only screen and (max-width: 991px) {
#toast-container {
min-width:100%;
bottom:0
}
}

@media only screen and (min-width: 992px) {
#toast-container {
top:10%;
right:7%;
max-width:86%
}
}

.toast {
border-radius:2px;
top:35px;
width:auto;
margin-top:10px;
position:relative;
max-width:100%;
height:auto;
min-height:48px;
line-height:1.5em;
word-break:break-all;
background-color:#323232;
padding:10px 25px;
font-size:1.1rem;
font-weight:300;
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
cursor:default
}

.toast .toast-action {
color:#eeff41;
font-weight:500;
margin-right:-25px;
margin-left:3rem
}

.toast.rounded {
border-radius:24px
}

@media only screen and (max-width: 991px) {
.toast {
width:100%;
border-radius:0
}
}

.btn,.btn-medium,.btn-large {
border:1px solid #0980f4;
border-radius:3px;
display:inline-block;
height:32px;
line-height:30px;
padding:0 2rem;
text-transform:uppercase;
vertical-align:middle;
-webkit-tap-highlight-color:transparent
}

@media only screen and (max-width: 991px) {
.btn,.btn-medium,.btn-large {
padding-left:1rem;
padding-right:1rem
}
}

.btn span,.btn-medium span,.btn-large span {
display:inline-block
}

.btn .material-icons,.btn-medium .material-icons,.btn-large .material-icons,.btn span,.btn-medium span,.btn-large span {
vertical-align:middle
}

.btn .material-icons + span,.btn-medium .material-icons + span,.btn-large .material-icons + span {
padding-left:8px
}

.btn + .btn,.btn-medium + .btn,.btn-large + .btn,.btn + .btn-medium,.btn-medium + .btn-medium,.btn-large + .btn-medium,.btn + .btn-large,.btn-medium + .btn-large,.btn-large + .btn-large {
margin-left:.5rem
}

.btn.disabled,.disabled.btn-medium,.disabled.btn-large,.btn-large.disabled,.btn:disabled,.btn-medium:disabled,.btn-large:disabled,.btn-large:disabled,.btn[disabled],[disabled].btn-medium,[disabled].btn-large,.btn-large[disabled] {
pointer-events:none;
box-shadow:none;
color:rgba(255,255,255,0.3)!important;
cursor:default
}

.btn.disabled:hover,.disabled.btn-medium:hover,.disabled.btn-large:hover,.btn-large.disabled:hover,.btn:disabled:hover,.btn-medium:disabled:hover,.btn-large:disabled:hover,.btn-large:disabled:hover,.btn[disabled]:hover,[disabled].btn-medium:hover,[disabled].btn-large:hover,.btn-large[disabled]:hover {
color:rgba(255,255,255,0.3)!important
}

.btn,.btn-medium,.btn-large,.btn-medium,.btn-large {
font-size:1rem;
outline:0
}

.btn i,.btn-medium i,.btn-large i,.btn-medium i,.btn-large i {
font-size:1.3rem;
line-height:inherit
}

.btn,.btn-medium,.btn-large {
text-decoration:none;
color:#fff;
background-color:#0980f4;
text-align:center;
transition:.2s ease-out;
cursor:pointer
}

.btn:hover,.btn-medium:hover,.btn-large:hover {
background-color:#3899f8
}

.btn:active,.btn-medium:active,.btn-large:active {
background-color:#0766c3
}

.btn-secondary {
background-color:transparent;
color:rgba(0,0,0,0.87);
border:1px solid #eaeaea
}

.btn-secondary:hover {
background-color:#f5f6f8;
color:rgba(9,128,244,0.87)
}

.btn-secondary:active {
background-color:#f5f6f8;
color:rgba(0,0,0,0.87)
}

.btn-medium {
height:40px;
line-height:38px
}

.btn-medium i {
font-size:1.3rem
}

.btn-large {
height:48px;
line-height:46px
}

.btn-large i {
font-size:1.6rem
}

.btn-block {
display:block
}

.btn-full {
width:100%
}

.btn-link,.link-primary {
background-color:transparent;
border:0 none;
color:#0980f4
}

.btn-link:hover,.link-primary:hover {
background-color:transparent;
color:#51a6f9
}

.link-primary:hover {
color:#1F8BF5;
text-decoration:underline
}

.link-primary:active {
color:#0975DE
}

.bg-facebook {
background-color:#3b5998
}

.bg-facebook:hover {
background-color:#4c70ba
}

.bg-facebook:active {
background-color:#4162a7
}

.dropdown-content {
background-color:#333;
margin:0;
display:none;
min-width:100px;
max-height:650px;
overflow-y:auto;
opacity:0;
position:absolute;
z-index:999;
will-change:height;
width:auto!important
}

.dropdown-content li {
clear:both;
color:rgba(0,0,0,0.87);
cursor:pointer;
min-height:30px;
line-height:1.5rem;
width:100%;
text-align:left
}

.dropdown-content li:hover,.dropdown-content li.active,.dropdown-content li.selected {
background-color:#212121
}

.dropdown-content li.active.selected {
background-color:#141414
}

.dropdown-content li.divider {
min-height:0;
height:1px
}

.dropdown-content li > a,.dropdown-content li > span {
font-size:1rem;
color:#fff;
display:block;
line-height:22px;
padding:8px 16px;
text-transform:none
}

.dropdown-content li > span > label {
top:1px;
left:0;
height:18px
}

.dropdown-content li > a > i {
height:inherit;
line-height:inherit;
float:left;
margin:0 24px 0 0;
width:24px
}

.input-field.col .dropdown-content [type="checkbox"] + label {
top:1px;
left:0;
height:18px
}

.city-list {
max-width:320px
}

.city-list .city-col {
padding:1.5rem 0;
text-align:center;
border:0 none;
line-height:normal;
color:rgba(0,0,0,0.54)
}

.city-list .city-col:hover {
background-color:transparent!important;
color:rgba(0,0,0,0.87)
}

.city-list .city-col > .city-name {
display:block;
margin-top:10px
}

.dropdown-content.city-list {
background-color:#fff;
border-bottom-left-radius:3px
}

.modal {
display:none;
position:fixed;
left:0;
right:0;
background-color:#fff;
padding:0;
max-height:70%;
width:55%;
margin:auto;
overflow-y:auto;
border-radius:3px;
will-change:top
}

.modal h1,.modal h2,.modal h3,.modal h4 {
margin-top:0
}

.modal .modal-header {
margin-bottom:2rem
}

.modal .modal-content {
padding:24px
}

.modal .modal-close {
color:rgba(0,0,0,0.38);
cursor:pointer;
position:absolute;
left:auto;
right:10px;
top:10px;
height:24px;
width:24px;
text-align:center;
line-height:22px;
font-size:24px;
z-index:5
}

.modal .modal-close:hover {
color:rgba(0,0,0,0.87)
}

.modal .modal-promotion {
margin-top:2rem
}

.modal-overlay {
position:fixed;
z-index:999;
top:-25%;
left:0;
bottom:0;
right:0;
height:125%;
width:100%;
background:#000;
display:none
}

.auth-modal.modal {
max-height:100%;
width:100%;
height:100%;
border-radius:0;
background-color:rgba(255,255,255,0.87)
}

.auth-modal.modal.open {
top:0!important;
display:flex!important
}

.auth-modal.modal .modal-content {
padding:50px 75px;
width:472px;
margin:auto;
background-color:#fff;
border-radius:3px
}

@media only screen and (max-width: 767px) {
.auth-modal.modal .modal-content {
padding:15px;
width:auto;
margin:15px
}
}

.auth-modal.modal .modal-close {
position:absolute;
left:auto;
right:30px;
text-align:center;
top:30px;
width:20px;
height:20px;
line-height:20px;
color:rgba(0,0,0,0.54);
font-size:2.4rem
}

.auth-modal.modal .modal-close:hover {
color:rgba(0,0,0,0.87)
}

.auth-modal.modal .modal-content {
transition:all .6s ease 0
}

#signUp,#forgotPassword {
display:none
}

#modalCOCVideos .modal-content {
height:400px;
padding:24px 10px 4px
}

#modalCOCVideos .modal-close {
position:absolute;
height:15px;
width:15px;
color:rgba(0,0,0,0.5);
left:auto;
right:8px;
top:1px;
font-size:28px
}

#modalCOCVideos .modal-close:hover {
color:#000
}

button:focus {
outline:none;
background-color:#1b8af7
}

label {
font-size:12px;
color:rgba(0,0,0,0.12)
}

input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea {
background-color:transparent;
border:none;
border-bottom:1px solid rgba(0,0,0,0.12);
border-radius:0;
outline:none;
height:40px;
width:100%;
font-size:15px;
margin:0;
padding:0;
box-shadow:none;
box-sizing:content-box;
transition:all .3s
}

input:not([type]).input-full,input[type=text]:not(.browser-default).input-full,input[type=password]:not(.browser-default).input-full,input[type=email]:not(.browser-default).input-full,input[type=url]:not(.browser-default).input-full,input[type=time]:not(.browser-default).input-full,input[type=date]:not(.browser-default).input-full,input[type=datetime]:not(.browser-default).input-full,input[type=datetime-local]:not(.browser-default).input-full,input[type=tel]:not(.browser-default).input-full,input[type=number]:not(.browser-default).input-full,input[type=search]:not(.browser-default).input-full,textarea.materialize-textarea.input-full {
background-color:#fff;
border:1px solid rgba(0,0,0,0.12);
border-radius:3px;
padding-left:7px;
padding-right:7px;
box-sizing:border-box
}

input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"] {
color:rgba(0,0,0,0.38)
}

input:not([type]):disabled + label,input:not([type])[readonly="readonly"] + label,input[type=text]:not(.browser-default):disabled + label,input[type=text]:not(.browser-default)[readonly="readonly"] + label,input[type=password]:not(.browser-default):disabled + label,input[type=password]:not(.browser-default)[readonly="readonly"] + label,input[type=email]:not(.browser-default):disabled + label,input[type=email]:not(.browser-default)[readonly="readonly"] + label,input[type=url]:not(.browser-default):disabled + label,input[type=url]:not(.browser-default)[readonly="readonly"] + label,input[type=time]:not(.browser-default):disabled + label,input[type=time]:not(.browser-default)[readonly="readonly"] + label,input[type=date]:not(.browser-default):disabled + label,input[type=date]:not(.browser-default)[readonly="readonly"] + label,input[type=datetime]:not(.browser-default):disabled + label,input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,input[type=datetime-local]:not(.browser-default):disabled + label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,input[type=tel]:not(.browser-default):disabled + label,input[type=tel]:not(.browser-default)[readonly="readonly"] + label,input[type=number]:not(.browser-default):disabled + label,input[type=number]:not(.browser-default)[readonly="readonly"] + label,input[type=search]:not(.browser-default):disabled + label,input[type=search]:not(.browser-default)[readonly="readonly"] + label,textarea.materialize-textarea:disabled + label,textarea.materialize-textarea[readonly="readonly"] + label {
color:rgba(0,0,0,0.38)
}

input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
border-color:#0980f4;
box-shadow:0 1px 0 0 #0980f4
}

input:not([type]):focus:not([readonly]) + label,input[type=text]:not(.browser-default):focus:not([readonly]) + label,input[type=password]:not(.browser-default):focus:not([readonly]) + label,input[type=email]:not(.browser-default):focus:not([readonly]) + label,input[type=url]:not(.browser-default):focus:not([readonly]) + label,input[type=time]:not(.browser-default):focus:not([readonly]) + label,input[type=date]:not(.browser-default):focus:not([readonly]) + label,input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,input[type=tel]:not(.browser-default):focus:not([readonly]) + label,input[type=number]:not(.browser-default):focus:not([readonly]) + label,input[type=search]:not(.browser-default):focus:not([readonly]) + label,textarea.materialize-textarea:focus:not([readonly]) + label {
color:#0980f4
}

input:not([type]).validate + label,input[type=text]:not(.browser-default).validate + label,input[type=password]:not(.browser-default).validate + label,input[type=email]:not(.browser-default).validate + label,input[type=url]:not(.browser-default).validate + label,input[type=time]:not(.browser-default).validate + label,input[type=date]:not(.browser-default).validate + label,input[type=datetime]:not(.browser-default).validate + label,input[type=datetime-local]:not(.browser-default).validate + label,input[type=tel]:not(.browser-default).validate + label,input[type=number]:not(.browser-default).validate + label,input[type=search]:not(.browser-default).validate + label,textarea.materialize-textarea.validate + label {
width:100%
}

input:not([type]).invalid + label:after,input:not([type]).valid + label:after,input:not([type]).warning + label:after,input[type=text]:not(.browser-default).invalid + label:after,input[type=text]:not(.browser-default).valid + label:after,input[type=text]:not(.browser-default).warning + label:after,input[type=password]:not(.browser-default).invalid + label:after,input[type=password]:not(.browser-default).valid + label:after,input[type=password]:not(.browser-default).warning + label:after,input[type=email]:not(.browser-default).invalid + label:after,input[type=email]:not(.browser-default).valid + label:after,input[type=email]:not(.browser-default).warning + label:after,input[type=url]:not(.browser-default).invalid + label:after,input[type=url]:not(.browser-default).valid + label:after,input[type=url]:not(.browser-default).warning + label:after,input[type=time]:not(.browser-default).invalid + label:after,input[type=time]:not(.browser-default).valid + label:after,input[type=time]:not(.browser-default).warning + label:after,input[type=date]:not(.browser-default).invalid + label:after,input[type=date]:not(.browser-default).valid + label:after,input[type=date]:not(.browser-default).warning + label:after,input[type=datetime]:not(.browser-default).invalid + label:after,input[type=datetime]:not(.browser-default).valid + label:after,input[type=datetime]:not(.browser-default).warning + label:after,input[type=datetime-local]:not(.browser-default).invalid + label:after,input[type=datetime-local]:not(.browser-default).valid + label:after,input[type=datetime-local]:not(.browser-default).warning + label:after,input[type=tel]:not(.browser-default).invalid + label:after,input[type=tel]:not(.browser-default).valid + label:after,input[type=tel]:not(.browser-default).warning + label:after,input[type=number]:not(.browser-default).invalid + label:after,input[type=number]:not(.browser-default).valid + label:after,input[type=number]:not(.browser-default).warning + label:after,input[type=search]:not(.browser-default).invalid + label:after,input[type=search]:not(.browser-default).valid + label:after,input[type=search]:not(.browser-default).warning + label:after,textarea.materialize-textarea.invalid + label:after,textarea.materialize-textarea.valid + label:after,textarea.materialize-textarea.warning + label:after {
display:none
}

input:not([type]).invalid + label.active:after,input:not([type]).valid + label.active:after,input:not([type]).warning + label.active:after,input[type=text]:not(.browser-default).invalid + label.active:after,input[type=text]:not(.browser-default).valid + label.active:after,input[type=text]:not(.browser-default).warning + label.active:after,input[type=password]:not(.browser-default).invalid + label.active:after,input[type=password]:not(.browser-default).valid + label.active:after,input[type=password]:not(.browser-default).warning + label.active:after,input[type=email]:not(.browser-default).invalid + label.active:after,input[type=email]:not(.browser-default).valid + label.active:after,input[type=email]:not(.browser-default).warning + label.active:after,input[type=url]:not(.browser-default).invalid + label.active:after,input[type=url]:not(.browser-default).valid + label.active:after,input[type=url]:not(.browser-default).warning + label.active:after,input[type=time]:not(.browser-default).invalid + label.active:after,input[type=time]:not(.browser-default).valid + label.active:after,input[type=time]:not(.browser-default).warning + label.active:after,input[type=date]:not(.browser-default).invalid + label.active:after,input[type=date]:not(.browser-default).valid + label.active:after,input[type=date]:not(.browser-default).warning + label.active:after,input[type=datetime]:not(.browser-default).invalid + label.active:after,input[type=datetime]:not(.browser-default).valid + label.active:after,input[type=datetime]:not(.browser-default).warning + label.active:after,input[type=datetime-local]:not(.browser-default).invalid + label.active:after,input[type=datetime-local]:not(.browser-default).valid + label.active:after,input[type=datetime-local]:not(.browser-default).warning + label.active:after,input[type=tel]:not(.browser-default).invalid + label.active:after,input[type=tel]:not(.browser-default).valid + label.active:after,input[type=tel]:not(.browser-default).warning + label.active:after,input[type=number]:not(.browser-default).invalid + label.active:after,input[type=number]:not(.browser-default).valid + label.active:after,input[type=number]:not(.browser-default).warning + label.active:after,input[type=search]:not(.browser-default).invalid + label.active:after,input[type=search]:not(.browser-default).valid + label.active:after,input[type=search]:not(.browser-default).warning + label.active:after,textarea.materialize-textarea.invalid + label.active:after,textarea.materialize-textarea.valid + label.active:after,textarea.materialize-textarea.warning + label.active:after {
display:block
}

input.valid:not([type]),input.valid:not([type]):focus,input[type=text].valid:not(.browser-default),input[type=text].valid:not(.browser-default):focus,input[type=password].valid:not(.browser-default),input[type=password].valid:not(.browser-default):focus,input[type=email].valid:not(.browser-default),input[type=email].valid:not(.browser-default):focus,input[type=url].valid:not(.browser-default),input[type=url].valid:not(.browser-default):focus,input[type=time].valid:not(.browser-default),input[type=time].valid:not(.browser-default):focus,input[type=date].valid:not(.browser-default),input[type=date].valid:not(.browser-default):focus,input[type=datetime].valid:not(.browser-default),input[type=datetime].valid:not(.browser-default):focus,input[type=datetime-local].valid:not(.browser-default),input[type=datetime-local].valid:not(.browser-default):focus,input[type=tel].valid:not(.browser-default),input[type=tel].valid:not(.browser-default):focus,input[type=number].valid:not(.browser-default),input[type=number].valid:not(.browser-default):focus,input[type=search].valid:not(.browser-default),input[type=search].valid:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus {
border-color:#00bd00;
box-shadow:0 1px 0 0 #00bd00
}

input.invalid:not([type]),input.invalid:not([type]):focus,input[type=text].invalid:not(.browser-default),input[type=text].invalid:not(.browser-default):focus,input[type=password].invalid:not(.browser-default),input[type=password].invalid:not(.browser-default):focus,input[type=email].invalid:not(.browser-default),input[type=email].invalid:not(.browser-default):focus,input[type=url].invalid:not(.browser-default),input[type=url].invalid:not(.browser-default):focus,input[type=time].invalid:not(.browser-default),input[type=time].invalid:not(.browser-default):focus,input[type=date].invalid:not(.browser-default),input[type=date].invalid:not(.browser-default):focus,input[type=datetime].invalid:not(.browser-default),input[type=datetime].invalid:not(.browser-default):focus,input[type=datetime-local].invalid:not(.browser-default),input[type=datetime-local].invalid:not(.browser-default):focus,input[type=tel].invalid:not(.browser-default),input[type=tel].invalid:not(.browser-default):focus,input[type=number].invalid:not(.browser-default),input[type=number].invalid:not(.browser-default):focus,input[type=search].invalid:not(.browser-default),input[type=search].invalid:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus {
border-color:#f6695e;
box-shadow:0 1px 0 0 #f6695e
}

input.warning:not([type]),input.warning:not([type]):focus,input[type=text].warning:not(.browser-default),input[type=text].warning:not(.browser-default):focus,input[type=password].warning:not(.browser-default),input[type=password].warning:not(.browser-default):focus,input[type=email].warning:not(.browser-default),input[type=email].warning:not(.browser-default):focus,input[type=url].warning:not(.browser-default),input[type=url].warning:not(.browser-default):focus,input[type=time].warning:not(.browser-default),input[type=time].warning:not(.browser-default):focus,input[type=date].warning:not(.browser-default),input[type=date].warning:not(.browser-default):focus,input[type=datetime].warning:not(.browser-default),input[type=datetime].warning:not(.browser-default):focus,input[type=datetime-local].warning:not(.browser-default),input[type=datetime-local].warning:not(.browser-default):focus,input[type=tel].warning:not(.browser-default),input[type=tel].warning:not(.browser-default):focus,input[type=number].warning:not(.browser-default),input[type=number].warning:not(.browser-default):focus,input[type=search].warning:not(.browser-default),input[type=search].warning:not(.browser-default):focus,textarea.materialize-textarea.warning,textarea.materialize-textarea.warning:focus {
border-color:#ffbe00;
box-shadow:0 1px 0 0 #ffbe00
}

input:not([type]).valid + label:after,input:not([type]):focus.valid + label:after,input[type=text]:not(.browser-default).valid + label:after,input[type=text]:not(.browser-default):focus.valid + label:after,input[type=password]:not(.browser-default).valid + label:after,input[type=password]:not(.browser-default):focus.valid + label:after,input[type=email]:not(.browser-default).valid + label:after,input[type=email]:not(.browser-default):focus.valid + label:after,input[type=url]:not(.browser-default).valid + label:after,input[type=url]:not(.browser-default):focus.valid + label:after,input[type=time]:not(.browser-default).valid + label:after,input[type=time]:not(.browser-default):focus.valid + label:after,input[type=date]:not(.browser-default).valid + label:after,input[type=date]:not(.browser-default):focus.valid + label:after,input[type=datetime]:not(.browser-default).valid + label:after,input[type=datetime]:not(.browser-default):focus.valid + label:after,input[type=datetime-local]:not(.browser-default).valid + label:after,input[type=datetime-local]:not(.browser-default):focus.valid + label:after,input[type=tel]:not(.browser-default).valid + label:after,input[type=tel]:not(.browser-default):focus.valid + label:after,input[type=number]:not(.browser-default).valid + label:after,input[type=number]:not(.browser-default):focus.valid + label:after,input[type=search]:not(.browser-default).valid + label:after,input[type=search]:not(.browser-default):focus.valid + label:after,textarea.materialize-textarea.valid + label:after,textarea.materialize-textarea:focus.valid + label:after {
content:attr(data-success);
color:#00bd00;
opacity:1;
transform:translateY(9px)
}

input:not([type]).invalid + label:after,input:not([type]):focus.invalid + label:after,input[type=text]:not(.browser-default).invalid + label:after,input[type=text]:not(.browser-default):focus.invalid + label:after,input[type=password]:not(.browser-default).invalid + label:after,input[type=password]:not(.browser-default):focus.invalid + label:after,input[type=email]:not(.browser-default).invalid + label:after,input[type=email]:not(.browser-default):focus.invalid + label:after,input[type=url]:not(.browser-default).invalid + label:after,input[type=url]:not(.browser-default):focus.invalid + label:after,input[type=time]:not(.browser-default).invalid + label:after,input[type=time]:not(.browser-default):focus.invalid + label:after,input[type=date]:not(.browser-default).invalid + label:after,input[type=date]:not(.browser-default):focus.invalid + label:after,input[type=datetime]:not(.browser-default).invalid + label:after,input[type=datetime]:not(.browser-default):focus.invalid + label:after,input[type=datetime-local]:not(.browser-default).invalid + label:after,input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,input[type=tel]:not(.browser-default).invalid + label:after,input[type=tel]:not(.browser-default):focus.invalid + label:after,input[type=number]:not(.browser-default).invalid + label:after,input[type=number]:not(.browser-default):focus.invalid + label:after,input[type=search]:not(.browser-default).invalid + label:after,input[type=search]:not(.browser-default):focus.invalid + label:after,textarea.materialize-textarea.invalid + label:after,textarea.materialize-textarea:focus.invalid + label:after {
content:attr(data-error);
color:#f6695e;
opacity:1;
transform:translateY(9px)
}

input:not([type]).warning + label:after,input:not([type]):focus.warning + label:after,input[type=text]:not(.browser-default).warning + label:after,input[type=text]:not(.browser-default):focus.warning + label:after,input[type=password]:not(.browser-default).warning + label:after,input[type=password]:not(.browser-default):focus.warning + label:after,input[type=email]:not(.browser-default).warning + label:after,input[type=email]:not(.browser-default):focus.warning + label:after,input[type=url]:not(.browser-default).warning + label:after,input[type=url]:not(.browser-default):focus.warning + label:after,input[type=time]:not(.browser-default).warning + label:after,input[type=time]:not(.browser-default):focus.warning + label:after,input[type=date]:not(.browser-default).warning + label:after,input[type=date]:not(.browser-default):focus.warning + label:after,input[type=datetime]:not(.browser-default).warning + label:after,input[type=datetime]:not(.browser-default):focus.warning + label:after,input[type=datetime-local]:not(.browser-default).warning + label:after,input[type=datetime-local]:not(.browser-default):focus.warning + label:after,input[type=tel]:not(.browser-default).warning + label:after,input[type=tel]:not(.browser-default):focus.warning + label:after,input[type=number]:not(.browser-default).warning + label:after,input[type=number]:not(.browser-default):focus.warning + label:after,input[type=search]:not(.browser-default).warning + label:after,input[type=search]:not(.browser-default):focus.warning + label:after,textarea.materialize-textarea.warning + label:after,textarea.materialize-textarea:focus.warning + label:after {
content:attr(data-warning);
color:#ffbe00;
opacity:1;
transform:translateY(9px)
}

input:not([type]) + label:after,input[type=text]:not(.browser-default) + label:after,input[type=password]:not(.browser-default) + label:after,input[type=email]:not(.browser-default) + label:after,input[type=url]:not(.browser-default) + label:after,input[type=time]:not(.browser-default) + label:after,input[type=date]:not(.browser-default) + label:after,input[type=datetime]:not(.browser-default) + label:after,input[type=datetime-local]:not(.browser-default) + label:after,input[type=tel]:not(.browser-default) + label:after,input[type=number]:not(.browser-default) + label:after,input[type=search]:not(.browser-default) + label:after,textarea.materialize-textarea + label:after {
display:block;
content:"";
position:absolute;
top:100%;
left:0;
opacity:0;
transition:.2s opacity ease-out,.2s color ease-out
}

.input-field {
position:relative;
margin-top:2rem;
margin-bottom:2rem
}

.input-field.inline {
display:inline-block;
vertical-align:middle;
margin-left:5px
}

.input-field.inline input,.input-field.inline .select-dropdown {
margin-bottom:1rem
}

.input-field label {
color:rgba(0,0,0,0.38);
position:absolute;
top:0;
left:0;
height:100%;
font-size:15px;
cursor:text;
transition:transform .2s ease-out;
transform-origin:0 100%;
text-align:initial;
transform:translateY(12px);
pointer-events:none
}

.input-field label:not(.label-icon).active {
transform:translateY(-14px) scale(0.86);
transform-origin:0 0
}

.input-field .prefix {
position:absolute;
width:40px;
font-size:2rem;
transition:color .2s
}

.input-field .prefix.active {
color:#0980f4
}

.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .autocomplete-content {
margin-left:3rem;
width:92%;
width:calc(100% - 3rem)
}

.input-field .prefix ~ label {
margin-left:3rem
}

.input-field input[type=search] {
display:block;
line-height:inherit
}

.nav-wrapper .input-field input[type=search] {
height:inherit;
padding-left:4rem;
width:calc(100% - 4rem);
border:0;
box-shadow:none
}

.input-field input[type=search]:focus {
background-color:#fff;
border:0;
box-shadow:none;
color:#444
}

.input-field input[type=search]:focus + label i,.input-field input[type=search]:focus ~ .mdi-navigation-close,.input-field input[type=search]:focus ~ .material-icons {
color:#444
}

.input-field input[type=search] + label {
left:1rem
}

.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons {
position:absolute;
top:0;
right:1rem;
color:transparent;
cursor:pointer;
font-size:2rem;
transition:.3s color
}

.help-block-wrapper {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
white-space:normal
}

.help-block {
display:none
}

.has-error .help-block,.has-warning .help-block,.has-success .help-block {
font-size:12px;
color:#f6695e;
min-height:1rem;
line-height:normal;
padding-top:.5rem;
display:block;
white-space:normal;
text-align:right;
-webkit-tap-highlight-color:transparent;
-webkit-flex:1 1 auto;
flex:1 1 auto
}

.has-error .done,.has-error .error,.has-error .warning,.has-warning .done,.has-warning .error,.has-warning .warning,.has-success .done,.has-success .error,.has-success .warning {
display:inline
}

.has-warning .help-block {
color:#ffbe00
}

.has-success .help-block {
color:#00bd00
}

.box-input-field label {
color:rgba(0,0,0,0.87);
position:static;
transform-origin:0 0;
transform:translateY(0);
margin-bottom:5px;
display:block
}

.box-input-field label:not(.label-icon).active {
transform:translateY(0) scale(1);
transform-origin:0 0
}

.ob .horizontal-form {
max-width:480px;
width:100%;
margin-left:auto;
margin-right:auto
}

.ob .location input:not([type]),.ob .location input[type=text]:not(.browser-default) {
padding-right:38px;
margin:0;
box-sizing:border-box
}

.ob .location .my-location {
display:block
}

.ob .location .my-location > .material-icons {
color:rgba(0,0,0,0.54)
}

.ob .location .my-location:hover > .material-icons {
color:rgba(0,0,0,0.87);
cursor:pointer
}

.file-field {
position:relative
}

.file-field input.file-path {
width:100%
}

.file-field input[type=file] {
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
margin:0;
padding:0;
font-size:20px;
cursor:pointer;
opacity:0;
filter:alpha(opacity=0)
}

.file-field input[type=file]::-webkit-file-upload-button {
display:none
}

.file-field--btn {
border:1px solid rgba(0,0,0,0.12);
width:100px;
height:100px
}

.file-field--btn.uploaded .file-field-caption {
filter:alpha(opacity=100);
opacity:1
}

.file-field--btn .file-field-caption {
width:100%;
height:100%;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background-color:rgba(0,0,0,0.38)
}

.file-field--btn .file-field-caption .caption {
color:rgba(255,255,255,0.7);
line-height:1;
position:absolute;
left:0;
right:0;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}

.file-field--btn .file-field-caption .caption small {
margin-top:5px;
font-size:10px
}

.file-field--btn:hover .caption {
color:#fff
}

.file-field--btn .thumbnail {
height:98px;
width:98px;
border-radius:50%
}

.home .top-banner {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
background-image:url(../images/home/top-banner.jpg);
background-position:center;
background-size:cover;
min-height:90vh;
width:100%;
position:relative
}

.home .top-banner:after {
position:absolute;
content:'';
background-color:rgba(0,0,0,0.3);
width:100%;
height:100%;
left:0;
top:0
}

.home .top-banner .content {
width:600px;
margin:auto;
text-align:center;
z-index:1
}

.home .top-banner .content h1,.home .top-banner .content p {
color:#fff;
margin-bottom:20px;
text-shadow:2px 2px 2px rgba(0,0,0,0.7)
}

.home .top-banner .content p {
font-weight:500
}

.home .top-banner .current-status {
position:absolute;
width:100%;
height:40px;
background-color:rgba(0,0,0,0.75);
top:auto;
left:0;
bottom:0;
color:rgba(255,255,255,0.7);
line-height:40px;
font-size:1.28rem;
z-index:1
}

.home .top-banner .current-status > span,.home .top-banner .current-status > div,.home .top-banner .current-status > i {
display:inline-block;
padding:0 .15rem;
font-weight:500
}

.home .top-banner .current-status > div,.home .top-banner .current-status > i {
-ms-transform:translateY(-0.12rem);
-o-transform:translateY(-0.12rem);
-webkit-transform:translateY(-0.12rem);
transform:translateY(-0.12rem)
}

.home .top-banner .current-status > span {
font-size:1.57rem
}

.home .top-banner .current-status > i.material-icons {
font-size:.6rem
}

.mobile-app-download,.miscellaneous,.fixing-civic-issues-steps,.happy-voices,.success-stories,.coc {
padding-bottom:75px;
padding-top:75px
}

.mobile-app-download .cta,.miscellaneous .cta,.fixing-civic-issues-steps .cta,.happy-voices .cta,.success-stories .cta,.coc .cta {
margin-top:40px
}

.happy-voices .home-cs-happy-voices {
background-image:none;
height:28px;
width:32px;
position:relative;
top:4px
}

.happy-voices #carouselHappyVoices {
max-width:600px
}

.happy-voices #carouselHappyVoices .carousel-item p {
font-size:14px;
line-height:24px;
max-height:72px;
height:72px;
display:table-cell;
vertical-align:middle;
text-align:center;
width:600px
}

.happy-voices #carouselHappyVoices .citizen-name,.happy-voices #carouselHappyVoices .ward-name {
display:inline-block
}

.happy-voices #carouselHappyVoices .content {
display:inline-block;
margin-top:15px
}

.happy-voices #carouselHappyVoices .content .media-body {
width:auto
}

.happy-voices #carouselHappyVoices .citizen-name {
color:rgba(0,0,0,0.87)
}

.happy-voices #carouselHappyVoices .ward-name {
color:#8e8e8e
}

.happy-voices #carouselHappyVoices .view {
color:#8e8e8e;
font-size:.86rem;
text-decoration:underline
}

.happy-voices #carouselHappyVoices .view:hover {
color:rgba(0,0,0,0.87)
}

.happy-voices .carousel {
height:175px!important
}

.happy-voices .carousel.carousel-slider .carousel-item {
min-height:1px
}

.success-stories {
background-color:#4CAF50
}

.success-stories #carouselSuccessStories {
width:880px
}

.success-stories #carouselSuccessStories .carousel-item .title,.success-stories #carouselSuccessStories .carousel-item .date,.success-stories #carouselSuccessStories .carousel-item .view {
color:#fff
}

.success-stories #carouselSuccessStories .carousel-item .date {
background-color:rgba(255,255,255,0.12);
display:inline-block;
padding:2px 8px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}

.success-stories #carouselSuccessStories .carousel-item p {
color:rgba(255,255,255,0.7);
max-height:112px;
overflow-y:hidden;
font-weight:300;
margin-bottom:5px;
line-height:28px
}

.success-stories #carouselSuccessStories .carousel-item .view {
color:rgba(255,255,255,0.7);
text-decoration:underline
}

.success-stories #carouselSuccessStories .carousel-item .view:hover {
color:#fff
}

.success-stories .carousel {
height:250px!important
}

.success-stories .carousel.carousel-slider .carousel-item {
min-height:1px
}

.coc {
background-color:#f5f5fd
}

.coc #carouselCOC {
height:440px;
width:882px
}

.coc #carouselCOC.carousel .carousel-item {
width:100%
}

.coc #carouselCOC.carousel .carousel-thumbnail {
background-clip:content-box;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
overflow:hidden;
height:400px;
width:280px;
margin:0 7px;
position:relative;
float:left
}

.coc #carouselCOC.carousel .carousel-thumbnail:before {
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background-color:rgba(0,0,0,0.12)
}

.coc #carouselCOC.carousel .carousel-thumbnail .content {
position:absolute;
top:auto;
bottom:0;
width:100%;
padding:15px;
text-align:center
}

.coc #carouselCOC.carousel .carousel-thumbnail .content .title,.coc #carouselCOC.carousel .carousel-thumbnail .content p,.coc #carouselCOC.carousel .carousel-thumbnail .content .modal-trigger {
color:#fff
}

.coc #carouselCOC.carousel .carousel-thumbnail .content .title,.coc #carouselCOC.carousel .carousel-thumbnail .content p {
text-shadow:2px 2px 2px rgba(0,0,0,0.54)
}

.coc #carouselCOC.carousel .carousel-thumbnail .content p {
margin-bottom:10px
}

.mobile-app-download {
padding-bottom:95px
}

.mobile-app-download .content {
width:600px
}

.mobile-app-download .content > p {
color:rgba(0,0,0,0.54);
font-weight:500
}

.mobile-app-download .mobile-content {
position:relative;
display:block;
height:340px
}

.mobile-app-download .mobile-content:hover .t210x340 {
height:360px;
top:0
}

.mobile-app-download .mobile-content .bottom {
position:absolute;
bottom:-20px;
top:auto;
width:100%;
background-color:rgba(0,0,0,0.54);
padding:10px;
text-align:center;
border-radius:6px;
height:75px
}

.mobile-app-download .mobile-content .t210x340 {
height:340px;
width:210px;
left:0;
position:absolute;
right:0;
top:20px;
margin:0 auto;
overflow:hidden;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}

.miscellaneous .news,.miscellaneous .neighbourhood,.miscellaneous .maps {
height:100px;
margin:0 auto 30px;
width:100px;
position:relative
}

.miscellaneous .news {
background-color:#fd9840
}

.miscellaneous .neighbourhood {
background-color:#de675c
}

.miscellaneous .maps {
background-color:#8dc349
}

.miscellaneous .title {
color:rgba(0,0,0,0.87);
margin-bottom:20px;
text-align:center
}

.miscellaneous a.link-primary {
display:inline-block;
margin-top:.5rem
}

.miscellaneous a.link-primary > span {
font-size:1.5rem;
transform:translateY(1px);
display:inline-block;
margin-left:5px
}

.fixing-civic-issues-steps {
background:url(../images/home/fixing-civic-issues-background.png) 65% 30% no-repeat #83ba4e;
display:block
}

.fixing-civic-issues-steps .bitter,.fixing-civic-issues-steps .ob .header .content .title,.ob .header .content .fixing-civic-issues-steps .title {
color:#fff
}

.fixing-civic-issues-steps .steps {
border:3px solid #73a345;
color:#b4ec80;
background-color:#83ba4e;
width:55px;
height:55px;
display:block;
border-radius:100%;
font-size:2rem;
text-align:center;
line-height:49px;
margin:45px auto 20px
}

.fixing-civic-issues-steps .title {
color:#fff;
margin-bottom:20px;
text-align:center
}

.fixing-civic-issues-steps p {
color:#fff
}

.option-border {
display:flex;
width:100%;
height:50px
}

.option-border > div {
height:1px;
margin:auto;
display:flex;
width:100%;
background-color:rgba(0,0,0,0.12)
}

.option-border > div > span {
margin:-10px auto auto;
display:inline-block;
background-color:#fff;
width:30px;
text-align:center;
color:rgba(0,0,0,0.38)
}

footer {
padding:45px 0 15px;
background-color:#333;
font-size:.86rem
}

footer .brand-logo {
display:flex
}

footer .title {
color:#fff
}

footer ul > li > a {
color:rgba(255,255,255,0.7);
font-size:.86rem
}

footer ul > li > a:hover {
color:#fff
}

footer hr {
margin:1rem -1rem;
border:1px solid rgba(72,72,72,0.9);
position:relative
}

footer hr:before {
border:1px solid rgba(0,0,0,0.5);
position:absolute;
width:100%;
content:"";
left:0;
top:-3px
}

footer .partner .brand-ph {
line-height:38px
}

footer .partner .brand-ph > a,footer .partner .brand-ph > span {
color:rgba(255,255,255,0.7);
display:inline-block;
vertical-align:middle
}

footer .partner .brand-ph > a > img,footer .partner .brand-ph > span > img {
vertical-align:middle;
margin-right:.6rem
}

footer .partner .brand-ph a:hover {
color:#fff
}

.slider {
position:relative;
height:400px;
width:100%
}

.slider.fullscreen {
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.slider.fullscreen ul.slides {
height:100%
}

.slider.fullscreen ul.indicators {
z-index:2;
bottom:30px
}

.slider .slides {
background-color:transparent;
margin:0;
height:400px
}

.slider .slides li {
opacity:0;
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:inherit;
overflow:hidden
}

.slider .slides li img {
height:100%;
width:100%;
background-position:center;
background-repeat:no-repeat
}

.slider .slides li .caption {
color:#fff;
position:absolute;
top:15%;
left:15%;
width:70%;
opacity:0
}

.slider .slides li .caption p {
color:rgba(0,0,0,0.12)
}

.slider .slides li.active {
z-index:2
}

.slider .indicators {
position:absolute;
text-align:center;
left:0;
right:0;
bottom:0;
margin:0
}

.slider .indicators .indicator-item {
display:inline-block;
position:relative;
cursor:pointer;
height:16px;
width:16px;
margin:0 12px;
background-color:rgba(0,0,0,0.12);
transition:background-color .3s;
border-radius:50%
}

.slider .indicators .indicator-item.active {
background-color:#fff
}

.slider-control {
position:absolute;
height:100%;
top:0;
left:0;
width:10%;
z-index:2;
transition:all .3s ease .1s
}

.slider-control .material-icons {
color:rgba(0,0,0,0.38);
font-size:48px;
position:absolute;
top:50%;
left:0;
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}

.slider-control.next {
left:auto;
right:0
}

.slider-control.next .material-icons {
left:auto;
right:0
}

.slider-control:hover .material-icons {
color:rgba(0,0,0,0.87)
}

.slider-control.no-slider {
-ms-opacity:0;
opacity:0;
cursor:default
}

.modal.modal-slider,.modal.modal-slider-middle {
background-color:#fff;
top:50%!important;
-ms-transform:scaleX(1) translateY(-50%)!important;
-o-transform:scaleX(1) translateY(-50%)!important;
-webkit-transform:scaleX(1) translateY(-50%)!important;
transform:scaleX(1) translateY(-50%)!important
}

.modal.modal-slider .modal-content,.modal.modal-slider-middle .modal-content {
padding:0
}

.modal.modal-slider.top-0,.modal.modal-slider-middle.top-0 {
top:0!important;
-ms-transform:scaleX(1) translateY(0)!important;
-o-transform:scaleX(1) translateY(0)!important;
-webkit-transform:scaleX(1) translateY(0)!important;
transform:scaleX(1) translateY(0)!important
}

@media (min-width: 1200px) and (min-height: 600px) {
.modal.modal-slider {
width:1024px;
min-height:629px;
max-height:629px
}

.modal.modal-slider .modal-content {
padding:0
}

.modal.modal-slider .ms .ms-img,.modal.modal-slider .ms .ms-card {
height:629px
}

.modal.modal-slider .ms .ms-card {
overflow-y:auto
}
}

@media screen and (max-width: 1200px),screen and (max-height: 599px) {
.modal.modal-slider {
width:768px;
min-height:495px;
max-height:495px
}

.modal.modal-slider .ms .ms-img,.modal.modal-slider .ms .ms-card {
height:495px
}

.modal.modal-slider .ms .ms-card {
overflow-y:auto
}
}

@media only screen and (max-width: 991px) {
.modal.modal-slider {
width:100%;
padding:.5rem;
min-height:auto;
max-height:min-content;
background-color:#fff
}

.modal.modal-slider .ms .ms-img {
height:70vh;
width:100%
}
}

.ms .ms-img {
position:relative
}

.ms > .row > .col {
padding:0
}

.ms > .row > .col .card {
margin-top:0
}

.ms .ms-card {
background-color:#fff
}

.carousel {
overflow:hidden;
position:relative;
width:100%;
height:400px;
perspective:500px;
transform-style:preserve-3d;
transform-origin:0 50%
}

.carousel.carousel-slider {
top:0;
left:0
}

.carousel.carousel-slider .carousel-fixed-item {
position:absolute;
left:0;
right:0;
bottom:20px;
z-index:1
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
bottom:68px
}

.carousel.carousel-slider .carousel-item {
width:100%;
height:100%;
min-height:400px;
position:absolute;
top:0;
left:0
}

.carousel.carousel-slider .carousel-item h3 {
font-weight:500
}

.carousel .carousel-item {
display:none;
width:200px;
height:200px;
position:absolute;
top:0;
left:0
}

.carousel .carousel-item > img {
width:100%
}

.carousel .indicators {
position:absolute;
text-align:center;
left:0;
right:0;
bottom:0;
margin:0
}

.carousel .indicators .indicator-item {
display:inline-block;
position:relative;
cursor:pointer;
height:12px;
width:12px;
margin:16px 4px 0;
background-color:rgba(0,0,0,0.12);
transition:background-color .3s;
border-radius:50%
}

.carousel .indicators .indicator-item:hover {
background-color:rgba(0,0,0,0.38)
}

.carousel .indicators .indicator-item.active {
background-color:#0980f4
}

.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed {
pointer-events:none
}

.ob {
background-color:#f5f5f5
}

.ob .header,.ob .body,.ob .footer {
padding:14px
}

.ob .header .content,.ob .header .guide-list,.ob .body .content,.ob .body .guide-list,.ob .footer .content,.ob .footer .guide-list {
max-width:480px
}

@media (min-width: 992px) {
.ob .header .content {
max-width:1170px;
text-align:center
}

.ob .header .content .media {
display:inline-block
}

.ob .header .content .media-body {
width:auto
}
}

.ob .footer {
background-color:#fff;
z-index:1;
-o-box-shadow:0 -1px 6px 1px rgba(0,0,0,0.2);
-ms-box-shadow:0 -1px 6px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:0 -1px 6px 1px rgba(0,0,0,0.2);
box-shadow:0 -1px 6px 1px rgba(0,0,0,0.2)
}

.ob .bottom-fixed-footer,.ob .scroll-fixed-bottom {
position:fixed;
top:auto;
left:0;
width:100%;
bottom:0;
transition:all .3s ease-in-out .1ms
}

.ob .scroll-fixed-bottom {
filter:alpha(opacity=0);
opacity:0;
z-index:-1
}

.ob .scroll-fixed-bottom.in {
filter:alpha(opacity=100);
opacity:1;
z-index:1
}

.ob .header {
position:relative;
background-color:#fff;
z-index:1
}

.ob .header .content .profile-photo {
height:50px
}

@media only screen and (min-width: 992px) {
.ob .header .content .profile-photo {
height:100px
}
}

.ob .header .content .title {
font-size:16px;
font-weight:700;
line-height:21px;
margin:0
}

@media only screen and (min-width: 992px) {
.ob .header .content .title {
font-size:20px;
font-weight:400;
line-height:24px
}
}

.ob .header:after {
background-color:#0980f4;
position:absolute;
left:0;
bottom:-3px;
top:auto;
content:"";
width:20%;
height:3px
}

.ob .mb-body {
margin-bottom:68px
}

.ob .mb-body.card-body {
margin-bottom:82px
}

.ob .maps {
position:relative
}

.ob .guide-list {
margin-top:30px
}

.ob .guide-list .guide {
color:rgba(0,0,0,0.87);
font-size:16px;
font-weight:500;
line-height:21px
}

@media only screen and (min-width: 992px) {
.ob .guide-list .guide {
font-size:18px;
line-height:21px
}
}

.modal-overlay.in {
display:block;
filter:alpha(opacity=50);
opacity:.5
}

.city-not-selected #cities.in {
display:block!important
}

.city-not-selected [data-activates="cities"] {
background-color:rgba(0,0,0,0.6)!important
}

.ladda-button {
position:relative
}

.ladda-button .ladda-spinner {
position:absolute;
z-index:2;
display:inline-block;
width:32px;
top:50%;
margin-top:0;
opacity:0;
pointer-events:none
}

.ladda-button .ladda-label {
position:relative;
z-index:3
}

.ladda-button .ladda-progress {
position:absolute;
width:0;
height:100%;
left:0;
top:0;
background:rgba(0,0,0,0.2);
visibility:hidden;
opacity:0;
-webkit-transition:.1s linear all!important;
-moz-transition:.1s linear all!important;
-ms-transition:.1s linear all!important;
-o-transition:.1s linear all!important;
transition:.1s linear all!important
}

.ladda-button[data-loading] .ladda-progress {
opacity:1;
visibility:visible
}

.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label {
-webkit-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
-moz-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
-ms-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
-o-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important
}

.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label {
-webkit-transition:.3s ease all!important;
-moz-transition:.3s ease all!important;
-ms-transition:.3s ease all!important;
-o-transition:.3s ease all!important;
transition:.3s ease all!important
}

.ladda-button[data-style=expand-right] .ladda-spinner {
right:-6px
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
right:-12px
}

.ladda-button[data-style=expand-right][data-loading] {
padding-right:56px
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
opacity:1
}

.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
padding-right:40px
}

.ladda-button[data-style=expand-left] .ladda-spinner {
left:26px
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
left:4px
}

.ladda-button[data-style=expand-left][data-loading] {
padding-left:56px
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
opacity:1
}

.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
padding-left:40px
}

.ladda-button[data-style=expand-up] {
overflow:hidden
}

.ladda-button[data-style=expand-up] .ladda-spinner {
top:-32px;
left:50%;
margin-left:0
}

.ladda-button[data-style=expand-up][data-loading] {
padding-top:54px
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
opacity:1;
top:26px;
margin-top:0
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
padding-top:32px
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
top:4px
}

.ladda-button[data-style=expand-down] {
overflow:hidden
}

.ladda-button[data-style=expand-down] .ladda-spinner {
top:62px;
left:50%;
margin-left:0
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
top:40px
}

.ladda-button[data-style=expand-down][data-loading] {
padding-bottom:54px
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
opacity:1
}

.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
padding-bottom:32px
}

.ladda-button[data-style=slide-left] {
overflow:hidden
}

.ladda-button[data-style=slide-left] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-left] .ladda-spinner {
left:100%;
margin-left:0
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
opacity:0;
left:-100%
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
opacity:1;
left:50%
}

.ladda-button[data-style=slide-right] {
overflow:hidden
}

.ladda-button[data-style=slide-right] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-right] .ladda-spinner {
right:100%;
margin-left:0;
left:16px
}

[dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner {
right:auto
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
opacity:0;
left:100%
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
opacity:1;
left:50%
}

.ladda-button[data-style=slide-up] {
overflow:hidden
}

.ladda-button[data-style=slide-up] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-up] .ladda-spinner {
left:50%;
margin-left:0;
margin-top:1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
opacity:0;
top:-1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
opacity:1;
margin-top:0
}

.ladda-button[data-style=slide-down] {
overflow:hidden
}

.ladda-button[data-style=slide-down] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-down] .ladda-spinner {
left:50%;
margin-left:0;
margin-top:-2em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
opacity:0;
top:1em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
opacity:1;
margin-top:0
}

.ladda-button[data-style=zoom-out] {
overflow:hidden
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
left:50%;
margin-left:32px;
-webkit-transform:scale(2.5);
-moz-transform:scale(2.5);
-ms-transform:scale(2.5);
-o-transform:scale(2.5);
transform:scale(2.5)
}

.ladda-button[data-style=zoom-out] .ladda-label {
position:relative;
display:inline-block
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
opacity:0;
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5)
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
opacity:1;
margin-left:0;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}

.ladda-button[data-style=zoom-in] {
overflow:hidden
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
left:50%;
margin-left:-16px;
-webkit-transform:scale(0.2);
-moz-transform:scale(0.2);
-ms-transform:scale(0.2);
-o-transform:scale(0.2);
transform:scale(0.2)
}

.ladda-button[data-style=zoom-in] .ladda-label {
position:relative;
display:inline-block
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
opacity:0;
-webkit-transform:scale(2.2);
-moz-transform:scale(2.2);
-ms-transform:scale(2.2);
-o-transform:scale(2.2);
transform:scale(2.2)
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
opacity:1;
margin-left:0;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}

.ladda-button[data-style=contract] {
overflow:hidden;
width:100px
}

.ladda-button[data-style=contract] .ladda-spinner {
left:50%;
margin-left:0
}

.ladda-button[data-style=contract][data-loading] {
border-radius:50%;
width:52px
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
opacity:0
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
opacity:1
}

.ladda-button[data-style=contract-overlay] {
overflow:hidden;
width:100px;
box-shadow:0 0 0 2000px rgba(0,0,0,0)
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
left:50%;
margin-left:0
}

.ladda-button[data-style=contract-overlay][data-loading] {
border-radius:50%;
width:52px;
box-shadow:0 0 0 2000px rgba(0,0,0,0.8)
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
opacity:0
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
opacity:1
}

[dir="rtl"] .ladda-spinner > div {
left:25%!important
}