:root {

	--rounded-xxs: .2rem;
	--rounded-xs: .3rem;
	--rounded-s: .5rem;
	--rounded: 1rem;
	--rounded-l: 1.5rem;
	--rounded-xl: 2rem;
	--rounded-xxl: 4rem;

	--rounded-circle: 50%;	

}

html {min-width: 360px; height: 100%;}

body {height: 100%; font-family: 'Roboto', sans-serif; font-size: 14px;}

.wrapper {width: 100%; max-width: 1320px; padding: 0 24px;}

#site {display: flex; flex-direction: column; align-items: stretch; min-height: 100%; padding-top: 120px;}
#site.hide {display: none;}

/* :: Header 
================================================================================== */

#header {position: absolute; top: -1px; left: 0; z-index: 801; width: 100%; font-size: 1.1em;}
#header > .level-1 {
	min-height: 97px; padding: 25px 0 24px; background: linear-gradient(to bottom, #004080 0%,#014c97 70%);
}
#header > .level-2 {display: none;}

	.site-logo {
		position: absolute; top: 50%; left: 20px; width: 49%; max-width: 255px; margin: 4px 0 0; padding: 0; transform: translateY(-50%);
	}
		.site-logo a {display: block;}

.f-nav #header, .user-messages #header {position: fixed; box-shadow: 0 4px 10px rgba(0,0,0,.3);}
.f-nav #header > .level-1, .user-messages #header, .user-messages #header > .level-1 {min-height: 49px; padding-top: 0; padding-bottom: 0;}
.f-nav .site-logo, .user-messages .site-logo {max-width: 210px;}

		#header .login-btn {
			float: right; margin: 6px 72px 0 0; padding-left: .4em; padding-right: 1em; text-decoration: none; text-align: center; border-radius: 1.5em;
		}
		.login-btn.logged-in:hover {background-color: transparent;}
			.login-btn .icon-wrapper {display: inline-block; width: 36px; height: 36px; vertical-align: middle;}
			.login-btn svg {margin-top: .3em;}
				.login-btn path {fill: #40c8f4;}
				.login-btn:hover path {fill: white;}
			.login-btn.logged-in .dtop {display: none;}
			
		.notification-on {position: relative;}
		.notification-on::before {
			content: ""; position: absolute; top: -2px; right: -2px;
			display: block; width: 8px; height: 8px; border: 2px solid; border-radius: 50%;
		}
		.column.user-profile .nav-y a.notification-on {padding-left: 1.8em;}
		.column.user-profile .nav-y a.notification-on::before,
		.item-description .member-info .avatar.notification-on::before {
			top: 2px; right: auto; left: -6px; width: 24px; height: 21px;
			background-image: url(icon-mail-sm.svg); background-repeat: no-repeat; background-position: 50% 50%;
			border-width: 0; border-radius: 6px;
			animation: pulse-notification 1s infinite;
		}
		.column.user-profile.notification-on::before {display: none;}
		
		@keyframes pulse-notification {
			0% {box-shadow: 0 0 0 0 rgba(237,26,59,.55);}
			70% {box-shadow: 0 0 0 7px rgba(237,26,59,0);}
			100% {box-shadow: 0 0 0 0 rgba(237,26,59,0);}
		}

/* :: Meta :: */

	#header .meta {float: right; margin: 6px 10px 0;}
		#header .meta a {min-height: 36px;}
			
		:root .btn-add {
			position: relative; margin-right: 1rem; padding-top: .55rem; padding-left: 2em; font-weight: bold;
		}
		#header .btn-add {min-width: 10em;}
		.btn-add:before {
			content: ""; position: absolute; top: 50%; left: .6em; transform: translateY(-50%);
			display: block; width: 16px; height: 16px; background: url(icon-add.svg) no-repeat 50% 50%;
		}
		/*.btn-add:before, .btn-add:after {
			content: ""; position: absolute; display: block; border: 1px solid currentColor;
		}
		.btn-add:before {top: .95rem; left: .6rem; width: 12px;}
		.btn-add:after {top: .55rem; left: 1rem; height: 12px;}*/

/* :: Search Bar :: */

.icon-mobile-search {display: none;}

.search-bar {
	position: absolute; top: 1px; right: 24px; width: 60px; max-width: 360px; overflow: hidden; 
	padding-right: 60px; text-align: right;
}
.search-bar.on {width: 40%; overflow: visible;}
	.live-search {display: block; position: static;}
		.search-wrapper {width: 0; visibility: hidden; opacity: 0; text-align: left;}
		.search-bar.on .search-wrapper {width: 100%; visibility: visible; opacity: 1;}
		
		.search-loading .search-wrapper > .form-group::before {
			content: ""; position: absolute; top: .7em; right: .7em; z-index: 10;
			display: block; width: 16px; height: 16px; border-radius: var(--rounded-circle);
			border: 4px solid #eee; border-left-color: #ed1a3b;
			transform: translateZ(0); animation: s-loading .6s infinite linear; 
		}
		
		@keyframes s-loading {
		  0% {transform: rotate(0deg);}
		  100% {transform: rotate(360deg);}
		}
		
			.search-wrapper .txt {height: 48px; border-width: 0; box-shadow: inset 0 0 4px rgba(0,0,0,.5);}
		
		.search-btn-wrapper {position: absolute; top: 0; right: 0; width: auto;}
			.icon-search {
				position: relative; display: block; width: 60px; height: 48px;
				border-left: 2px solid;
			}
			.icon-search:before, .icon-search:after {content: ""; position: absolute; display: block; border-style: solid;}
			.icon-search:before {top: 12px; left: 20px; width: 14px; height: 14px; border-width: 2px; border-radius: var(--rounded-circle);}
			.icon-search:after {top: 30px; left: 32px; width: 10px; border-width: 2px 0 0; transform: rotate(45deg);}
			.search-bar.on .icon-search:before {
				width: 20px; height: 0; top: 22px; border-width: 2px 0 0; border-radius: 0; transform: rotate(45deg);
			}
			.search-bar.on .icon-search:after {width: 20px; top: 22px; left: 20px; transform: rotate(-45deg);}
			
			#site .dropdown-content a {display: block; float: left; width: 100%; font-size: 1em;}
				.dropdown-content .img {width: 60px;}
				.dropdown-content img {max-width: 60px; max-height: 60px;}
				#site .dropdown-content .btn {padding: .5em;}

/* :: Search Bar Modal :: */

.search-bar-modal {display: flex; flex-direction: column; min-height: 100%;}
	.search-bar-modal .search-input-wrapper {position: relative; margin: 0 -.3rem 0; padding: .3rem; overflow: hidden;}
		.search-bar-modal .search-input-wrapper .txt {
			display: block; width: 100%; padding: 1em; padding-right: 2em; border-width: 2px;
		}
		.search-bar-modal .clear-search {
			position: absolute; top: 50%; right: -2em; transform: translateY(-50%);
			display: flex; width: 1.5rem; height: 1.5rem; padding-bottom: .1em; align-items: center; justify-content: center;
			font-weight: bold; font-size: 1.1em; 
		}
		.search-bar-modal .clear-search.on {right: 1em;}
		
		.search-bar-modal .btn-view-all {
			position: absolute; top: 50%; right: -2em; transform: translateY(-50%);
			display: block; width: 2.5rem; height: 2.5rem;
		}
		.search-bar-modal .btn-view-all.on {right: .9em;}
		
	.search-bar-results {position: relative; flex: 1; padding-top: 2.5em;}
		.search-bar-results .search-bar-desc {
			position: absolute; top: -.3rem; z-index: -1; display: inline-block; margin: 0 0 1em 1em; padding: .3em .5em; border-radius: 0 0 .5em .5em;
		}
		
		.search-bar-results.search-loading:before {
			content: ""; position: absolute; top: .2em; left: 50%; z-index: 10;
			display: block; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%;
			border: 4px solid #eee; border-left-color: #ed1a3b;
			transform: translateZ(0); animation: search-loading .6s infinite linear; 
		}
		
		@keyframes search-loading {
		  0% {transform: rotate(0deg);}
		  100% {transform: rotate(360deg);}
		}
		
			.search-bar-results section {margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid;}
				.search-bar-results section a {display: flex; text-decoration: none;}
					.search-bar-results .img {width: 25%; min-width: 100px; margin-right: 1em;}

/* :: Navigations 
===================================================================================================== :: */

#site .nav-collapse {display: none;}

/* :: Main Navigation :: */

.site-nav {float: left; margin: 11px 0 0 327px;}

	#site .main-nav nav > ul {
		visibility: visible; position: relative; opacity: 1; margin: 0;
	}
		.site-nav nav > ul > li {display: inline-block; margin-right: 1.5em;}
			.site-nav nav > ul > li > a {
				position: relative; display: block; padding: .4em 0;
				font-weight: bold; text-decoration: none; text-transform: uppercase;
			}
			
			.site-nav nav > ul > li > a:before {
				content: ""; position: absolute; left: 0; bottom: 0;
				display: block; width: 100%; border-top: 2px solid transparent;
			}
			
			.site-nav .sub-menu {}
				.site-nav .sub-menu .sub-menu-wrapper {
					top: 100%; z-index: 800; width: 100%; padding: 1em .5em; box-shadow: 1px 5px 10px rgba(0,0,0,.2); border-width: 0;
					transition-delay: 0.3s;
				}
				.site-nav .sub-menu:hover .sub-menu-wrapper {top: 100%;}
					.site-nav .sub-menu li {padding: 0 .5em;}
						.nav-x .sub-menu li a {padding: .5em .7em;}
						.site-nav .sub-menu li a:hover {text-decoration: none;}
					
		.site-nav .sub-menu .sub-menu ul {display: none;}

