.screen-reader-text {position:absolute; left:-9999px;}

#flashMessage {position:fixed; bottom:20px; right:20px; z-index:20000; padding:20px; background:#fff; border:0; box-shadow:0 0 5px #888; width:350px;}
#flashMessage.success {padding-left:45px;}
#flashMessage.success:after {content:"\f05d"; font-family:FontAwesome; position:absolute; top:22px; left:20px; color:green;}
#flashMessage.error {padding-left:45px;}
#flashMessage.error:after {content:"\f00d"; font-family:FontAwesome; position:absolute; top:22px; left:20px; color:#d00;}

.important {position:relative; text-align:center; background:#d6edff; padding:10px 0; border:1px solid #1386b8; border-radius:3px;}
.important:before {content: "\f071"; font-family: FontAwesome; font-style: normal; font-weight: normal; color:#1386b8; text-decoration: inherit; margin: 0; z-index: 1; margin-right:5px;}
.important-left {text-align:left; padding-left:40px; margin-bottom:30px;}
.important-left:before {position:absolute; left:15px; top:20px;}

.back-link {float:right; margin-top:10px;}

h2 {font-family: bernhard-gothic-urw; font-weight:700; font-style:normal; font-size:150%; margin-bottom:20px; margin-top:0;}
h3 {text-transform: uppercase; font-size:80%;}

a {color:#d00;}
a:hover, a:focus {color:#000 !important; text-decoration:underline !important;}

.outer-wrapper {position:relative;}

header {max-width:1100px; margin:0 auto; position:relative;}
#wrapper {max-width:1100px; margin:0 auto; position:relative;}

h1 {position:absolute; left:-9999px;}

.logo {overflow:auto; padding:23px 0;}
.logo a img {display:block; float:left; height:30px; margin-bottom:0px;}

.mobile-menu {display:none;}
nav {position:absolute; top:0px; right:0; z-index:10000}
nav ul {margin:0; padding:0; list-style:none;}
nav #menu.logged-in ul {/* margin-right:10px; */}
nav ul li {float:left;}
nav ul li a {font-weight:500;display:block;text-decoration:none;color:#000;padding:25px 35px; font-family:"bernhard-gothic-urw"; font-weight:700; }
nav ul li a:last-child {padding-right:0; margin-right:0;}
nav ul li a:hover, nav ul li a:focus {color:#d00 !important; text-decoration:underline;}
nav ul li.my-account span {margin-right:5px;}
nav ul li.btn-register a {background:#d00; border-radius:3px; color:#fff; margin-left:20px; padding:10px 25px; margin-top:15px;}
nav ul li.btn-register a:hover, nav ul li.btn-register a:focus {background:#000; color:#fff !important; text-decoration:underline;}
nav ul li ul {display:none;}
nav ul li:hover ul {display:block; position:absolute; width:200px; margin-top:-10px; margin-left:15px; box-shadow:0 0px 3px #777;}
nav ul li:hover ul li a {padding:10px; background:#fff; border-bottom:1px solid #ddd;}
nav ul li:hover ul li a:hover {background:#d00; color:#fff !important;}
nav ul li.my-account:hover ul {right:0; margin-top:60px;}
nav ul li.my-account:hover ul li a:hover, nav ul li.my-account:hover ul li a:focus {background:#d00; color:#fff !important;}
nav ul li ul li {float:none;}

.breadcrumbs {min-height:40px; background:#f7f7f7;}
.breadcrumbs ul {margin:0 auto; padding:0; list-style:none; max-width:1100px; display:flex; flex-wrap:wrap;}
.breadcrumbs ul li {padding:10px 10px 10px 0;}
.breadcrumbs ul li:before {content:"\f105"; font-family:FontAwesome; font-size:70%; margin:0 7px 0 0px;}
.breadcrumbs ul li:first-child:before, .breadcrumbs ul li:nth-child(2):before {content:""; margin:0;}

.btn, .button {display:inline-block; padding:10px 20px; background:#d00; color:#fff; text-decoration:none; border-radius:3px;}
.btn:hover, .btn:focus {text-decoration:underline; background:#000; color:#fff !important;}
.button {margin:30px auto;}

.join-link {margin-bottom:20px; width:100%; box-sizing:border-box; text-align:center;}
.leave-link {margin-bottom:20px; width:100%; box-sizing:border-box; background:#aaa; text-align:center;}

.container {margin-top:30px;}
h2.primary {text-align:left; margin-top:0;}
.main-content {text-align:center; min-height:300px;}
.banners-advertise .main-content {min-height:0;}

.btn-filter {display:none;}
.upgrade-link {text-align:center; margin-bottom:20px; width:100%;}

.intro {background-size:80%; margin:-70px 0; padding:0px 0 100px 0; position:relative; min-height:350px;}
.intro h2 {}
.intro .content {max-width:1100px; margin:0 auto;}
.intro .content p {max-width:500px; margin:0 0 30px 0;}
.intro .cta {margin:0; padding:0; list-style: none; display:flex; width:48%;}
.intro .cta li {width:50%; margin-right:5%; background:#fff;}
.intro .cta a {width:90%; display:block; text-align:center;}
.intro .quinfo-video {position:absolute; top:10px; right:0px;}
.intro .quinfo-video h2 {display:none;}
.intro .quinfo-video iframe {width:550px; height:350px !important; margin-left:50px;  box-shadow:0 0 5px #999; border:1px solid #b7b7b7;}

 @media screen and (max-width: 768px) {
	.intro {margin-top:20px;}
 }

h3 span.fa {margin-left:3px;}
h3 span.icon-trending {color:#d00;}
h2 span.fa {margin-left:5px; font-size:70%; color:#d00;}

.flag-trending {position:absolute; top:0; right:10px; padding:3px 6px;background:#d00; color:#fff; font-size:60%; box-shadow:0 2px 3px #888; border:1px solid #ad1c1c; border-top:0;}

.item-list { border-top:1px solid #eee; padding:30px 0 0 0; margin:0px 0 30px 0;}
.item-list h3 {margin-top:0;}
.item-list .items {margin:0; padding:0; list-style:none; display:flex;}
.item-list .items li {margin-right:20px;}
.item-list .items li:last-child {margin-right:0;}
.item-list .items li .image {width:260px; height:150px; margin-bottom:10px;}
.item-list .items li .image a img {display:block; border:0; object-fit:cover; width:100%; height:100%;}
.item-list .items li .text a {display:block; text-decoration:none; color:#000;}
.item-list .items li .text a:hover, .item-list .items li .text a:focus, .item-list .items li:hover .text a {color:#d00 !important; text-decoration: underline;}

.benefits {padding:40px 0;}
.benefits h2 {text-align:center;}
.benefits .boxes {margin:0; padding:0; list-style:none; display:flex; justify-content:center;}
.benefits .box {width:360px; background:#d00; margin:20px 10px; border-radius:5px; box-sizing:border-box; padding:20px 50px; text-align:center; color:#fff; line-height:1.5em;}
.benefits .box h3 {font-size:120%;}
.benefits-page .benefits {padding-top:0;}
.benefits-page .benefits h2 {margin-top:0;}
.benefits-page .cta-block {padding-bottom:0;}

.features h2 {text-align:center;}
.features .feature-list {margin:0; padding:0; list-style:none;}
.features .feature-list li {margin-bottom:40px;}
.features .icon {height:36px; background:url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/circle-check.png) left center no-repeat; background-size:36px;}
.features h3 {color:#d00;}
.features .col1 {text-align:right;}
.features .col1 .icon {background-position:right center;}
.features .cols3 {display:flex; justify-content:center; align-items:center;}
.features .cols3 .col {width:33%; }
.features .cols3 .col2 {min-height:550px; background:url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/iphone.png) bottom center no-repeat; background-size:1000px;}
.features-page .features {padding-top:0; padding-bottom:70px;}
.features-page .features h2 {margin-top:0;}
.features-page .cta-block {padding-bottom:0;}

.pricing {background:#f7f7f7; padding:70px;}
.home .pricing {margin-bottom:50px;}
.pricing h2 {margin-top:0; text-align:center;}
.pricing .cols3 {display:flex;}
.pricing .col {width:33%; text-align:center;}
.pricing h3 {color:#d00;}
.pricing .icon {width:41px; height:41px; background:url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/circle-star.png) center center no-repeat; background-size:100%; margin:0 auto;}
.pricing .btn {margin-top:30px;}
.pricing-page .pricing {margin-bottom:70px;}
.pricing-page .gallery {padding-top:0;}

.gallery {padding:70px 0;}
.gallery-items {margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center;}
.gallery-items li {width:263px; height:263px; background:#f7f7f7; margin:10px; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.gallery-items li a img {object-fit:cover; height:100%; width:100%;}
.gallery-items li:hover, .gallery-items li:focus {opacity:0.8;}
.gallery-items li.cols2 {width:546px; box-sizing:border-box; padding:50px; background:#fff; border:1px solid #eee;}
.gallery-items li.cols2 .smalltext {color:#d00; font-size:90%;}
.gallery-items li.cols2 h2 {margin:15px 0 10px 0;}

.cta-block {text-align:center; padding-bottom:70px;}
.cta-block h2 {margin-top:0;}
.cta-block p {max-width:45%; margin:40px auto;}
.cta-block .btn {margin:0 5px; width:100px;}

.register{margin:40px 0 60px 0;background-color:#fff;text-align:center;}
.register h2{font-size:200%;margin:0;}
.smedia-register{display:inline-block;width:100%;max-width:800px;list-style:none;margin:0;padding:0;}
.smedia-register li{display:inline-block;padding:10px;width:100%;max-width:380px;height:80px;line-height:60px;box-sizing:border-box;}
.smedia-register li a{display:block;color:#fff;text-decoration:none;font-size:110%;border-radius:4px;}
.smedia-register li a i{font-size:120%;padding:0 8px 0 0;}
.smedia-register li a:hover, .smedia-register li a:focus{color:#fff !important;}
#fb{background-color:#3B5998;}
#tw{background-color:#3EA2F7;}

.user-login .smedia-register {max-width:500px;}
.user-login .smedia-register li {padding:0;}
.user-login .smedia-register li a {text-align:center;}

.registrationForm ul{display:inline-block;max-width:800px;list-style:none;margin:0;padding:0;text-align:center; min-width:50%;}
.registrationForm ul li{display:inline-block;padding:10px;width:100%;max-width:380px;box-sizing:border-box;}
.registrationForm ul li.cols1 {max-width:766px;}
.registrationForm ul .input label {display:block; text-align:left; position:absolute; left:-9999px;}
.registrationForm ul .input input{padding:0 20px;width:100%;height:60px;box-sizing:border-box;background-color:#EEEEEE;border:0;border-radius:4px; -webkit-appearance:none;}
.registrationForm ul .input input:focus{border:1px solid #DD0000;}
.registrationForm ul .checkbox {display:flex; justify-content:center;}
.registrationForm ul .checkbox label {position:static; display:block;}
.registrationForm ul .checkbox input {-webkit-appearance:checkbox; width:auto; height:auto; float:left;}
.registrationForm .submit input{-webkit-appearance:none; background:#d00; border:0; padding:10px 20px; border-radius:3px; color:#fff; margin:20px 0;}
.registrationForm .submit input:hover, .registrationForm .submit input:focus{background:#000; cursor:pointer;}

.user-login {padding:120px 80px; margin-bottom:70px; background:#f7f7f7 url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/macbook.png) right center no-repeat; background-size:100%;}
.user-login h2 {margin-top:0;}
.user-login p.content {width:40%;}
.user-login p.instructions {font-size:80%; font-weight:bold;}
.user-login label {text-transform:uppercase; font-size:80%; display:block; position:absolute; left:-9999px;}
.user-login .required label:after {content:" *"; color:#f00;}
.user-login .input {margin-bottom:20px;}
.user-login .input input {padding:20px; border:0; border-radius:3px; width:30%;}
.submit input {-webkit-appearance:none; background:#d00; border:0; padding:10px 20px; border-radius:3px; color:#fff;}
.submit input:hover, .submit input:focus {background:#000; cursor:pointer;}
.user-login .checkbox label {position:static; display:block; padding-top:2px; cursor:pointer;}
.user-login .checkbox input {float:left; width:auto;}

.search-bar form {display:flex; align-items:center; justify-content:center; width:100%; margin-bottom:40px;}
.search-bar .input label {position:absolute; left:-9999px;}
.search-bar .input input[type=text] {padding:20px; -webkit-appearance:none; border:1px solid #ddd; border-radius:5px 0 0 5px; box-sizing:border-box; width:600px;}
.search-bar button {-webkit-appearance:none; border:0; padding:21px 20px; border-radius:0 5px 5px 0; background:#dddd; color:#000;}
.search-bar button:hover, .search-bar button:focus {cursor:pointer; background:#d00; color:#fff;}

.listings-index {margin-top:30px;}
.container .page-head {display:flex; margin-bottom:30px; align-items:center;}
.container .page-head .title {width:372px; margin:0;}
.container .page-head .title h2 {margin-bottom:10px;}
.container .page-head .adsbygoogle {margin:0;}
.container .page-head .adsense { width:728px; margin:0;background:#f7f7f7;height: 90px;}
.container .page-content {overflow:hidden; border-bottom:1px solid #eee;}
.container .page-content .left {float:left; margin-right:20px; width:260px;}
.container .page-content .left h3 {margin-top:0; font-size:100%;}
.container .page-content .right {float:left; width:820px; display:flex; flex-wrap:wrap;}
.container .page-content .right .adsense-horizontal {width:100%; text-align:right !important; margin:0;}
.container .page-content .right .adsbygoogle {width:728px; height:90px; background:#f7f7f7; margin:0;}

.container .page-content .left .input input {width:100%; padding:10px; box-sizing:border-box; border-radius:3px; border:1px solid #ddd; -webkit-appearance:none; font:inherit; font-size:90%;}
.container .page-content .left .input label {font-size:90%;}
.container .page-content .left .search-filter p {margin:20px 0 5px 0;}
.container .page-content .left .search-filter p b {font-weight:300; font-size:90%;}
.container .page-content .left .search-filter .year-range label {position:absolute; left:-9999px;}
.container .page-content .left .search-filter .year-range input {margin-top:0; padding:10px !important; font-size:90%;}
.container .page-content .left .select label {display:block; margin-bottom:5px;}
.container .page-content .left .select select {padding:10px; width:100%; box-sizing:border-box; margin-bottom:20px; -webkit-appearance:none; border:1px solid #ddd; border-radius:3px;  font:inherit; font-size:90%;}
.container .page-content .left .submit {text-align:right; margin-bottom:30px;}
.container .page-content .left .submit button {border:0; background:#d00; -webkit-appearance:none; color:#fff; font-weight:bold; padding:10px 20px; border-radius:3px;}

.listings-view {margin-top:30px;}
.listings-view .page-content .left {width:810px; margin-right:30px;}
.listings-view .page-content .right {width:260px;}

.tabber {margin:0; padding:0; list-style:none; display:flex;}
.tabber li:before {content:"/"; margin:0 7px;}
.tabber li:first-child:before {content:none;}
.tabber li a:hover, .tabber li a:focus {}
.tabber li a.active {color:#000 !important; text-decoration:none;}

.listings-index .listings {margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.listings-index .listings li {width:260px;margin:0 20px 0 0;margin-bottom:30px;/* overflow: hidden; */position: relative; border-bottom:1px solid #eee; padding-bottom:10px;}
.listings-index .listings li:nth-child(3n+3) {margin-right:0;}
.listings-index .listings li .image {height: 150px;overflow:hidden;background:#f7f7f7;display:flex;align-items:center;justify-content:center;}
.listings-index .listings li .image a img {object-fit:cover; height:100%; width:100%;}
.listings-index .listings li h3 {font-size:100% !important; margin-bottom:5px; padding:0px; margin-top:5px;}
.listings-index .listings li h3 a {display:block; text-decoration:none; color:#000;}
.listings-index .listings li .user a {display:block; float:left; color:#888; text-decoration:none; font-size:80%; text-transform:uppercase; margin-left:0px;}
.listings-index .listings li .location a {display:block; float:right; text-decoration:none; font-size:80%; text-transform:uppercase; }
.no-image {width:70px !important; height:auto !important;}
.results-text {text-align:center; margin-bottom:40px; width:100%;}

#pagenums {width:100%;/* overflow: hidden; */margin-bottom: 30px;}
#pagenums ul {margin:0px 0;padding:0;list-style:none;display:flex;justify-content:flex-end;width:100%;/* overflow: hidden; */}
#pagenums ul li a, #pagenums ul li.current {display:block; padding:5px 10px;}
#pagenums ul li a:hover, #pagenums ul li a:focus {background:#d00; color:#fff !important; text-decoration:none !important; border-radius:3px;}

.listings-view .right .adsense {width:100%; height:auto; margin-bottom:20px;}
.listings-view .right .adsense .adsbygoogle {max-width:100%; height:auto !important; background:transparent; margin:0;}
.listings-view .right h3 {margin-top:0;}

.listings-view .btn-website {float:right; background:green;}

.listings-view .tabber {border-bottom:1px solid #ddd; position:relative; margin-bottom:20px;}
.listings-view .tabber li:before {content:none; padding:0; margin:0;}
.listings-view .tabber li a {display:block; padding:8px 10px; background:#f7f7f7; border:1px solid #ddd; margin-right:-1px; margin-bottom:-1px; min-width:100px; text-align:center; font-size:90%; color:#333; text-decoration:none;}
.listings-view .tabber li a:hover, .listings-view .tabber li a:active {background:#d00; color:#fff !important;}
.listings-view .tabber li a.active {background:#fff; border-bottom:1px solid #fff; color:#333 !important; text-decoration:none !important;}

.big-image {text-align:center; background:#f7f7f7; position: relative;}
.big-image a img {width:100%; height:100%; display:block; margin:0 auto; object-fit:cover;}
.listing-thumbs {width:100%; overflow:hidden;}
.listing-thumbs ul {margin:1px 0 0 0; padding:0; list-style:none; display:flex; flex-wrap:nowrap; background:#f7f7f7; overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;}
.listing-thumbs ul li a img, .listing-thumbs ul li img {display:block; max-height:137px; margin-right:1px;}
.listing-thumbs ul li:last-child a img {margin-right:0;}
.listing-thumbs ul li {position:relative;}
.listing-thumbs ul li .icon360 {background:url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/quinfo-360-icon.png) center center no-repeat; background-size:100%; width:50px; height:50px; position:absolute; top:0; left:10px;}
.listing-thumbs ul li .panoramic {cursor:pointer;}

.listing-content {display:flex; align-items:top;}
.listing-content .left {width:30%; box-sizing:border-box; padding:30px 30px 30px 0;}
.listing-content .left p {margin:0;}
.listing-content .right {width:70%; padding-top:30px; min-height:400px;}
.neighbours-h3 {margin-bottom:0; text-align:center; margin-top:30px !important;}
.neighbours {margin:10px 0 0 0; padding:0; list-style:none; max-width:100%; display:flex; flex-wrap:wrap; width:100%;}
.neighbours li {width:100%; text-align:center;font-weight:bold; margin-bottom:10px; box-sizing:border-box; boborder-radius:3px;}

.neighbours li .image {width:100%;}
.neighbours li .image a img {width:100%; height:100%; object-fit:cover; max-height:120px;}
.neighbours li .text a {text-decoration:none; color:#333; font-size:80%;}
.neighbours li .text a:hover, .neighbours li .text a:focus {text-decoration:underline; color:#d00 !important;}

.blog-posts-view .right .neighbours {flex-wrap:wrap; margin-bottom:50px;}
.blog-posts-view .right .neighbours li {width:100%; margin:0 0 10px 0; border-radius:0; box-shadow:0 0 2px #ccc;}

.listing-specifications {margin:0; padding:0; list-style:none; width:100%;}
.listing-specifications li {padding:10px; font-size:90%;}
.listing-specifications li:nth-child(odd) {background:#f7f7f7;}

.listing-milestones {margin:0; padding:0; list-style:none; text-align:center;}
.listing-milestones li h3 {font-size:150%; margin-bottom:0;}
.listing-milestones li h3:before {content:"- ";}
.listing-milestones li h3:after {content:" -";}
.listing-milestones li .timeline {height:50px; width:1px; margin:0 auto; background:#111;}
.listing-milestones li:last-child .timeline {display:none;}

#mentions ul {margin:0; padding:0; list-style:none;}
#mentions li {margin-bottom:30px;}
#mentions li .name {margin-left:0px;}
#mentions li span {margin-right:5px; font-size:80%;}

.dynamic-mentions .dynamic-field {border:1px solid #ddd; padding:30px; margin:30px 0;}

.social-media-share {margin:30px 0 0 0; padding:0; list-style:none; display:flex;}
.social-media-share li a {margin-right:10px;}
.social-media-share li a span {margin-right:5px;}
.social-media-share li a.btn-blue {background:#3b5998;}
.social-media-share li a.btn-light-blue {background:#00aced;}

.vehicle-details {margin:0; padding:0; list-style:none;}
.vehicle-details li {overflow:auto; padding:5px 0;}
.vehicle-details li strong {display:block; float:left; width:70px;}

.users-my-account, .my-account {display:flex; margin-bottom:70px;}
main .my-account {padding-top:30px;}
.users-my-account .left, .my-account .left {width:15%; margin-right:5%;}
.users-my-account .right, .my-account .right {width:80%;}
.users-my-account h2, .my-account h2 {margin-top:0;}
.users-my-account .btn-right {display:block; float:right; padding:10px 20px; background:#21ac21; color:#fff; border-radius:3px; text-decoration:none;}
.users-my-account .btn-right:hover, .users-my-account .left .btn-right:focus {background:green; text-decoration:underline; color:#fff !important;}
.users-my-account .btn-right span {margin-right:5px;}
.help {background:#f7f7f7; border-radius:5px; position:relative; padding:20px 20px 10px 20px;}
.help span {position:absolute; top:25px;}
.help p {margin-left:30px; margin-top:0;}
.help .btn {font-size:80%; padding:5px 10px;}
.users-my-account .my-listings {border-bottom:1px dotted #ccc; margin-bottom:30px; padding-bottom:30px;}

form .required label:after {content:" *"; color:#f00;}
form .cols1 {margin-bottom:20px;}
form .cols1 label {display:block; font-size:80%; text-transform:uppercase; margin-bottom:5px;}
form .cols1 input, form .cols1 textarea, form .cols1 select {font:inherit; padding:20px; box-sizing:border-box; width:100%; border-radius:3px; border:1px solid #ddd;}
form .cols1 select {width:auto;}
form .textarea {margin-bottom:20px;}
form .cols2 {display:flex;}
form .cols2 .input {width:48%; margin-bottom:20px;}
form .cols2 .input:first-child {margin-right:4%;}
form .cols2 label {display:block; font-size:80%; text-transform:uppercase; margin-bottom:5px;}
form .cols2 input, form .cols2 textarea, form .cols2 select {padding:20px; border:1px solid #ddd; box-sizing:border-box; width:100%; border-radius:3px; font:inherit;}
form .cols3 {display:flex; margin-bottom:20px;}
form .cols3 .input {width:31%;}
form .cols3 .input:nth-child(2) {margin:0 3%;}
form .cols3 .input label {display:block;}
form .cols3 .input input, form .cols3 .input select {padding:20px; box-sizing:border-box; width:100%;font:inherit; border:1px solid #ddd; border-radius:3px;}
form #section3 .date {width:22% !important;}
form #section3 .input {width:74%;}
form .date select {width:auto;}
form .submit input {font:inherit;}
.info-pop {position:absolute; width:30%; background:#fff; padding:20px; box-sizing:border-box; border:1px solid #ddd; text-transform:none; box-shadow:0 0 5px #ddd; margin-left:5px;}
.info-icon {cursor: pointer;}

.enquiry-form .submit {text-align:right; margin-bottom:40px;}
.enquiry-form .submit input {font:inherit;}

.g-recaptcha {margin-bottom:20px;}

.checkbox input {-webkit-appearance:checkbox; width:15px !important; height:15px !important;}

.totals {text-align:center; font-size:150%; margin:30px 0;}
.tac-accept {text-align:center;}

.password-fields {overflow:auto; margin-bottom:20px;}
.password-fields label {position:absolute; left:-9999px;}
.password-fields .input {width:48%; float:left;}
.password-fields .password:first-child {margin-right:4% !important;}
.password-fields .input input {padding:20px; box-sizing:border-box; width:100%; border:1px solid #ddd; border-radius:3px;}

.buttons {margin-top:20px;}
.buttons a {margin-left:5px;}

.my-account .buttons {text-align:right;}

.listings-create .radio {display:flex; margin-bottom:30px;}
.listings-create .radio .radio-option {width:31%; text-align:center; background:#f7f7f7; border:1px solid #ddd; padding:30px 0;}
.listings-create .radio .radio-option:nth-child(2) {margin:0 3%;}
.listings-create .radio .radio-option input {display:block; margin:0 auto 10px auto; width:auto !important; -webkit-appearance:radio; cursor: pointer;}
.listings-create .radio .radio-option label {cursor:pointer;}
.listings-create .radio .radio-option.selected {background:#d00; color:#fff; border-color:#d00;}

#tiles ul {margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
#tiles li {width:19%; margin:0 1% 10px 0; height:180px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; box-sizing:border-box;}
#tiles li:hover, #tiles li:hover a {background:#d00; color:#fff; border-color:#a00}
#tiles li a {text-align:center; text-decoration:none; color:#333; display:block; width:100%;}
#tiles li a span.fa {display:block !important; font-size:150%; margin-bottom:10px; width:100%;}
#tiles li a:hover, #tiles li a:focus {color:#fff !important; text-decoration:none !important;}
#tiles li.locked, #tiles li.locked a, #tiles li.locked a:hover, #tiles li.locked:hover a {background:#f7f7f7; color:#ccc !important; cursor:default;}
#tiles li.locked:hover {border-color:#ddd;}

.save_link {width:100%; padding:0; height:auto; margin-top:20px; text-align:center; text-decoration:none;}
.save_link {display:block; padding:20px 0; background:green; color:#fff; border-color:green;}
.save_link span {font-size:100%; display:inline !important; margin-right:5px;}
.save_link:hover, .save_link:focus {background:#2da32d; color:#fff !important;}

.progress-bar {margin:0 0 30px 0; padding:0; list-style:none; width:100%; display:flex; justify-content:center;}
.progress-bar li {width:20%;}
.progress-bar li .segment {background:#ccc; width:100%; height:2px; box-sizing:border-box; border-right:2px solid #fff;}
.progress-bar li .seg1 {background:green;}

#progressContainer, #logoProgressContainer, .progress-container {width:100%;}
#progress, #logoProgress, .progress {width:100%; height:2px; background:#ddd;}
#progress .bar, #logoProgress .bar, .progress .bar {height:2px; background:#5EC461;}

.dynamic-field {position:relative;}
.dynamic-field span.remove {position:absolute; right:20px; top:19px; color:#888;}
.dynamic-field span.remove:hover {color:#d00; cursor:pointer;}
.milestone-field span.remove {top:42px;}

.uploaded-images {margin-top:40px;}
.uploaded-images .image img {max-width:100%;}
.uploaded-images label {position:absolute; left:-9999px;}
.uploaded-images .cols2 {margin-bottom:10px;}
.uploaded-images .fields {width:88%;}
.uploaded-images .image {width:15%; margin-right:2%;}
.uploaded-images .input {width:100% !important;}
.uploaded-images .input input {width:100% !important;}
.uploaded-images .checkbox input {width:auto !important; float:left; padding:0 !important;}
.uploaded-images .checkbox label {position:static !important; padding-top:3px;}
.uploaded-images .options {display:flex;}
.uploaded-images .options .input {width:15% !important;}
.uploaded-images .options .btn-rotate {font-size:80%; text-transform:uppercase; margin-top:2px;}

#section5 .cols2 label {position:absolute; left:-9999px;}

.chart {width:100%; height:200px; margin-bottom:30px; position:relative !important;}
.dashboard-primary {margin:20px 0; padding:0; list-style:none; display:flex;}
.dashboard-primary li {width:32%; text-align:center;}
.dashboard-primary li:nth-child(2) {margin:0 2%;}
.dashboard-primary li a {display:block; padding:30px 0; width:100%; text-align:center; background:#f7f7f7; color:#000; text-decoration:none;}
.dashboard-primary li a:hover, .dashboard-primary li a:focus {background:#d00; color:#fff !important; text-decoration:none !important;}
.dashboard-primary li a span.fa {display:block; font-size:150%; margin-bottom:10px;}
.dashboard-primary li:first-child a {background:#21ac21; color:#fff;}
.dashboard-primary li:first-child a:hover, .dashboard-primary li:first-child a:focus {background:green;}

.btn-add {display:block; padding:10px 20px; border-radius:3px; text-align:center; margin:0px 0; text-decoration:none; background:#21ac21; color:#fff; float:right; margin-right:20px;}
.btn-add span {display:none;}
.btn-add:hover, .btn-add:focus {background:green; color:#fff !important; text-decoration:none !important;}
.club-btn {margin-right:0;}

.account-content {display:flex;}
.account-content .left {width:66%; margin-right:2%;}
.account-content .right {width:32%;}
.post-status {margin:20px 0 40px 0; overflow:auto;}
.post-status .input label {position:absolute; left:-9999px;}
.post-status .input {float:left; width:90%;}
.post-status .input input {padding:20px; border-radius:5px 0 0 5px; border:1px solid #ddd; border-right:0; box-sizing:border-box; width:100%;}
.post-status a.btn {border-radius:0 5px 5px 0; width:10%; box-sizing:border-box; text-align:center; padding:18px 0;}
.feed {}

table {width:100%; margin-bottom:30px;}
table tr th {background:#d00; color:#fff; padding:10px; font-weight:300;}
table tr td {text-align:center; padding:10px; border-bottom:1px solid #ddd;}
table tr:last-child td {border:0;}
table tr:nth-child(odd) td {background:#f7f7f7;}
table tr td label {position:absolute; left:-9999px;}
table tr td:first-child {width:20px;}
table tr td.actions {width:10%;}
table tr td.actions ul {margin:0; padding:0; list-style:none; display:flex; justify-content:center;}
table tr td.actions ul li a {display:block; padding:5px 10px; margin:0 3px; color:#000;}
table tr td.actions ul li a:hover, table tr td.actions ul li a:focus {background:#d00; color:#fff !important; border-radius:3px;}

.scissors {display:block; width:762px; margin:0 auto; text-align:left; position:relative;}
.scissors span {position:absolute; z-index:10; left:10px; top:-18px; background:#fff; padding:10px;}

.qr h2 {text-align:center;}
.qr .btn-print {text-align:center; margin-top:20px;}
.qr p {text-align:center;}
.printable {position:relative; max-width:762px; margin:0 auto; overflow:hidden; height:auto; box-sizing:border-box; border:1px dashed #000;}
.printable img {width:100%; display:block;}
.printable-instructions {text-align:center;}
.printable-instructions ol {list-style:none; margin:40px 0; padding:0;}
.printable-instructions ol li {padding-bottom:10px;}
.code{position:absolute;width:33% !important;top:0;left:0;}

.printable-small {position:relative; width:250px; border:1px dashed; padding-bottom:25px; margin:50px auto 0 auto;}
.printable-small .code {position:static; width:100% !important; display:block;}
.printable-small .logo {max-width:195px; display:block; margin:0 auto; padding:0;}

.standard-page {text-align:left;}

.profile-image {margin-top:30px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.profile-image img {display:block; height:150px; width:150px; border-radius:75px; margin:0 auto; object-fit:cover;}
.profile-image .fields {display:flex; justify-content:center; width:100%;}

.left-links {margin:0; padding:0; list-style:none;}
.left-links li a {display:block; padding:10px; border-bottom:1px dotted #ddd; text-decoration:none !important; color:#000;}
.left-links li a:hover, .left-links li a:focus {background:#d00; color:#fff !important; border-color:#d00;}
.left-links li a.active {font-weight:bold; color:#000;}
.left-links li a span {display:block; float:left; width:25px; padding-top:2px; color:#666;}
.left-links li a.active span {color:#000;}
.left-links li a:hover span, .left-links li a:focus span {color:#fff;}

.banner-728x90 {width:100%; max-width:90%; margin:0px auto 0 auto;}
.banner-728x90 a img {max-width:100%; height:auto;}
.home-banner {margin-top:50px;}

.banner-120x240 {text-align:center;}

.chart-filters .listings .input label {display:block; font-size:80%; text-transform:uppercase; margin-bottom:5px;}
.chart-filters .listings .input select {padding:10px; margin-bottom:10px;}

.favourites-follows {margin:10px 0 0 0; padding:0; list-style:none; display:flex; float:right;}
.favourites-follows li {padding:0px;}
.favourites-follows li a {color:#000; text-decoration:none; display:block; padding:10px; font-size:80%;}
.favourites-follows li a span {margin-right:5px;}
.favourites-follows li.follows a span.fa-star {color:#ffc100;}
.favourites-follows li.favourites a:hover {color:#d00 !important;}
.favourites-follows li.favourites a span.fa-heart {color:#d00;}

/*NOTIFICATIONS LIST*/
.notifications-list li .time-ago {margin-left:15px; font-size:80%;}

.notifications-list {margin:0; padding:0; list-style:none;}
.notifications-list li {display:flex; margin:0; padding:0; border-bottom:1px solid #ddd; }
.notifications-list li.unread {background:#eee;}
.notifications-list li .image {margin:0; padding:0; width:10%;}
.notifications-list li .image a {margin:0; padding:0; display:block; width:100%; height:80px; text-decoration:none !important;}
.notifications-list li .image img {display:block; width:100%; height:100%; object-fit:cover;}
.notifications-list li .image img.no-image {padding:20px 0; width:40% !important; margin:0 auto;}
.notifications-list li .image a span {display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:#aaa; background:#ddd;}
.notifications-list li .notification-text {font-size:80%; width:70%;}
.notifications-list li .notification-text a {display:block; padding:10px 15px 0 15px; color:#000; text-decoration:none;}

.notifications-list li:hover, .notifications .latest li:hover {background:#ddd; cursor:pointer;}

.mark-read a {float:right; display:block; font-size:80%; background:#ddd; padding:5px 10px; border-radius:3px; color:#000; text-decoration:none; margin-top:-5px;}
.mark-read a:hover, .mark-read a:focus {background:#d00; color:#fff !important;}

/*--------------------------------------------------------------------------------------------------------*/

footer .inner {display:flex; justify-content:space-between;}
footer .inner .left a img {display:block; max-height:30px;}
footer .inner .right ul {display:flex; margin:0; padding:0; list-style:none;}
footer .inner .right ul.footer-links li a {margin-left:20px; text-decoration:none;}

.cover-image {background:#f7f7f7; height:350px; overflow:hidden;}
.events-view .cover-image {height:auto !important;  margin-bottom:20px;}
.events-view .cover-image img {display:block;}
.events-view .right .qvr-banner a img {margin-top:0 !important; margin-bottom:20px; display:block;}

.layout-2-cols {display:flex;}
.layout-2-cols .left {width:970px; margin-right:30px;}
.layout-2-cols .right {width:300px;}
.layout-2-cols .left h2 {margin-top:0;}

.layout-2-cols .left .event-image img {width:100%;  object-fit:cover;}
.event-info ul {margin:0 0 30px 0; padding:0; list-style:none;}
.event-info ul li {margin-bottom:10px; display:flex;}
.event-info ul li i {width:25px;}
.event-info ul li span {display:block; width:275px; overflow:hidden; text-overflow:ellipsis;}

.users-view {display:flex; padding-top:30px; margin-bottom:50px;}
.users-view .left {width:250px; margin-right:30px;}
.users-view .right {width:250px; margin-left:30px;}
.users-view .center {width:560px; padding:0px;}

.users-view .center ul.user-feed {margin:0; padding:0; list-style:none;}
.users-view .center ul.user-feed li {margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:30px;}
.users-view .right ul {margin:0; padding:0; list-style:none;}
.users-view .right ul li {border:1px solid #eee; margin-bottom:20px;}
.users-view .right ul li .image a {display:block; height:150px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.users-view .right ul li .image a img {display:block; object-fit:cover; width:100%; height:100%;}
.users-view .right ul li h3 {margin:0; padding:0;}
.users-view .right ul li h3 a {color:#333; text-decoration:none; display:block; text-align:center; padding:10px;}
.users-view .right ul li h3 a:hover {text-decoration:underline;}

.users-view .left .comments {text-align:center; margin:30px 0;}
.users-view .left .website span {margin-right:5px;}
.users-view .center h2 {margin-top:0;}
.users-view .user-name {font-size:50%; margin-left:20px;}

ul.my-listings {margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
ul.my-listings li {width:32%; margin:0 1% 30px 0%; position:relative;}
ul.my-listings li .image {width:100%; height:150px; display:flex; background:#f7f7f7;}
ul.my-listings li .image a img {display:block; width:100%; height:100%; object-fit:cover;}
ul.my-listings li .listing-buttons {display:flex;}
ul.my-listings li .listing-buttons div {width:25%; text-align:center;}
ul.my-listings li .listing-buttons div a {display:block; font-size:70%; text-transform:uppercase; text-decoration:none; padding:10px 0; color:#333; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
ul.my-listings li .listing-buttons div a span.fa {font-size:150%; display:block; margin-bottom:3px;}
ul.my-listings li .listing-buttons div:last-child a {border-right:1px solid #ddd;}
ul.my-listings li .listing-buttons div a:hover, ul.my-listings li .listing-buttons div a:focus {background:#d00; color:#fff !important; text-decoration:none !important; border-color:#d00;}
ul.my-listings li .private-listing {position:absolute; top:20px; left:0; background:#2c749d; padding:3px 5px; color:#fff; font-size:80%;}
ul.my-listings li .private-listing span {margin-right:5px;}

ul.my-clubs h3 {text-align:center;  margin:0; padding:10px 0; border:1px solid #ddd; border-top:0;}
ul.my-clubs h3 a {text-decoration:none; color:#333;}
ul.my-clubs h3 a:focus, ul.my-clubs h3 a:hover {color:#d00 !important;}

ul.my-events h3 {text-align:center;  margin:0; padding:10px 10px 5px 10px; border:1px solid #ddd; border-width:0 1px; box-sizing:border-box;}
ul.my-events h3 a {text-decoration:none; color:#333;}
ul.my-events h3 a:focus, ul.my-clubs h3 a:hover {color:#d00 !important;}
ul.my-events .dates {text-align: center; font-size:80%; border:1px solid #ddd; border-width:0 1px 1px 1px; padding-bottom:10px;}

.toggle {display:flex;}
.toggle a {text-decoration:none; color:#333;}
.toggle span.fa {font-size:130%; margin-right:10px; float:left;}
.toggle span.fa-toggle-on {color:green;}
.toggle span.fa-toggle-off {color:#bbb;}

.listing-content iframe {border:0; width:50%; height:250px !important;}

.ribbon-wrapper-yellow {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-yellow {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #fff87c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff87c), to(#ffdb00));
    background-image: -webkit-linear-gradient(top, #fff87c, #ffdb00);
    background-image:    -moz-linear-gradient(top, #fff87c, #ffdb00);
    background-image:     -ms-linear-gradient(top, #fff87c, #ffdb00);
    background-image:      -o-linear-gradient(top, #fff87c, #ffdb00);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-yellow:before, .ribbon-yellow:after {
    content: "";
    border-top:   3px solid #9b870a;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon-yellow:before {
    left: 0;
}
.ribbon-yellow:after {
    right: 0;
}

.ribbon-wrapper-red {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    right: -2px;
}

.ribbon-red {
    font: bold 15px Sans-Serif;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #ff4b4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4b4b), to(#dd0000));
    background-image: -webkit-linear-gradient(top, #ff4b4b, #dd0000);
    background-image:    -moz-linear-gradient(top, #ff4b4b, #dd0000);
    background-image:     -ms-linear-gradient(top, #ff4b4b, #dd0000);
    background-image:      -o-linear-gradient(top, #ff4b4b, #dd0000);
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    font-size:80%;
}

.ribbon-red:before, .ribbon-red:after {
    content: "";
    border-top:   3px solid #7e0404;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon-red:before {
    left: 0;
}
.ribbon-red:after {
    right: 0;
}

.big-image .ribbon-wrapper-red {width:175px; height:175px; top:-3px; right:-5px;}
.big-image .ribbon-red {font-size:100%; width:200px; top:30px; padding:15px;}
.big-image .ribbon-red:before {width:12px; bottom:-3px;}

.sale-details {margin:30px 0; padding:30px 0; border:1px dotted #ccc; border-width:1px 0;}
.sale-details .price-contact {display:flex; width:100%; align-items:center;}
.sale-details .price-contact div {width:50%;}
.sale-details .price-contact .contact-number {text-align:right;}
.sale-details .price-contact .contact-number b {margin-right:10px; font-weight:normal; font-size:80%;}
.sale-details .price-contact .price .amount {font-weight:bold; font-size:180%;}
.sale-details .price-contact .price .prefix, .sale-details .price-contact .price .suffix {font-size:80%;}
.sale-details .item-details {display:flex; margin:20px 0 0 0; padding:0; list-style:none; flex-wrap:wrap;}
.sale-details .item-details li {width:32%; margin-right:1%; padding:10px; box-sizing:border-box;}
.sale-details .item-details li strong {display:block; float:left; width:40%;}

.share-block{margin:40px 0;overflow:auto;}
.share-block h3{margin:0 0 10px 0;padding:0;font-size:20px;}
.share-block ul{list-style:none;margin:0;padding:0; display:flex;}
.share-block ul li{width: 6% !important;box-sizing:border-box;height:50px;margin:0 5px 5px 0;border-radius:5px;border-radius:5px;}
.center .share-block ul li {width:8% !important;}
.left .share-block ul li {width:15% !important; height:38px;}
.left .share-block h3 {font-size:100%; text-align:center;}
.share-block ul li:last-child{margin:0 0 5px 0;}
.share-block ul li a{width:100%;height:100%;font-size:20px;color:#fff;display: flex;align-items: center;justify-content: center;border-radius:5px; text-decoration:none;}
.share-block ul li a:hover, .share-block ul li a:focus{text-decoration:none; color:#fff !important; background:#000; text-decoration:none !important;}
.share-block ul .fb{background-color:#3B5998;}
.share-block ul .tw{background-color:#00ACED;}
.share-block ul .in{background-color:#0077B5;}
.share-block ul .gplus{background-color:#DD4B39;}
.share-block ul .pinterest{background-color:#C92228;}
.share-block ul .email{background-color:#4AC1BA;}
.center .share-block {text-align:center;}
.center .share-block ul {display:flex; justify-content:center;}
.right .share-block ul li {width:20%;}
.blog-posts-view .right .share-block ul li {width:20% !important;}

.container-360{max-width:1300px;width:90%;height:600px;margin:2% auto 0 auto;border:4px solid #fff;border-radius:4px;box-sizing:border-box;}

.lightbox-360 {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}

#mapCanvas {width:100%; height:200px; margin-bottom:20px;}

address {margin-bottom:20px;}

.left .logo {width:150px; height:150px; background:#f7f7f7; margin:0 auto 20px auto; padding:0 !important; float:none; border-radius:10px;}
.left .logo a img {width:100%; height:100%;}
.left .summary {text-align:center;}
.right .phone span, .right .website span, .right .email span {display:block; float:left; width:30px; text-align:center; font-size:80%; margin-top:3px;}
.right .phone, .right .website, .right .email {overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}

.btn-update {display:none; color:#333; background:#fff; font-size:11px; padding:5px 10px; box-shadow:0 0 5px #888; border-radius:3px; float:right;}
.left .summary:hover .btn-update, h2.name:hover .btn-update, .about:hover .btn-update, .right .contact-details:hover .btn-update, .right {display:block;}
.left .update-name {margin:30px 0;}
.layout-3-cols .stdForm {margin-bottom:30px;}
.right .stdForm input, .right .stdForm textarea, .right .stdForm select {max-width:100%; padding:10px;}
.layout-3-cols .stdForm .submit, .left .stdForm .submit, .right .submit {text-align:right;}
.cancel-link {float:left; margin-top:10px;}

.club-members {display:flex; border:1px solid #ddd; border-width:0 0 1px 0; padding:10px 0; margin-bottom:30px;}
.club-members b {margin-right:5px; padding-top:5px; color:#666; font-weight:400;}
.club-members ul {margin:0; padding:0; list-style:none; display:flex;}
.club-members ul li a {width:30px; height:30px; overflow:hidden; background:#ddd; margin-right:5px; display:flex; align-items:center; justify-content:center; text-decoration:none; color:#aaa; border-radius:3px;}
.club-members ul li a:hover, .club-members ul li a:focus {text-decoration:none !important; background:#d00; color:#fff !important;}
.club-members ul li a img {display:block; width:100%; height:100%; object-fit:cover;}
.club-members ul li.plus {display:flex; width:30px; align-items:center; justify-content:center; background:#eee; border-radius:3px; font-size:80%; font-weight:bold; color:#888;}
.club-members ul li.plus span {font-size:70%;}

.cover-image {position:relative;}
.cover-image .change-image a {display:block; background:rgba(255,255,255,0.9); position:absolute; top:10px; left:10px; padding:10px 10px 7px 10px; border-radius:3px; text-decoration:none; color:#333; box-shadow:0 0 5px #ccc;}
.cover-image .change-image a:focus, .cover-image .change-image a:hover {background:#d00; color:#fff !important; text-decoration:none !important;}

.left .logo {position:relative;}
.left .logo .change-image {}
.left .logo .change-image a {display:block; background:rgba(255,255,255,0.9); position:absolute; top:10px; left:10px; padding:10px 10px 7px 10px; border-radius:3px; text-decoration:none; color:#333; box-shadow:0 0 5px #ccc; font-size:80%;}
.left .logo .change-image a:focus, .cover-image .change-image a:hover {background:#d00; color:#fff !important; text-decoration:none !important;}

.upload-cover-image img {display:block; object-fit:cover; width:100%; height:100%;}
.upload-cover-image .image {width:350px; height:200px; background:#eee; margin-bottom:20px; overflow:hidden;}
.upload-logo-image img {display:block; max-width:100%;}
.upload-logo-image .image {display:flex; width:100px; height:100px; margin:10px auto; justify-content: center; align-items: center; background: #eee; margin-bottom:20px; overflow:hidden;}
.upload-cover-image .checkbox, .upload-logo-image .checkbox {overflow:hidden;}
.upload-cover-image .checkbox input, .upload-logo-image .checkbox input {width:auto; float:left;}
.upload-cover-image .checkbox label, .upload-logo-image .checkbox label {display:block; float:left; padding-top:2px;}

.overlay {width:100%; height:100%; position:fixed; top:0; left:0; right:0; background:rgba(0,0,0,0.8); z-index:1000;}
.overlay-content {width:50%; margin-left:25%;background:#fff; position:absolute; top:100px; padding:20px; box-sizing:border-box; z-index:1001; margin-bottom:100px;}
.overlay-content .input label {margin-right:10px;}
.overlay-content #progress, .overlay-content #logoProgress {margin-bottom:20px;}
.overlay-content .uploaded-cover-image {width:100%; height:220px; background:#f7f7f7; margin-bottom:20px; overflow:hidden;}
.overlay-content .uploaded-cover-image img {display:block; width:100%; cursor:ns-resize;}
.overlay-content .uploaded-logo-image {width:150px; height:150px; background:#f7f7f7; margin:0 auto; border-radius:10px; overflow:hidden;}
.overlay-content .uploaded-logo-image img {width:100%; height:100%; object-fit:cover;}
.overlay-content .uploaded-post-image {width:100%; height:340px; background:#f7f7f7; margin:20px auto; border-radius:10px; overflow:hidden;}
.overlay-content .uploaded-post-image img {width:100%; height:100%; object-fit:cover;}
.overlay-content .submit {text-align:right;}

.events-panel {position:relative; margin:30px 0;}
.event-list {margin:0 30px; list-style:none; padding:0; display:flex; justify-content:center;}
.event-list li {width:31%; text-align:center; margin:0 1%; border:1px solid #eee;}
.event-list li .image a {display:flex; height:120px; background:#f7f7f7; align-items:center; justify-content:center;}
.event-list li .image a img {display:block; width:100%; height:100%; object-fit:cover;}
.event-list li h4 {margin:10px; padding:0; font-weight:normal;}
.event-list li h4 a {color:#333; text-decoration:none;}
.event-list li h4 a:hover, .event-list li h4 a:focus {color:#d00 !important;}
.event-list li .event-date .day {font-size:200%; color:#d00; line-height:1em;}
.event-list li .event-date .month {text-transform:uppercase; color:#d00;}
.event-list li .event-date {margin:20px 0 10px;}

.events-tab-events ul {flex-wrap:wrap; margin:30px 0; padding:0; width:100%; justify-content:flex-start;}
.events-tab-events ul li {width:31.5% !important; margin-bottom:20px; margin-left:0; margin-right:2%;}
.events-tab-events ul li:nth-child(3n+3) {margin-right:0;}

.event-pagination a.event-prev {position:absolute; bottom:100px; font-size:150%; color:#aaa;}
.event-pagination a.event-next {position:absolute; bottom:100px; right:0; font-size:150%; color:#aaa;}

.club-ladder h3 {background:#d00; color:#fff; text-align:center; padding:10px; margin-top:30px;}
.club-ladder .ladder-nav {display:flex; text-align:center; margin-bottom:10px;}
.club-ladder .ladder-nav .arrow {width:10%;}
.club-ladder .ladder-nav .current-display {width:80%;}
.club-ladder .ladder-type {margin:20px 0;}
.club-ladder .ladder-type select {padding:10px; border:1px solid #ddd; border-radius:3px; margin-left:10px;}
.ladder {margin:0; padding:0; list-style:none;}
.ladder li {display:flex; margin-bottom:5px;}
.ladder li .rank {width:13%; padding-top:5px;}
.ladder li .user, .ladder li .listing {width:13%; height:30px; overflow:hidden; border-radius:3px; background:#eee; margin-right:2%;}
.ladder li .user a, .ladder li .listing a {display:flex; width:100%; height:30px; align-items:center; justify-content:center; color:#aaa; text-decoration:none;}
.ladder li .user a img, .ladder li .listing a img {display:block; width:100%; height:100%; object-fit:cover;}
.ladder li .views {width:61%;}
.ladder li .bar {text-align:right; background:#eee;  height:30px; display:flex; align-items:center; justify-content:flex-end; padding-right:5px; box-sizing:border-box; border-radius:3px;}
.ladder li:hover .bar {background:#d00; color:#fff;}
.no-views {text-align:center;}

.member-requests ul {margin:0; padding:0; list-style:none;}
.member-requests ul li {overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px;}
.member-requests ul li .buttons {float:right; font-size:80%; display:flex;}
.member-requests ul li .buttons a {text-decoration:none; color:#333; display:block; background:#eee; padding:3px 8px; border-radius:3px;}
.member-requests ul li .buttons a:first-child {background:#56b044; color:#fff; margin-right:5px;}
.member-requests ul li .buttons a:first-child:hover {background:#387f2a; color:#fff !important;}
.member-requests ul li .buttons a span {margin-right:3px;}
.member-requests ul li .image {float:left; margin-right:10px;}
.member-requests ul li .image a {display:block; width:50px; height:50px;}
.member-requests ul li .image a img {display:block; width:100%; height:100%; object-fit:cover; border-radius:3px;}
.member-requests ul li .location {color:#888; margin-top:5px;}
.member-requests ul li .location span {margin-right:5px;}
.member-requests ul li .image a, .member-requests ul li .image a:hover, .member-requests ul li .image a:focus {text-decoration:none !important;}
.member-requests ul li .image a span {display:flex; width:50px; height:50px; align-items:center; justify-content:center; background:#ddd; border-radius:3px; color:#aaa;}
.member-requests ul li .image a span:hover {background:#d00; color:#fff;}

.social-media-embed {display:flex; margin-bottom: 50px;}
.social-media-embed .fb-page-plugin {width:48%; margin-right:4%;}
.social-media-embed .tweets {width:48%;}

.clubs-index, .events-index {justify-content: flex-start;}
.clubs-index h3, .events-index h3 {text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px; margin-bottom:5px;}
.clubs-index h3 a, .events-index h3 a {color:#000; text-decoration:none;}
.clubs-index h3 a:hover, .clubs-index h3 a:focus, .events-index h3 a:hover, .events-index h3 a:focus {color:#d00 !important;}
.clubs-cover-image {margin-top:30px;}
.events-index li {border-bottom:1px solid #eee; padding-bottom:20px;}
.events-index li .date a, .event-listings li .date a  {display:block;font-size:80%; float:none; text-decoration:none; color:#444; margin-left:0px;}
.events-index li .date a span { margin-right:3px;}
.events-index li .location a, .event-listings li .date a {display:block; float:left !important; text-decoration:none; font-size:80%; text-transform:uppercase; margin-right:0px; color:#444;}

.club-links {margin:0; padding:0; list-style:none; display:flex; width:100%;}
.club-links li {width:20%;}
.club-links li a {display:flex; width:100%; justify-content:center; align-items:center; padding:10px 0; text-decoration:none; color:#444; background:#eee; border-right:1px solid #ddd; box-sizing:border-box; border-bottom:1px solid #ddd;}
.club-links li:last-child a {border-right:0;}
.club-links li a:hover, .club-links li a:focus {background:#444; color:#fff !important; text-decoration:none !important; border-bottom:1px solid #444;}
.club-links li a.active {background:#777; color:#fff; cursor:default; border-color:#777;}

.btn-listing-register {display:block; float:left; width:49%; text-align:center; background:#43a247; padding:10px 0; border-radius:5px; border:1px solid green; text-decoration:none; margin-right:2%; box-sizing:border-box; color:#fff;}
.btn-listing-browse {display:block; float:left; width:49%; text-align:center; background:#f7f7f7; padding:10px 0; border-radius:5px; border:1px solid #ddd; text-decoration:none; box-sizing:border-box; color:#888;}
.btn-listing-register:hover, .btn-listing-register:focus, .btn-listing-browse:hover, .btn-listing-browse:focus {background:#257929; color:#fff !important; border-color:green;}

.quinfo-video {margin-bottom:50px;}
.quinfo-video h2 {margin-bottom:10px;}
.quinfo-video iframe {width:70%; height:400px !important;}

.listings-report .listing-image a img {display:block; float:right; max-height:150px; margin-bottom:30px; border:0;}
.listings-report .listing-select label {margin-right:10px; position:absolute; left:-9999px;}
.listings-report .listing-select select {padding:10px; border:1px solid #ddd; border-radius:3px;}
.listings-report .cols3 {display:flex; justify-content:center; text-align:center; clear:both;}
.listings-report .cols3 .col {width:31%; background:#f7f7f7; padding:20px; box-sizing:border-box; border-radius:5px; box-shadow:0 0 5px #ccc;}
.listings-report .cols3 .col h3 {margin-top:0;}
.listings-report .cols3 .col2 {margin:0 4%;}
.listings-report .gender, .listings-report .age {margin:50px 0;}
.listings-report h3 {margin-top:0; text-align:center;}
.listings-report .locations {display:flex;}
.listings-report .locations .table {width:48%; margin-right:4%;}
.listings-report .locations .table th {background:#787878}
.listings-report .locations .map {width:48%;}
.listings-report .locations .map #mapCanvas {height:300px;}

.note {text-align:center; font-size:80%; margin:20px 0;}

.tweets ul {margin:0; padding:0; list-style:none;}
.tweets ul li {padding:20px; background:#f7f7f7; margin-bottom:10px; position:relative;  border-radius:3px;}
.tweets ul li .tweeted {font-size:80%; margin-top:10px;}
.tweets ul li:after {content: "\f099"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 30px; color: rgba(0,0,0,0.1); bottom: 15px; right: 15px; margin: 0; z-index: 100; -ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */ transform: rotate(10deg);}

.banner-300 {margin:30px 0;}
.banner-300 a img {display:block; max-width:300px; margin:0 auto; border:0; max-height:300px;}
.banner-300 .advertisement {text-align:center; font-size:60%; font-weight:500; color:#888; margin-top:5px;}
.layout-3-cols .right .banner-300 a img {max-width:100%;}

.banner-728 {margin:30px 0; overflow:hidden; width:100%;}
.listings-index .banner-728 {margin-top:15px;}
.banner-728 a img {display:block; max-width:728px; margin:0; border:0; max-height:90px; float:right;}
.banner-728 .advertisement {font-size:60%; font-weight:500; color:#888; margin-top:5px; clear:both; text-align:right;}

.add-to-calendar {margin:0; padding:0; list-style:none; width:100%; margin-bottom:30px;}
.add-to-calendar li a {display:block; width:100%; background:url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/icon-outlook.png) left center no-repeat; background-size:auto 100%; color:#0072c6; padding-left:30px;}
.add-to-calendar li a span {display:none;}

.blog-posts-index {margin:0 0 50px 0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.blog-posts-index li {width:31%; margin-right:2%; position:relative;}
.blog-posts-index li:nth-child(3n+3) {margin-right:0;}
.blog-posts-index li .image a {display:flex; align-items:center; justify-content:center; height:150px; background:#f7f7f7;}
.blog-posts-index li .image a img {object-fit:cover; width:100%; height:100%; border:0;}
.blog-posts-index li .image .date {position:absolute; top:10px; left:0; font-size:80%; text-transform:uppercase; background:#2c749d; color:#fff; padding:5px 5px 3px 5px;}
.blog-posts-index li .summary {display:none; text-align:left;}
.blog-posts-index li .cta-link {display:none;}
.blog-posts-index li h3 {margin-top:0;}
.blog-posts-index li h3 a {color:#333; padding-left:10px; text-decoration:none; display:block; padding:10px;}
.blog-posts-index li:hover h3 a, .blog-posts-index li h3 a:hover, .blog-posts-index li h3 a:focus {background:#d00; color:#fff !important;}

.blog-right .blog-search form {display:flex; margin-bottom:30px;}
.blog-right .blog-search .input input[type=text] {padding:12px; border-radius:3px 0 0 3px; border:1px solid #ddd; border-right:0;}
.blog-right .blog-search input[type=submit] {border-radius:0 3px 3px 0;}

.blog-posts-view .right .share-block {margin-top:80px;}
.blog-posts-view .quinfo-video {margin-top:30px;}
.cta-links {margin-top:30px; margin-bottom:30px;}

.post-info { font-size:80%; margin:10px 0}
.blog-posts-view .left h2.primary {margin:0; text-align:left;}
.blog-posts-view .left {margin-bottom:50px;}
.post-image-large {margin-bottom:30px;}
.post-image-large img {width:100%; display:block;}
.post-image img {display:block; margin:0 auto; max-height:400px;}

.post-gallery {margin:30px 0 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.post-gallery li {width: 18%; margin-bottom:20px; background:#f7f7f7; margin:0 1% 20px 1%;}
.post-gallery li a img {display:block; width:100%; height:100%; object-fit:cover;}

.comments {margin-top:50px;}
.comments .comment_form {margin-top:30px;}
.comments .comment_form .user-image {width:30px; height:30px; float:left; display:flex; margin-right:10px; margin-top:8px;}
.comments .comment_form .user-image img {object-fit:cover; width:100%; height:100%; border-radius:50px;}
.comments .comment_form .textarea {width:100%;}
.comments .comment_form labelbtn  {display:none; text-transform:uppercase; font-size:80%;}
.comments .comment_form textarea {padding:10px;width: 730px;box-sizing:border-box;height:45px;border-radius:3px;border:1px solid #ddd;font:inherit;}

ul.comments {margin:0; padding:20px 0 0 0; list-style:none; border-top:1px dotted #ddd;}
ul.comments li {display:flex; padding:5px 0; margin-bottom:10px; font-size:80%;}
ul.comments li .profile-image {align-items:flex-start; margin:3px 0 0 0;}
ul.comments li .profile-image a img {width:30px; height:30px; margin-right:10px;}
ul.comments li .author {margin-bottom:5px;}
ul.comments li .author a {text-decoration:none;}
ul.comments li .author .posted {color:#666;}

.blog-right .links-list ul {margin:0; padding:0; list-style:none;}
.blog-right .links-list ul li a {display:block; padding:5px 0;}
.blog_content img {max-width:100% !important; height:auto !important;}

.btn-spotto {position:absolute; top:125px; right:0px; display:block; padding:10px 15px; background: green; color:#fff; text-decoration:none; border-radius:3px; z-index:1;}
.btn-spotto:hover, .btn-spotto:focus {background:#000; color:#fff !important; text-decoration:none !important;}
.spotto-content h2 {margin-top:0;}
.spotto-content .input label {display:none;}
.spotto-content .input input {border:1px solid #ddd; padding:10px; box-sizing:border-box; -webkit-appearance:none; border-radius:3px; width:100%; margin-bottom:10px;}
.spotto-content .status {background:#e5ffe5; color:green; font-size:80%; font-weight:bold; text-align:center; padding:10px; margin-bottom:10px; border-radius:3px;}

.banners-advertise .stats {margin:0 auto 30px auto; padding:0; list-style:none; display:flex; justify-content:center;}
.banners-advertise .stats li {padding:30px 0; width:25%; text-align:center;}
.banners-advertise .stats li span.value {display:block; font-weight:bold; font-size:300%; color:#777;}

.banners-advertise .special {color:#d00; text-align:center; margin-bottom:50px;}

.order-details .totals {margin:20px 0; padding:10px 0 0 0; list-style:none; border-top:1px solid #000;}
.order-details .totals li {font-size:70%; text-align:right; padding:5px 10px;}
.order-details .totals li b {display:block; float:left; text-align:right; width:70%;}
.order-details .totals li:last-child {background:#f7f7f7;}
.order-details .totals li span.currency {font-size:80%;}
.order-details .totals li.total {font-weight:bold;}
.banners-advertise .cols3 .cols1, .banners-advertise .cols3 .cols2 {margin-bottom:5px; width:100%;}
.banners-advertise .cols3  label {position:absolute; left:-9999px;}
.banners-advertise .cols3 .input {width:100%; box-sizing:border-box;}
.banners-advertise .cols3 .date .input {margin:0;}
.banners-advertise .cols3 .date .input input {width:96%; margin:0 4% 0 0;}
.banners-advertise .cols3  input[type=text], .banners-advertise .cols3  input[type=email], .banners-advertise .cols3 input[type=tel] {padding:10px; font-size:80%; -webkit-appearance:none;}
.banners-advertise .cols3 select {padding:10px !important; font-size:80% !important;}

.banners-advertise .review table th {background:#ddd; color:#000; text-align:right;}
.banners-advertise .review table th:first-child {text-align:left;}
.banners-advertise .review table tr td {width:10%; border-top:1px solid #ddd; border-bottom:0; text-align:right;}
.banners-advertise .review table tr td:first-child {width:70%; text-align:left;}
.banners-advertise .review table tr.totals td {font-weight:bold; font-size:80%; border-top:3px double #ccc;}

.banners-advertise .cols3 {display:flex;}
.banners-advertise .cols3 .col {min-height:100px; width:32%;}
.banners-advertise .cols3 .col2 {margin:0 2%;}

.banners-advertise .btn-pay {width:20%; margin: 0 auto 50px auto; border-radius:5px;}
.banners-advertise .order-details .btn-pay {width:100%;}

/*listing add post*/
.add-listing-post{margin:0 0 30px 0;}
.add-listing-post .text input{width:100%;height:42px;padding:0 15px;margin:0 0 0 0;border:1px solid #888;box-sizing:border-box;}
.add-listing-post .text .title-input{width:100%;height:42px;padding:0 15px;margin:0 0 20px 0;border:1px solid #888;box-sizing:border-box;border-radius:3px;}
.add-listing-post h2{font-size:180%;margin-bottom:15px;}
.listing-post-tabs{float:left;height:42px;list-style:none;margin:0;padding:0;overflow:auto;}
.listing-post-tabs li{float:left;height:42px;padding:0 20px 0 0;display:flex;align-items:center;justify-content:center;color:#8a8a8a;font-size:12px;cursor:pointer;}
.listing-post-tabs li i{font-size:22px;padding:0 4px 0 0;}
.listing-post-tabs li:hover, .listing-post-tabs li:focus{color:#d00;}
#post-content{margin:10px 0 0 0;}
.rem-link{float:right;}
.progress {height: 2px;background: #ddd;margin-top: 20px;}
.progress .bar {height: 2px;background: #5EC461;}
.uploaded-image{margin:10px 0 20px 0;display:flex;align-items:center;justify-content:center;}
.uploaded-image img{border-radius:3px;}

.uploaded-gallery{margin:10px 0 20px 0;overflow:auto;}
.uploaded-gallery .gallery-post-image{position:relative;float:left;width:calc(33.333% - 6px);margin:9px 9px 9px 0;overflow:hidden;height:110px;border-radius:3px; display:flex;}
.uploaded-gallery .gallery-post-image:nth-child(3n+3){margin:9px 0 9px 0;}
.uploaded-gallery .gallery-post-image img{width:100%; height:100%; object-fit:cover;}
.uploaded-gallery .gallery-post-image span{position:absolute;top:10px;right:10px;cursor:pointer;background-color:#d00;color:#fff;font-size:80%;border-radius:5px;padding:4px 8px;display:none;}
.uploaded-gallery .gallery-post-image:hover span{display:block;}

.embed-video{padding:0 0 20px 0;display:flex;align-items:center;justify-content:center;}
.post-video{text-align:center;}

iframe {max-width:100%; border:0;}

.advertising-options {display:flex; position:relative; margin:50px 0;}
.advertising-options .or {position:absolute; right:24.3%; top:4px; box-shadow:0 0 5px #333;background:#d00; color:#fff; font:bold 80% "bernhard-gothic-urw"; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:50px; border:3px solid #fff;}
.advertising-options .standard {width:73%; margin-right:2%; display:flex;}
.advertising-options .standard .col {width:33%; box-sizing:border-box;border:1px solid #ddd;}
.advertising-options .standard .col2 {border-width:1px 0;}
.advertising-options .heading {font:bold 100% "bernhard-gothic-urw"; text-transform:uppercase; font-size:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:60px; border-bottom:1px solid #ddd; background:#f7f7f7; position:relative;}
.advertising-options .heading .expires {font:normal 60% arial; width:100%; text-align:center; margin:0; position:absolute; bottom:10px;}
.advertising-options .offer {width:25%; border:1px solid rgb(221, 221, 221); box-sizing:border-box;}
.advertising-options .description {padding:20px; height:80px;}
.advertising-options .price {font:bold 80% "bernhard-gothic-urw"; text-align:center;}
.advertising-options .price .amount {display:block; font-size:170%;}
.advertising-options a.btn-select {display:block; background:#43a247; margin:20px; text-align:center; color:#fff; padding:10px; border-radius:3px; text-decoration:none;}
.advertising-options a.btn-select:hover, .advertising-options a.btn-select:focus {background:green; color:#fff !important;}
.advertising-options a.btn-selected {color:#fff; background:#aaa;}
.advertising-options a.btn-selected span {margin-right:5px;}
.advertising-options a.btn-selected:hover, .advertising-options a.btn-selected:focus {background:#888;}
.advertising-options .month-select select {display:block; margin:20px; box-sizing:border-box; padding:10px; width:87%;}

.advertiser-details {display:flex; margin-bottom: 50px;}
.advertiser-details .contact-info, .advertiser-details .payment-info {margin-right:2%; width:35.5%;}
.advertiser-details .totals {width:25%; text-align:center; margin-top:0; padding-top:none; font-size:100%;}
.advertiser-details .cols2 .input input {padding:10px; }
.advertiser-details .totals p {margin:0; padding:0;}
.advertiser-details .totals .amount {font:normal 180% "bernhard-gothic-urw"; margin:12px 0;}
.advertiser-details .totals .btn-pay {display:block; width:80%;background:#43a247; margin:20px; text-align:center; color:#fff; padding:10px; border-radius:3px; text-decoration:none;}
.advertiser-details .totals .btn-pay:hover, .advertiser-details .totals .btn-pay:focus {background:green; color:#fff !important;}
.advertiser-details .totals .gst {font-size:40%; text-transform:uppercase; color:#666;}

.advert-creative form {margin-bottom:50px;}
.advert-creative form .submit {text-align:right;}
.advert-creative .banner-details {width:100%; border-bottom:1px solid #ddd; margin-bottom:20px;}
.advert-creative .headings {display:flex; width:100%; background:#f7f7f7; box-sizing:border-box}
.advert-creative .headings div {width:42%;padding:15px 20px; box-sizing:border-box;}
.advert-creative .headings div:first-child {width:16%;}
.banner-details .fields {display:flex; border-top:1px solid #fff;}
.banner-details .fields .preview {width:16%; background:#f7f7f7;}
.advert-creative .fields .graphics, .advert-creative .fields .action {width:42%; padding:15px 20px; box-sizing:border-box;}
.advert-creative .fields input, .advert-creative .fields select, .advert-creative .fields textarea {border:1px solid #ddd; padding:10px; display:block; margin-bottom:10px;}
.advert-creative .fields input[type=text], .advert-creative .fields input[type=email] {width:100%; box-sizing:border-box;}

.payment-errors { color:#f00; text-align:center; padding:10px; border:1px dashed #f00; margin:21px 0; background:#fff4f4;}

table.light th {background:#f7f7f7; color:#000;}
table.light td img {max-width:100px; max-height:100px; display:block; margin:0 auto;}
table.light tr td {border-bottom:1px solid #ddd;}
table.light tr:hover td {background:#fffef6;}

.range-filter {padding:10px; float:right;}

.banner-stats .details {display:flex; margin-bottom:30px;}
.banner-stats .details .preview img {display:block; max-width:200px; max-height:200px; margin-right:30px;}
.banner-stats .details ul {margin:0; padding:0; list-style:none;}
.banner-stats .details ul li {padding:5px 0;}
.banner-stats .details ul li b {display:block; float:left; width:120px;}
.banner-stats .charts > div{margin-bottom:30px;}
.banner-stats .averages {margin:30px 0; padding:0; list-style:none; display:flex;}
.banner-stats .averages li {width:33%; text-align:center; padding:20px; box-sizing:border-box;}
.banner-stats .averages li:hover {background:#f7f7f7;}
.banner-stats .averages li b {display:block; font-size:200%; font-weight:normal; margin-top:5px;}

.banner-stats #mapCanvas {height:400px;}

.adsbygoogle {margin:20px auto; max-width:728px;}

.recall-list ul {margin:0; padding:0; list-style:none;}
.recall-list ul li h3 a {display:block; background:#f7f7f7; padding:10px;}
.recall-list ul li h3 a:hover, .recall-list ul li h3 a:focus {background:#d00; color:#fff !important;}
.recall-list ul li ul {margin:20px;}
.recall-list ul li ul li h4 a {display:block; font-size:90%; font-weight:normal;}

.qvr-content .cols2 {display:flex;}
.qvr-form {order:1; width:70%; box-sizing:border-box; padding-right:30px;}
.qvr-content .qvr-image {order:2; width:30%;}
.qvr-content .qvr-image img {max-width:100%;}

.qvr-form form > h3 {margin-top:0;}
.qvr-form form .search-fields {display:flex; flex-wrap:wrap; width:100%;}
.qvr-form .search-fields div {width:31%; margin-rigth:2%;}
.qvr-form .vin-fields, .qvr-form .plate-fields, .qvr-form .chassis-fields {margin-right:1%;}
.qvr-form .vin-fields div, .qvr-form .plate-fields div, .qvr-form .chassis-fields div {width:100%;}
.qvr-form .input {margin-right:10px;}
.qvr-form .input input, .qvr-form .input select {padding:12px !important; -webkit-appearance:none; border:1px solid #ddd; border-radius:3px; width:100%; box-sizing:border-box;}
.qvr-form .input input[type=checkbox] {-webkit-appearance:checkbox;}
.qvr-form .input label {display:block; font-size:80%; text-transform:uppercase;}
.qvr-form .submit {padding-top:16px; text-align:center; margin-bottom:50px;}
.tac-accept .input {display:flex; align-items:center; justify-content:center;}
.tac-accept label { padding-top:3px; cursor:pointer;}
#VehicleReportTacAccept {padding:0; width:20px; height:20px; margin:0 5px 0 0;}
.qvr-form .buttons {display:flex; justify-content:center;}
.qvr-form .btn-pay {max-width:30%; margin:30px 10px 50px 10px; border-radius:3px;}
.qvr-form .btn-sample {max-width:30%; margin:30px 10px 50px 10px; border-radius:3px; background:#666;}

.qvr-report {margin-bottom:50px;}
.btn-qvr-export {float:right;}
.summary-image {display:flex;}
.image-statuses {width:67%; order:2}
.image-statuses .image {width:100%; background:#f7f7f7; display:flex; height:414px; position:relative;}
.image-statuses .image img {width:100%; height:100%; object-fit:cover;}
.image-statuses .no-img:after {content:"\f03e"; font-family:FontAwesome; position:absolute; bottom:185px; left:335px; font-size:300%; color:#ddd;}
.image-statuses ul {display:flex; margin:10px 0 0 0; padding:0; list-style:none;}
.image-statuses ul li {position:relative; width:25%; display:flex; text-align:center; justify-content:center; align-items:center; font-family:"bernhard-gothic-urw"; font-weight:700; text-transform:uppercase; font-size:120%; padding:20px; background:#f7f7f7; box-sizing:border-box; margin:0 5px; color:#888;}
.image-statuses ul li:first-child {margin-left:0;}
.image-statuses ul li:last-child {margin-right:0;}
.image-statuses ul li:after {font-family:FontAwesome; position:absolute; bottom:-10px; border:3px solid #fff; border-radius:30px;background:#fff; border-width:2px 3px;}
.image-statuses ul li.ok:after {content: "\f058"; color:#33b44a;}
.image-statuses ul li.not-ok:after {content: "\f057"; color:#c02026;}
.summary-image .summary {width:30%; order:1; margin-right:3%;}
.summary-image .summary h3 {background:#d00; color:#fff; padding:10px; margin:0;}
.summary-image .summary ul {margin:0; padding:0; list-style:none;}
.summary-image .summary ul li {padding:10px 5px; overflow:hidden; font-size:90%;}
.summary-image .summary ul li:nth-child(even) {background:#f7f7f7;}
.summary-image .summary ul li b {display:block; float:left; width:50%;}
.registration-status {padding:12px 10px 10px 10px; margin:50px 0 30px 0; background:#dff2f7; border:1px solid #216ca4; color:#216ca4; border-radius:3px;}
.registration-status .fa {margin:0 5px;}
.status-details {margin-bottom:30px;}
.status-details h2 {text-transform:uppercase; display:flex; align-items:center; margin-bottom:10px;}
.status-details h2 span.status {font-size:60%; text-transform:capitalize; font-family:"Myriad Pro"; font-weight:300; margin-left:10px;}
.status-details h2 span.status .fa {margin-right:5px;}
.status-details h2 span.ok {color:#33b44a;}
.status-details h2 span.not-ok {color:#c02026;}
.status-details h4 {margin:0;}
.status-details p {margin-top:5px;}
.status-details table tr th {padding:5px 10px; width:25%; text-align:center; background:#ddd; color:#000; font-weight:bold;}
.status-details table tr td {border-bottom:1px solid #ddd;}
.notes {border-top:1px solid #ddd; padding-top:30px;}
.notes h2 {text-transform:uppercase;}

.add-club-post{margin:0 0 30px 0;border-bottom:1px solid #ddd;padding:0 0 30px 0;}
.add-club-post .text input{width:100%;height:42px;padding:0 15px;margin:0 0 0 0;border:1px solid #888;box-sizing:border-box;}
.add-club-post .text .title-input{width:100%;height:42px;padding:0 15px;margin:0 0 20px 0;border:1px solid #888;box-sizing:border-box;border-radius:3px;}
.add-club-post h2{font-size:180%;margin-bottom:15px;}
.add-club-post .submit{float:right;}
.club-post-tabs{height:42px;list-style:none;margin:0;padding:0;overflow:auto;}
.club-post-tabs li{float:left;height:42px;padding:0 20px 0 0;display:flex;align-items:center;justify-content:center;color:#8a8a8a;font-size:12px;cursor:pointer;}
.club-post-tabs li i{font-size:22px;padding:0 4px 0 0;}
.club-post-tabs li:hover, .club-post-tabs li:focus{color:#d00;}

.add-club-post .placeholder{display:flex; justify-content:left; align-items:center;cursor:pointer;}
.add-club-post .placeholder p{margin:0;padding:0 0 0 10px;}
.add-club-post .placeholder .member-image{width:30px;height:30px;background-color:#ddd;color:#aaa;border-radius: 3px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.add-club-post .placeholder .member-image img{width:30px;height:30px;}

.club-posts ul {margin:0; padding:0; list-style:none;}
.club-posts ul li.post { border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.club-posts ul li .profile-image-big a {display:flex; width:30px; height:30px; float:left; margin-right:10px;}
.club-posts ul li .profile-image-big a img {display:block; object-fit:cover; width:100%; height:100%; border-radius:3px;}
.club-posts ul li .post-header {float:left; width:80%;}
.club-posts ul li .post-header h3 {margin:0; padding:0;}
.club-posts ul li .post-header p {margin:0; font-size:80%; color:#444;}
.club-post-content, .club-post-image, .post-video, .club-post-gallery {clear:both; padding-top:1px; margin-bottom:0px !important; padding-bottom:10px !important;}
.club-post-content p {margin-bottom:0;}
.club-post-image, .post-video, .club-post-gallery {padding-top:20px !important;}
.club-post-image img {display:block; margin:0 auto; padding:3px; border:1px solid #eee; max-width:98%; max-height:400px;}
.club-post-gallery ul {display:flex; flex-wrap:wrap;}
.club-post-gallery li {width:32%; margin-right:2%;}
.club-post-gallery li a img {display:block; width:100%; height:100%; object-fit:cover;}
.club-posts .comment-body {clear:both;}
.club-posts .comment-body p {padding-top:10px;}
.post-reply-list {margin-left:5% !important;}
.post-reply-list li .post-header {width:90% !important;}
.post-reply-list li {border-left:1px solid #ddd !important; padding:5px 10px; margin-bottom:20px;}
.post-reply-list li p {margin-bottom:0;}
.club-add-reply {margin-left:5%; width:95%;}
.club-add-reply textarea {width:100%; box-sizing:border-box; font:inherit; font-size:80%; padding:10px; height:40px;}
.club-add-reply .textarea { margin-bottom:0 !important;}
.club-add-reply .submit {text-align:right;margin-top:0; padding-top:0;}
.club-add-reply .submit input {padding:5px 10px; font-size:80%;}
.club-add-comment {display:none; margin:20px 0; box-sizing:border-box; padding:0px;}
.club-add-comment textarea {width:100%; box-sizing:border-box; font:inherit; font-size:80%; padding:10px; height:40px;}
.club-add-comment .textarea {margin-bottom:0;}
.club-add-comment .submit {text-align:right;}
.club-add-comment .submit input { font-size:80%; padding:5px 10px;}
.club-post-comments a {display:block; text-decoration:none; color:#444; font-size:90%; margin:0 0 10px 0;}
ul.post-comments {margin-top:20px;}
.post-options {float:right; position:relative;}
.post-options .option-link {color:#444;}
.post-options .option-link:focus, .post-options .option-link:hover {color:#d00 !important;}
.post-options ul {display:none;position:absolute; top:20px; right:0; border-top:1px solid #eee;}
.post-options ul li a {display:block; padding:10px; width:100px; border:1px solid #eee; border-top:0; color:#444; text-decoration:none; font-size:80%;}
.post-options ul li a span {display:inline-block; width:12px; text-align:center;}
.post-options ul li a:focus, .post-options ul li a:hover {background:#d00; color:#fff !important; text-decoration:none !important;}

.overlay-form .input input, .overlay-form .input select {padding:10px;}
.overlay-form .select {margin-bottom:20px;}
.overlay-form .select label {display:block; font-size:80%; text-transform:uppercase;}

.variety-bash-link {border:1px solid #f00; background:url(https://s3-ap-southeast-2.amazonaws.com/quinfo-assets/variety-bash-logo.png) right center no-repeat; background-size:20%; border-radius:5px; margin-bottom:20px;}
.variety-bash-link a {display:block; padding:30px; background:#f00; color:#fff; width:72%; border-radius:0 70px 70px 0; font-weight:bold; text-decoration:none; font-size:120%;}
.variety-bash-link a:hover {background:#fff; color:#f00 !important;}

.topbar_accessibility > a {position:absolute; top:9px; transition:all 1s; z-index:1000;}
.topbar_accessibility > a:hover, .topbar_accessibility > a:focus {transform: rotate(720deg);}
.access {display:flex; background:#ad1c1c; padding:2.5px; font-size:80%; border-radius:200px; padding-left:35px; padding-right:10px; align-items:center; margin-left:-9999px; transition:transform 10.5s; visibility:hidden;}
.access .font-theme {display:flex; align-items:center;}
.access .font-theme .font-size, .access .font-theme .theme {margin-left:20px;} 
.access .font-theme .label {margin-right:5px;}
.access .font-size .size2 {font-size:18px; margin-left:5px;}
.access .font-size .size3 {font-size:22px; margin-left:5px;}
.access .font-theme .theme-letter a {font-size:0; display:block; width:18px; height:18px; background:#fff; border-radius:50px; margin-left:3px; margin-top:2px; border:4px solid #000; transition:transform 0.5s;}
.access .font-theme .contrast2 a {background:#000; border-color:#ffe21c;}
.access .font-theme .contrast3 a {background:#21215f; border-color:#cfe5fc;}
.access .font-theme .contrast4 a {background:#dfd179; border-color:#f3e8b0;}
.access .font-theme .theme-letter:hover a {transform:scale(1.3);}
.access .invisible {position:absolute; left:-9999px;}
.access .separator {margin:0 5px;}
.topbar_accessibility a:hover, .topbar_accessibility a:focus {color:#fff !important;}

.topbar_accessibility:hover .access, .topbar_accessibility:focus .access {
    display:flex;
    visibility:visible;
    -webkit-animation: slideInLeft .5s forwards;
    animation: slideInLeft .5s forwards;
}

@-webkit-keyframes slideInLeft {
    0% {margin-left:-9999px; opacity:0;}
    75% {opacity:0;}
    95% {opacity:0.5;}
    100% { margin-left: -10px; opacity:1;}
}

@keyframes slideInLeft {
    0% {margin-left:-9999px; opacity:0;}
    75% {opacity:0;}
    95% {opacity:0.5;}
    100% { margin-left: -10px; opacity:1;}
}

.button {color:#fff;}

/*MOBILE*/
@media screen
and (min-width : 200px)
and (max-width : 1100px) {

    #flashMessage {width:90% !important; left:5%; right:5% !important; margin-right:0;}

    nav {top:0; left:0; right:0;}
    .mobile-menu {display:block; background:#000; padding:20px; position:absolute; top:0; left:0; right:0; text-align:right;}
    .mobile-menu a, .mobile-menu a:hover, .mobile-menu a:focus{color:#fff !important;}
    #menu {display:none; margin-top:60px;}
    #menu ul {display:block; width:100%;}
    #menu ul li {float:none; width:100%; margin:0 !important;}
    #menu ul li a {background:#fff;border-bottom:1px solid #eee;padding:20px;width: 100%;box-sizing: border-box;}
    #menu ul li:hover ul {position:static; left:0; right:0; top:0; margin:0; box-shadow: none;}
    #menu ul li ul li a {padding:15px 15px 15px 42px;}
    #menu ul li a:hover, #menu ul li a:focus {background:#d00; color:#fff !important;}
    #menu ul li.btn-register a {margin-left:0; color:#000;}
	nav ul li.btn-register a{margin-top:0;}
	
    .notifications {position:absolute; top:21px; left:20px; width:10%; z-index:100;}
    .notifications a, .notifications a:hover, .notifications a:focus {/*width:10% !important;*/ background:#000 !important; color:#fff !important;}

    .btn-add {float:none; margin:20px 0;}

    .logo {padding:90px 0 15px 0; width:100%; float:none;}
    .logo a img {display:block; max-width:40%; height:auto; margin:0 auto; float:none; margin-bottom:10px;}
    .logo .tagline {clear:both; font-family: bernhard-gothic-urw; font-weight:700; text-transform:uppercase; margin-left:0px; text-align:center;}

    

    .benefits {padding-top:25px; padding-bottom:20px;}
    .benefits .boxes {flex-wrap:wrap;}
    .benefits .boxes li {width:80%; margin-bottom:20px;}

    .features {padding-top:0;}
    .features .cols3 {flex-wrap:wrap;}
    .features .cols3 .col {width:90%; text-align:center;}
    .features .cols3 .col2 {display:none;}
    .features .cols3 .col .icon {background-position:center center;}

    .pricing {padding:40px 0 20px 0;}
    .pricing .cols3 {flex-wrap:wrap; align-items:center; justify-content:center;}
    .pricing .col {width:90%; margin-bottom:40px;}
    .pricing .btn {margin-top:0px;}

    .gallery {padding-top:20px; padding-bottom:40px;}
    .gallery-items {flex-wrap:wrap; justify-content:center; margin:0; padding:0 5%; width:100%; box-sizing:border-box;}
    .gallery-items li {width:47%; margin:0 0 20px 0; height:160px;}
    .gallery-items li:nth-child(5), .gallery-items li:nth-child(8), .gallery-items li:nth-child(10) {margin-right:6%;}

    .gallery-items li.cols2 {width:100%; margin:0 0 20px 0; padding:40px 30px;}
    .gallery-items li.cols2 p {display:none;}
    .gallery-items li:nth-child(-n+4) {display:none;}

    .cta-block p {max-width:80%;}

    footer .row:first-child .left a img {float:none; margin:0 auto;}
    footer .row:first-child .right {float:none;}
    footer .row:first-child .right ul {flex-wrap:wrap;justify-content:center; margin-top:20px;}
    footer .social ul {float:none; justify-content:center; margin-bottom:20px;}
    footer .social ul li a {margin:0 10px;}
    footer .row:last-child .right {text-align:center; max-width:80%; float:none; margin:0 auto;}

    .registrationForm ul li.cols1 {max-width:95% !important;}

    .user-login {background:#f7f7f7; padding:40px 10%; text-align:center;}
    .user-login p.content {width:100%;}
    .user-login .input input {width:100%; box-sizing:border-box;}

    .search-bar .input {width:60%;}
    .search-bar .input input {width:100% !important;}
    .listings-index .listings li {width:90%;}

    .listing-thumbs ul {display:flex; overflow-x: auto; flex-wrap:nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    .listing-thumbs ul li {flex:0 0 auto;}
    .listing-thumbs ul li a img {max-height:100px;}
    .listing-content {flex-wrap:wrap; justify-content:center;}
    .listing-content .left {order:2;width: 90% !important;padding:0;margin:40px 0;}
    .listing-content .right {order:1;width: 90% !important;min-height:200px;}

    .tabber {justify-content:center;}
    .tabber li a {padding:5px 10px; font-size:90%;}

    .users-my-account, .my-account {flex-wrap:wrap; justify-content:center;}
    .users-my-account .right, .my-account .right {order:1;width: 90% !important;}
    .users-my-account .left, .my-account .left {order:2; width:90%; margin:30px 0 0 0;}
    .cols2 {flex-wrap:wrap;}
    .cols2 .input {width:100% !important; margin:0 !important; margin-bottom:20px !important;}
    .order-details .cols2 .input {margin-bottom:5px !important;}
    .cols3 {flex-wrap:wrap;}
    .cols3 .input {width:100% !important; margin:0 !important; margin-bottom:20px !important}
    .password-fields .input input {margin-bottom:10px !important;}
    .password-fields .password:first-child {margin:0 !important;}
    .password-fields {margin-bottom:0;}
    form #section3 .date {width:90% !important;}
    form #section3 .input {width:90%;}
    form .date select {width:auto;}
    .dynamic-milestones .dynamic-field {border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}

    .uploaded-images .image {width:35%; margin-right:5%;}
    .uploaded-images .fields {width:60% !important;}
    .uploaded-images .input {width:100% !important;}
    .chart {height:auto; margin-bottom:0;}
    .account-content {flex-wrap:wrap; justify-content:center;}
    .account-content .left {width:100%;}
    .account-content .right {width:100%;}
    .post-status {margin:0 0 30px 0;}
    .post-status .input {width:80%;}
    .post-status .input input {-webkit-appearance:none;}
    .post-status a.btn {width:20%; padding:18px 0;}
    .dashboard-primary {margin-bottom:0;}
    table.listings {margin-bottom:0;}
    table.listings tr th:nth-child(2), table.listings tr th:nth-child(3), table.listings tr th:nth-child(4), table.listings tr td:nth-child(2), table.listings tr td:nth-child(3), table.listings tr td:nth-child(4) {display:none;}
    table.listings tr th:nth-child(5), table.listings tr td:nth-child(5) {text-align:left;}
    form input[type=text], form select {-webkit-appearance:none;}

    .chart-filters .listings {display:flex; justify-content:center; margin-bottom:20px; text-align:center;}
    .chart-filters .listings .input label {margin:0 auto 5px auto;}
    .chart-filters .listings .input select {padding:10px; margin:0 auto;}

    .favourites-follows {margin:0px auto 20px auto; padding:0; list-style:none; display:flex; float:none; justify-content:center;}

    .notifications-list li .image {width:30%;}

    ul.my-listings li {width:100%; margin:0 0 30px 0;}
    #tiles li {width:48%; margin-right:2%; height:150px;}

    .listing-content iframe {width:100%; height:190px !important;}
    .share-block ul li, .center .share-block ul li {width:20% !important;}
    .container-360{height:350px;margin:5% auto 0 auto;}

    .cover-image {width:100% !important; height:200px; object-fit:cover;}
    .layout-3-cols {flex-wrap:wrap; border:0;}
    .left, .center, .right {width:100% !important;}
    .center {order:1;}
    .left {order:2; margin-bottom:30px;}
    .right {order:3;}

    .left .logo a img {max-width:100%;}

    .center h2 {text-align:center;}

    .layout-2-cols {flex-wrap:wrap;}
    .layout-2-cols .right {width:90% !important; margin:0 auto; border:0;}
    .layout-2-cols .left {width:90% !important; margin:0 auto 30px auto; border:0; box-sizing: border-box;}

    .event-list {flex-wrap:wrap; margin:0;}
    .event-list li {width:100%; margin-bottom:10px; text-align:left;}
    .event-pagination {text-align:center;}
    .event-pagination a.event-prev, .event-pagination a.event-next {position:static; margin:0 20px;}
    .event-list li .image {float:left; width:30%; margin-right:5%;}
    .event-list li .image a {height:90px !important;}
    .event-list li .event-date .day, .event-list li .event-date .month {display:inline; font-size:100%;}

    .club-ladder h3 {background:#aaa;}
    .ladder li .rank, .ladder li .user, .ladder li .listing {width:9%;margin-right:1%;}
    .ladder li .views {width:71%;}

    .btn-listing-register, .btn-listing-browse {width:100%; margin-bottom:20px;}
    .quinfo-video h2 {text-align:center;}
    .quinfo-video iframe {width:100%; height:200px !important;}

    .listings-report .listing-image a img {width:100%; float:none; margin:0 auto 20px auto; object-fit:cover;}
    .listings-report h2 {text-align:center;}
    .listings-report .cols3 .col {width:100%; margin:0 0 20px 0;}
    .listings-report .locations {flex-wrap:wrap;}
    .listings-report .locations .map, .listings-report .locations .table {width:100%; margin:0 0 20px 0;}

    .social-media-embed {display:flex; margin-bottom: 50px; flex-wrap:wrap;}
    .social-media-embed .fb-page-plugin {width:100%; margin-right:0%; margin-bottom:30px;}
    .social-media-embed .tweets {width:100%;}

    .banner-728 a img {max-width:100%;}
    .blog-posts-index li {width:100%;}
    .blog-posts-index li .image a {height:190px;}
    

    .post-gallery {margin:30px 0 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
    .post-gallery li {width: 44%; margin-bottom:20px; background:#f7f7f7; margin:0 3% 20px 3%;}
    .post-gallery li a img {display:block; width:100%; height:100%; object-fit:cover;}

    .comments .comment_form textarea {width:88%; margin:0; box-sizing:border-box;}
    .sale-details .item-details li {width:100%; margin:0;}
    .sale-details .price-contact .contact-number b {display:none;}

    .btn-spotto {left:60px; right:auto; top:12px; font-size:80%; text-transform:uppercase;}
    .spotto-content h2 {text-align:center; margin-bottom:5px;}
    .spotto-content {width:90%; margin-left:5%;}
    .spotto-content .submit {text-align:center;}
    .spotto-content .submit input {width:100%;}

    .banners-advertise {padding:0 5%; box-sizing: border-box;}
    .banners-advertise .stats {flex-wrap:wrap;}
    .banners-advertise .stats li {width:100%; margin:0;}

    .banners-advertise img {max-width:100%; height:auto;}
    .banners-advertise .cols3 .col {width:100%; margin:0;}
    .banners-advertise .btn-pay {width:100%;}

    .cols3 input[type=text] {padding:10px !important;}

    .advertising-options {flex-wrap:wrap;}
    .advertising-options .standard {width:100%; margin:0; flex-wrap:wrap;}
    .advertising-options .standard .col {width:100%; margin-bottom:10px;}
    .advertising-options .standard .col2 {border-width:1px;}
    .advertising-options .standard .col .description {height:auto; text-align:center;}
    .advertising-options .or {display:none;}
    .advertising-options .offer {width:100%;}
    .advertising-options .offer .description {height:auto; text-align:center;}
    .advertiser-details {flex-wrap:wrap;}
    .advertiser-details .contact-info, .advertiser-details .payment-info, .advertiser-details .totals {width:100%; margin:0;}

    .upload-cover-image .image {width:100%; height:200px; background:#eee; margin-bottom:20px; overflow:hidden;}

    .item-list { max-width:90%; margin:0 auto;}
    .item-list h3 {margin-top:0;}
    .item-list .items {margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;justify-content:center;}
    .item-list .items li {width:100%;max-width:340px;margin:0 10px 30px 10px;}
    .item-list .items li:last-child {margin-right:10px;}
    .item-list .items li .image {width:100%; height:200px; margin-bottom:10px;}
    .item-list .items li .image a img {display:block; border:0; object-fit:cover; width:100%; height:100%;}
    .item-list .items li .text a {display:block; text-decoration:none; color:#000;}
    .item-list .items li .text a:hover, .item-list .items li .text a:focus, .item-list .items li:hover .text a {color:#d00 !important; text-decoration: underline;}

    .adsbygoogle {max-width:90%; margin:20px auto;}
    .intro .cta li {width:60%;}
    .intro .cta a { box-sizing:border-box; margin:0; padding:15px; width:100%}
    .intro .cta li:first-child {margin-right:2%;}
    .intro .quinfo-video iframe {position:static; margin:30px 0; width:100%;}

    .breadcrumbs ul {justify-content:center; line-height:0.1em; padding:10px 0;}

    .container .page-head {display:flex; flex-wrap:wrap; margin-bottom:30px; align-items:center; justify-content:center;}
    .container .page-head .title {width:100%; margin:0; text-align:center;}
    .container .page-head .title h2 {margin-bottom:10px; text-align:center;}
    .container .page-head .adsbygoogle {margin:0 auto;}
    .container .page-head .adsense { width:90%; margin:10px auto 0 auto; background:#fff;height:auto; text-align:center;}

    .container .page-content {overflow:hidden;}
    .container .page-content .left {float:none; width:90% !important; margin:0 auto;}
    .container .page-content .left h3 {margin-top:0; font-size:100%;}
    .container .page-content .left .adsense {max-width:90%; margin:30px auto;}
    .container .page-content .left .adsbygoogle {max-width:100%;}

    .search-filter {display:none;}

    .btn-filter {display:block; margin:0 auto; width:50%; text-align:center; padding:10px 20px; background:#d00; color:#fff !important; text-decoration:none !important; font-weight:500; border-radius:3px; margin-bottom:20px;}
    .btn-filter:hover, .btn-filter:focus {color:#fff !important; text-decoration:none !important;}

    .container .page-content .right {float:none; width:100% !important; margin:0; display:flex; flex-wrap:wrap;}
    .listings-index .listings {width:90%; margin:0 auto;}
    .listings-index .listings li {width:100%; margin:0;margin-bottom:30px;}

    h2.primary {text-align:center;}

    .banner-728, .adsense {max-width:90% !important; width:90% !important; margin:0 auto 30px auto;}

    .listings-view {margin-top:20px;}
    .listings-view .back-link {float:none; text-align:center; margin-top:0; display:block;}
    .listings-view h2 {text-align:center; margin-top:10px;}
    .listings-view .tabber {justify-content:center;}
    .listings-view .tabber li {width:23%;}
    .listings-view .tabber li a {min-width:auto;}
    .listings-view .note {text-align:center !important; margin-top:0}
    .listings-view .favourites-follows {margin-bottom:0;}

    .listings-view .page-content .right {width:90% !important; margin:20px auto;}
    .listings-view .page-content .right .adsense {margin:20px auto; max-width:90%;}
    .listings-view .page-content .right .adsbygoogle {max-width:100%; margin:20px auto !important;}
    .listings-view .back-link {display:none;}

    .qvr-content {flex-wrap:wrap; order:1;}
    .qvr-form {width:100%; padding:0; order:2;}
    .qvr-image {width:90% !important; margin:0 auto;}

    .qvr-form form {margin:20px 5%;}
    .qvr-form form .search-fields {flex-wrap:wrap;}
    .qvr-form form .search-fields div {width:100%; margin-bottom:10px;}
    .qvr-buttons {flex-wrap:wrap;}
    .qvr-form .btn-pay, .qvr-form .btn-sample {display:flex; max-width:100%; width:100%; align-items:center; justify-content:center;}
    .qvr-form .btn-sample {margin-top:0; margin-bottom:40px; background:#54a1d7;}
    .container img {max-width:100%; height:auto;}

    .btn-qvr-export {display:block; width:30%; text-align:center; float:none; margin:0 auto 20px auto;}
    .summary-image {flex-wrap:wrap;}
    .image-statuses, .summary-image .summary {width:90%; margin:0 auto 20px auto;}
    .image-statuses .image:after {content:"";}
    .image-statuses .image {height:200px;}
    .image-statuses .no-img {display:none;}
    .image-statuses .statuses {flex-wrap:wrap;}
    .image-statuses .statuses li {width:48%; margin:0 0 10px 0;}
    .image-statuses .statuses li:nth-child(odd) {margin-right:10px;}
    .registration-status {margin:0 auto 30px auto; width:90%; box-sizing:border-box;}
    .status-details {width:90%; margin:0 auto 30px auto;}
    .notes {width:90%; margin:0 auto;}

    main .my-account {padding-top:5px;}
	
	.notifications .latest{position:absolute;margin:0;width:200px;}
	.notifications .latest li .image{display:none;}
	.notifications .latest li .notification-text{width:100%;}
	
	.intro .content p{margin:20px auto;}
	.intro .cta{justify-content:center;}

	.variety-bash-link {background:url(../img/variety-bash-logo.png) bottom center no-repeat; background-size:60%;}
	.variety-bash-link a {display:block; padding:30px; background:#f00; color:#fff; width:100%; border-radius:0 0px 0px 0; margin-bottom:80px; box-sizing: border-box;}
	
}


@media screen
and (max-width : 768px) {
	.intro {padding:0 40px 0px 40px; text-align:center; margin-bottom:0;}

    .intro .quinfo-video {position:static; margin:0; padding:0;}
    .intro .quinfo-video h2 {display:none;}
    .intro .quinfo-video iframe {width:100%;}

    .intro .cta {width:100%; flex-wrap:wrap;}
    .intro .cta li {width:100%; margin:0 0 10px 0 !important;}
    .intro .cta li a {margin:0; width:100%;}
}

@media screen
and (max-width : 477px) {
	.intro {padding-bottom:40px;}
	.intro .quinfo-video {height:200px;}
	.intro .quinfo-video iframe {height:200px !important;}
}