/* :: Main
===================================================================================================== :: */

main {position: relative; z-index: 1; padding-bottom: 24px;
/* :: New :: */
flex-grow: 1;
}
.user-messages main {padding-bottom: 0;}
	
	.content.col-75 {width: calc(75% - 6px);}
	.side-bar + .content.col-75 {float: right;}

.btn-outline {background-color: transparent; border-width: 2px;}

.index main .row-1, .index main .row-2 {margin-bottom: 24px; display: flex; flex-wrap: wrap;}
/*.index main .row-1 {flex-direction: row-reverse;}*/
	.column {position: relative;}
		.column .column-inner {padding: 20px;}
		.column-inner + .main-items {padding-top: 0;}
	
	.popular {clear: both; padding-right: 12px;}
		.popular a, .popular a > .img {position: relative; display: block; height: 100%;}
		.popular a {background: url(loading-big.gif) no-repeat 50% 40%;}
		
			.popular a > .img {
				background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
			}
				.popular h2 {top: 0; margin: 0; padding: 12px 20px;}
				
				.inside .popular a {padding-top: 2.4rem;}
				.inside .popular h2 {top: -2.4rem;}
				
				.popular h2:before, .popular h2:after,
				.top-items h3:before, .top-items h3:after {content: ""; position: absolute; z-index: 10; display: block;}
				.popular h2:before,	.top-items h3:before {
					top: 0; right: 0; width: 0; height: 0;
					border-style: solid; border-width: 0 80px 80px 0; border-color: transparent #e81a39 transparent transparent;
				}
				.popular h2:after,
				.top-items h3:after {
					top: 6px; right: 2px; width: 36px; height: 36px; background-position: 50% 50%; background-repeat: no-repeat;
				}
				.popular h2:after {background-image: url(icon-award.svg);}
				.popular h2, .popular .info {position: absolute; left: 0; z-index: 10; width: 100%; pointer-events: none;}
				.popular .info {bottom: 0; margin: 0; padding: 1.5em 20px 20px;}
					.popular h1 {font-size: 2.5em;}
		
		.popular h2, h3 {font-size: 1.45em;}
		.column > h3 {margin: 0; padding: 12px 40px 12px 20px; border-bottom: 1px solid;}
		
		.index .section-blog {margin: 0 6px 0 12px;}
		
		.index .column.makes {width: calc(50% - 12px); margin-left: 12px;}
			.index .column.makes .column-inner {max-height: 375px; padding: 14px 20px; overflow-y: auto;}
				.index .column.makes ul {list-style: none; margin: 0; column-count: 3; column-gap: 10px;}
					.index .column.makes li {margin: 0 0 .2em; break-inside: avoid-column;}
						.index .column.makes a {display: block; padding: 0 .1em; font-size: 1em;}
						.column a {text-decoration: none;}

.index .col-vpb, .index .section-blog, .index .column.top-items {width: calc(25% - 18px);}

.index .col-vpb, .index .column.top-items {margin-left: 18px;}

.index .col-vpb {display: none;}

	main .vpb {position: relative; clear: both; padding-top: 24px; text-align: center; border-style: solid; border-width: 1px 0 0;}
	main .vpb + .vpb {border-top-width: 0;}
		/*main .vpb:before {
			content: "ADVERTISEMENT"; position: absolute; top: .4em; left: 0;
			display: inline-block; padding-right: .5em; font-weight: 300; font-size: .8em;
		}*/
			main .vpb a {display: block;}

	.index .column.latest {width: calc(50% - 12px); margin-right: 12px;}
	.main-items, .section-blog .item-list {padding: 20px;}
		.main-items section {position: relative; margin-bottom: 12px;}
		.index .main-items section:last-child {margin-bottom: 0;}
			.main-items .item-cell {float: left; width: 100%;}
				.main-items .img {overflow: hidden;}
				.main-items .img {float: left; width: 33%;}
					.main-items .img a {display: block;}
				.main-items .info {float: right; width: 67%; padding: 0 1.5em .5em;}
				.side-bar .main-items .info, .index .top-items .info {padding: 0;}
				
				.main-items.item-col-3 .img, .main-items.item-col-3 .info {width: 100%;}
					.main-items h4 {margin-top: .8em; font-size: 1.3em; padding-bottom: .8em; border-bottom: 1px solid;}
					.main-items .info p {margin-bottom: 0;}
						.main-items .info a {display: inline-block;}
							.main-items .avatar img {width: 36px; margin-right: .3rem; border: 2px solid; border-radius: var(--rounded-circle);}
						.main-items .avatar {padding-right: .2em;}
						.main-items .views {
							float: right; margin: .5em 0 0 .7em;
						}
						:root .views {padding-left: 1.7em; background: url(icon-view.svg) no-repeat 0 50%;}
	
	.inside .content .main-items .item-content {display: flex; flex-wrap: wrap; margin: 0 -6px;}
		.inside .content .main-items section {padding: 0 6px;}
			.inside .content .main-items .item-cell {height: 100%;}
				.inside .content .main-items .info {padding: 0 1em 1em;}
					.inside .content .main-items h4 {min-height: 2.5em;}
					.main-items .info .edit .btn {margin-bottom: .3em;}
	
	.top-items {position: relative;}
	.top-items h3 {border-bottom: none}
	.top-items h3:before {border-right-color: black;}
	.top-items h3:after {background-image: url(icon-top-items.svg);}
	.top-items section {counter-increment: counter-numbers;}
		.top-items .item-cell {position: relative;}
		.top-items .item-cell:before {
			content: ""; position: absolute; top: 0; right: 0;
			display: block; width: 0; height: 0;
			border-style: solid; border-width: 0 24px 24px 0; border-color: transparent white transparent transparent;
		}
		.top-items .item-cell:after {
			content: counter(counter-numbers); position: absolute; top: .2em; right: 6%;
			font-size: 5em; font-weight: 300;
		}
			#site .top-items .img {width: 78%; max-width: 190px;}
			#site .top-items .info {clear: both; width: 100%;}
				#site .top-items h4 {margin: .2em 0; padding: 0; font-size: 1.15em; font-weight: normal; border: none;}
					#site .top-items h4 a {display: block; padding: .5em;}
				
	.section-blog .item-list {text-align: center;}
		.section-blog section {margin-bottom: 2em;}
			.section-blog .img {width: 100%; /*max-height: 11em; overflow: hidden;*/ margin-bottom: .5em; text-align: center;}
			.index .section-blog .info {display: flex; flex-wrap: wrap; justify-content: space-between;}
				.index .section-blog h4 {width: 100%; margin-top: .4em; text-align: left;}
				.section-blog h4 {
					position: relative; clear: both; margin-bottom: .3em; padding-bottom: .7em; font-size: 1.15em;
					border-bottom: 1px solid;
				}
				/*.section-blog h4:before {
					content: ""; position: absolute; bottom: 0; left: 50%;
					display: block; width: 20%; border-top: 2px solid;
					transform: translateX(-50%);
				}*/
					.date {font-size: .9em;}

.inside .content h2 {font-weight: 300;}

.breadcrumb {margin: -12px 0 12px; text-align: center; font-size: 1em;}
	.breadcrumb a {margin: 0 .5em}

.pagination {margin: 2em 0 3em; font-size: 1.3em; font-weight: 200;}
	.pagination .pagination-pages {
		display: inline-block; margin: auto; padding: 0; border: 2px solid; border-radius: 1.5em;
	}
	.pagination a, .pagination strong, .pagination span {
		margin: 0; padding: 0 1em; text-decoration: none; line-height: 42px; vertical-align: middle;}
	.pagination .prev-link {border-radius: 1.5em 0 0 1.5em;}
	.pagination .next-link {border-radius: 0 1.5em 1.5em 0;}
	/*.pagination .prev-link, .pagination .next-link {
		font-size: 1.4em; padding: 0 .5em .2em; line-height: 36px; font-weight: bold;
	}*/
	.pagination .prev-link {margin-right: .2em;}
	.pagination .next-link {margin-left: .2em;}

.level-blog {margin-top: 24px;}
	.level-blog h3 {text-align: center;}
		.level-blog .item-list section {padding: 0 6px;}
			.level-blog .section-blog h4 {min-height: 3em;}

.steps + .fieldset {margin-top: 3em;}
.form-elements .fieldset {position: relative; margin-bottom: 2.5em; padding: 7em 10% 8%;}
	.form-elements legend {position: absolute; top: 0; left: 0; min-width: 35%; margin: 0; padding: .5em 1em; font-size: 1.5em;} 
.form-elements .fieldset.yt-video {margin-bottom: 2.5em; padding: calc(1.5em + 2%); padding-top: 3.5em;}
	.form-elements .fieldset.yt-video legend {min-width: 0; font-size: 1em;}
	
	.form-elements .fieldset.yt-video .col {margin-right: 1em;}
	.form-elements .fieldset.yt-video .col-2 {padding: 2.4em 0 .9em;}
		.form-elements .fieldset.yt-video .col-2 .inner {
			position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; 
			width: 200px; height: 100%; padding: 1em;
		}
			.yt-video-preview .img {
				flex-shrink: 0; position: relative; width: 100%; height: 100%;
			}
			.yt-video-preview .img:not(:empty) {max-height: 94px; padding-top: 94px;}
			.yt-video-preview .img:empty {
				display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				border: 2px dashed;
			}
				.yt-video-preview img {
					position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: .2rem;
				}

.tab-content .fieldset {border: none; margin-bottom: 0;}

.section-comments textarea, 
#site .contact-form textarea, 
.add-your-ride textarea, 
.vp-modal-window textarea {resize: vertical;}

/* :: Item list :: */

.item-message .item-cell {display: flex; min-height: 15em; text-align: center; font-size: 1.3em;}
.item-loading .item-cell {background: url(loading-big.gif) no-repeat 50% 50%;}
	.item-message .item-cell a, .item-message strong {flex: 1; display: flex; justify-content: center; align-items: center;}
		.load-more-items .load-more span {display: inline-block; padding: .7em 1.5em; border-radius: 1.5em;}

.item-list-filter {position: absolute; top: .3em; right: .3em;}
	.item-list-filter > * {display: inline-block; float: none; width: auto;}
	.item-list-filter h6 {margin-right: .5em;}
	.item-list-filter .form-group {width: 10em;}

section.blog-post h4 {border-bottom-width: 2px;}

.next-item {display: none;}

/* :: Image Spacing :: */

.latest .img a, .main-items.item-col-3 .img a, .section-blog .img a, .top-items .img a {
	position: relative; display: block; padding-bottom: 67%; overflow: hidden; background: url(loading.gif) no-repeat 50% 50%;
}
.body-cat-3 .main-items.item-col-3 .img a {background-image: none;}
.top-items .img a {padding-bottom: 66%;}
	.latest .img img, .main-items.item-col-3 .img img, .section-blog .img img, .top-items .img img {position: absolute; top: 0; left: 0;}

/* :: Inside latest images :: */

.latest-rides-preview {padding: .5em 0; border-style: solid; border-width: 24px 0;}
	.latest-rides-preview > h3 {border-bottom: none;}
	.latest-rides-preview .main-items {text-align: center;}
		.latest-rides-preview .item-content {text-align: left;}
			#site .latest-rides-preview section {width: 25%;}
				.latest-rides-preview .item-cell {position: relative; border-radius: 1em; overflow: hidden;}
					.latest-rides-preview .img {width: 100%;}
						.latest-rides-preview .img a {padding-bottom: 130%; border-radius: 1em;}
							.latest-rides-preview .img img {
								position: absolute; top: 0; left: 0;
								width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;
							}
							.latest-rides-preview.anm-latest .img img {animation: anm-latest-img 10s linear;}
							.latest-rides-preview.anm-latest section:nth-child(2) .img img {animation-delay: 10s;}
							.latest-rides-preview.anm-latest section:nth-child(3) .img img {animation-delay: 20s;}
							.latest-rides-preview.anm-latest section:nth-child(4) .img img {animation-delay: 30s;}
							@keyframes anm-latest-img {
								50% {object-position: 100% 50%;}
							}
					
					.latest-rides-preview .info {
						position: absolute; left: 0; bottom: 0; width: 100%; padding: 3em .7em .5em; overflow: hidden; pointer-events: none;
					}
						.latest-rides-preview .info h4 {height: 2.6em; overflow: hidden; margin-bottom: 0; padding-bottom: .3em; font-size: 1.1em;}
						.latest-rides-preview .info .user-link {display: none;}
	
		.latest-rides-preview .main-items > .btn {padding: 0.76em 1.3em 0.88em; font-size: 1.1rem;border-radius: 1.5em;}

/* Advanced search and filter */

.advanced-search {position: relative; clear: both; margin-bottom: 24px; padding: 5% 5% 3%;}
	.advanced-search h1 {margin: 0;}
	.advanced-search h3 {margin-bottom: 1em;}
	.advanced-search .line-wrap {display: flex;}
		.advanced-search .line-wrap.level-2 .form-group:first-child {padding-right: 0;}
		.advanced-search .line-wrap.level-2 > strong {width: 3em; text-align: center; line-height: 3em; flex-shrink: 0;}
		.advanced-search .line-wrap.level-2 .form-group:last-child {flex-basis: 40%;}
		
		.advanced-search .form-group, .item-filter .form-group {padding-right: 1em;}
		.advanced-search .form-group:last-child, .item-filter .form-group:last-child {padding-right: 0;}
		/*.advanced-search .form-group:last-child {flex-shrink: 0; width: 80px;}*/
			.advanced-search .btn {display: block; width: 100%; padding: .6em 1.2em .65em;}
		
		/*.advanced-search .form-group:first-child {width: 36%;}
		.advanced-search .form-group:first-child, .item-filter .line-wrap h4 {flex-shrink: 0;}*/

.item-filter {margin-bottom: 2em; padding: .7em 0 0; border-style: solid; border-width: 1px 0;}
.e-shop .item-filter {float: left;}
	.item-filter .line-wrap h4 {float: left; margin-top: .5em; margin-right: 1em; font-size: 1.1em;}
	#site .item-filter .line-wrap h4, #site .item-filter .form-group {
		width: auto; clear: none;
	}
	
	.item-filter .form-group {margin-right: 1em; border-right: 1px solid;}
	.item-filter .form-group:last-child {margin-right: 0; border-right-width: 0;}

	
.select-menu a {display: block; text-decoration: none;}
.select-menu > a {position: relative; min-width: 60px; padding: .4em 30px .3em .4em;}
.select-menu > a:before {
	content: ""; position: absolute; top: 50%; right: 6px; margin-top: -3px;
}
.select-menu.on > a:before {transform: rotate(180deg);}

.select-menu .inner {
	visibility: hidden; opacity: 0;
	overflow: auto; 
	position: absolute; left: 0; z-index: 190;
	width: 200px; max-height: 300px;
	margin: 0; padding: .5em;
	border: 1px solid;
	box-shadow: 0 2px 12px rgba(0,0,0,.3);
}
.select-menu.on .inner {visibility: visible; opacity: 1;}
.item-filter .select-menu .inner {width: auto; min-width: 100%; padding: .2em; white-space: nowrap;}
	.select-menu .inner ul {list-style: none; margin: 0;}
		.select-menu .inner ul li {margin: 0; padding: 0;}
			.item-filter .select-menu .inner a {padding: .3em;}

.mark-form-details .txt, .mark-form-details .rich-dropdown label {max-width: 472px;}


.rich-dropdown > label, .rich-dropdown .dropdown-link {
	position: relative; display: inline-block; width: 100%; padding: 8px; padding-right: 28px; vertical-align: middle; cursor: pointer;
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	border: 1px solid; border-radius: 2px;
	user-select: none; touch-action: manipulation;
}
.rich-dropdown > label:active {background: white;}
.rich-dropdown .dropdown-link {padding-top: 7px; padding-bottom: 7px;}
.rich-dropdown > label:before, .rich-dropdown .dropdown-link:before {content: ""; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; color: inherit;}
	.rich-dropdown > label > span, .rich-dropdown .dropdown-link {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.rich-dropdown select {
		position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; opacity: 0;
		border: 0; cursor: pointer;
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
	}

/* 
	.rich-dropdown select, .rich-dropdown .dropdown {
		position: absolute; left: 0; z-index: 1; display: block; width: 100%; opacity: 0; 
		
	}
	.rich-dropdown select {
		top: 0; height: 100%; border: 0; cursor: pointer;
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
	.rich-dropdown .dropdown {
		top: 100%; margin-top: -.5em; padding: .5em .5em 0; font-size: .9em; border: 1px solid red; 
		overflow: auto; width: calc(100% - 1.1em); visibility: hidden;
	}
	.rich-dropdown.on .dropdown {opacity: 1; visibility: visible;}
		.rich-dropdown.on .dropdown ul, .rich-dropdown .dropdown li, .rich-dropdown .dropdown label {margin: 0; padding: 0 !important;}
		.rich-dropdown .dropdown li {margin-bottom: .5em;}
*/


.select-menu > a:before, .rich-dropdown > label:before, .rich-dropdown .dropdown-link:before {
	width: 0; height: 0; 
	border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent;
	border-style: solid; border-width: 6px 6px 0 6px; border-color: #33c0f0 transparent transparent transparent;
}

/* :: Item Description 
===================================================================================================== :: */

.item-description {margin-bottom: 24px;}
	.item-description h1, 
	.item-description h1 small,
	.res-description h1 {font-weight: 300;}
	.item-description h1.lead-heading, .res-description h1.lead-heading {
		position: relative; display: flex; margin: 0; padding: 0; font-size: 2em; border-bottom: 0;
	}
	.item-description h1.lead-heading .title {padding: 20px;}
	.res-description h1.lead-heading .title {padding: 24px;}
	
	.item-description h1.lead-heading .title, .res-description h1.lead-heading .title {flex: 1;}
		.item-description h1 small {display: block;}
	.item-description h1.lead-heading .add-on {display: flex; flex-direction: column; min-width: 20%;}
		
		.item-description h1.lead-heading .add-on-wrapper {
			flex: 1; display: flex; justify-content: space-between; align-items: center; 
			padding: .5em; padding-left: 1.2em; font-size: 1rem;
		}
		.item-description h1.lead-heading .add-on-wrapper:after {
			flex-shrink: 0; content: ""; width: 42px; height: 42px; margin-left: .5em;
			background-repeat: no-repeat; background-position: 50% 50%;
		}
		.item-description h1.lead-heading .popular:after {background-image: url(icon-award.svg);}
		.item-description h1.lead-heading .top-items:after {background-image: url(icon-top-items.svg);}
		
		/* .item-description h1.lead-heading .add-on-wrapper {
			flex: 1; display: flex; align-items: center; min-height: 4em; padding: 1.45em; font-size: 1rem;
			background-repeat: no-repeat; background-position: right 5px center;
		}
		.item-description h1.lead-heading .popular {background-image: url(icon-award.svg);}
		.item-description h1.lead-heading .top-items {background-image: url(icon-top-items.svg);} */

.item-gallery {clear: both; display: flex;}

	.big-img {
		flex: 1; display: flex; justify-content: center;  
		background: url(loading-big.gif) no-repeat 50% 50%;
	}
		.big-img .img-loading {position: relative; overflow: hidden;}
			.img-loading img {width: 100%; transform: translateZ(0);}
			.img-loading .not-loaded {filter: blur(8px); transform: scale(1.1); opacity: .9;}
			.img-loading .is-loaded {filter: blur(0); transform: scale(1); opacity: 1;}
		
		.big-img .img-gallery {position: relative;}
		.big-img .img-gallery:before {
			content: ""; position: absolute; top: 1.2em; left: 1.3em;
			display: block; width: 32px; height: 32px;
			background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='none' stroke-width='1.5' stroke='%23fff' stroke-miterlimit='10' cx='9.8' cy='9.9' r='6.4'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10' d='m14.9 13.8 5.6 5.7M9.8 6.6v6.5M6.6 9.8h6.5'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 24px;
		}
	
	.item-gallery ul {width: 20%; list-style: none; margin: 0;}
		.item-gallery ul li {position: relative; margin: 0; overflow: hidden;}	
	
	.item-gallery .more-img img {opacity: .6;}
	.item-gallery .more-img strong {
		position: absolute; top: 50%; left: 50%; z-index: 10; font-size: 2em; transform: translate(-50%,-50%);
	}
	
		.item-overview, .section-comments {padding: 24px;}
			
	.item-description .member-info {
		display: flex; flex-wrap: wrap; align-items: center; margin-bottom: -1px; padding: 18px 24px 18px 18px; border-bottom: 1px solid;
	}
		.item-description .avatar {width: 4.5em;}
		.member-info .info {padding-left: 2em;}
		.item-description .member-info .info {flex: 1;}
			.member-info .info > span {margin: 0 7% 0 0; display: inline-block;}
				.member-info .info > span strong {display: block;}
				
		a.official-account {padding-right: 1.5em; background: url(icon-official.svg) no-repeat 100% 0; background-size: 18px;}

		.item-description .member-info .contact-member {margin-top: 1.2em;}
			.contact-member .btn-contact {
				display: block; padding-left: 3.5em; border-width: 4px; 
				background-image: url(icon-mail.svg); background-repeat: no-repeat; background-position: .6em 50%;
			}
			.side-bar .contact-member {clear: both; width: 100%; padding: 1em;}

	.item-overview, .item-overview h2 {clear: both;}
		.item-overview .item-tags + .col-60 h2 {margin-top: .2em;}
		
		.item-description .item-tags {margin-bottom: 1em; padding: 1em;}
			.item-description .item-tags ul {list-style: none; margin: 0;}
			.item-description .item-tags li {min-width: 49%; display: inline-block; padding-right: 1em;}
	
	main .list-styled {margin: 0 0 1.5em; list-style: none;}
		main .list-styled li {position: relative; padding-left: 1em;}
		main .list-styled li:before {
			content: ""; position: absolute; left: 0; top: .6em;
			display: block; width: 4px; height: 4px;
		}

/* :: Item Description actions bar - Share, Likes, Comments :: */

.item-description .actions {display: flex; align-items: center; width: 100%; padding: 1.5em; border-bottom: 1px solid;}
	.item-description .actions .share {flex: 1; margin: 0;}
		.item-description .actions .share h4 {margin-left: 0;}
	
	.item-description .activity-section {display: flex; align-items: center; font-size: 1.1em;}
		.activity-section > *, .activity-section a i, .activity-section span {
			display: inline-block; vertical-align: middle;
		}
		.activity-section > * {height: 32px;}

		.activity-section .like-btn {padding: 0 .5em 0 .7em; border-radius: 1.5em .2em .2em 1.5em;}		
		.activity-section .like-btn.on {animation: click-pulse 1s;}
		@keyframes click-pulse {
			0% {box-shadow: 0 0 0 0 rgba(64,200,244,.55);}
			70% {box-shadow: 0 0 0 10px rgba(64,200,244,0);}
			100% {box-shadow: 0 0 0 0 rgba(64,200,244,0);}
		}
		.activity-section .like-btn.on svg {animation: like-btn-anim .5s;}
		@keyframes like-btn-anim {
			50% {transform: rotate(-10deg); transform-origin: bottom left;}
		}
			.activity-section .like-btn.on path {fill: #40C8F4;}
		
		.activity-section .views {line-height: 32px;}
			.activity-section a i {width: 24px;}
			.activity-section span {padding: 0 .1em;}
				.activity-section svg {margin: 5px 0 0 1px;}
				.activity-section > * > strong {display: none;}
				
		.activity-section .section-likes {margin-left: .1em;}
			.activity-section .view-likes {
				display: flex; align-items: center; height: 100%; padding: 0 .9em 0 .7em;
				border: 2px solid; border-radius: .2em 1.5em 1.5em .2em;
			}
				
				.activity-section .view-likes strong {display: none;}
				:root .activity-section .view-likes .count-likes {background-position: 0 1.3em;}
				
			.activity-section .comment {margin: 0 2em; padding: 0 .5em; border-radius: 1.5em;}
			
			.activity-section .btn-reply {margin: .5em 0 0 1.5em; font-size: .9em;}

/* :: List Social Link - Item Description, User Profile :: */

.user-profile .list-social-links {padding: 1em;}
.user-profile .list-social-links, .vp-modal-window .list-social-links {border-top: 1px solid;}
.vp-modal-window .list-social-links {padding: 1em .4em 0;}
.item-description .list-social-links {max-width: 18em; margin: 0; padding: 0;}
	.list-social-links li {margin-bottom: .5em;}
		.list-social-links a {
			position: relative; max-width: 100%; display: inline-block; padding: .3em; padding-left: 2.8em;
			white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
		}
		.list-social-links a::before {
			content: ""; position: absolute; top: 50%; left: .4em; display: inline-block; width: 28px; height: 28px; transform: translateY(-50%);
			background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;
		}
		.list-social-links .web::before {background-image: url(icon-web.svg);}
		.list-social-links .facebook::before {
			left: .65em; width: 20px; height: 20px; margin-top: -1px; background-image: url(icon-facebook.svg); background-size: 20px;
		}
		.list-social-links .instagram::before {left: .3em; width: 30px; height: 30px; background-image: url(icon-instagram.svg);}
		.list-social-links .you-tube::before {background-image: url(icon-you-tube.svg);}
		
		.item-description .list-social-links .top-link {padding-top: .5em; padding-bottom: .5em;}
		.item-description .list-social-links .top-link.show-modal-center {padding-right: 2em;}
		.item-description .list-social-links .top-link.show-modal-center::after {
			content: ""; position: absolute; top: 50%; right: .9em; margin-top: -5px;
			display: block; width: 5px; height: 5px; border-style: solid; border-width: 0 2px 2px 0; transform: rotate(45deg);
		}	

/* :: YouTube videos :: */

.section-yt-videos {padding: 1.5em; border-bottom: 1px solid;}
	.section-yt-videos h4 {min-width: 8rem; margin-bottom: 1.5em; font-size: 1em; text-transform: uppercase;}
	
	/*.section-yt-videos .item-list {max-width: 100%; width: 80%;}
		.section-yt-videos .item-list .item-content {display: flex; flex-wrap: wrap;}*/
			:root .section-yt-videos section {margin-bottom: 1em;}
				.section-yt-videos section a {display: flex; align-items: flex-start; gap: 1em;}
					.section-yt-videos .img {flex-shrink: 0; position: relative; width: 168px; height: 0; padding-top: 94px;}
					.section-yt-videos .img:before {
						content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
						background: url(icon-you-tube.svg) no-repeat 50% 50%; background-size: 40px; border-radius: .5rem;
					}
					.section-yt-videos .img:hover:before {background-color: rgba(0,0,0,.15);}
						.section-yt-videos img {
							position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: .5rem;
						}
					.section-yt-videos h5 {font-size: 1em;}

/* :: Explore Tags :: */

.section-explore-tags {position: relative; padding: 20px; padding-right: 2em; border-bottom: 24px solid; overflow: hidden;}
.section-explore-tags::before {
	content: "#"; position: absolute; top: 3.5rem; right: -1rem;
	font-size: 14rem; font-weight: bold; line-height: 1rem; opacity: .1; pointer-events: none;
}
	.section-explore-tags h3 {margin: 0 0 1em;}
	.section-explore-tags p {margin-bottom: 0;}
		.section-explore-tags .btn {margin: 0 .3em .3em 0;}

/* :: Add Social Links - Modal :: */

.vp-modal-main .profile-links h4 {margin: 0 0 .5em;}
.vp-modal-main .profile-links .form-item-line {display: flex; margin-bottom: .7em;}
	.vp-modal-main .profile-links .icon-wrapper {
		flex: 0 0 48px; display: flex; justify-content: center; align-items: center;
	}
	.vp-modal-main .profile-links .form-item {flex: 1; padding: .7em; padding-left: 0;}
		.vp-modal-main .profile-links .form-control {width: 100%; border-radius: .2em;}
		.vp-modal-main .profile-links .radio {display: flex; border-radius: 0 .3em .3em 0;}
			.vp-modal-main .profile-links .radio label {
				flex: 1; display: flex; justify-content: center; align-items: center; min-width: 2.5em; margin: 0;
			}
				.vp-modal-main .profile-links .radio input[type=radio] {box-shadow: none; cursor: pointer;}

/* :: Modal Likes :: */
			
.vp-modal-window .likes-window-content {flex: 1; overflow-y: auto;}
	.vp-modal-window .user-link {
		display: flex; align-items: center; text-decoration: underline;
	}
	.vp-modal-window .user-link:hover {text-decoration: none;}
		.vp-modal-window .user-link .avatar {width: 48px; margin-right: 1em;}

/* :: Comments :: */

.item-description .section-comments {
	border-top: 1px solid;
	--comment-left-padding: 3.4rem;
}
	.item-description .section-comments h2 {margin-bottom: 1.2em;}
	
	 .section-comments .comment-list {list-style: none; margin: 0;}
		.comment-list li {clear: both; margin-bottom: 3em;}
		
		.comment-list .comment-wrapper {position: relative; min-height: 50px; padding-left: var(--comment-left-padding);}
				
			.section-comments .avatar {position: absolute; top: .3em; left: 0; width: 40px;}
				.section-comments .avatar img {border-radius: 50%;}
				.comment-list .meta h6 {display: inline-block; margin-right: 1em;}
				.comment-list .date {font-size: .85em;}
			.comment-list p {margin-bottom: .7em; word-wrap: break-word; word-break: break-word;}

		.comment-list .my-comment .comment-wrapper {margin-left: -.4rem; margin-right: -.4rem; padding: .2rem 2.5em .5rem calc(var(--comment-left-padding) + .4rem);}
			.section-comments .my-comment .avatar {top: .4rem; left: .4rem;}
			.section-comments .my-comment .edit-comment {
				position: absolute; top: -.5em; right: -.4em;
			}
				.section-comments .my-comment .edit-comment-link {
					display: inline-block; width: 36px; height: 36px; padding: 6px;
				}
		
		.edit-comment-window h2 {margin-top: 0;}
			.edit-comment-window .avatar {position: absolute; left: 0; top: 0; width: 24px;}
				.edit-comment-window .avatar img {border-radius: 50%;}

/* :: Comments replied-to :: */

.comment-list .replied-to {margin-bottom: .3em; padding-left: var(--comment-left-padding);}
	.replied-to .users-replied {
		display: inline-flex; margin-left: 1em;
	}
		.replied-to .users-replied i {margin-right: .5em;}
	
	.comment-list .comment-reply {display: flex;}
		.comment-reply > .inner {padding: .5em .7em 0; border-radius: var(--rounded); border-bottom-left-radius: 0;}


/* :: comment-respond / Leave a Reply :: */

.section-comments .comment-respond .form-elements {
	clear: both; position: relative; min-height: 50px; margin-bottom: 2em; padding-left: 3.5rem;
}

	.comment-respond .alert {padding-left: 3.5rem;}
		.section-comments textarea {min-height: 7.5em; border-width: 2px;}

/* :: section-view-rides :: */

.section-view-rides {display: none;}

/*.section-view-rides {display: flex; padding: 20px; overflow: hidden; border-style: solid; border-width: 1px 0;}
	.section-view-rides .info-wrapper {width: 60%; padding: calc(.5em + 2%);}
		.section-view-rides .info-wrapper h3 {margin: 0 0 calc(.5em + 2%);}
		.section-view-rides .info-wrapper p:last-child {margin-bottom: 0;}

	.section-view-rides .img-wrapper {width: 40%;}
		.section-view-rides .img-wrapper .inner {position: relative; height: 100%;}
			.section-view-rides .img-wrapper .inner > a {
				position: absolute; display: block; width: 33.33%; height: 50%; 
				background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;
			}
			.section-view-rides .img-wrapper .inner > a:nth-child(1) {top: 0; left: 0;}
			.section-view-rides .img-wrapper .inner > a:nth-child(2) {top: 0; left: 33.33%;}
			.section-view-rides .img-wrapper .inner > a:nth-child(3) {top: 0; left: 66.66%;}
			.section-view-rides .img-wrapper .inner > a:nth-child(4) {top: 50%; left: 0;}
			.section-view-rides .img-wrapper .inner > a:nth-child(5) {top: 50%; left: 33.33%;}
			.section-view-rides .img-wrapper .inner > a:nth-child(6) {top: 50%; left: 66.66%;}*/

/* :: Underlines :: */

.item-description .item-tags a {
	background-image: linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.15) 100%);
	background-repeat: no-repeat; background-size: 100% 1px; background-position: 0 100%;
}
.item-description .item-tags a:hover {
	background-image: linear-gradient(to right,#40c8f4 0%,#40c8f4 100%);
}

.info .user-link .username, .member-info .info a span, .comment-list .meta h6 a span,
.activity-section .view-likes .count-likes,
.activity-section .btn-reply span {
	background-image: linear-gradient(to right,#666 0%,#666 100%);
	background-repeat: no-repeat; background-size: 100% 1px; background-position: 0 100%;
}
.info .user-link:hover .username, .member-info .info a:hover span, .comment-list .meta h6 a:hover span,
.activity-section .view-likes:hover .count-likes,
.activity-section .btn-reply:hover span {
	background-image: linear-gradient(to right,#40c8f4 0%,#40c8f4 100%);
}

/* :: Contact :: */

.body-cat-18 .content {width: 100%; display: flex; flex-wrap: wrap;}
	.contact-section, .contact-form {width: 50%; padding: 4% 5%; font-size: 1.15em;}
	.contact-section {
		background: url(contact-bgr.jpg) no-repeat 0 100%; background-size: cover;
	}
		:root .contact-section h2 {margin-top: 0; font-weight: bold; font-size: 2em;}
		.contact-section h2, .contact-section p {
			text-shadow: 1px 1px 4px hsla(0,0%,100%,.6);
		}
		
		.contact-section .social-link, .contact-section .social-link:hover span {text-decoration: none;}
			.contact-section .social-link i {
				display: inline-block; margin-top: .2em; margin-right: .3em; vertical-align: middle;
			}
			.contact-section .social-link span {text-decoration: underline;}
		
		.contact-section p + hr {top: 12px;}

	.contact-form {box-shadow: 0 10px 30px rgba(0,0,0,.05);}
		.contact-form h3 {margin: .2em 0; font-size: 1.6em;}
		.contact-form .form-wrapper {position: relative;}
			.contact-form .form-group {margin: 0 -.2rem 1em; padding: .2rem; background-color: transparent;}
				.contact-form label {position: relative; margin-bottom: .2em; padding: 0;}
				.contact-form label + small {display: block; margin: -.2em 0 .3em;}
				.contact-form input.form-control {height: 42px;}

				#site .contact-form textarea {max-width: 100%; height: 6em; margin-bottom: 1em;}
				
				.contact-form .btn {padding: 1em; font-weight: bold;}

.body-cat-18 .side-bar, .body-cat-18 .cd-top {display: none;}

/* :: User profile 
===================================================================================================== :: */

.user-profile > h3 {position: relative;}

.user-profile .member-info {position: relative;}
	.user-profile .info {width: 100%; display: flex; flex-wrap: wrap; min-height: 110px; padding: 1em; padding-left: 40%;}
		.user-profile .member-info .info > span {display: block; width: 100%; margin: 0 0 1em;}
		.user-profile .member-info .info > span:last-child {margin-bottom: 0;}
			.user-profile .member-info .info > span strong {min-width: 5em;}
			.user-profile .member-info .info > .member a {
				display: inline-block; max-width: 100%;
				white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
			}
			.user-profile .member-info .info > .city span {display: inline-block;}

.side-bar .column.user-profile .avatar {
	position: absolute; top: .9em; left: .9em; width: 30%; max-width: 84px; border-radius: 50%;
}
.side-bar .column.user-profile .avatar.edit::before {
	content: ""; position: absolute; left: -8px; bottom: 3px; 
	display: block; width: 28px; height: 28px; background: url(icon-camera.svg) no-repeat 50% 50%; background-size: 20px;
	border-radius: 50%; 
}
	
	#site .column.user-profile .nav-y {clear: both; padding: 12px; border-top: 1px solid;}
		.column.user-profile .nav-y li {margin-bottom: 2px;}
		.column.user-profile .nav-y a {display: block; padding: .5em; border: 2px solid transparent;}
		.column.user-profile .nav-y .current a {font-weight: bold;}

.inside .user-timeline .main-items.item-col-1 .info {padding: 3% 4%;}
	.user-timeline .column > h3 {position: relative; padding-right: 20px;}
		.user-timeline .column > h3 .btn-back {display: none;}

	.main-items .btn-delete {
		position: absolute; top: 0; right: 6px; display: block; width: 26px; height: 26px;
		background: url(icon-delete.svg) no-repeat 50% 50%; background-size: 20px;
	}
	/*.main-items .btn-delete:before, .main-items .btn-delete:after {
		content: ""; position: absolute; top: 10px; left: 6px;
		display: block; width: 12px; border-bottom: 2px solid;
	}
	.main-items .btn-delete:before {transform: rotate(45deg);}
	.main-items .btn-delete:after {transform: rotate(-45deg);}*/
	.main-items .btn-delete span {display: none;}

/* :: Edit images and info :: */

.tabs > .nav-x {font-size: 1.2em;}

#site .edit-images .nav-x {margin: 0 0 1.5em;}
	.edit-images .nav-x .btn {
		position: relative; padding: .7em 1em; border: 2px solid;
	}
	#site .edit-images .nav-x li {margin: 0;}
	.edit-images .nav-x li:not(:first-child) .btn {border-left-width: 0;}
	.edit-images .nav-x li:first-child .btn {border-radius: 1.5em 0 0 1.5em;}
	.edit-images .nav-x li:last-child .btn {border-radius: 0 1.5em 1.5em 0;}
	
	.edit-images a.move-img {position: relative;}
	.edit-images .move-img:before,
	.edit-images .rotate-img:before,
	.edit-images .delete-img:before {
		content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
		display: block; width: 48px; height: 48px; 
		background-repeat: no-repeat; background-position: 50% 50%;
		border-radius: 50%; box-shadow: 2px 2px 10px rgba(0,0,0,.5);
	}
	.edit-images .move-img:before {background-image: url(icon-move.svg);}
	.edit-images .rotate-img:before {background-image: url(icon-rotate-light.svg);}
	.edit-images .delete-img:before {background-image: url(icon-delete.svg);}
	
	.icon-upload {
		display: inline-block; width: 24px; height: 24px; margin-right: .3em; vertical-align: middle;
		background: url(icon-upload.svg) no-repeat 50% 50%;
	}

.img-here {width: 100%; float: left;}

.img-here .item-list {margin-top: 2em;}
	.img-here .item-list section {
		position: relative; float: left; margin: 0 6px 6px 0; padding: 6px;
    	border: 1px solid #ccc;	cursor: move;
	}	
		.img-here img {width: 200px; height: 133px;}
		.img-here .sort-avatar img {width: 84px; height: 84px;}
		
		.img-here .rotate, .img-here .delete {
			position: absolute; top: 1px; z-index: 1;
			display: inline-block; width: 20px; height: 20px;
			background-color: white; 
		}
		.img-here .rotate {
			left: 1px; background-image: url(icon-rotate.svg); background-repeat: no-repeat; background-position: 0 0;
			}
		.img-here .delete {right: 1px;}
			.img-here .delete:before, .img-here .delete:after {
				content: ""; position: absolute; top: 2px; left: 50%;
				display: block; height: 14px; margin-left: -1px; border-left: 2px solid;
			}
			.img-here .delete:before {transform: rotate(45deg);}
			.img-here .delete:after {transform: rotate(-45deg);}

#site .items-sortable {margin: 2em 0; list-style: none; cursor: default;}
	.items-sortable li {
		position: relative; float: left; margin: 0 6px 6px 0; padding: 6px;
    	border: 1px solid #ccc; border-radius: 4px;
	}
		.items-sortable li a {position: relative; display: block;}
		.items-sortable li:first-child a:after {
			content: "Main photo"; position: absolute; left: 0; bottom: 0;
			padding: .2em .4em; border-top-right-radius: .1em;
		}

.tabs .nav-x .new-feature a:before {
	content: "NEW"; position: absolute; top: 0; right: 0;
	padding: .1em .6em; font-size: .7rem; border-radius: 1em;
	transform: translate(20%,-30%); box-shadow: .1em .1em .5em rgba(0,0,0,.4);
}

/* :: Members login and Sign In modal window :: */

.mem-log-section-modal .inner-row {display: flex; flex-wrap: wrap; gap: 2%;}
	.mem-log-section-modal .inner-row > div {width: 49%; padding: 4%;}

.btn.facebook-login {padding: .55em .5em .5em; background-color: #1877F2;}
	.btn.facebook-login svg {margin-right: .3em; vertical-align: middle;}

/* :: Sort :: */

/*ul.sorter {
  list-style-type: none; float: left; width: 100%; margin: 1.5em 0 0; padding: 0;
}

	ul.sorter li {position: relative; float: left; margin: 0 6px 6px 0; cursor: move;}

		ul.sorter li > span {
			display: block; width: 100%; height: 100%; padding: 6px;
			border: 1px solid #ccc;	
		}
			.sorter .img-wrapper {display: block;}

ul.sorter ul.sorter {margin: 14px auto 0 auto; padding: 0 0 0 30px;}

ul.sorter li.empty > span {
  background: none;
  border: 1px dashed #ccc;
  cursor: pointer;
  text-indent: 130%;
  white-space: nowrap;
  overflow: hidden;
 }

.li_helper {
	position: absolute; left: 0; top: 0; z-index: 790;
	display: none; width: 100px; cursor: move;
}

	.li_helper > span {
		display: block; width: 100%; padding: 6px;
		background-color: #f5f5f5; border: 1px solid #ccc;
	}

.li_helper ul.sorter, ul.sorter ul.sorter {
	margin: 14px auto 0 auto;
	width: 100%;
	padding: 0 0 0 30px;
}*/

/* :: User messages :: */

.user-messages #site {padding-top: 67px;}

.user-messages main .wrapper {padding: 0 24px 0 372px; overflow: hidden;}
	.user-messages .content {position: relative; max-width: 1376px;}
	
.user-messages .side-bar {position: fixed; top: 50px; left: 0; bottom: 0; width: 348px; padding: 0; overflow: auto;}
	/*.user-messages .side-bar .inner {height: 100%; padding: 50px 0 0;}*/
	.user-messages .side-bar .inner {}
		.user-messages .side-bar .inner > .meta {padding: 12px; position: sticky; top: 0; z-index: 900; box-shadow: 0 4px 4px rgba(0,0,0,.3);}
			.user-messages .side-bar .btn-back {float: right; margin-top: .5em;}
		.user-messages .side-bar .conversation-list {margin: 0; padding: 0; /*overflow: auto;*/ list-style: none; border-top: 1px solid;}
			.user-messages .conversation-list > li {margin: 0; border-bottom: 1px solid;}
		
	.user-messages .side-bar .user-link {display: flex; align-items: center; padding: 12px; text-decoration: none;}
		.user-messages .side-bar .avatar {width: 48px; margin-right: 1em;}
			.user-messages .side-bar .avatar img {
				display: inline-block; border-radius: 50%;
			}
	
	.avatar {position: relative;}
	.avatar .status {
		position: absolute; right: 1px; bottom: 1px;
		display: inline-block; width: 11px; height: 11px;
		border: 2px solid; border-radius: 50%; box-shadow: 1px 1px 4px rgba(0,0,0,.4);
	}
	.user-messages .side-bar .username {flex: 1;}
	.username {word-wrap: break-word; word-break: break-word;}
	
.user-messages #footer {display: none;}

.chat-window .message {position: relative; clear: both; margin-bottom: 1em; font-size: 1rem;}
	.chat-window .message .img {position: absolute; bottom: 3px; float: none; width: 32px; height: 32px;}
	.chat-window .message.item-left .img {left: 0;}
	.chat-window .message.item-right .img {right: 0;}
		.chat-window .message .img img {border-radius: 50%;}
	.chat-window .message-wrapper {display: table; width: 100%; padding: 0 40px;}
		.chat-window .message-line {word-wrap: break-word; word-break: break-word; min-height: 32px; margin-bottom: 2px; padding: .3em .5em; border-radius: .3em;}
		.chat-window .item-left .message-line {clear: left; float: left;}
		.chat-window .item-right .message-line {clear: right; float: right;}
		
.new-message {position: fixed; right: 0; bottom: 0; left: 348px; z-index: 8000; padding: 24px; min-height: 88px;}
	.new-message .form-elements {
		width: 100%; max-width: 924px; margin: 0 auto; padding: 8px; display: flex; flex-direction: row; box-shadow: 1px 1px 8px rgba(0,0,0,.1);
	}
		.new-message .form-group {margin-bottom: 0;}
		.new-message .form-group.send {display: flex; width: 10em; padding-left: 4px; align-items: flex-end;}
			.new-message textarea {max-height: 10.5em; border: none; overflow-y: hidden; resize: none;}
			.new-message textarea, .new-message .btn {min-height: 48px;}

/* :: Add Ride :: */

.add-your-ride .tab-content {
	padding: calc(.5em + 5vw);
}
	.add-your-ride .row {margin: 0 -6px;}
		.add-your-ride .row .col {padding: 0 6px;}
			.add-your-ride .txt, .add-your-ride .form-control {padding: .55rem .4rem .55rem;}
			.add-your-ride .txt, .add-your-ride .form-control,
			.rich-dropdown > label, .rich-dropdown .dropdown-link {border-width: 2px;}
			.add-your-ride .txt, .add-your-ride .form-control, .add-your-ride .btn {border-radius: 3px;}

/* :: Auto Notes 
===================================================================================================== :: */

.auto-notes-main {padding: 20px;}

/* :: Auto notes header :: */

.auto-notes-header {margin-bottom: 1.2em;}
	.auto-notes-header .add-photo {
		position: relative; width: 42px; height: 42px; margin: -.2em 1em 0 .3em; padding: 7px 0 0; border-radius: 50%;
	}
	.auto-notes-header .add-photo.loading:before {
		content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; 
		display: block; border-radius: 50%;
		border: 4px solid #eee; border-left-color: #ed1a3b;
		transform: translateZ(0); animation: add-photo-loading .6s infinite linear; 
	}
	
	@keyframes add-photo-loading {
	  0% {transform: rotate(0deg);}
	  100% {transform: rotate(360deg);}
	}
	
	.auto-notes-header .add-note, .auto-notes-header .add-expenses {position: relative; margin: .5em .5em .7em; padding: .7em 1em .7em 2em;}
	.auto-notes-header .add-note:before, .auto-notes-header .add-expenses:before,
	.auto-notes-header .add-note:after, .auto-notes-header .add-expenses:after {
		content: ""; position: absolute; top: 1.1em; left: 0.7em; display: block; width: 12px; border-style: solid; border-width: 2px 0 0;
	}
	.auto-notes-header .add-note:after, .auto-notes-header .add-expenses:after {transform: rotate(-90deg);}

/* :: Auto notes list view :: */

.auto-notes-content section.view-note {float: left; width: 100%; padding: .8em; margin-bottom: .5em; border-radius: .5em; cursor: pointer;}
.auto-notes-content section:hover {box-shadow: 0 0 0 .15em rgba(116,191,255,.5);}
	.auto-notes-content .view-note > .img {float: left; width: 150px; margin-right: 1.5em; border-radius: .25em; overflow: hidden;}
	.auto-notes-content .view-note > .info {display: flex; flex-direction: column;}
		.auto-notes-content .view-note > .info > .title {margin-bottom: .5em; font-size: 1.2em;}
			.auto-notes-content .view-note > .info > .title a {display: block;}
				.auto-notes-content .view-note > .info > .title span {
					display: inline; padding-bottom: 0.1em; 
					background-position: 0 1.1em; background-size: 1px 1px; background-repeat: repeat-x;
					background-image: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,.2) 100%);
				}
		
	.auto-note-vehicle {margin: .3em 0 .7em;}
		.auto-note-vehicle .vehicle-avatar {
			display: inline-block; width: 24px; height: 24px; margin-right: .5em;
			background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 50%;
		}
		
		.view-note .note-info-wrapper {flex: 1; display: flex; flex-wrap: wrap;}
			/*.view-note .note-info-wrapper > div {flex-grow: 1;}*/
			.view-note .note-info-wrapper .date {flex: 1;}
			.view-note .note-info-wrapper .repeat {flex-grow: 0; width: 7em;}
			.view-note .note-info-wrapper .amount {min-width: 15em; text-align: right;}
				.auto-notes-content .view-note .note-label {
					display: block; margin-bottom: .2em; padding: 0; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em;
					background-color: transparent;
				}

/* :: Auto notes modal window :: */

.note-item-line .icon-wrapper a {
	display: inline-block; min-width: 34px; padding-top: .3em; border-radius: .3em;
}

.content .note-items {padding: 20px;}
	.note-items .form-group {margin-bottom: .3em; border-radius: .5em;}
	.note-items .note-item-line {display: flex;}
		.note-items .form-item {flex-grow: 1; padding: 1em;}
		.note-items .icon-wrapper {
			width: 48px; min-height: 48px; padding-top: 1.5em; text-align: center; flex-shrink: 0;
			border-radius: .5em 0 0 .5em;
		}
		.note-items label {padding-top: 0;}
		.note-items input[type="text"], .note-items input[type="number"], .note-items input[type="tel"], :root .note-items select {
			max-width: 9em; display: inline-block; height: 42px;
		}
		
		.note-img {position: relative;}
			.note-img .rotate-img {display: block; border-radius: .5em; overflow: hidden;}
			.note-img .rotate-img:before {top: auto; right: 1em; bottom: 1em; left: auto; transform: translate(0);}

input.vp-date-format {position: relative; min-width: 150px; height: 42px; color: white;}

input.vp-date-format:before {
    position: absolute; top: .6em; left: .6em; content: attr(data-date);
    display: inline-block; color: #666;
}

input.vp-date-format::-webkit-datetime-edit, input.vp-date-format::-webkit-inner-spin-button, input.vp-date-format::-webkit-clear-button {
    display: none;
}

input.vp-date-format::-webkit-calendar-picker-indicator {
    position: absolute; top: 10px; right: 6px; color: black; opacity: 1;
}

.btn i.icon-wrapper {vertical-align: middle; margin-right: .2em;}
.user-timeline .icon-wrapper.img {
	display: inline-block; width: 24px; height: 24px;
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%;
}

.form-control.flatpickr-input {display: inline-block; max-width: 170px;}

.btn-loading i {display: inline-block; width: 21px; height: 18px; margin: -5px 10px 0 0; vertical-align: middle;}
.btn-loading i:only-child {margin-right: 0;}
	.btn-loading circle {stroke: white;}
	.btn-warning.btn-loading circle, .btn-white.btn-loading circle {stroke: black;}

/* :: Side Bar 
===================================================================================================== :: */

.side-bar {padding-right: 18px;}
.side-bar.fR {padding-left: 18px; padding-right: 0;}
.body-cat-14 .side-bar {margin-bottom: 12px;}
	.side-bar .column {overflow: hidden;}
	.side-bar .col-vpb {margin-bottom: 22px;}
	
	.side-bar .popular {margin-bottom: 24px; padding-right: 0;}
		.side-bar .popular .img {padding-top: 45%;}
			.side-bar .popular .info {position: static;}
				.side-bar .popular h1 {font-size: 1.45em;}

/* :: Side Modal Window 
===================================================================================================== :: */

:root .vp-modal-window {visibility: hidden; opacity: 0; height: 0; overflow: hidden;}
:root .vp-modal-window.from-center {display: flex; justify-content: center; align-items: center;}
/*:root .vp-modal-window.from-center.on {height: auto; overflow: auto;}*/

:root .vp-modal-window.on {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; background-color: rgba(0,0,0,.7);
	visibility: visible; opacity: 1; transition-delay: 0.3s;
	height: auto; overflow: auto;
}

	:root .vp-modal-window .inner {
		width: 100%; max-width: 512px; visibility: hidden; opacity: 0;
		box-shadow: -1em 0 2em rgba(0,0,0,.3); cursor: default;
	}
	:root .vp-modal-window.from-right .inner {
		display: flex; flex-direction: column; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 1000; 
		overflow: hidden; transform: scaleX(0); transform-origin: right;
	}
	
	:root .vp-modal-window.from-center .inner {
		display: flex; flex-direction: column;
		width: 80%; max-width: 30em; max-height: 90vh; padding: 1.5em; box-shadow: 0 10px 30px rgba(0,0,0,.5);
		transition-delay: .5s; transform: scale(0); transform-origin: bottom;
	}
	
	:root .vp-modal-window.on .inner {visibility: visible; opacity: 1; transition-delay: 0.3s;}
	:root .vp-modal-window.from-center.on .inner {transform: scale(1);}
	:root .vp-modal-window.from-right.on .inner {right: 0; transform: scaleX(1);}
	
		.vp-modal-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em;}
			.vp-modal-header h4 {margin-top: .3em;}
	
		.vp-modal-window .vp-modal-close, .view-likes-window .vp-modal-close {
			position: relative; display: inline-block; padding: .6em 2.3em .5em .7em; 
			vertical-align: middle; text-decoration: none;
		}
			.vp-modal-close span {display: inline-block; border-radius: .3em;}
			.vp-modal-close span:before, .vp-modal-close span:after {
				content: ""; position: absolute; top: .8em; right: 1em;
				display: block; width: 3px; height: 14px; border-radius: 2px;
			}
			.vp-modal-close span:before {transform: rotate(45deg);}
			.vp-modal-close span:after {transform: rotate(-45deg);}
	
	.vp-modal-main {flex: 1; overflow-y: auto;}
	
	.vp-modal-footer {position: relative; box-shadow: 0 -.5em 1.2em white;}

/* :: Footer
===================================================================================================== :: */

#footer {clear: both;}
	#footer .level-1 .wrapper {padding-top: calc(1em + 2%); padding-bottom: calc(1em + 2%);}
		#footer .level-1 h3 {font-weight: bold;}
	
		#footer .tags li {display: inline-block; margin-bottom: .25rem;}
			#footer .tags a {display: block; margin-right: .25rem; padding: .2rem .4rem; text-decoration: none;}
	
		#footer .level-1 .footer-add-ride {margin: 4.2em 0 1.5em; border-radius: 1.5em;}

	#footer .level-2 .wrapper {padding-top: calc(1em + 1%); padding-bottom: calc(1em + 1%);}
		#footer .level-2 h3 {margin: 0 0 1em;}
			
		#footer .level-2 .current a {font-weight: bold;}

/* :: Social Links :: */

main .share {float: left;}
	  main .share h4 {
		  display: inline-block; vertical-align: middle; margin: 0 1.6em; 
		  font-size: 1em; text-transform: uppercase;
	  }
	  main .share .twitter, main .share .facebook, main .share .share-link {
		  display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-right: .7em;
		  background-repeat: no-repeat; background-position: 50% 50%; border-radius: 50%;
	  }
	  main .share .twitter {background-color: #23aae1; background-image: url(icon-twitter.svg);}
	  main .share .facebook {background-color: #1877f2; background-image: url(icon-facebook.svg); background-size: 32px;}
	  
  .section-share-link {position: relative; display: inline-block;}
  
	  .section-share-link .section-dropdown {
		  position: absolute; top: 50%; left: 120%; z-index: 900;
		  width: 0; padding: 1em;  transform: translateY(-50%);
		  opacity: 0; visibility: hidden; border: 1px solid rgba(0,0,0,.2);
	  }
	  .section-share-link .section-dropdown:before {
		  content: ""; position: absolute; top: 50%; right: 100%; margin-top: -8px;
		  border-style: solid; border-width: 8px; border-left-width: 0;
		  border-color: transparent; border-right-color: rgba(0,0,0,.2);
  
	  }
	  .section-share-link.on .section-dropdown {width: 18em; opacity: 1; visibility: visible;}
		  .section-share-link .input-add-on-field {min-width: 0;}
	  
	  main .share .share-link {
		  background-color: #ed1a3b; background-image: url(icon-share.svg); background-position: 6px 50%;
	  }
	  main .share .twitter:hover, main .share .facebook:hover, main .share .share-link:hover {
		  background-color: #cfd0d2;
	  }
		  main .share a span {display: none;}
		  main .share h3 > span {display: inline-block; margin-bottom: .3em;}

/* :: Resources :: */

.resources-info {padding: 0 24px;}
	.resources-info .social {
		margin: 0 0 1em; padding: 1em 0 2% 5%; border-style: solid; border-width: 0 0 0 1px;
	}
		.resources-info .social li {margin-bottom: .7em;}
			.resources-info .social a {position: relative; display: inline-block; padding: .3em; padding-left: 40px;}
			.resources-info .social a:before {
				content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 32px; height: 32px;
				background-repeat: no-repeat; background-position: 50% 50%; border-radius: 50%;
			}
			.resources-info .social .web:before {background-image: url(icon-web.svg);}
			.resources-info .social .facebook:before {
				top: 4px; left: 4px; width: 24px; height: 24px; background-image: url(icon-facebook.svg);
			}
			.resources-info .social .instagram:before {background-image: url(icon-instagram.svg); background-size: 38px;}
			.resources-info .social .you-tube:before {background-image: url(icon-you-tube.svg);}
			
		.add-listing {margin: calc(2em + 2%) 0; text-align: center;}
			.add-listing .btn-listing {border-radius: 1.5em;}

/* :: Footer Social Links :: */
		
#footer .social a {
	display: inline-block; width: 36px; height: 36px; margin-right: 1.5em;
	background-repeat: no-repeat; background-position: 0 0; border-radius: 50%;
}
#footer .social .icon-instagram {
	width: 34px; height: 34px; margin-top: -1px;
	background: linear-gradient(25deg, rgba(255,221,124,1) 0%, rgba(254,186,28,1) 10%, rgba(248,75,11,1) 33%, rgba(225,0,59,1) 66%, rgba(193,0,156,1) 90%);
	border-radius: 10px;
}
#footer .social a:hover {box-shadow: 0 0 8px rgba(0,0,0,.5);}
	#footer .social span {display: none;}


/* :: Special Classes and styling
===================================================================================================== :: */

.row {display: flex; flex-wrap: wrap;}
.col {flex-basis: 0; flex-grow: 1; max-width: 100%;}

.form-control[disabled] {cursor: not-allowed; opacity: .5;}

.member-info .avatar, .member-info .avatar img,
.view-likes-window .user-link .avatar img, 
.vp-modal-window .user-link .avatar img,
.login-btn .icon-wrapper, .login-btn img {
	border-radius: var(--rounded-circle);
}

#header .meta .btn, .btn-add, .btn-outline, .auto-notes-header .add-note, .auto-notes-header .add-expenses,
.item-description .list-social-links .top-link, .comment-list .my-comment .comment-wrapper {
	border-radius: var(--rounded-l);
}

.view-likes-window .inner-likes-window, :root .vp-modal-window.from-center .inner {
	border-radius: var(--rounded);
}

.note-items .btn.block, .vp-modal-close, .vp-modal-window .btn.block,
.search-bar-modal .search-input-wrapper .txt, .vp-modal-main .profile-links .form-item-line, .form-elements .fieldset.yt-video,
.section-comments .my-comment .edit-comment-link {
	border-radius: var(--rounded-s);
}

.search-bar-modal .clear-search, .search-bar-modal .btn-view-all,
.form-elements .fieldset.yt-video .col-2 .inner, .big-img .img-gallery:before {
	border-radius: var(--rounded-xs);
}

#header, .item-list, .member-info, legend, .auto-notes-main, #footer {cursor: default;}

.popular a:hover, .img a:hover, .item-gallery li a:hover img {
	opacity: .8;
}

.section-dropdown {
	box-shadow: 0 5px 20px rgba(0,0,0,.25);
}

.notification-on::before {
	box-shadow: 1px 5px 10px rgba(0,0,0,.2);	
}

:root .btn-warning.btn-add {
	text-shadow: 1px 1px 2px hsla(0,0%,100%,.7);
}

:root .btn-light-blue.btn-add {
	text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

#footer .level-1 .tags a {
	text-shadow: 1px 1px 2px hsla(0,0%,100%,.3);
}

.top-items p {
	display: none;
}

.overflow-hidden {overflow: hidden;}

/* :: Scroll to :: */

.cd-top, .cd-bottom {
	position: fixed; bottom: 12px; right: 12px; z-index: 900; display: inline-block; width: 40px; height: 40px;
	box-shadow: 0 0 10px rgba(0,0,0,.05); 
	overflow: hidden; text-indent: 100%; white-space: nowrap;
	background-color: white; background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); border-radius: 50%;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden; opacity: 0;
}
.user-messages .cd-bottom {right: calc(50% - 200px);}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible, .cd-bottom.cd-is-visible-msg {visibility: visible; opacity: 1; /* the button becomes visible */}
.cd-top.cd-fade-out {opacity: .8; /* if the user keeps scrolling down, the button is out of focus and becomes less visible */}
.no-touch .cd-top:hover, .cd-top:hover, .cd-bottom:hover {background-color: #e81a39; opacity: 1;}
.cd-top:before, .cd-bottom:before {
	content: ""; position: absolute; top: 50%; left: 50%;
	display: block; width: 12px; height: 12px; border-style: solid; border-color: #e81a39;
}
.cd-top:before {border-width: 2px 2px 0 0; transform: rotate(-45deg) translate(-20%,-50%);}
.cd-bottom:before {border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-90%,-20%);}
.cd-top:hover:before, .cd-bottom:hover:before {border-color: white;}


/* :: Christmas Bar :: */

.christmas-bar {
	position: relative; background: #014c97 url(christmas-bar-bgr.png) no-repeat 50% 50%; background-size: cover;
}

.christmas-bar, .christmas-bar a {color: white;}
	.christmas-bar span {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.christmas-bar .close-btn {
	position: absolute; top: -.5em; right: -.5em;
	display: inline-block; padding: .2em .6em; font-weight: bold; text-decoration: none; background-color: #e81a39;
	border-radius: .3em;
}


/* :: Transitions :: */

#header, .site-logo, .site-logo a, .site-nav a, .site-nav nav > ul > li > a:before, .btn, #header a, .login-btn path, .popular a,
.search-bar, .search-wrapper, .icon-search:before, .icon-search:after, .img a, .item-gallery li img, .img-loading img,
.column a, .index .column.makes h3:before, .pagination a, .side-bar .column.user-profile .avatar.edit::before,
#footer a, .cd-top, .cd-top:before, .cd-bottom, .cd-bottom:before, .load-more span,
.activity-section a, .side-bar, .content, .user-messages .side-bar .user-link, .new-message,
.nav-collapse:before, .nav-collapse:after, .nav-collapse span:before, .nav-wrapper,
.user-profile > h3:before, .toggle-wrapper, .next-item, .comment-list .meta h6 a, .contact-form .form-group,
.vp-modal-window, .vp-modal-window .inner, .vp-modal-close span:before, .vp-modal-close span:after,
.auto-notes-header .add-photo.loading:before, .auto-notes-content section, .auto-notes-content .view-note .title span,
.search-bar-modal .clear-search, .section-yt-videos .img:before, .big-img .img-gallery:before {
	transition: all .2s ease;
}