@CHARSET "UTF-8";

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    padding: 0;
}

* {
    font-family: "Roboto", sans-serif !important;
}

:focus {
    /* remember to define focus styles! */
    outline: none;
}

a {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

button:disabled {
    opacity: .5;
}

ol, ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
}

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

input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    position: relative;
}

html,
body {
    min-height: 100%;
}

body {
    position: static;
}

.ui-progressbar {

    position: relative;
    height: 28px;
}

.progress-label {
    position: absolute;
    left: 40%;
    top: 4px;
    font-weight: bold;
}

/*
 default css
*/
div.error input,
div.error textarea,
div.error select,
input.error,
textarea.error,
select.error {
    background: #FEE !important;
    border: 1px solid #C00 !important;
}

input.error::-webkit-input-placeholder {
    color: red;
}

input.error:-moz-placeholder {
    /* FF 4-18 */
    color: red;
}

input.error::-moz-placeholder {
    /* FF 19+ */
    color: red;
}

input.error:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}

/**************begin****************************************/
/****font-face****************/

p.error {
    color: red;
}

body {
    background-color: #F0F0F0;
}

.fix-width {
    margin: 0 auto;
    clear: both;
    overflow: auto;
}

.fix-width-galery {
    width: 1040px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.clearbr {
    height: 1px;
    clear: both;
}

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

.align-right {
    text-align: right;
}

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

header.nav {
    background: rgba(0, 0, 0, 1);
    padding: 10px 10% 0;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    min-width: 800px;
    z-index: 999;
    top: 0;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    transform: translateZ(0);
}

#logo {
    float: left;
    padding-right: 1.25em;
    display: block;
}

#logo img {
    display: block;
}

.nav-menu {
    float: left;
}

#main-nav {
    display: -webkit-flex;
    display: flex;
    float: left;
}

#main-nav > li {
    float: left;
    position: relative;
}

#main-nav > li:after {
    content: '';
    display: block;
    height: 7px;
    transform: skewX(165deg);
}

/* For use with Chrome Plugin */
#main-nav > li.show-plugin:after {
    display: none;
}

#main-nav > li:hover {
    overflow: visible;
}

#main-nav > li:hover:after {
    background-color: #FFF;
}

#main-nav > li > a {
    font-size: 18px;
    font-weight: 700;
    color: #CCC;
    line-height: 26px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    transition: 0.3s all;
}

.nav-menu ul li:hover > a {
    color: #FFF;
}

#main-nav > li.active > a,
#main-nav > li.active:hover > a {
    color: #F00;
}

#main-nav > li.active:after {
    background-color: #F00;
}

.nav-menu ul li a span {
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
}

.search-box {
    float: left;
}

.search-box input {
    float: left;
}

.search-box input[type="submit"] {
    display: inline-block;
    background: url("../images/search-icon.png") right center no-repeat;
    border: none;
    cursor: pointer;
    width: 25px;
    height: 36px;
}

.search-box input[type="text"] {
    width: 60px;
    border: none;
    background: none;
    height: 36px;
    font-weight: 400;
    font-size: 16px;
    color: #bbbdbf;
    padding: 0 5px;
    transition: 0.5s width;
}

.search-box input:-webkit-autofill {
    box-shadow: 0 0 0 100px #595959 inset; /* Webkit hack to remove yellow autofill bg */
}

.search-box input[type="text"]:focus {
    width: 150px;
    color: #bbbdbf;
}

.search-box form {
    margin: 7px;
    display: inline-block;
    border: 1px solid #303030;
    background: #595959;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7);
}

.user-profile {
    float: left;
    padding-top: 7px;
}

.user-profile > img {
    float: left;
}

.user-profile span.user-name {
    font-size: 16px;
    color: #d2d5d6;
    font-weight: 700;
    display: inline-block;
    margin-left: 8px;
    line-height: 1em;
    max-width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user-profile > ul {
    margin-left: 44px;
}

.user-profile > ul > li {
    font-weight: 400;
    font-size: 12px;
    color: #9ea3a3;
    text-decoration: underline;
    cursor: pointer;
    padding-right: 15px;
    /*background-image: url("../images/down-n.png");*/
    background: no-repeat right center;
}

.user-profile > ul > li ul {
    display: none;
}

.fix-slider-width {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 5px;
    background: #d3d3d3;
}

h1.page-title {
    font-size: 16px;
    color: #3b3d3d;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h1.page-title > a {
    display: inline-block;
    color: #65a9f6;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    text-decoration: none;
    margin-left: 5px;
    transition: 0.5s all;
}

h1.page-title > a:hover {
    color: #E0211C;
}

.two-three-col .blog-item .thumbnail {
    line-height: 0;
    float: left;
    max-width: 390px;
}

.two-three-col .blog-item .content {
    margin-left: 390px;
}

.two-three-col .blog-item .content .content-top {
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
    height: 130px;
}

a.blog-title {
    font-weight: 700;
    font-size: 18px;
    color: #3b3d3d;
    margin-bottom: 5px;
    display: inline-block;
    width: 274px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.readmore {
    font-size: 12px;
    line-height: 1.5em;
    color: #65a9f6;
    text-decoration: underline;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

a.readmore:hover {
    color: #FF0000;
}

.producer img {
    float: left;
    margin-right: 5px;
}

.producer p {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 177px;
}

.producer p span {

}

/*
.producer p a{
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url("../images/add-icon.png") no-repeat center;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 4px;
    vertical-align: top;
    margin-top: 2px;
}
*/
.producer {
    padding-top: 5px;
}

.blog-item {
    background: #fafafa;
    box-shadow: 1px 1px 0 #e8e8e8;
    margin-bottom: 15px;
    transition: 0.5s all;
}

/*
.blog-item:hover{
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
           -moz-background-clip: padding;
                background-clip: padding-box;
}
*/
.pagecontent, .dark {
    clear: both;
}

.content .content-bottom {
    padding-top: 20px;
    padding-bottom: 10px;
}

.content-bottom a.addcart {
    background: #b80912;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
}

/*
.content-bottom a.addcart:hover {
        background: #E80912;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
           -moz-background-clip: padding;
                background-clip: padding-box;
}
*/
.two-three-col {
    width: 695px;
    float: left;
}

.content-bottom a.addcart span {
    line-height: 18px;
    padding: 0 35px;
    text-transform: uppercase;
    display: inline-block;
    /* border-right: 1px solid #87070d;
    box-shadow: inset -1px 0 0 #ca464d;
    -webkit-box-shadow: inset -1px 0 0 #ca464d;
    -moz-box-shadow: inset -1px 0 0 #ca464d; */
}

.content-bottom ul.social {
    display: inline-block;
    padding-top: 10px;
}

.content-bottom ul.social li {
    float: left;
    font-weight: 700;
    font-size: 12px;
    color: #a6a6a6;
    line-height: 21px;
    text-transform: uppercase;
    margin-left: 5px;
}

.clear-margin {
    float: left;
    width: 100%;
}

ul.social li a {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: no-repeat center;
    transition: 0.5s all;
    vertical-align: middle;
    background-size: contain;
}

ul.social li a:after {
    position: absolute;
    width: 0;
    height: 21px;
    display: inline-block;
    content: "";
    transition: 0.5s all;
    left: 0;
    top: 0;
}

ul.social li:hover a:AFTER {
    width: 21px;
}

ul.social li:FIRST-CHILD {
    margin-left: 0;
    margin-right: 5px;
}

ul.social li.email a {
    background-image: url("../images/icon/email.gif");
}

ul.social li.link a {
    background-image: url("../images/icon/link.gif");
}

ul.social li.face a {
    background-image: url("../images/icon/facebook.gif");
}

ul.social li.twit a {
    background-image: url("../images/icon/twitter.gif");
}

ul.social li.pin a {
    background-image: url("../images/icon/pinterest.gif");
}

ul.social li.unk a {
    background-image: url("../images/icon/link.gif");
}

.three-col {
    width: 305px;
    float: left;
}

.three-col.last {
    float: right;
}

.sidebar > div {
    margin-bottom: 15px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.sidebar-item .thumbnail > span {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    color: #fff;

}

.sidebar .adv-banner {
    margin-top: 27px;
}

.sidebar-item .thumbnail > span span.gara {
    font-size: 12px;
    color: #fff;

    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.sidebar-item .thumbnail > span span.name {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.sidebar-item .detail span.author {
    float: left;
    line-height: 26px;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
}

.sidebar-item .detail span.photo {
    float: right;
    line-height: 26px;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
}

.sidebar-item .detail {
    padding: 0 10px;
    background: #fff;
}

.sidebar-box {
    box-shadow: 1px 0 0 #e8e8e8, 0 1px 0 #d8d8d8;
    transition: 0.5s all;
}

.sidebar-item div.cover-image {
    height: 190px;
    background-size: cover;
    background: no-repeat center;
}

/*
.sidebar-box:hover{
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
           -moz-background-clip: padding;
                background-clip: padding-box;
}
*/
.sidebar-item .producer-box a img {
    max-width: 66px;
    float: left;
}

.sidebar-item .producer-box .content {
    margin-left: 66px;
    padding: 7px;
}

.producer-box .content h2 {
    font-weight: 700;
    font-size: 16px;
}

.producer-box .content h2 a {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url("../images/add-icon.png") no-repeat center;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 4px;
    vertical-align: top;
    margin-top: 2px;
}

.producer-box {
    margin-bottom: 7px;
    transition: 0.5s all;
    min-height: 66px;
    overflow: hidden;
}

/*
.producer-box:hover{
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
           -moz-background-clip: padding;
                background-clip: padding-box;
}
*/
.bx-menu {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.dropdown-box {
    display: inline-block;
    padding-bottom: 10px;
}

.dropdown-box .page-item {
    float: left;
}

.dropdown-box .control {
    float: left;
    margin-top: 20px;
}

.dropdown-box .link {
    float: left;
    margin-top: 20px;
}

.dropdown-box .page-item a {
    display: none;
}

.dropdown-box .page-item a.active {
    display: block;
}

.dropdown-box .link button {
    display: none;
    background: url("../images/btn-y.png") no-repeat right center;
    padding-right: 28px;
}

.dropdown-box .link button.activelink {
    display: block;
}

.btn-y {
    font-size: 14px;
    text-decoration: none;
    line-height: 31px;
    padding: 0 10px 0 10px;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
    transition: 0.5s all;
    display: inline-block;
}

.btn-y:hover {
    background-color: #D00;
    color: #FFF;
}

.following {
    color: #888;
}

.btn-y:ACTIVE {
    background-color: #F00;
}

.dropdown-box .control button {
    width: 22px;
    height: 31px;
    background: url("../images/dropdown-btn.png") no-repeat center center;
    border: none;
    cursor: pointer;
    margin: 0 10px;
}

.page-item a {
    text-decoration: none;
    font-size: 72px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1em;
    transition: 0.5s all;
}

.page-item a:hover {
    color: red;
}

.page-item a span {
    color: red;
}

.absolute.fixpos {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;

}

.dropdown-box .page-item ul {
    border-bottom: 1px solid #FFFFFF;

}

.fixpos .dropdown-box .link {
    display: none;
}

.fixpos .dropdown-box .page-item a {
    display: inline-block;
}

.fixpos .dropdown-box {
    width: 550px;
    position: absolute;
    left: 50%;
    margin-left: -275px;
    top: 300px;
}

.fixpos .dropdown-box .page-item a {
    text-decoration: none;
}

.fixpos .dropdown-box .relative {
    padding-right: 35px;
}

.fixpos .dropdown-box .page-item ul {
    border-bottom: 1px solid #fff;
    text-align: left;
}

.fixpos .dropdown-box .control {
    position: absolute;
    bottom: 0;
    right: 0;
}

.show-phone {
    display: none !important;
}

a.tick {
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
}

a.tick.pos1 {
    background: url("../images/icon/tick1.png") no-repeat center center;
}

#slider1 a.tick.pos1 {
    top: 25%;
    left: 10%;
}

#slider2 a.tick.pos1 {
    top: 15%;
    left: 15%;
}

a.tick.pos2 {
    background: url("../images/icon/tick2.png") no-repeat center center;
}

#slider1 a.tick.pos2 {
    top: 56%;
    left: 36%;
}

#slider2 a.tick.pos2 {
    top: 40%;
    left: 36%;
}

a.tick.pos3 {
    background: url("../images/icon/tick3.png") no-repeat center center;
}

#slider1 a.tick.pos3 {
    top: 15%;
    left: 37%;
}

#slider2 a.tick.pos3 {
    top: 15%;
    left: 30%;
}

a.tick.pos4 {
    background: url("../images/icon/tick4.png") no-repeat center center;
}

#slider1 a.tick.pos4 {
    top: 72%;
    left: 60%;
}

#slider2 a.tick.pos4 {
    top: 80%;
    left: 65%;
}

a.tick.pos5 {
    background: url("../images/icon/tick5.png") no-repeat center center;
}

#slider1 a.tick.pos5 {
    top: 48%;
    left: 79%;
}

#slider2 a.tick.pos5 {
    top: 55%;
    left: 80%;
}

.singlebanner .interact ul.share {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    left: calc(50% - 115px); /* 115px to account for 1/2 of total width */
}

.singlebanner .interact ul.share li {
    margin: 0;
}

.singlebanner .interact {
    width: 100%;
    background-color: #000;
    text-transform: uppercase;
    padding: 0 16px;
    height: 42px;
    position: relative;
}

.singlebanner .interact .mfp-close {
    display: none;
}

.singlebanner .interact div.link_share {
    position: absolute;
    left: calc(50% - 115px);
    bottom: 3em;
    width: 227px;
    box-shadow: -0px -1px 3px rgba(0, 0, 0, 0.3);
}

.singlebanner .interact div.link_share input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.singlebanner .interact:after {
    content: "";
    display: block;
    clear: both;
}

.singlebanner .interact a.liked {
    background: linear-gradient(to bottom, #C7C7C7 0%, #A7A7A7 44%, #878787 100%);
}

.singlebanner .interact a:hover.liked {
    background: linear-gradient(to bottom, #EEE 0%, #CCC 44%, #AAA 100%);
}

.singlebanner .interact ul.controls {
    float: right;
}

.singlebanner .interact ul.controls li {
    display: inline-block;
    padding-left: 15px;
}

.singlebanner .interact ul.controls li a {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 15px;
    text-align: center;
    color: #F00;
    font-weight: normal;
    text-decoration: none;
    opacity: 0.7;
}

.singlebanner .interact ul.controls li a.zoom-inactive {
    background: url(../images/icon/zoom.png);
}

.singlebanner .interact ul.controls li a:hover.zoom-inactive {
    opacity: 1;
}

.singlebanner .interact ul.controls li a.zoom-active {
    background: url(../images/icon/zoom-active.png);
}

.singlebanner .interact ul.controls li a:hover.zoom-active {
    opacity: 1;
}

.singlebanner .interact ul.controls li a.fs {
    background: url(../images/icon/fullscreen.png);
}

.singlebanner .interact ul.controls li a:hover.fs {
    opacity: 1;
}

.singlebanner .interact ul.controls li a.fs.active {
    background: url(../images/icon/fullscreen-active.png);
}

.singlebanner .interact ul.controls li a:hover.fs.active {
    opacity: 1;
}

.singlebanner .interact ul.controls li a.show-markers,
.singlebanner .interact ul.controls li a.hide-markers {
    padding-top: 6px;
    height: 32px;
}

.singlebanner .interact ul.controls li a.show-markers {
    background: url('../images/icon/markers.png');
    color: #FFF;
}

.singlebanner .interact ul.controls li a:hover.show-markers {
    opacity: 1;
}

.singlebanner .interact ul.controls li a.hide-markers {
    background: url(../images/icon/markers-active.png) left;
    color: #F00;
}

.singlebanner .interact ul.controls li a:hover.hide-markers {
    opacity: 1;
}

.fix-slider-width.profile-baner {
    padding-bottom: 0;
    background: none;
}
main > .slider {
    padding: 0;
}

.profile-thumbnail {
    padding: 5px;
    background: #fafafa;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    float: left;
    line-height: 0;
}

.profile-content:after {
    content: "";
    clear: both;
    display: table;
}

.profile-content h1.profile-name {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 35px;
    width: calc(100% - 150px);
    font-weight: 400;
}

.profile-content h1.profile-name a {
    vertical-align: top;
    margin-left: 20px;
    padding: 0 20px;
}

.profile-content p {
    font-size: 14px;
    color: #5b5041;
    margin-bottom: 10px;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-title {
    padding: 7% 0 1.5%;
}

.profile-title h1 {
    display: inline-block;
    max-width: 85%;
}

.profile-title .btn-y {
    float: right;
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}

.profile-box-content {
    float: left;
    width: 70%;
}

.profile-menu {
    float: right;
    width: 25%;
}

.profile-menu h2 {
    font-size: 16px;
    color: #555555;
    background: url("../images/profile-menu.png") no-repeat top center;
    line-height: 42px;
    padding-left: 22px;
}

.profile-menu ul {
    background: #fff;
    margin: 0 3px;
    display: block;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

}

.profile-menu ul:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.profile-menu ul li {
    border-bottom: 1px solid #e8e8e8;
}

.profile-menu ul li:last-child {
    border-bottom: none;
}

.profile-menu ul li a {
    display: block;
    font-size: 16px;
    color: #7d7e80;
    font-weight: 400;
    text-decoration: none;
    line-height: 1em;
    padding: 10px 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.profile-menu ul li .site:hover {
    background-color: #0088CC;
    color: #fff;
}

/*** Edit Profile ***/
.droppable .g-overlay {
    background: linear-gradient(rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 1) 100%);
    position: relative;
}
.droppable .g-overlay em {
    text-transform: none;
    display: inline-block;
    padding: 5px 10px 10px;
    font-style: normal;
    position: absolute;
    left: calc(50% - 76px);
    top: calc(50% - 25px);
}
.droppable .g-overlay em span {
    display: block;
    font-size: 10px;
    line-height: 14px;
}
.droppable .profile-pic {
    position: relative;
    overflow: hidden;
}
.droppable .profile-pic span {
    text-transform: none;
    display: block;
    padding: 4px 10px;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    text-align: center;
    transition: 0.3s box-shadow;
}
.droppable .profile-pic:hover span {
    box-shadow: 0 0 150px 120px rgba(255, 255, 255, 0.7);
}

.droppable .profile-pic > img {
    min-width: 100%;
    min-height: 100%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: auto;
    transition: 0.5s all;
}

#acct-signup .profile-menu ul {
    margin-bottom: 20px;
    background: transparent;
}
#acct-signup .profile-menu ul:hover {
    box-shadow: none;
}

#acct-signup .profile-menu li {
    padding: 3px;
}

#acct-signup .profile-menu li input {
    height: 20px;
    font-size: 12px;
    width: calc(100% - 26px);
}

#acct-signup .profile-menu li input[type="checkbox"] {
    width: 20px;
    margin: 5px 0 0 0;
}
#acct-signup #social img {
    float: left;
    margin: 4px 2px 0 0;
}
#acct-signup #vanity-url {
    float: left;
    max-width: 170px;
    padding: 10px;
    font-size: 0.8em;
}

/*** End Edit Profile ***/

ul.follower-count {
    float: left;
    padding: 10px 20px 20px;
}

ul.follower-count li {
    padding-top: 10px;
}

.gallery-menu {
    font-size: 14px;
}

.gallery-menu ul.menu-left li {
    float: left;
}

.gallery-menu ul.menu-left li a {
    text-transform: uppercase;
    color: #444444;
    padding: 5px 20px;
    text-decoration: none;
    display: inline-block;
    font-weight: 300;
    transition: 0.5s all;
}

.gallery-menu ul.menu-left li:first-child a {
    padding-left: 0;
}

.gallery-menu ul.menu-left li.active a {
    color: #b80912;
}

.gallery-menu ul.menu-right {
    float: right;
}

.gallery-menu .interact {
    float: right;
    position: relative;
}

.gallery-menu .interact ul {
    display: block;
    overflow: auto;
    line-height: 4em;
    padding-right: 5px;
}

.gallery-menu .interact ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: left;
    color: #444;
}
.gallery-menu .interact li:first-child {
    padding-right: 7px;
}

.gallery-menu .interact .link_share {
    position: absolute;
    right: 0;
    padding: 3px 7px;
    border: none;
    background-color: #DDDDDD;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    line-height: 0;
}

.gallery-menu ul li a:hover {
    color: #c5000c;
}

.gallery-menu ul li a span {
    font-weight: 700;
}

.galery-content .collection {
    float: left;
    width: 19.2%;
    margin: 0 1% 1% 0;
    background-size: cover;
    position: relative;
    background-position: center center;
    border-radius: 3px;
    overflow: hidden;
}

.galery-content .collection:nth-child(5n) {
    margin-right: 0;
}

.galery-content .collection-link {
    padding: 0 0 calc(9 / 16 * 100%); /* This, with height, forces ~16:9 container ratio */
    color: #FFF;
    position: relative;
    display: block;
}

.galery-content span {
    display: block;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    padding: 0.5em;
}

.galery-content span > * {
    display: block;
    font-weight: 400;
    font-style: normal;
}

.galery-content em {
    font-size: 12px;
    text-transform: uppercase;
}

.galery-content strong {
    font-size: 20px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.galery-item {
    box-shadow: 1px 0 0 #e8e8e8, 0 1px 0 #d8d8d8;
    transition: 0.5s all;
    position: relative;
    line-height: 0;
}

div.galery-item.relative {
    height: 180px;
    background-size: cover;
    background: no-repeat center;
}

.galery-item span.absolute {
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    padding: 10px;
    right: 0;
}

.galery-item span span.gara {
    color: #FFFFFF;
    display: block;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
    height: 12px;
    line-height: 12px;
}

.galery-item span span.name {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    display: block;
    height: 20px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.galery-content .trash {
    position: absolute;
    width: 33px;
    height: 33px;
    background: url("../images/icon/trash.png") no-repeat center;
    top: 10px;
    right: 10px;
    z-index: 100;
    display: none;
    -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}

.galery-item div.drag-icon {
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    top: 5px;
    left: 5px;
    background: url(../images/icon/drag-icon.png) no-repeat center center;
    z-index: 1000;
}

/*
.galery-item span span{
        opacity:0.01;
        transition:0.8s all;
        -webkit-transition:0.8s all;
        -moz-transition:0.8s all;
        -o-transition:0.8s all;
}
.galery-item:hover span span {
        opacity:1;
        transition:0.8s all;
        -webkit-transition:0.8s all;
        -moz-transition:0.8s all;
        -o-transition:0.8s all;
}
*/
div .datedetail {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 10px;
    z-index: 9;
}

.datedetail span.author {
    color: #A3A3A3;
    float: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
}

.datedetail span.photo {
    color: #A3A3A3;
    float: right;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
}

.galery-item .thumbnail {
    z-index: 10;
    line-height: 0;
}

.galery-item-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.5s all;
}

/*
.galery-item-hover.hover{
        width: 120%;
        transition:0.5s all;
        z-index: 99;
}
*/
.galery-item-hover img {
    width: 100%;
    height: auto;
}

.box-gal {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
}

div .datedetail {

}

/*
.galery-item-hover.hover .box-gal .detail{
        top:100%;bottom:auto;
        transition:0.5s all;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        background-clip: padding-box;
}
*/
.galery-item > img {
    width: 100%;
}

.gal-left-btn {
    display: none;
}

.gal-right-btn {
    display: none;
}

/*resize for mfp popup*/
div.mfp-content .fix-width {
    width: auto;
}

.submenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 5px solid rgba(255, 0, 0, 0.9);
    background-clip: padding-box;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9999;
    overflow: hidden;
    padding: 2.5em;
}

#main-nav li:hover .submenu {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: nowrap;
}

.submenu ul li a {
    color: #4b4b4c;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    text-decoration: none;
    transition: 0.3s all;
    display: block;
}

.submenu ul li:hover a {
    color: #F00;
}

.submenu ul {
    display: block;
    padding: 0 2em;
    border-right: solid 1px #CCC;
}

.submenu ul:first-child {
    padding-left: 0;
}

.submenu ul:last-child {
    padding-right: 0;
    border-right: none;
}

.submenu ul li {
    white-space: nowrap;
}

.submenu ul li h2 {
    font-size: 1.2em;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.submenu ul li h2 a {
    color: #F00;
    display: block;
    font-weight: 700;
}

.singlebanner {
    float: left;
    width: calc(100% - 245px);
}

.single-content {
}

.producer-box.large {
    padding: 20px;
    margin: 0;
}
.producer-box.large .profile-pic {
    float: left;
    padding-right: 10px;
    width: 80px;
}
.producer-box.large .followButton {
    margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
}
.producer-box.large img {
    width: 100%;
}
.producer-box.large .image-info {
    float: left;
    width: calc(100% - 80px);
}

.producer-box.large .profile-pic,
.producer-box.large .image-info {
    padding-bottom: 10px;
}
.producer-box.large .content h1 {
    font-size: 20px;
    font-weight: 700;
}

.producer-box.large .content h2,
.producer-box.large .content h3 {
    font-size: 14px;
    font-weight: 400;
    display: inline;
}

.producer-box.large .content p.shorten {
    padding-top: 10px;
}

.producer-box.large .content table {
    width: 50%;
    float: left;
    font-size: 14px;
}

.producer-box.large .content table h2,
#user-tags h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.producer-box.large .content table td {
    padding: 10px 10px 0 0;
}

.producer-box.large .content table tbody tr td:first-child {
    width: 80px;
}

.producer-box.large .content table tbody tr td h3 {
    color: #999;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
}

.content .vehicle-info {
    font-size: 0.9em;
    padding: 1em 0;
    border-top: solid 1px #CCC;
}

#user-tags {
    padding: 20px 0;
    clear: both;
    border-top: solid 1px #CCC;
    font-size: 0.7em;
}

#user-tags div {
    padding: 15px 0 0;
}

#user-tags div strong {
    font-weight: 400;
    display: inline-block;
    padding: 0 5px 5px 0;
}

#user-tags div a {
    display: block;
    padding: 3px 5px;
    border-radius: 3px;
    border: solid 1px #CCC;
}

#user-tags input {
    display: inline-block;
    padding: 3px 10px;
    font-size: 16px;
    height: 32px;
    font-weight: 400;
    margin: 0;
    border: none;
    border-bottom: solid 1px #8F0222;
    border-radius: 3px;
}

#user-tags a.add-tag {
    height: 32px;
}

#user-tags a:hover.add-tag {
    background: #B80911;
}

.producer-box.large .content p.author a.plus {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url("../images/add-icon.png") no-repeat center;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 4px;
    vertical-align: top;
    margin-top: 2px;

}

.title-box-left {
}

.title-box-right {
    width: 220px;
    float: left;
    padding: 1em 0;
}

.title-box-right a.more {
    display: inline-block;
    float: right;
    color: #aaaaaa;
    text-decoration: none;
    font-weight: 400;
    font-style: italic;
    margin-right: 20px;
}

.title-box-right .content-bottom {
}

.single-box-title {
    margin-bottom: 25px;
    transition: 0.5s all;
    background-color: #FFF;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

/*
.single-box-title:hover {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
           -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
           -moz-background-clip: padding;
                background-clip: padding-box;
}
*/
.single-content .engage {
    display: -webkit-flex;
    display: flex;
}

.single-content .engage .single-box-comments {
    width: calc(100% - 360px);
}

.single-content .engage.no-markers .single-box-comments {
    width: 100%;
}

.single-content .engage h2 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-content .engage h3 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0;
    text-transform: uppercase;
}

.single-content .engage aside {
    width: 360px;
    padding-left: 20px;
}

.engage aside .bg-card {
    margin-top: 10px;
}

.single-content .engage aside iframe {
    width: 100%;
    height: 180px;
    margin-top: 10px;
}
.single-content .engage aside img {
    max-width: 30%;
}

.single-content .engage aside .tt-marker {
    position: relative;
    padding: 0;
}

.engage aside .tt-marker {
    width: auto !important;
}

.single-content .engage aside .tt-marker .info {
}

.single-content .engage aside .tt-marker .title {
    font-weight: 700;
    color: #666;
}

.single-box-comments {
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.current-user img {
    float: left;
}

.current-user {
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e7e8;
    margin-bottom: 20px;
}

.current-user .content {
    margin-left: 55px;
}

.current-user .content textarea {
    width: 98%;
    padding: 5px 1%;
    border: none;
    background: #ebebeb;
    border-radius: 4px;
    height: 35px;
    font-size: 16px;
    line-height: 1.5em;
    color: #3b3d3d;

}

.user-comment img {
    float: left;
}

.user-comment .content {
    margin-left: 55px;
}

.user-comment .content p.user-detail {
    font-size: 12px;
    font-weight: 400;
}

.user-comment .content p.user-detail span {
    font-weight: 700;
}

.user-comment .content p {
    font-size: 16px;
    line-height: 1.3em;
}

ul.comment-list li .user-comment {
    margin-bottom: 20px;
}

.user-comment .user-detail {
    display: block;
}

.action button {
    background: none;
    border: none;
    cursor: pointer;
    float: left;
}

.action button.hide-reply {
    width: 20px;
    height: 15px;
    background: url("../images/ar-up.png") no-repeat left center;
    box-shadow: 1px 0 0 #C3C6C7;
}

.action button.show-reply {
    width: 20px;
    height: 15px;
    background: url("../images/ar-down.png") no-repeat right center;
}

.action button.reply {
    height: 15px;
    font-size: 12px;
    color: #c3c6c7;
    font-weight: 700;

}

ul.comment-list > li > ul {
    margin-left: 55px;
}

.single-sidebar {
    width: 215px;
    float: right;
}

.single-sb-box {
    clear: both;
    padding-top: 15px;
}

.single-sb-box h2 {
    font-size: 0.9em;
    color: #777;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.single-sb-box ul li {
    float: left;
    width: 100px;
    margin-bottom: 15px;
    line-height: 0;
    min-height: 65px;
    max-height: 65px;
    overflow: hidden;
}

.single-sb-box img {
    max-width: 100%;
    max-height: 100%
}

.single-sb-box ul li:nth-child(2n) {
    float: right;
}

.single-sb-box span.absolute {
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    padding: 10px;
    right: 0;
    width: 200px;
}

#slider {
    height: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    background: #000;
    text-align: center;
    white-space: nowrap;
    /*min-height: 60vh; */
}

/* For vertically aligning overly image in center */
#slider:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#slider .image-container {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.single-sb-box span.collectiontype {
    display: inline-block;
    font-size: 14px;
    padding: 2px;
    color: #fff;

    width: 100%;
}

.single-sb-box span.gara-name {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.single-sb-box .gara {
    margin-bottom: 10px;
    width: 215px;
    height: 140px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, black 100%);
    background-size: cover;
}

.complaint-text {
    width: 300px;
    height: 150px;
    margin-right: 30px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.report-text {

    text-align: right;
}

.report-text a {
    text-decoration: none;
    color: #999;
    font-size: 10px;
    width: auto !important;
}

.report-text a:hover {
    text-decoration: underline;
}

.singlebanner .logo {
    display: inline-block;
    top: 5px;
    right: 5px;
}

/********star rating css ********************/
.star-rating {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 12px;
    position: relative;
    overflow: hidden;
    background: url(../images/rating.png) top left repeat-x;
    float: right;
}

.star-rating li {
    padding: 0;
    margin: 0;
    width: 12px;
    height: 12px;
    float: left;
}

.star-rating li a {
    display: block;
    width: 12px;
    height: 12px;
    line-height: 11px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0;
    overflow: hidden;
}

.star-rating li a:hover {
    background: url('../images/rating.png') left bottom;
    z-index: 2;
    left: 0;
    border: none;
}

.star-rating a.one-star {
    left: 0;
}

.star-rating a.one-star:hover {
    width: 12px;
}

.star-rating a.two-stars {
    left: 12px;
}

.star-rating a.two-stars:hover {
    width: 24px;
}

.star-rating a.three-stars {
    left: 24px;
}

.star-rating a.three-stars:hover {
    width: 36px;
}

.star-rating a.four-stars {
    left: 36px;
}

.star-rating a.four-stars:hover {
    width: 48px;
}

.star-rating a.five-stars {
    left: 48px;
}

.star-rating a.five-stars:hover {
    width: 60px;
}

.star-rating li.current-rating {
    background: url(../images/rating.png) left center;
    position: absolute;
    height: 12px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

/* remove halo effect in firefox   */
a:active {
    outline: none;
}

.banner-action {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
}

.markerText {
    float: left;
    display: -webkit-flex; /* Safari */
    display: flex;
}

.markerText a {
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    color: #e3e5e6;
}

.markerText .show {
    color: #F7D704;
}

.markerText a:hover {
    color: #F7D704;
}

/*
.markerText a:FIRST-CHILD {
       padding-right: 10px;
       border-right: 1px solid #e3e5e6;
       margin-right: 10px;
}
*/
div.marker_details {
    display: inline;
}

div.marker_details.hidden {
    display: none;
}

.banner-action .rating {
    float: right;
}

a.best-comment {
    float: right;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    color: #979899;
    text-decoration: none;
    padding-right: 15px;
    background: url("../images/down-n.png") no-repeat right center;
}

a.best-comment:hover {
    color: #BB443C;
}

.mfp-content .single {
    position: relative;
    height: 100%
}

.mfp-close.og-close {
    position: absolute;
    top: 0;
    left: 0;
    color: #fcfeff;
    line-height: 30px;
    padding-left: 15px;
    background: url("../images/back-btn.png") left center no-repeat;
    cursor: pointer;
}

.mfp-close.og-close:hover {
    color: #f7d704;
}

a.mfp-close.og-close {
    color: lightgrey;
}

.og-arrow {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 8px;
    z-index: 9999;
    cursor: pointer;
    opacity: 0.7;
}

.og-arrow:HOVER {
    opacity: 1;
}

.og-arrow-left {
    background: url("../images/icon/arrow-left.png") no-repeat top center;
    right: calc(50% + 210px); /* Align center-left */
}

.og-arrow-right {
    background: url("../images/icon/arrow-right.png") no-repeat top center;
    left: calc(50% - 190px); /* Align center-right */
}

/* change 06-12 */
.profile-thumbnail .absolute {
    bottom: 5px;
    right: 5px;
}

.btn-red {
    height: 20px;
    border: 1px solid #9e080f;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 #ca464d;
    background: #b80912;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.editable .edit {
    display: none;
}

.editable:hover .edit {
    display: block;
}

h2.editable .absolute {
    right: 10px;
    top: 10px;
}

.gallery-menu ul li.addnew {
    position: relative;
    z-index: 10;
}

.gallery-menu ul li.addnew a {
    position: inherit;
    z-index: 10;
}

.gallery-menu ul li.addnew span.bg {
    /*background: url("../images/addnew-btn.png") no-repeat;*/
    position: absolute;
    left: 0;
    top: -2px;
    content: "";
    width: 100%;
    height: 100%;
    padding-top: 2px;
    display: inline-block;
    padding-bottom: 5px;
    z-index: 1;
}

ul.step-list {
    overflow: auto;
}

ul.step-list li.circle {
    width: 38px;
    line-height: 1em;
    font-size: 30px;
    color: #fff;
    background: #e1e1e1;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 3px;
    padding-top: 5px;
}

/*
ul.step-list li a:HOVER {
        background: #bb121a;
}
*/
ul.step-list li.active.circle {
    background: #bb121a;
}

ul.step-list li.title {
    line-height: 38px;
    font-size: 21px;
    color: #666666;
    margin-left: 10px;
    display: inline-block;
}

ul.step-list li.notice-step {
    line-height: 38px;
    font-size: 21px;
    color: #666666;
    float: right;
}

.step-box {
    margin-bottom: 15px;
}

.navitab {
    float: left;
    width: 33%;
    margin-right: 0.5%;
    background: #fff;
    border: 1px solid #e8e8e8;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.navitab.last {
    margin-right: 0;
}

.og-padding {
    padding: 20px;
}

.btn-grey {
    background: linear-gradient(to bottom, #777 0%, #666 100%);
    color: #FFF;
    border: none;
    font-size: 14px;
    padding: 5px 10px;
}

.btn-grey:hover {
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}

.navitab h1 {
    font-size: 25px;

    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.navitab p {

    font-size: 16px;
    font-weight: 300;
    color: #666666;
    line-height: 1.5em;
    margin-bottom: 20px;
    height: 70px; /* Hacky way for alignment... */
}

.navitab.selected .btn-grey {
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}

.box-navi-tab {
    margin-bottom: 20px;
    display: -webkit-flex; /* Safari */
    display: flex;
}

.navitab.selected {
    position: relative;
}

.navitab span.arrow {
    position: absolute;
    width: 30px;
    height: 16px;
    background: url("../images/arrow.png") no-repeat;
    bottom: -16px;
    left: 50%;
    margin-left: -15px;
    display: none;

}

.navitab:hover span.arrow {
    display: block;
}

.navitab.selected span.arrow {
    display: block;
}

.box-drag-image h1 {
    color: #666666;

}

.box-drag-image p {
    color: #918f8f;
}

.box-drag-image {
    background: #f0f0f0;
    padding: 20px;
    border: 1px solid #d8d8d8;
}

#editGarage .box-drag-image {
    padding: 5px;
}

#editGarage .box-drag-image h1 {
    font-size: 20px;
}

.two-input {
    padding-bottom: 20px;
}

.form-motoroso input[type="text"], .form-motoroso input[type="email"] {
    height: 40px;

    color: #666666;
    padding: 10px;
    box-sizing: border-box;
    font-size: 21px;
    box-shadow: inset 1px 1px 0 #d8d8d8, inset 0 2px 0 #e8e8e8;
    background: #f0f0f0;
    border: none;
    font-style: italic;
}

.form-motoroso textarea {
    padding: 10px;
    background: #f0f0f0;
    color: #666666;

    box-shadow: inset 1px 1px 0 #d8d8d8, inset 0 2px 0 #e8e8e8;
    font-style: italic;
    height: 100px;
    border: none;
    box-sizing: border-box;
}

.small-form.form-motoroso input[type="text"], .small-form.form-motoroso input[type="email"] {
    height: 34px;

    color: #666666;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    box-shadow: inset 1px 1px 0 #d8d8d8, inset 0 2px 0 #e8e8e8;
    background: #f0f0f0;
    border: none;
    font-style: italic;
}

.form-motoroso {
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 1px 0 #e8e8e8;
}

.group-field {
    background: #fff;
    padding: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.submit-group {
    padding: 20px;
}

.submit-group span {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}

.full-size-input input {
    width: 100%;
    margin-bottom: 10px;
}

.full-size-input textarea {
    width: 100%;
    margin-bottom: 10px;
}

.og-c3 {
    width: 33.33%;
    float: left;
}

.detail-vihical .thumbnail {
    margin-bottom: 10px;
}

.checkbox-group {
    min-height: 40px;
    margin-bottom: 10px;
}

.checkbox-group label {
    font-size: 14px;
    color: #666666;
    line-height: 1.5em;
    display: block;
}

.checkbox-group.selectors {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    min-height: 0;
}

.form-motoroso select {
    border: 1px solid #cccccc;
    padding: 8px;
    color: #666666;
    font-size: 13px;
}

.group-option select {
    width: 145px;
    margin-bottom: 10px;
}

.list-detail {
    padding-top: 10px;
}

.list-detail > ul > li > h1 {
    font-weight: 400;

    font-size: 16px;
    color: #3a3a3a;
    line-height: 32px;
    border: 1px solid #bababa;
    padding: 0 10px;
    background: url("../images/subtab-arrow.png") no-repeat right center;
    cursor: pointer;
}

.list-detail > ul > li.active-list > h1 {
    background: url("../images/subtab-arrow2.png") no-repeat right center;
}

.list-detail > ul > li {
    background: url("../images/grey-btn.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.sub-detail > li.active-sub {
    line-height: 0;
}

.sub-detail > li > h2 {
    line-height: 32px;
    font-size: 15px;
    color: #666666;
    padding: 0 10px;
    border-bottom: 1px solid #dbdada;
    cursor: pointer;
    background: url("../images/subtab-arrow.png") no-repeat scroll right center #f0f0f0;
}

.sub-detail > li.active-sub > h2 {
    background: url("../images/subtab-arrow2.png") no-repeat scroll right center #f0f0f0;
}

.sub-detail .sub-box {
    padding: 10px;
    display: inline-block;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #dbdada;
    box-sizing: border-box;
}

.sub-detail .sub-box label {
    float: left;
    color: #666666;
    font-size: 13px;

    min-width: 80px;
    margin-right: 10px;
    line-height: 1.5em;
}

.fix-overflow > div {
}

.fix-overflow {
    overflow: hidden;
}

.fix-overflow .detail-vihical {
    padding-bottom: 1500px;
    margin-bottom: -1500px;
    box-shadow: 1px 0 #e0e0e0;
}

.list-detail ul {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.white-bg {
    background: #fff;
}

#imagedrop {
    background-color: #000;
    position: relative;
    float: left;
    width: calc(100% - 150px);
}

#imagedrop .image {
    display: block;
    transition: 0.5s all;
}

#imagedrop:hover .image {
    opacity: 0.5;
}

.detail-top p {
    font-size: 19px;
    color: #666666;
    line-height: 1.5em;
    text-align: center;
}

.thumbnail .small-group select {
    padding: 5px;
    border: 1px solid #bdbdbd;
}

.thumbnail .small-group label {
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
}

.thumbnail .small-group.video label {
    background: url("../images/icon/tick1.png") no-repeat center left;
}

.detail-top {
    border-bottom: 1px solid #bdbdbd;
}

.thumbnail .small-group.quest label {
    background: url("../images/icon/tick5.png") no-repeat center left;
}

.thumbnail .small-group.ans label {
    background: url("../images/icon/tick3.png") no-repeat center left;
}

.thumbnail .small-group.tick label {
    background: url("../images/icon/tick4.png") no-repeat center left;
}

.thumbnail .small-group.engin label {
    background: url("../images/icon/tick2.png") no-repeat center left;
}

p.drag-title {
    line-height: 1.5em;
    font-size: 1.1em;
    text-align: left;
    text-transform: uppercase;
}

p.drag-title span {
    float: right;
}

.box-drag {
    padding: 0;
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
    display: inline-block;
    float: left;
    width: 150px;
}

.box-drag li {
    font-size: 1em;
    padding: 20px 10px;
    color: #FFF;
    /*padding-left: 45px;*/
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
}
.box-drag li .draggable {
    display: inline-block;
    vertical-align: middle;
}
.box-drag li .glyphicon {
    font-size: 24px;
    padding-right: 5px;
}
/*.box-drag li:last-child {*/
    /*background-color: #555;*/
    /*text-align: center;*/
    /*display: block;*/
    /*padding: 0;*/
    /*height: auto;*/
    /*transition: 0.3s all;*/
/*}*/
/*.box-drag li:last-child:hover {*/
    /*background-color: #333;*/
/*}*/
/*.box-drag li:last-child a {*/
    /*color: #FFF;*/
    /*display: block;*/
    /*padding: 20px 10px;*/
/*}*/

#marker-edit .marker > div,
#marker-edit .marker_details {
    display: none;
}

.box-drag span.full {
    width: 100%;
}

.articleLink input[type='text'],
.box-drag span input[type='text'] {
    width: 230px;
    /* padding: 10px;*/
    background-color: #f0f0f0;
    border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
    color: #333333;

    font-size: 16px;
}

#articlelink {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.articleLink input[type='text'] {
    background-color: #FFF;
    float: none;
    vertical-align: top;
    height: 50px;
    padding: 15px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    width: calc(100% - 68px);
    font-weight: 400;
    font-size: 1.1em;
}

.articleLink {
    font-size: 19px;
    float: right;
    width: calc(100% - 150px);
    margin-bottom: 30px;
}

.articleLink label {
    height: 50px;
    padding: 10px;
    font-size: 24px;
    width: 68px;
    display: inline-block;
    float: left;
    border-radius: 0;
}

.box-drag img {
    cursor: move;
    display: inline-block;
    width: 32px;
    padding-right: 10px;
}

.box-drag span.video {
    background: no-repeat center left;
}

.box-drag span.quest {
    background: url("../images/icon/tick32.png") no-repeat center left;
}

.box-drag span.ans {
    background: url("../images/icon/tick32.png") no-repeat center left;
}

.box-drag span.tick {
    background: url("../images/icon/tick42.png") no-repeat center left;
}

.box-drag span.engin {
    background: url("../images/icon/tick22.png") no-repeat center left;
}

.box-drag span.full {
    background: url("../images/icon/full.png") no-repeat center left;
}

.box-drag .arrow-top {
    display: inline-block;
    width: 71px;
    height: 36px;
    background: url("../images/arrow-drag.png") no-repeat center center;
    top: -35px;
    right: 30px;
}

.block-btn-grey {
    font-size: 19px;
    color: #FFF;
    display: inline-block;
    padding: 1em;
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
    text-transform: uppercase;
}

.block-btn-grey:hover {
    background: #B80911;
}

.detail-link {
    padding: 2em;
}

.checkbox-group label input[type="checkbox"] {
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.sub-detail .sub-box label input[type="checkbox"] {
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.detail-vihical .thumbnail {
    position: relative;
}

.detail-vihical .thumbnail .trash {
    position: absolute;
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url("../images/icon/trash.png") no-repeat center;
    top: 0;
    right: 0;
}

.detail-vihical .thumbnail .trash:hover {
    background: url("../images/icon/trash-hover.png") no-repeat center;
}

.thumbnail .select-wrap {
    background: url("../images/dd-arrow.png") no-repeat scroll right center #FFFFFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 200px;
}

.thumbnail .select-wrap select {

    font-size: 14px;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    margin-right: 0;
    padding: 13px;
    width: 235px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.small-group {
    float: right;
}

.small-group a.strash {
    width: 30px;
    height: 30px; /* Match height/width of bg image */
    display: inline-block;
    background: url("/public/images/icon/xclose.png") no-repeat center;
    vertical-align: top;
    position: relative;
}

.thumbnail .small-group.right-tick label {
    padding-right: 35px;
    background-position: right center;
    padding-left: 0;
    float: left;
}

#imageArea {
    text-align: left;
}

#imageArea:hover #image {
    opacity: 0.5;
}

.small-group img,
div.droppable > .draggable img {
    width: 23px;
    -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.37));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.37));
    cursor: move;
    display: inline-block;
}

div.droppable .glyphicon {
    color: #FFF;
    font-size: 22px;
}

/*.thumbnail .small-group.right-tick a.strash {float: right;}*/
.small-group a.strash span {
    position: absolute;
    font-size: 12px;
    color: #666666;

    display: none;
    line-height: 24px;
    padding: 0 8px;
    border: 1px solid #bdbdbd;
    white-space: nowrap;
    background: #ffffff;
    bottom: 120%;
    left: -38px;

}

.small-group a.strash span:BEFORE {
    content: "";
    display: inline-block;
    position: absolute;
    height: 10px;
    width: 17px;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    background: url("../images/mark-arrow.png") no-repeat center center;
}

.small-group a.strash:hover span {
    display: block;
}

.detail-top a.tag {
    width: 87px;
    height: 41px;
    display: inline-block;
    background: url("../images/read-full-article.png") no-repeat;
    bottom: 10px;
    right: 10px;
}

.detail-top p a {
    font-size: 12px;
    color: #bb121a;


    font-style: italic;
    margin: 0 10px;
}

.user-profile {
    position: relative;
    float: right;
}

.user-profile ul.sub-profile {
    position: absolute;
    padding-top: 15px;
    width: 150px;
    left: 0;
    display: none;
}

.user-profile:hover ul.sub-profile {
    display: block;
}

.user-profile ul.sub-profile li {
    background: #fafafa;
}

.user-profile ul.sub-profile li.devi {
    border-bottom: 1px solid #c6bdb7;
    padding-bottom: 5px;
}

.user-profile ul.sub-profile li.devi + li {
    padding-top: 5px;
}

.user-profile ul.sub-profile li:FIRST-CHILD {
    padding-top: 5px;
}

.user-profile ul.sub-profile li:last-CHILD {
    padding-bottom: 5px;
}

.user-profile ul.sub-profile:BEFORE {
    content: "";
    width: 17px;
    height: 9px;
    background: url("../images/arrow-profile.png") no-repeat center;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 10px;

}

.user-profile ul.sub-profile li a {
    display: block;
    line-height: 24px;
    padding: 0 10px;
    text-align: right;
    text-decoration: none;
    color: #7d7d7d;
    font-size: 15px;

    font-weight: 400;
}

.user-profile ul.sub-profile li a:hover {
    background: url("../images/grey-btn.png");
    color: #666666;
}

input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
}

/*div.select select{
        position: absolute;
        left: 0;
        top:0;
        opacity:0;
}*/
div.select span.select-title {
    display: inline-block;
    width: 145px;
    border: 1px solid #CCCCCC;
    color: #666666;

    font-size: 13px;
    box-sizing: border-box;
    padding: 10px 8px 6px;
    height: 34px;
    background: url("../images/select-bg.png") no-repeat right center #fff;
    text-align: left;
}

.thumbnail .small-group.right-tick label .select select {
    width: 100%;
    height: 100%;
}

.thumbnail .small-group.right-tick label .select {
    margin-bottom: 0;
}

/* added by Shawn */
.displayNone {
    display: none;
}

.small-group div > * {
    vertical-align: top;
}

input.small-group {
    height: 35px;
    padding: 0 10px;
    width: 265px;
    border: 1px solid #dbdbdb;
    background: #fff;

    font-size: 19px;
    color: #666666;
}

/* Misc. Brown Freelance
----------------------------------------------------------------------*/

.hidden {
    display: none;
}

.invisible {
    opacity: 0;
}

/* Veiw Garage
----------------------------------------------------------------------*/
#garage {

    color: #666666;
}

#garage .view-all-garages {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    padding-top: 1.5em;
    margin: 0 auto;
    max-width: 1000px;
}

#garage .view-all-garages a {
    color: #bb121a;
}

#garage .collection-type-checkboxes ul li {
    font-size: 18px;
    display: inline;
}

/*
 * Facebook button
 */
.btn-facebook {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 330px;
    text-transform: uppercase;
}

.btn-facebook,
.btn-facebook:visited, section.register input[type=submit], section.register input[type=submit]:visited {
    position: relative;
    display: inline-block;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    padding: 0 1em;
    border-radius: 3px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    border: none;
}

.btn-facebook {
    color: #fff;
    background-color: #5872a7;
}

.btn-facebook:hover,
.btn-facebook:focus {
    background-color: #3b5998;
    text-decoration: none;
}

.btn-facebook:active {
    background: #4f6aa3;
}

/*
 * Icon
 */

.btn-facebook:before {
    content: "";
    float: left;
    width: 43px;
    height: 56px;
    background: url('../images/homepage/facebook.png') no-repeat 0 0;
    border-right: 1px solid #465f94;
    margin: 0 1em 0 -1em;
}

.btn-facebook::-moz-focus-inner, section.register input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

#option-bar {
}

#option-bar #search label {
    height: 100%;
    padding: 3px 10px;
}

/*
* Explore Filters
*/
#search {
    background-color: #FFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    display: -webkit-flex;
    display: flex;
}

#frm-search #search {
    display: inline-block;
    height: 48px;
    margin-right: 15px;
}

#search label[for='query'] {
    display: -webkit-flex;
    display: flex;
    height: 48px;
    flex-grow: 1;
}

#search .glyphicon-search {
    color: #999;
    padding: 10px 10px 0;
    z-index: 2;
}

#search input[type="text"] {
    font-weight: 100;
    line-height: 1.2;
    border: none;
    background-color: transparent;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

#slideshow {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFF;
    line-height: 26px;
    height: 25px;
    font-weight: 400;
    vertical-align: middle;
    float: right;
}

#slideshow:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: solid 25px #555;
    border-left: solid 11px transparent;
}

#slideshow:hover:before {
    border-bottom: solid 25px #F00;
}

#slideshow:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-top: solid 25px #555;
    border-right: solid 11px transparent;
}

#slideshow:hover:after {
    border-top: solid 25px #F00;
}

#slideshow span {
    display: inline-block;
    height: 25px;
    background-color: #555;
    vertical-align: middle;
    padding: 0 5px;
}

#slideshow:hover span {
    background-color: #F00;
}

#img-sort {
    float: right;
    color: #999;
}

/*#img-sort:before {*/
    /*content: '';*/
    /*width: 0;*/
    /*height: 0;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*border-bottom: solid 25px #FFF;*/
    /*border-left: solid 11px transparent;*/
/*}*/

#img-sort div {
    display: inline-block;
    background-color: #FFF;
    padding-right: 7px;
    position: relative;
    z-index: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#img-sort div:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: -1;
    border-top: solid 7px #777;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
}

#img-sort div:hover:after {
    border-top-color: #F00;
}

#img-sort select {
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #555;
    padding: 3px 30px 3px 7px;
    -webkit-appearance: none;
    appearance: none;
    height: 25px;
    box-sizing: border-box;
    cursor: pointer;
}

#img-sort div:hover select {
    color: #F00;
}

.filter-checkboxes > span {
    display: inline-block;
    position: relative;
    border-right: solid 1px #E1E1E1;
}

.filter-checkboxes > span label {
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: #FFF;
    display: block;
    padding: 14px 20px;
    color: #666;
    font-weight: 400;
}

.filter-checkboxes > span input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0;
}

.filter-checkboxes > span input[type=checkbox]:not(:checked):hover + label {
    color: #B80003;
}

.filter-checkboxes > span input[type=checkbox]:checked + label {
    background: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #FFF;
}

#record-count {
    display: inline;
}

#img-count {
    display: inline-block;
    color: #666;
    font-weight: 700;
    padding-top: 4px;
    text-transform: uppercase;
    width: 200px;
    vertical-align: middle;
    text-align: right;
    float: right;
}

#frm-search {
    display: inline-block;
    vertical-align: middle;
}

#frm-search > * {
    vertical-align: middle;
}

#frm-search input,
#frm-search select,
#frm-search button {
    color: #666;
    font-size: 16px;
    border: none;
}

#frm-search select {
    width: 100%;
    line-height: 1;
    margin-right: 0;
    cursor: pointer;
    padding: 13px;
    background-color: transparent;
    -webkit-appearance: none;
    height: 48px;
}
#frm-search select:hover {
    color: #F00;
}

#frm-search #img-sort {
    display: inline-block;
    width: 200px;
    margin-right: 20px;
    background: url('../images/dd-arrow.png') no-repeat right #FFF;
    overflow: hidden;
    float: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#frm-search #img-sort:before {
    display: none;
}

#frm-search button {
    margin-right: 0;
    padding: 14px 20px;
    background-color: #FFF;
    line-height: 16px;
    border: none;
    float: left;
    cursor: pointer;
    border-right: 1px solid #E1E1E1;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#frm-search button.active,
#frm-search button:hover {
    background-color: transparent;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #FFF;
    border-right: none;
}

ul#filter-lists {
    position: relative;
    float: left;
    display: -webkit-flex;
    display: flex;
}

ul#filter-lists > li {
    display: inline-block;
    padding: 12px;
    color: #555;
    background-color: #FFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    margin-right: 5px;
    border-bottom: solid 2px #CCC;
    cursor: default;
    height: 48px;
}

ul#filter-lists > li:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid #777;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 7px;
    vertical-align: middle;
}

ul#filter-lists li:hover {
    color: #F00;
}

ul#filter-lists > li:hover {
    border-bottom: solid 2px #F00;
}

ul#filter-lists > li:hover:after {
    border-top-color: #F00;
}

ul#filter-lists li > div {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 593px;
    max-height: 300px;
    overflow: auto;
    background-color: #FFF;
    color: #555;
    padding: 1em;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

ul#filter-lists li:hover > div {
    display: block;
    z-index: 2;
}

ul#filter-lists ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

ul#filter-lists ul:first-child {
    padding-top: 0;
    margin-bottom: 0;
}

ul#filter-lists ul li {
    width: calc(100% / 3);
    padding: 0;
    display: block;
    color: #555;
    position: relative;
}

ul#filter-lists ul div {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin-top: 2px;
    border: solid 1px #CCC;
}

ul#filter-lists span {
    display: block;
    font-weight: 400;
    font-size: 0.9em;
    text-transform: uppercase;
    padding: 3px 5px;
    margin-bottom: 10px;
    color: #B80911;
    border-bottom: solid 1px #DDD;
}

ul#filter-lists input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer;
}

ul#filter-lists input[type="number"] {
    display: inline-block;
    color: #555;
    padding: 3px;
    margin: 0;
    font-size: 0.9em;
    font-weight: 400;
    width: 75px;
    border: solid 1px #CCC;
}

ul#filter-lists input[type="submit"] {
    line-height: 1.3em;
    margin-left: 10px;
    font-weight: 400;
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #FFF;
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px 3px;
    vertical-align: middle;
}

ul#filter-lists input[type="submit"]:hover {
    background: #B80911;
}

ul#filter-lists label {
    display: block;
    padding: 7px 10px;
    text-transform: capitalize;
    font-weight: 400;
}

ul#filter-lists label:before {
    content: '';
    width: 7px;
    height: 7px;
    margin: 4px 5px 8px 0;
    display: block;
    float: left;
    border: solid 1px #AAA;
    background-color: transparent;
}

ul#filter-lists input[type="checkbox"]:checked + label:before {
    background-color: #F00;
    border-color: #F00;
}

ul#markers {
    display: -webkit-flex;
    display: flex;
    flex-shrink: 0;
}

ul#markers li {
    position: relative;
    display: inline-flex;
}

ul#markers input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

#markers label {
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px;
    font-size: 28px;
    line-height: 1;
    color: #AAA;
    margin: auto 0;
}

#markers input[type="checkbox"]:hover + label {
    color: #777;
}

ul#markers input:checked + label,
ul#markers input:checked:hover + label {
    color: #F00;
}

#filter-bar {
    overflow: auto;
    margin-top: 10px;
}

#filter-bar #selected-filters-expand {
    display: block;
    float: right;
    margin-top: 9px;
}

#clearAllFilters {
    display: inline-block;
    vertical-align: top;
}

#clearAllFilters img {
    padding: 4px;
    width: 25px;
    background-color: #B80911;
    vertical-align: middle;
    display: inline-block;
}

#clearAllFilters:after {
    content: '';
    border-left: 11px solid #B80911;
    border-bottom: 25px solid transparent;
    width: 0;
    height: 0;
    vertical-align: middle;
    display: inline-block;
}

#filter-bar #selected-filters {
    display: inline-block;
    font-size: 12px;
    line-height: 1.8em;
    color: #FFF;
    font-weight: 400;
    vertical-align: top;
    max-width: calc(100% - 220px); /* Calculated to match "clear all" and "sort by" containers */
}

#filter-bar #selected-filters.expand {
    position: absolute;
    margin-left: 219px;
    z-index: 1000;
    overflow: visible;
    height: auto;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 0;
}

#filter-bar #selected-filters li {
    display: inline-block;
    margin-bottom: 5px;
}

#filter-bar #selected-filters li:before {
    content: '';
    border-bottom: 25px solid #555;
    border-left: 11px solid transparent;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
}

#filter-bar #selected-filters li:after {
    content: '';
    border-top: 25px solid #555;
    border-right: 11px solid transparent;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
}

#filter-bar #selected-filters li span {
    padding: 3px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-color: #555;
    text-transform: capitalize;
}

#filter-bar #selected-filters li a {
    padding: 5px 0 4px 1px;
    background-color: #555;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
}

#filter-bar #selected-filters li a img {
    width: 14px;
}

#filter-bar #selected-filters li.error,
#filter-bar #selected-filters li.error a {
    color: #900;
}

#pagination ul {
    display: inline-block;
    margin: 0 auto;
}

#pagination ul li {
    display: block;
    float: left;
}

#pagination ul li a {
    display: block;
    padding: 10px 15px;
    line-height: 16px;
    text-decoration: none;
    color: #666;
    background-color: #FFF;
    border-right: 1px solid #E1E1E1;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#pagination ul li a:hover,
#pagination ul li a.active {
    background-color: transparent;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

/* Explore List View */
#image.list-view {
    margin-top: 20px;
}

#image.list-view .sidebar {
    display: block;
    width: 300px;
    margin-right: 20px;
    float: left;
}

#image .sidebar {
    display: none;
}

#image.list-view .sidebar a.advert {
    display: block;
    margin-bottom: 20px;
}

#image.list-view .panel {
    display: block;
    width: 700px;
    float: left;
}

#image .panel {
    display: none;
}

#image.list-view .panel .img-block {
    display: block;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

}

#image.list-view .panel .img-block .img {
    position: relative;

}

#image.list-view .panel .img-block .img .img-markers {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#image.list-view .panel .img-block .img .img-markers ul li {
    display: block;
    float: left;
    margin-right: 7px;
}

#image.list-view .panel .img-block .single-box-title {
    overflow: visible;
    background-color: white;
}

#image.list-view .panel .img-block .title-box-left,
#image.list-view .panel .img-block .title-box-right {
    margin-bottom:0;
}

#image.list-view .panel .img-block .producer-box.large {
    padding: 20px 20px 0 20px;
    height: 100px;
    box-shadow: none;
    overflow: hidden;
}

#image.list-view .panel .img-block .content-bottom {
    padding-bottom: 0;
    height: 100px;
}

.popup.item {
    overflow: hidden;
    position: relative;
}

#brand-profile .popup.item {
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.4% 0.4% 0;
    width: 16%;
    height: 200px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    float: left;
}

#brand-profile .popup.item:nth-child(6n) {
    margin-right: 0;
}

#brand-profile .popup.item:nth-child(12n+1) {
    width: 15%;
}

#brand-profile .popup.item:nth-child(12n+2) {
    width: 18.7%;
}

#brand-profile .popup.item:nth-child(12n+3) {
    width: 15.5%;
}

#brand-profile .popup.item:nth-child(12n+4) {
    width: 14%;
}

#brand-profile .popup.item:nth-child(12n+5) {
    width: 18.8%;
}

#brand-profile .popup.item:nth-child(12n+6) {
    width: 16%;
}

#brand-profile .popup.item:nth-child(12n+7) {
    width: 14.5%;
}

#brand-profile .popup.item:nth-child(12n+8) {
    width: 17.2%;
}

#brand-profile .popup.item:nth-child(12n+9) {
    width: 18.8%;
}

#brand-profile .popup.item:nth-child(12n+10) {
    width: 15.5%;
}

#brand-profile .popup.item:nth-child(12n+11) {
    width: 16%;
}

#brand-profile .popup.item > img {
    min-height: 100%;
    min-width: 100%;
    max-height: none;
    max-width: none;
    -webkit-flex-shrink: 0;
    flex-shrink:0;
    transition: 0.5s all;
}

.popup.item .info {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%);
    transition: 0.5s all;
}

.popup.item .info:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.popup.item em {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.popup.item .glyphicon {
    display: block;
    float: left;
    box-sizing: initial;
    font-size: 20px;
    color: #FFF;
}
.popup.item .glyphicon:not(:first-child) {
    margin-left: 7px;
}

.popup.item strong {
    vertical-align: middle;
    font-weight: 400;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #F00;
    opacity:0;
    transition: 0.5s all;
    box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.7);
}

.popup.item:hover strong {
    opacity: 1;
}

/* Alert Box */
#alert-overlay .alert-popup {
    position: absolute;


    width: 400px;
    left: 50%;
    margin-left: -205px;
    margin-top: 300px;
    background-color: #e3e3e3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

#alert-overlay .alert-popup .alert-header {
    display: block;

    width: 734px;
    color: #504600;

    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #e3c500;
    background: url(../images/yellow-btn-bgd.png) #f9d800;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    border-radius: 2px;
    margin-left: -3px;
    box-shadow: 0 2px 0 #e3c500;
}

#alert-overlay .alert-popup .alert-area {
    height: 150px;
    background-color: white;
}

#alert-overlay .alert-text {
    padding: 20px;
}

#alert-overlay .buttons {
    margin: 0 auto;
    width: 50%;
}

/* Pagination
----------------------------------------------------------------------*/
#pagination {
    display: block;
    width: 1px;
    height: 1px;
    margin-top: -50vh;
}

#pagination #txtCountDown {
    font-size: 25px;
}

#pagination button {
    background: url(../images/grey-btn.png) #cbcbcb;
    border: 1px solid #bababa;
    border-radius: 4px;
    box-shadow: 0 2px 0 #bababa;
    color: #666;

    font-size: 16px;

    text-transform: uppercase;
    text-shadow: 0 1px 0 #ebebeb;
    cursor: pointer;
    padding: 7px 15px;
}

#pagination button.yellow {
    border: 1px solid #e3c500;
    background: url(../images/yellow-btn-bgd.png) #f9d800;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 2px 0 #e3c500;
}

#pagination button:hover {
    border: 1px solid #9e080f;
    box-shadow: inset 1px 1px 0 #ca464d;
    background: #b80912;
    color: #fff;
    text-shadow: none;
}

#pagination #btnPause {
    margin-right: 20px;
}

#pagination #btnLoadNow {
    margin-left: 20px;
}


/* Profiles
----------------------------------------------------------------------*/
#sidebar {

    display: block;
    float: right;
    width: 350px;
}

#sidebar .ad-block {
    display: block;
    margin-bottom: 15px;
}

#sidebar h3 {
    font-size: 18px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 15px;
}

#sidebar h3 span a {
    color: #06C;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
    text-transform: lowercase;
}

#sidebar ul#featured-profiles {

}

#sidebar ul#featured-profiles button,
.sidebar-item ul#featured-profiles button {
    top: -4px;
    position: relative;
}

#sidebar ul#featured-profiles li,
.sidebar-item ul#featured-profiles li {
    display: block;
    height: 66px;
    margin-bottom: 15px;
    background-color: #FFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#sidebar ul#featured-profiles li .info,
.sidebar-item ul#featured-profiles li .info {
    display: block;
    padding-top: 7px;
}

#sidebar ul#featured-profiles li .avatar,
.sidebar-item ul#featured-profiles li .avatar {
    display: block;
    float: left;
    width: 66px;
    height: 66px;
    margin-right: 10px;
}

#sidebar ul#featured-profiles li .name,
.sidebar-item ul#featured-profiles li .name {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
    display: inline-block;

}

#sidebar ul#featured-profiles li .button-div,
.sidebar-item ul#featured-profiles li .button-div {
    display: inline;
    position: absolute;
    margin-top: 5px;
}

#sidebar ul#featured-profiles li p,
.sidebar-item ul#featured-profiles li p {
    font-size: 12px;
    padding-right: 5px;
    overflow: hidden;
    height: 25px;
    font-family: sans-serif;
    font-weight: lighter;

}

#profiles {
    position: relative;
}

#profiles h1 {
    font-size: 1.5em;
    font-weight: 400;
    color: #777;
    padding: 2em 0 0.5em;
    text-transform: uppercase;
    text-align: center;
}

#profiles h2 {
    font-size: 1.2em;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

#profiles h2 a.btn-y {
    font-size: 1em;
    vertical-align: baseline;
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}

#profile-list {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}

#profile-list li {
    display: block;
    width: 10%;
    padding: 0.3em;
    margin: 0 1.25% 20px 0; /* Using px because Edge/IE/Firefox don't do well with top/bottom % margin */
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

#profile-list li:nth-child(9n) {
    margin-right: 0;
}

#profile-list li .avatar {
    display: block;
    width: 100%;
}

#profile-list li .avatar a {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
}

#profile-list li .info {
    padding: 10px;
}

#profile-list li h4 {
    color: #666666;
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    overflow: hidden;
}

#profile-list li h4 a {
    text-decoration: none;
    color: inherit;
}

#profile-list li .info .follower-count {

    float: right;
    font-size: 12px;
    margin: 5px 15px 0 0;
    font-style: italic;
}

#profile-list li p {

    font-weight: lighter;
    font-size: 12px;
    padding-right: 5px;
    margin-bottom: 5px;
    height: 25px;
    overflow: hidden;
}

#profile-list li .interact {
    padding-top: 0.3em;
}

#profiles button {
    border: none;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    padding: 6px 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(to bottom, #777 0%, #666 100%);
    box-shadow: none;
}

#profiles button.yellow {
    border: 1px solid #e3c500;
    background: url(../images/yellow-btn-bgd.png) #f9d800;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0 #e3c500;
}

#profiles button:hover {
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}

.producer .button-div {
    display: inline;
    top: -8px;
    position: relative;
}

.producer-box button.following,
#profiles button.following {
    background: linear-gradient(to bottom, #777 0%, #666 100%);
}

/* Footer
----------------------------------------------------------------------*/
body > footer {
    font-size: 1em;
    line-height: 1em;
    color: #CCC;
    padding: 20px 10%;
    box-sizing: border-box;
    background-color: #000;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 1);
    width: 100%;
    min-width: 800px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

#ftr-logo {
    display: block;
    max-width: 225px;
    text-align: center;
    float: right;
    text-transform: uppercase;
}
#ftr-logo .logo {
    margin-bottom: 15px;
}

#ftr-social {
    margin-top: 15px;
}

#ftr-social ul {
    -webkit-columns: 5 1em;
    -moz-columns: 5 1em;
    columns: 5 1em;
}

#ftr-social li,
#ftr-social li a,
#ftr-social li img {
    display: block;
}

#ftr-links {
    -webkit-columns: 4 130px;
    -webkit-column-gap: 1em;
    -moz-columns: 4 130px;
    -moz-column-gap: 1em;
    columns: 4 130px;
    column-gap: 1em;
    width: 70%;
    float: left;
}

#ftr-links ul {
    display: inline-block;
    width: 100%;
}

#ftr-links li {
    padding: 5px 0;
}

#ftr-links li a {
    color: #FFF;
    text-decoration: none;
    transition: 0.5s all;
}

#ftr-links li a:hover {
    color: #F00;
}

#ftr-copyright {
    padding-top: 35px;
    clear: both;
    line-height: 3.5em;
}

#ftr-copyright .mixpanel {
    float: left;
    margin-right: 1em;
}

#techstars {
    float: right;
    color: #AAA;
    font-size: 0.8em;
    font-weight: 400;
    padding-left: 0.5em;
}

/* Plugins.
----------------------------------------------------------------------*/
/* Start: Recommended Isotope styles*/
/**** Isotope Filtering ****/
.isotope-hidden.popup.item {
    pointer-events: none;
    z-index:1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .popup.item {
    transition-duration: 0.0s;
}

.isotope {
    transition-property: height, width;
}

.isotope .popup.item {
    transition-property: transform, opacity;
    background-size: cover;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .popup.item,
.isotope .popup.item.no-transition {
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* PowerTip Plugin */
#powerTip {
    cursor: default;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.8);
    /*border-radius: 6px;*/
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: none;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647;
}

#powerTip:before {
    content: "";
    position: absolute;
}

#powerTip.n:before, #powerTip.s:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    margin-left: -5px;
}

#powerTip.e:before, #powerTip.w:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-top: -5px;
    top: 50%;
}

#powerTip.n:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0, 0, 0, 0.8);
    bottom: -10px;
}

#powerTip.e:before {
    border-right: 10px solid #333;
    border-right: 10px solid rgba(0, 0, 0, 0.8);
    left: -10px;
}

#powerTip.s:before {
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
    top: -10px;
}

#powerTip.w:before {
    border-left: 10px solid #333;
    border-left: 10px solid rgba(0, 0, 0, 0.8);
    right: -10px;
}

#powerTip.ne:before, #powerTip.se:before {
    border-right: 10px solid transparent;
    border-left:0;
    left: 10px;
}

#powerTip.nw:before, #powerTip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px;
}

#powerTip.ne:before, #powerTip.nw:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0, 0, 0, 0.8);
    bottom: -10px;
}

#powerTip.se:before, #powerTip.sw:before {
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
    top: -10px;
}

#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: 10px solid #333;
    border-top: 10px solid rgba(0, 0, 0, 0.8);
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px;
}

#powerTip.ne-alt:before {
    left: auto;
    right: 10px;
}

#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: none;
    border-bottom: 10px solid #333;
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
    bottom: auto;
    top: -10px;
}

#powerTip.se-alt:before {
    left: auto;
    right: 10px;
}

/* Perfect Scrollbar. https://github.com/noraesae/perfect-scrollbar. */
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position'*/
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    border-radius: 4px;
    opacity:0;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position'*/
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    border-radius: 4px;
    opacity:0;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position'*/
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    border-radius: 4px;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    border-radius: 4px;
    transition: background-color .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.searchType {
    font-size: 10px;
    /* display: none;*/
}

/* Sign in / Sign up drop down*/
#signup-signin {
    background-color: #FFF;
    text-transform: uppercase;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

#signup-signin span a {
    color: #FFF;
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
}

#signup-signin .sign-in a {
    background-color: #000;
}

#signup-signin > span:last-child {
    margin-left: -7px;
}

#signup-signin > span {
    display: inline-block;
    cursor: pointer;
}

#signup-signin > span:after,
#signup-signin > span:before {
    content: '';
    height: 0;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

#signup-signin > span:first-child:before,
#signup-signin > span:last-child:after {
    display: none;
}

#signup-signin > span:before {
    border-style: solid;
    border-width: 0 0 40px 12px;
    border-color: transparent transparent #F00 transparent;
}

#signup-signin > span:hover:before {
    border-color: transparent transparent #B80911 transparent;
}

#signup-signin > span:after {
    border-style: solid;
    border-width: 40px 12px 0 0;
    border-color: #000 transparent transparent;
}

#signup-signin .sign-up a {
    background: #F00;
}

#signup-signin .sign-up:hover a {
    background: #B80911;
}

#signup-dropdown {
    position: absolute;
    display: block;
    width: 250px;
    height: auto;
    padding: 20px;
    background-color: #EEE;
    top: 100%;
    right:0;
    margin-top: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 5000;
}

#signup-dropdown:after {
    bottom: 100%;
    left: 48%;
    border: solid transparent 12px;
    content: " ";
    height: 0;
    width:0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #EEE;
    margin-left: -10px;
}

#signup-dropdown a:not(.fb-signup) {
    padding:0;
    color: #777;
    font-size: 0.8em;
    display: block;
    text-align: center;
}

#signup-dropdown input[type='text'],
#signup-dropdown input[type='password'] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #FFF;
    border: none;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
}

#signup-dropdown #btnSignIn {
    height: auto;
    width: 100%;
    padding: 7px 20px;
    margin-bottom: 15px;
    border: none;
    background-color: #F00;
    text-transform: uppercase;
    cursor: pointer;
    color: #FFF;
    font-size: 1.1em;
    font-weight: 400;
}

#signup-dropdown .btn-yellow {
    background: url("../images/yellow-btn-bgd.png") repeat scroll 0 0 #F9D800;
    border: 1px solid #E3C500;
    border-radius: 4px;
    box-shadow: 0 2px 0 #E3C500;
    color: #333 !important;
    display: block;

    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    line-height: 1.2em;
}

#signup-dropdown .btn-yellow .small {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

/* Sign in IFrame popup */
#signin .signin-social a {
    display: block;
    margin-bottom: 10px;
}

#frm-signin {
    padding-bottom: 10px;
}

#signin input[type='text'],
#signin input[type='password'] {
    width: 100%;
    padding: 10px;
    background-color: #f0f0f0;
    border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
    color: #333333;

    font-size: 16px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#signin #btnSignIn {
    float: right;
    height: auto;
    padding: 7px 20px;
    margin-bottom: 15px;
}

#signin-popup #signin #btnSignIn {
    height: 25px;
    font-size: medium;
}

#signin-popup #signin {
    display: block;
    vertical-align: top;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    width: 33%;
    text-align: center;
}

#signin-popup #alert #header {
    width: 100%;
    margin-bottom: 2px;
}

#signin-popup #account-creation {
    float: left;
    width: 67%;
    padding: 20px;
    box-sizing: border-box;
}

#signin-popup #account-creation .panel-header {
    background: #F9D800;
    width: 100%;
    border: none;
    padding: 20px 20px 0 20px;
}

#signin-popup #account-creation .panel-header h1 {
    font-size: 25px;
    margin-left: 10px;
}

#signin-popup #no-account {
    display: none;
}

#signin-popup #account-creation .panel-content {
    width: 100%;
    background: inherit;
}

#signin-popup #account-creation #info-panel {
    width: 100%;
    float: none;
    display: inline;
    background: inherit;
}

.iframe {
    background: white;
    overflow: hidden;
}

.iframe body {
    width: auto;
    height: auto;
}

/* Sign in popup modal
----------------------------------------------------------------------*/
#signin-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5000;
    background: url(../images/overlay-bgd.png);
    transition: 0.5s all;
}

#signin-overlay .filter-popup {
    position: relative;

    width: 750px;
    left: 50%;
    margin-left: -375px;
    margin-top: 100px;
    background-color: #e3e3e3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

#signin-overlay .filter-popup .filter-header {
    display: block;
    float: left;
    width: 734px;
    color: #504600;

    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #e3c500;
    background: url(../images/yellow-btn-bgd.png) #f9d800;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    border-radius: 2px;
    margin-left: -3px;
    box-shadow: 0 2px 0 #e3c500;
}

#signin-overlay .filter-popup #btnSignInClose img {
    float: right;
    margin-bottom: -2px;
}

#signin-overlay .filter-popup #signin-sidebar {
    background-color: #FFF;
    width: 210px;
    padding: 20px;
    float: left;
    margin-top: 2px;
    border-right: 1px solid #CCC;
}

#signin-overlay .filter-popup #signin-info-panel {
    float: left;
    width: 440px;
    padding: 25px;
    font-weight: normal;
    color: #666;
}

#signin-overlay .filter-popup #signin-info-panel h1 {
    font-size: 20px;
    text-shadow: 0 1px 0 #FFF;
}

#signin-overlay .filter-popup .signin-social a {
    display: block;
    margin-bottom: 10px;
}

#signin-overlay .filter-popup input[type='text'],
#signin-overlay .filter-popup input[type='password'] {
    width: 190px;
    padding: 10px;
    background-color: #f0f0f0;
    border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
    color: #333333;

    font-size: 16px;
    margin-bottom: 15px;
}

#signin-overlay .filter-popup #btnSignIn {

    font-weight: 700;
    float: right;
    height: auto;
    padding: 7px 20px;
}

#signin-overlay .filter-popup #signin-info-panel ul {
    margin: 25px 0 25px 20px;
}

#signin-overlay .filter-popup #signin-info-panel ul li {
    padding-left: 20px;
    background: url(../images/bullet-10x10.png) no-repeat center left;
    margin-bottom: 15px;
}

#signin-overlay .filter-popup .btn-yellow {
    background: #F9D800;
    border: 1px solid #E3C500;
    border-radius: 4px;
    box-shadow: 0 2px 0 #E3C500;
    color: #666 !important;
    display: block;
    font-size: 24px;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    line-height: 1.2em;
}

/* Profile set to private
----------------------------------------------------------------------*/
#private {
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px;
}

#private.btn-red {
    text-transform: none;
    font-weight: normal;
    height: auto;
    padding: 25px;
    font-size: 18px;
    cursor: default;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    clear: both;
}

#private.btn-red strong {
    font-size: 28px;

}

#private.btn-red a {
    color: #FFF;
}

/* Basic profile
----------------------------------------------------------------------*/
#profile-sidebar,
#profile-content {

    margin-top: 20px;
}

#profile-sidebar {
    display: block;
    width: 240px;
    float: left;
    margin-right: 20px;
}

#profile-sidebar #avatar {
    margin-bottom: 15px;
    position: relative;
}

#profile-sidebar #avatar img {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#profile-sidebar #avatar #btnChangePhoto {
    position: absolute;
    left: 15px;
    bottom: 15px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
}

#profile-sidebar #btnFollow {
    float: right;
}

#profile-sidebar #profile-name {
    display: block;
    float: left;
    width: 150px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 #FFF;
    font-size: 18px;
}

#profile-sidebar .gallery-menu {
    margin-top: 15px;
    margin-bottom: 15px;
}

#profile-sidebar .menu-left li {
    border-right: none;
}

#profile-sidebar .menu-left li:last-of-type {
    border-left: 1px solid #E0E0E0;
}

#profile-sidebar .menu-left li a {
    font-size: 11px;
    padding: 0 10px;
}

#profile-sidebar #profile-options {
    margin-bottom: 20px;
    border-bottom: 1px solid #FFF;

    font-size: 16px;
}

#profile-sidebar #profile-options ul {
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
}

#profile-sidebar #profile-options ul li {
    margin-bottom: 10px;
}

#profile-sidebar #profile-options ul li a {
    color: #b80912;
    text-shadow: 0 1px 0 #FFF;
}

#profile-sidebar .adspace {
    text-align: center;
}

#profile-content {
    display: block;
    width: 760px;
    float: left;
}

#profile-content .fix-width-galery {
    width: 760px;
}

#profile-content .four-col {
    width: 33%;
}

#profile-content .four-col.addnew .galery-item {
    background: url(../images/grey-btn.png) repeat #dadada;

    font-weight: 700;
    color: #555;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    min-height: 171px;
    border: 2px dashed #999;
    text-shadow: 0 1px 0 #FFF;
}

#profile-content .four-col.addnew span.plus {
    display: block;
    font-size: 90px;
    clear: both;
    margin-top: 60px;
    margin-bottom: 30px;
}

#profile-content .four-col.addnew .galery-item a {
    color: #555;
    text-decoration: none;
}

/* Password Reset */
#reset-password #account-creation p {
    text-align: center;
}

/* Account Creation
----------------------------------------------------------------------*/

#account-creation .recommended {
    position: relative;
}

#account-creation #mockImage {
    position: relative;
}

#account-creation .step-box {
    margin-bottom: 25px;
}

#account-creation .step-box li.title a {
    font-size: 14px;
    font-style: italic;
    color: #b80912;
    background-color: transparent;
    text-decoration: underline;
    width: auto;
    border-radius:0;
}

#account-creation #signup {
    display: block;
    float: left;
    max-width: 325px;
    margin-bottom: 20px;
}

#account-creation #signup a,
#account-creation #signup a:link,
#account-creation #signup a:visited {
    color: #b80912;
}

#account-creation #signup ul {
    margin: 20px 0 25px 15px;
}

#account-creation #signup ul li {
    display: block;
    padding-left: 20px;
    background: url(../images/bullet-10x10.png) no-repeat left 4px;
    margin-bottom: 15px;
    font-size: 18px;
}

#account-creation a.social-signin {
    display: block;
    margin-bottom: 25px;
}

#account-creation form div.inputgroup,
#account-creation form div.contact-info {
    margin-bottom: 25px;
}

#account-creation form input[type='text'],
#account-creation form input[type='password'],
#account-creation form textarea {

    font-size: 16px;
    border: none;
    color: #333;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3);
}

#account-creation div.error input,
#account-creation div.error textarea,
#account-creation div.error select,
#account-creation input.error,
#account-creation textarea.error,
#account-creation select.error {
    width: calc(100% - 4px); /* Offset 2px border */
}

#account-creation form div.inputgroupleft {
    margin-right: 4%;
}

#account-creation form div.inputgroupright {
}

#account-creation div.user-name {
    padding-bottom: 20px;
    display: -webkit-flex; /* Safari */
    display: flex;
}

#account-creation div.user-name > div {
    width: 48%;
    float: left;
}

#account-creation .user-name .errorMessage {
    display: none !important;
}

#account-creation form textarea {
    height: 150px;
}

#account-creation form input[type='text'].half {
    width: 100%;
}

#account-creation #contact-info input[type='text'] {
    width: 270px;
    padding: 10px;
    margin-left: 10px;
    clear: right;
}

#account-creation #contact-info input[type='checkbox'] {
    margin-top: 15px;
}

#account-creation form div.no-margin {
    margin-right: 0;
}

#account-creation form .box-drag-image {
    background-color: #FFF;
    font-style: italic;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 20px;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3);
}

#account-creation form .box-drag-image h1 {
    font-size: 18px;
}

#account-creation form #captcha {
    margin: 25px 0;
}

#account-creation form label {
    display: block;
    clear: both;
    margin-bottom: 10px;
    cursor: pointer;
}

#account-creation form .btn-red {
    width: 100%;
    height: auto;
    padding: 13px 0;
    font-size: 18px;
}

#account-creation #info-panel {
    float: right;
    background-color: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

#account-creation .panel-header {
    background: url('../images/grey-btn.png') repeat #CACACA;
    border: 1px solid #BABABA;
    border-bottom: 3px solid #BABABA;
    color: #333;
    padding: 20px;
}

#account-creation .panel-header h1 {
    color: #333;

    font-size: 35px;
    text-shadow: 0 1px 0 #FFF;
    margin-bottom: 0;
}

#account-creation .panel-content {
    background-color: #FFF;
    padding: 30px;
}

#account-creation ul.info {
    padding-bottom: 20px;
}
#account-creation ul.info li {
    color: #666;
    display: block;
    padding-left: 30px;
    background: url('../images/bullet-15x15.png') no-repeat left 2px;
    padding-bottom: 10px;
}

#account-creation ul.info li ul {
    margin: 15px 0 0 25px;
    font-size: 24px;
}

#account-creation ul.info li ul li {
    font-size: 18px;
}

#account-creation .panel-content #example {
    display: block;
    float: right;
}

#account-creation .panel-content a.btn-yellow {
    background: url("../images/yellow-btn-bgd.png") repeat scroll 0 0 #F9D800;
    border: 1px solid #E3C500;
    border-radius: 4px;
    box-shadow: 0 2px 0 #E3C500;
    color: #504600;
    display: block;

    font-weight: 700;
    padding: 10px 25px;
    margin: 0 auto;
    text-shadow: 0 1px 1px #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
    width: 400px;
}

#account-creation h1 {
    font-size: 22px;

    color: #999;
    text-shadow: 0 1px 0 #FFF;
    margin-bottom: 15px;
}

#account-creation h1 span {
    font-size: 14px;
    font-style: italic;
}

#account-creation #vehicles-owned {
    background: url(../images/collage.png) no-repeat right center;
    background-size: 435px;
}

#account-creation #vehicles-owned strong {
    display: block;
    margin-bottom: 10px;
}

#account-creation #vehicles-owned strong a {
    color: #b80912;
}

#account-creation .select-wrap {
    background: url("../images/dd-arrow.png") no-repeat scroll right center #FFFFFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 200px;
}

#account-creation .select-wrap select {

    font-size: 14px;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    margin-right: 0;
    padding: 13px;
    width: 235px;
    border: none;
    -webkit-appearance: none;
}

#interest-tags .header {
    background: url('../images/grey-btn.png') repeat #CACACA;
    border-bottom: 2px solid #BABABA;
    padding: 15px;
    margin: -15px -15px 10px;
}

#interest-tags ul {
    margin: 15px 0 0 15px;
}

#interest-tags li {
    width: auto;
    background-color: transparent;
    margin-right: 15px;
    margin-bottom: 10px;
    box-shadow: none;
}

#interest-tags input[type='checkbox'] {
    margin-right: 5px;
}

#account-creation p {
    text-align: right;
}

#account-creation p #btnSave {
    width: auto;
    padding: 10px 20px;
    margin-left: 25px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}

#account-creation p a {
    font-size: 14px;
    color: #b80912;
    font-style: italic;
}

#account-creation p.note {
    text-align: left;
    font-size: 14px;
    margin-top: 20px;
}

#account-creation p.note strong {

}

#account-creation .recommended-profiles {
    display: block;
    width: 990px;
    margin: 0 auto 20px auto;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+*/
    display: flex;
    flex-wrap: wrap;
}

#account-creation .recommended-profiles li {
    display: block;
    width: 32.5%;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    padding: 10px;
    background-color: #FFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#account-creation .recommended-profiles li:nth-child(3n+3) {
    margin-right:0;
}

#account-creation .recommended-profiles li .avatar {
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    overflow: hidden;
    margin-right: 5px;
}

#account-creation .recommended-profiles li h4 {
    color: #666;
    font-size: 14px;

    margin-top: 5px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#account-creation .recommended-profiles li span {
    float: right;
    color: #999;
    font-size: 11px;
    text-transform: capitalize;
    margin-right: 10px;
    margin-top: 2px;
}

#account-creation .recommended-profiles li p {
    font-size: 12px;
    text-align: left;
    padding-right: 5px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#account-creation .recommended-profiles button.yellow {
    border: 1px solid #e3c500;
    background: url(../images/yellow-btn-bgd.png) #f9d800;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0 #e3c500;
}

#account-creation .bx-wrapper .bx-controls-direction a {
    height: 75px;
    width: 50px;
    margin-top: -55px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 10;
}

#account-creation .bx-wrapper .bx-prev {
    background: url("../images/slider-nav-arrow-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 100%;
}

#account-creation .bx-wrapper .bx-next {
    background: url("../images/slider-nav-arrow-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 100%;
}

#account-creation .bx-wrapper .bx-prev,
#account-creation .bx-wrapper .bx-next {
    opacity: 0.4;
}

#account-creation .bx-wrapper .bx-prev:hover,
#account-creation .bx-wrapper .bx-next:hover {
    opacity: 1;
}

#account-creation button.btn-grey.large {
    width: 320px;
    height: 100px;
    cursor: pointer;
    font-size: 22px;
    margin-right: 15px;
    text-shadow: 0 1px 1px #FFF;
}

#account-creation button.btn-grey.large:hover {
    text-shadow: none !important;
}

#account-creation button.btn-grey.large:nth-of-type(3n) {
    margin-right: 0;
}

#account-creation .btn-red.large {

    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    display: block;
    height: auto;
    padding: 50px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    margin-bottom: 10px;
}

/*Added By Shawn - 01/09/14*/
div#dropbanner {
    height: 93px;
    width: 324px;
    padding: 0;
}

/*Added By Shawn - 01/09/14*/
div#dropavatar {
    height: 200px;
    width: 200px;
    padding: 0;
}

/*Added By Shawn - 01/07/14*/
.small-avatar {
    height: 37px;
    width: 37px;
}

/* Unclaimed profile
----------------------------------------------------------------------*/
.profile-content p.unclaimed {
    color: #b80912;
    font-size: 30px;
    text-shadow: 0 1px 0 #FFF;
}

.profile-content p.unclaimed strong {
    font-size: 35px;
}

#unclaimed-profile {

    font-size: 22px;
    clear: both;
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

#unclaimed-profile p {
    margin-bottom: 30px;
    line-height: 1.4em;
}

#unclaimed-profile p strong {
    font-size: 28px;
}

#unclaimed-profile em {
    font-style: italic !important;

    color: #999;
}

#unclaimed-profile #request {
    display: block;
    float: left;
    width: 45%;
    min-height: 485px;
    background-color: #FFF;
    padding: 2%;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#unclaimed-profile #request .small {
    font-size: 14px;
}

#unclaimed-profile #request .btn-yellow {
    font-weight: 700;
    background: #F9D800;
    border: 1px solid #E3C500;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #666;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    line-height: 1.2em;
}

#unclaimed-profile #claim,
#unclaimed-profile #claimed {
    display: block;
    float: right;
    width: 45%;
    min-height: 485px;
    background-color: #FFF;
    padding: 2%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#unclaimed-profile #claim input[type='text'] {
    display: block;
    width: 375px;
    padding: 15px;
    background-color: #f0f0f0;
    border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
    color: #333 !important;

    font-size: 16px;
    margin-bottom: 15px;
}

#unclaimed-profile #claim button.btn-red {
    font-size: 18px;
    height: auto;
    padding: 7px 15px;
}

/* Basic profile
----------------------------------------------------------------------*/
#profile-info {
    padding-top:0;
    position: relative;
    z-index: 1;
    margin-top: -10%;
}

#profile-info .edit {
    float: right;
}
.basic-profile {
    padding-top: 30px;
}

#marker-edit,
.info-edit {
    max-width: 1020px;
    overflow: auto;
}

.btn-y {
    border: none;
    cursor: pointer;
}

.btn-y.notfollowing {
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
    color: #FFF;
}

.btn-y.following {
    background: linear-gradient(to bottom, #DDD 0%, #CCC 100%);
}

button.following {
    box-shadow: inset 1px 1px 0 #ca464d;
    background: #b80912;
    text-shadow: none;
}

#profile .btn-y {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}

#profile-hdr #avatar {
    position: relative;
    display: block;
    width: 250px;
    height: 250px;
    float: left;
    margin-right: 20px;
    box-sizing: border-box;
    border: 5px solid #FFF;
    overflow: hidden;
}

#profile-hdr #avatar #btnChangePhoto {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
}

#profile-hdr #advert {
    display: block;
    height: 250px;
    float: right;
    margin-left: 20px;
}

#profile-hdr #avatar,
#profile-hdr #advert,
#profile-hdr #info-panel {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#profile-hdr #info {
    display: block;
    float: left;
    width: 430px;
}

#profile-hdr h1 {
    font-size: 28px;
    text-shadow: 0 1px 0 #FFF;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
}

#profile-hdr #info-panel {
    display: block;
    margin-top: 15px;
    background-color: #FFF;
    height: 158px;
}

#profile-hdr #info-panel h2 {
    display: block;
    font-size: 18px;
    padding: 10px;
    background: url("../images/grey-btn.png");
    color: #555555;
    border: 1px solid #bababa;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #FFF;
}

#profile-hdr #info-panel ul {
    margin: 15px;
}

#profile-hdr #info-panel ul li {
    font-size: 16px;
    margin-bottom: 8px;
}

#profile-hdr #info-panel span:after {
    content: ",";
}

#profile-hdr #info-panel span:last-of-type:after {
    content: "";
}

#profile-hdr #info-panel ul#profile-options {

    padding-top: 20px;
}

#profile-hdr #info-panel ul#profile-options li {
    margin-bottom: 10px;
}

ul#profile-options a,
ul#profile-options a:link,
ul#profile-options a:visited {
    color: #b80912;
}

#profile .gallery-menu, .pagecontent.galery .gallery-menu {
}

#profile .options {
    display: block;
    height: 31px;
    margin-bottom: 15px;
    clear: both;
}

#profile .options .btn-red,
#garage .btn-red {
    height: auto;
    line-height: 31px;
    font-family: ProximaNova, sans-serif, arial;
    /**/
    font-size: 14px;
    padding: 7px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#profile .fix-width-galery {
    width: 100%;
}

#profile .fix-width-galery .delete,
#profile .iso-container .item .delete,
#editGarage .delete {
    position: absolute;
    display: block;
    width: 31px;
    height: 33px;
    top: 5px;
    right: 5px;
    background: url('../images/icon/trash.png') no-repeat center center;
    z-index: 1000;
}

#garage div.select-all {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: inline;
}

#garage .num-selected {
    display: inline;
}
#btnEditGarage {
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}
#btnSaveGarage {
    margin-bottom: 10px;
}
#garage .buttons {
    padding-bottom: 10px;
}

#garage .buttons > span {
    padding: 0 2em;
}

#garage .editbtn.light {
    opacity: .25;
}

#editGarage .item.selected {
    /* opacity: 0.5; */
}

#editGarage .item.not-owner.selected .check {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right:0;
    background: url(../images/redx_240.png) no-repeat center center;
    opacity: 1;

}

#editGarage .item .check {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right:0;
    background: rgba(0, 0, 0, 0.5);
}

#editGarage .item.selected .check {
    background: url(../images/check.png) no-repeat center center rgba(0, 0, 0, 0.5);

}

#profile .fix-width-galery .draggable,
#editGarage .draggable {
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    top: 5px;
    left: 5px;
    background: url(../images/icon/drag-icon.png) no-repeat center center;
    z-index: 1000;
}

#profile .fix-width-galery .draggable:hover,
#editGarage .draggable:hover {
    background: url(../images/icon/drag-icon-hover.png) no-repeat center center;
}

#profile .fix-width-galery .addnew {


    font-size: 28px;
    line-height: 1em;
    text-shadow: 0 1px 0 #FFF;
    background: url(../images/grey-btn.png) #dadada;
    border: 2px dashed #999;
    padding: 65px 0 0 0;
    min-height: 137px;
}

#profile .fix-width-galery .addnew span {
    font-size: 80px;
}

#profile .fix-width-galery .addnew a,
#profile .fix-width-galery .addnew a:link,
#profile .fix-width-galery .addnew a:visited {
    display: block;
    color: #999;
    text-align: center;

    text-decoration: none;
}

#garage .btn-red {
    padding: 0 15px;
}

#garage .iso-container .buttons {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#garage .iso-container #image-upload {
    background-color: #FFF;
    text-align: center;
    padding-top: 75px;
    height: 175px;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#garage .iso-container #image-upload img {
    margin-bottom: 20px;
}

#garage .iso-container #image-upload .small {
    font-size: 12px;
}

#garage .iso-container #image-upload a,
#garage .iso-container #image-upload a:link,
#garage .iso-container #image-upload a:visited {
    color: #b80912;
}

#photo-edit li,
#editGarage li {
    position: relative;
    display: block;
    background: no-repeat center center #CCC;
    background-size: cover;
}

#photo-edit li.upload,
#editGarage li.upload {
    background-color: #FFF;
    text-align: center;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#photo-edit li.upload p,
#editGarage li.upload p {
    font-size: 18px;
    line-height: 1.5em;
}

#photo-edit li.upload a,
#editGarage li.upload p a,
#editGarage li.upload p a:link,
#editGarage li.upload p a:visited {
    /*color: #b80912;*/
    font-style: italic;
}

#editGarage li .buttons {
    position: absolute;
    bottom: 10px;
    left: 8px;
}

#editGarage li a.draggable {
    cursor: move;
}

/*
#profile .marker {
        display: inline-block;
        width: 37px;
        height: 37px;
}
#profile .marker.product {
        background: url(../images/icon/tick42.png) center center no-repeat;
}
#profile .marker.video {
        background: url(../images/icon/tick12.png) center center no-repeat;
}
*/
/* About / FAQs
----------------------------------------------------------------------*/
#about {
    font-size: 18px;
    line-height: 1.5em;
    margin: 15px 0 0;
    overflow: auto;
}

#about h1 {
    font-size: 30px;
    padding: 40px 0 20px;
    font-weight: 400;
    text-transform: uppercase;
    clear: both;
}

#about img {
    display: inline-block;
}
#about header img {
    display: block;
    max-width: 300px;
}
#about .accelerator img {
    max-height: 100px;
}
#about #nav {
    display: block;
    padding: 15px;
    background-color: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
}

#about #content ul,
.list-style {
    list-style: circle;
    padding-left: 20px;
}

#about ul,
#about p,
.list-style {
    padding-bottom: 20px;
}

#about #content,
#about #faq {
    margin-left: 190px;
}

#about #content header {
    text-align: center;
}

#about .accelerator {
    margin: 0 auto;
    text-align: center;
    float: left;
    padding-bottom: 0;
}

#about #content header strong {
    padding: 10px 0;
    font-weight: 400;
    display: block;
    font-size: 1.5em;
    text-transform: uppercase;
}

#about #content #founders {
    font-size: 12px;
    line-height: 1em;
    display: block;
    float: right;
    width: 210px;
    padding: 15px;
    background-color: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#about #content #founders strong {
    font-size: 14px;
}

#about #content #founders ul li:first-of-type {
    margin-bottom: 20px;
}

#about #content #founders ul li {
    padding-left: 70px;
}

#about #content #founders ul li.alex {
    background: url(../images/alex-avatar.png) no-repeat left top;
}

#about #content #founders ul li.shawn {
    background: url(../images/shawn-avatar.png) no-repeat left top;
}

#about #content .contact ul li {
    display: block;
    float: left;
    width: 200px;
    margin-bottom: 15px;
    clear: both;
}

#about #content .contact ul li:nth-child(2n+2) {
    clear: none;
}

#about #faq ul li {
    background: url(../images/bullet-arrow.png) no-repeat left 4px;
    padding-left: 20px;
    margin-bottom: 15px;
}

#about #faq ul li.open {
    background-image: url(../images/bullet-arrow-down.png);
}

/* Edit image info */
#profile h1 {
    font-size: 30px;
}

#profile .img-holder,
#profile .img-info {
    display: block;
    width: 32%;
    height: 300px;
    float: left;
    margin-right: 2%;
    position: relative;
}

#profile .img-holder {
    background-color: lightgrey;
}

#profile .editItemGroup > div:last-child {
    width: 32%;
    display: inline-block;
}
#profile .img-holder.spinner {
    background: url('../images/icon/load_spinner.gif') no-repeat center;
}

#profile .img-holder img {
    max-width: 100%;
    max-height: 250px;
}
#profile .img-holder a.remove {
    position: absolute;
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url("../images/icon/trash.png") no-repeat center;
    top: 0;
    right:0;
}

#profile .img-details {
    display: block;
    width: 100%;
    height: 230px;
    float: left;
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#profile .img-viewers {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
}

#profile .img-viewers textarea {
    font-family: sans-serif;
    height: 45px;
    width: 100%;
    border: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#profile .img-info input[type='text'],
#profile .img-info textarea {
    font-family: sans-serif;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 35px;
    border: none;
    padding-left: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#profile .img-info input[type='text'].half {
    width: 140px;
    margin-right: 10px;
}

#profile .img-info textarea {
    /*	width: 290px;*/
    height: 48px;
    padding: 0 0 0 10px;
}

#profile .img-info .select-wrap {
    background: url("../images/dd-arrow.png") no-repeat scroll right center #FFFFFF;
    display: block;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
    overflow: hidden;
    width: 49%;
    height: 35px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#profile .img-info .select-wrap.nm {
    margin-right: 0
}

#profile .img-info .select-wrap select {
    font-family: sans-serif;
    font-size: 12px;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    margin-right:0;
    padding: 10px;
    width: 200px;
    border: none;
    -webkit-appearance: none;
}

#profile .img-details .header {
    background-color: #B80911;
    color: #FFF;
    position: static;
    display: block;
    padding-left: 15px;
    width: auto;
    height: 32px;
}

#profile .img-details ul.img-detail-nav {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    border-right: 1px solid #bababa;
    background: url(../images/body-bgd.png) #EBEBEB;
    height: -webkit-calc(100% - 32px);
    height: calc(100% - 32px);
    overflow-y: scroll;
}

#profile .img-details ul.img-detail-nav li {

}

#profile .img-details ul.img-detail-nav li a {
    display: block;
    padding: 9px 10px;
    color: #999;
    font-size: 12px;

    text-decoration: none;
    border-bottom: 1px solid #bababa;
}

#profile .img-details ul.img-detail-nav li a:hover,
#profile .img-details ul.img-detail-nav li a.active {
    color: #FFF;
    border-bottom: 1px solid #b80912;
    background: url(../images/icon/arrow-white-right.png) no-repeat right center #b80912;
}

#profile .img-detail-opt-wrap {
    width: 50%;
    height: -webkit-calc(100% - 32px);
    height: calc(100% - 32px);
    float: left;
}

#profile .img-details .img-detail-opt-wrap ul {
    position: relative;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.img-detail-opt-wrap ul.ps-container .ps-scrollbar-y-rail {
    margin-top: 10px;
    background-color: #EBEBEB;
    transition: none;
}

#profile .img-details .img-detail-opt-wrap ul li {
    margin-bottom: 10px;
}

#collection-item-form .btn-red {
    height: auto;
    padding: 9px 15px 7px;
}

#profile .img-details .img-detail-opt-wrap ul li input {
    float: left;
}

/* Landing Page
----------------------------------------------------------------------*/
#info-bar {
    font-size: 16px;
    color: #666;
    text-shadow: 0 1px 0 #FFF;
    background-color: #FFF;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 10;
}

#info-bar > * {
    padding: 5px 0;
}

#info-bar strong,
#info-bar em {
    display: block;
    font-size: 1.15em;
    letter-spacing: 3px;
}

#info-bar strong {
    font-size: 1.8em;
    font-weight: 700;
}

#info-bar p {
    text-transform: none;
}

#info-bar ul {
    padding: 15px 0;
}

#info-bar ul li {
    display: inline-block;
    padding: 0 10px;
}

#info-bar a,
#info-bar a:link,
#info-bar a:visited {
    color: #b80912;
    text-decoration: none;
    font-weight: bold;
}

#landing-page {
    margin-bottom: 25px;
}

/*Scott added...linear gradient profile fix*/
.fix-slider-width.profile-baner {
    display: block;
    height: 320px;
    padding-bottom: 0;
    background-size: cover;
    background-position: center center;
    max-width: 100%;
}



.ui-sortable .g-overlay {
    background: #000;
    opacity: 0.5;
}
.ui-sortable .collection-link {
    cursor: move;
}
.ui-sortable.ui-sortable-disabled .collection-link {
    cursor: pointer;
}

.ui-sortable-disabled .g-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 1) 100%);
    opacity: 1;
}

/* Shawn Added */
.collTags label {
    display: inline;
    width: 130px;
    padding-left: 5px;
    vertical-align: middle;
    /*float: right;*/
}

/* Styles for action and onboarding prompts (follow, park it, ask) */
.action-prompt {
    display: none;
    width: 300px;
    font-weight: 400;
    color: #555;
}

#onboard-prompt {
    display: block;
    position: fixed;
    bottom: 0;
    left: calc(50% - 240px);
    width: 480px;
    background-color: #FFF;
    z-index: 10;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin: 0;
}

#onboard-content {
    width: 600px;
    display: none;
}

.action-prompt header {
    display: -webkit-flex;
    display: flex;
    color: #FFF;
}

.action-prompt .title,
.action-prompt .prompt {
    width: 50%;
    display: block;
}

#onboard-prompt .title {
    width: 75%;
}

#onboard-prompt .prompt {
    width: 25%;
}

.action-prompt .prompt:before,
.action-prompt .title:after {
    content: '';
    width:0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
}

.action-prompt .title:after {
    border-top: 50px solid #000;
    border-right: 20px solid transparent;
    margin-right: -5px;
    float: right;
}

.action-prompt .prompt:before {
    border-bottom: 50px solid #F00;
    border-left: 20px solid transparent;
    margin-left: -5px;
    float: left;
}

.action-prompt header strong,
.action-prompt header em {
    padding: 10px 0 10px 10px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 15px);
}

.action-prompt header strong {
    font-size: 30px;
    background-color: #000;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 400;
}

.action-prompt header em {
    font-size: 13px;
    line-height: 18px;
    font-style: normal;
    background-color: #F00;
}

#onboard-prompt em {
    line-height: 35px;
}

#onboard-prompt .rounded-button {
    border: solid 1px #FFF;
    border-radius: 3px;
    padding: 5px 7px;
}

.action-prompt header a {
    color: #FFF;
    text-decoration: underline;
    display: block;
}

.action-prompt section {
    font-size: 16px;
    line-height: 20px;
    padding: 1em;
    border-bottom: solid 1px #EEE;
}

.action-prompt section strong,
#onboard-prompt section strong {
    font-weight: 400;
    color: #F00;
    text-transform: uppercase;
}

.action-prompt footer {
    padding: 1em;
}

.action-prompt footer a {
    padding: 5px 10px;
    display: block;
    text-align: center;
}

.qtip-custom {
    border: none;
    background: rgba(255, 255, 255, 1);
}

.qtip-custom .qtip-tip {
    border-color: rgba(255, 255, 255, 1.00);
    background-color: rgba(255, 255, 255, 1);
    -webkit-filter: drop-shadow(0px 0 2px rgba(0, 0, 0, .3));
    filter: drop-shadow(0px 0 2px rgba(0, 0, 0, .3));
}

.qtip-custom .qtip-content {
    background-color: #FFF;
    padding: 0;
}

/* Park it popup */
.parkit-wrap {
    color: #999;
    display: block;
    position: relative;
    height: 0;
    overflow: visible;
    z-index: 5000;
}

.parkit-wrap .park-it {
    position: absolute;
    bottom: 0;
    display: block;
    width: 415px;
    padding: 20px;
    background-color: #F5F5F5;
    border: 1px solid #e6e6e6;
    text-align: left;
}

.parkit-wrap .park-it h1 {
    color: #666;
    font-size: 18px;

}

.parkit-wrap .park-it p {
    margin-bottom: 10px;
}

.parkit-wrap .park-it textarea,
.parkit-wrap .park-it input[type='text'] {

    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 180px;
    height: 32px;
    border: none;
    padding: 3px 0 0 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: 400;
}

.parkit-wrap .park-it textarea {
    float: right;
    height: 80px;
    padding: 10px 0 0 10px;
    margin-right: 0;
}

.parkit-wrap .park-it .select-wrap {
    background: url("../images/dd-arrow.png") no-repeat scroll right center #FFFFFF;
    display: block;
    width: 180px;
    height: 35px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.parkit-wrap .park-it .select-wrap select {

    font-size: 12px;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    margin-right:0;
    padding: 10px;
    width: 250px;
    border: none;
    -webkit-appearance: none;
}

.parkit-wrap .park-it label {
    margin-top: 5px;
    font-weight: 400;
}

.parkit-wrap .park-it label img {
    /*
        float:right;
        margin-left:15px;
*/
}

.parkit-wrap .park-it .btn-red {
    height: auto;
    padding: 5px 20px;
}

/* Markers*/
.information-entry {
    margin: 2px;
    width: 207px;
    height: 76px;
}

#profile a.marker {
    /*display: inline-block;*/
    width: 37px;
    /*height: 37px;*/
}

#profile .marker.product {
    background: url(../images/icon/tick42.png) center center no-repeat;
}

#profile .marker.video {
    background: url(../images/icon/tick12.png) center center no-repeat;
}

.qtip {
    max-width: 670px !important;
    z-index: 1600 !important; /* Overwrites default */
}

.qtip-content {
    max-width: 670px !important;
    background-color: #FFF;
}

.close {
    display: block;
    margin-top: -10px;
    margin-right: -10px;
}

.tt-marker {
    padding: 10px;
    width: 100%;
    min-width: 300px;
    color: #999;
    position: relative;
    overflow: auto;
}

.tt-marker .product-buttons {
    position: absolute;
    bottom:0;
    right: 0;
}

.tt-marker .image-upload {
    display: block;
    float: left;
    background-color: #FFFFFF;
    height: 100px;
    width: 100px;
    /* padding-top: 15px; */
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.tt-marker .image-upload img {
    max-width: 100%;
    max-height: 100%;
}

.tt-marker .details {
    float: left;
    width: calc(100% - 110px);
}

.tt-marker input[type="text"] {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
    border: solid 1px #EEE;
}

.tt-marker img.product-thumbnail {
    float: left;
    margin: 0 15px 0 0;
    max-width: 100px;
}

.tt-marker div.product-info {
    display: block;
    float: left;
}

div.product .title {

    font-size: 16px;
    line-height: 1em;
    margin-bottom: 13px;
    width: 175px;
    overflow: hidden;
}

div.product .previous-products {
    width: 50%;
    float: left;
}

div.product .previous-products select {
    width: 100%
}

div.product .price {

    font-size: 16px;
    line-height: 1em;
    margin-bottom: 13px;
    width: 175px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.product .buy-now {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.tt-marker div.product-info {
    margin-bottom: 0;
}

div.product .btn-red {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.tt-marker div.product-info .btn-red img {
    display: inline-block;
    margin-bottom: -3px;
}

.tt-marker .product input {
    float: right;
}

.tt-marker.howto {
    font-size: 14px;
}

.tt-marker .howto-container {
    display: flex;
    flex-direction: row;

    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .tt-marker .howto-container {
        flex-direction: column;
    }
}

.tt-marker.howto h1 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #555;
    font-weight: 400;
}

.tt-marker.howto .img-slider {
    flex: 1;
    margin-right: 10px;
}

.tt-marker.howto .img-slider img {
    margin-bottom: 5px;

    max-width: 100%;
    max-height: 90%;
}

.tt-marker.howto .img-slider .bx-wrapper {
    margin-bottom: 5px;
}

.tt-marker.howto .img-slider a.bx-next,
.tt-marker.howto .img-slider a.bx-prev {
    width: 22px;
    height: 35px;
}

.tt-marker.howto .img-slider a.bx-next {
    background: url(../images/tt-slider-right-arrow.png) no-repeat center center;
}

.tt-marker.howto .img-slider a.bx-prev {
    background: url(../images/tt-slider-left-arrow.png) no-repeat center center;
}

.tt-marker.howto .step-wrap {
    flex: 1;
    line-height: 1.2;
}

.tt-marker.howto .step-wrap .step-title {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}

.tt-marker.howto .button-wrap {
    max-width: 510px;
}

.tt-marker.howto .button-wrap .btn-grey {
    margin-left: 10px;
    text-transform: uppercase;
    color: #666;
}

.tt-marker.howto .button-wrap .btn-grey:hover {
    color: #FFF;
}

.tt-marker.howto ul.social {
    display: inline-block;
    padding-top: 3px;
    margin-left: 5px;
}

.tt-marker.howto ul.social li {
    color: #A6A6A6;
    float: left;

    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    margin-left: 5px;
    text-transform: uppercase;
}

.thumbnail .tt-marker {
    background-color: #F0F0F0;
    color: #999999;
    float: left;
    font-family: ProximaNova, sans-serif, arial;
    padding: 10px;
    width: 350px;
    border: 1px solid #CCC;
}

.thumbnail .tt-marker.product .image-upload p {
    font-size: 12px !important;
}

.thumbnail .tt-marker.product input[type="text"] {
    border: medium none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
    float: left;
    font-size: 14px;
    height: 34px;
    margin-bottom: 12px;
    padding-left: 10px;
    width: 190px;
}

.tt-marker .info {
    padding-bottom: 30px;
}

.tt-marker .info strong {
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #555;
}

.tt-marker .info em {
    display: block;
    font-size: 12px;
    padding-top: 5px;
}

.tt-marker .info a.video-link,
.tt-marker .info a.video-link:link,
.tt-marker .info a.video-link:visited {
    float: right;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
}

.tt-marker .red {
    color: #b80912;
    float: left;
    margin-right: 5px;
}

.tt-marker.video {
    width: 560px;
}

.tt-marker.info {
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    max-height: 200px;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.tt-marker.product ul.social {
    display: inline-block;
    margin-top: -5px;
}

.tt-marker.product ul.social li {
    float: left;

    font-weight: 700;
    font-size: 12px;
    color: #a6a6a6;
    line-height: 21px;
    text-transform: uppercase;
    margin-left: 5px;
}

.tt-marker.product ul.social li a {
    display: inline-block;
    text-indent: -99999px;
    width: 21px;
    height: 21px;
    background: center no-repeat;
    position: relative;
    transition: 0.5s all;
}

.tt-marker.product ul.social li a:after {
    position: absolute;
    width:0;
    height: 21px;
    display: inline-block;
    content: "";
    transition: 0.5s all;
    left: 0;
    top: 0;
}

.tt-marker.product ul.social li:hover a:AFTER {
    width: 21px;
}

.tt-marker.product ul.social li:FIRST-CHILD {
    margin-left: 0;
    margin-right: 5px;
}

.tt-marker.product ul.social li.email a {
    background-image: url("../images/icon/email.png");
}

.tt-marker.product ul.social li.email a:AFTER {
    background-image: url("../images/icon/email-hover.png");
}

.tt-marker.product ul.social li.link a {
    background-image: url("../images/icon/link.png");
}

.tt-marker.product ul.social li.link a:AFTER {
    background-image: url("../images/icon/link-hover.png");
}

.tt-marker.product ul.social li.face a {
    background-image: url("../images/icon/face.png");
}

.tt-marker.product ul.social li.face a:AFTER {
    background-image: url("../images/icon/face-hover.png");
}

.tt-marker.product ul.social li.twit a {
    background-image: url("../images/icon/twit.png");
}

.tt-marker.product ul.social li.twit a:after {
    background-image: url("../images/icon/twit-hover.png");
}

.tt-marker.product ul.social li.pin a {
    background-image: url("../images/icon/pin.png");
}

.tt-marker.product ul.social li.pin a:after {
    background-image: url("../images/icon/pin-hover.png");
}

.tt-marker.product ul.social li.unk a {
    background-image: url("../images/icon/unk.png");
}

/* Marker end */

/* Fancybox CSS*/
#dummy {
    display: none;
}

.fancybox-inner iframe {
    display: block;
    width: 100%;
    height: 100%;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.spinner {
    display: none;
    position: fixed;
    z-index: 1000;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../images/icon/load_spinner.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden*/
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .spinner {
    display: block;
}

/*Background colors for Color filter*/
div.color.Charcoal {
    background-color: grey;
}

div.color.Burgandy {
    background-color: crimson;
}

div.color.Off.White {
    background-color: cornsilk;
}

.alert {
    padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 10px;
    width: 22px;
    height: 22px;
    border: none;
    background-color: transparent;
    margin-top: -16px;
}
button.ui-dialog-titlebar-close:after {
    content: '\0000D7';
    font-size: 20px;
    color: #FFF;
    font-weight: 400;
}

/* alert box */
.ui-dialog .ui-dialog-titlebar {
    width: 100%;
    padding: 10px;
    background: linear-gradient(to bottom, #F00 0%, #B80911 100%);
}
.ui-dialog-buttonset .ui-button-text {
    color: #F00;
}

/* pulsing markers*/
@-webkit-keyframes pulse_animation {
    0% {
        -webkit-transform: scale(1);
 }
    30% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1);
    }
    85% {
        -webkit-transform: scale(1.25);
 }
    90% {
        -webkit-transform: scale(1);
    }
    95% {
        -webkit-transform: scale(1.15);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.gps_ring {
    border: 1px solid #f9d800;
    -webkit-border-radius: 60px;
    height: 30px;
    width: 30px;
    position: absolute;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: 1;
    opacity: 0.0;
    margin-top: 12px;
    margin-left: 12px;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1.0;
    }
    100% {
        opacity: 1.0;
 }
    100% {
        -webkit-transform: scale(1.9, 1.9);
        opacity: 1.0;
 }
}

.environment {
    display: block;
    width: 100%;
    background-color: red;
}

.marker-information {
    font-size: 12px;
    font-family: sans-serif;
    line-height: 15px;
    display: none;
}

.back-to-top {
    background-image: url('/public/images/backToTop.png');
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 39px;
    height: 42px;
    z-index: 100;
}

.for_robot {
    display: none;
}

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

.shortcontent {
    display: inline;
}

/*Deals Section - Added Shawn - 06/19/2014*/
.deal-page h1 {
    padding: 5px;
    font-size: 2em;
    color: #333;
    text-align: center;
    margin: 10px 0;
    display: block;
}

.deal-page .deals {
    width: 95%;
    -moz-columns: 2;
    -moz-column-gap: 2em;
    -webkit-columns: 2;
    -webkit-column-gap: 2em;
    columns: 2;
    column-gap: 2em;
    margin: 0 auto;
    padding-top: 20px;
}

.deal-page .deals > div {
    display: inline-block;
    width: 100%;
    padding: 1em;
    margin-bottom: 2em;
    background-color: #FFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.deal-page .deals > div a.deal-image {
    padding: 0 1em 0 0;
    display: block;
    width: 300px;
}

.deal-page .deals > div a.deal-image img {
    width: 100%;
    height: auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.deal-page .deals .info > div {
    width: calc(100% - 300px - 1em);
    padding-bottom: 40px;
}

.deal-page .deals > div a.site-link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.deal-page .deals > div .info {
    display: flex;
    position: relative;
}

.deal-page .deals > div h2 {
    font-size: 1.5em;
    text-align: left;
    padding-bottom: 0.5em;
}

.deal-page .deals > div h3 {
    font-size: 1.1em;
    text-align: left;
    margin: 0.5em 0;
    padding: 0.3em;
    font-weight: normal;
    clear: both;
    color: #FFF;
    background-color: #555;
}

.deal-page .deal {
    overflow: auto;
    padding: 1em;
    margin-bottom: 1em;
    border: solid 1px #CCC;
}

.deal-page .deal .top > a {
    float: left;
    padding-right: 1em;
    padding-bottom: 1em;
}

.deal-page .deal .top > a img {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.deal-site {
    padding: 5px;
    display: block;
    width: 300px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #FFF;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.deal-site img {

}

.deal-site h1 {
    font-size: 1.3em;
    padding: 0 0 10px;
    margin-top: 20px;
    margin-bottom:0;
}

.deal-site h2 {
    font-size: .9em;
    line-height: .9em;
    padding-bottom: 10px;
}

.deal-site .deal img, .deal-site .deal .thumb {
    float: left;
    width: 125px;
    /*height: 65px;*/
    padding-right: 5px;
}

.deal-site .deal div.top {
    text-align: left;
}

.deal-site .deal div.bottom {
    padding-top: 10px;
}

.deal-site .deal div.bottom .right {
    text-align: right;
}

.deal-site button.go-to-site {
    background: url('../images/grey-btn.png') #cbcbcb;
    border: 1px solid #bababa;
    border-radius: 4px;
    box-shadow: 0 1px 0 #bababa;
    color: #666;

    text-transform: uppercase;
    text-shadow: 0 1px 0 #ebebeb;
    cursor: pointer;
    margin: 2px;
}

.deal-site .site-deals .deal {
    border-bottom: 3px solid #EEE;
    margin-bottom: 12px;
    padding-bottom: 5px;
    margin-top: 4px;
}

.deal-site .site-deals .deal:last-child {
    border-bottom: 0 solid #EEE;
    margin-bottom: 0;
    margin-top: 4px;
}

.deal-site input {
    width: 230px;
}

.deal-site textarea {
    width: 230px;
    height: 80px;
}

.deal-site .site-deals textarea {
    width: 150px;
    height: 100px;
}

.deal-page .deals.edit .deal-site {
    display: inline-block;
    vertical-align: top;
}

.deal-site .site-deals span {
    font-size: .8em;
}

.deal-site .site-deals .expire::before {
    content: "Exp: "
}

.deal-site .site-deals .expire {
    margin-top: .4em;
    font-size: .8em;
    color: #888;
}

.deal-site .site-deals .code::before {
    content: "Use Code: "
}

.deal-site .site-deals .code {
    margin-top: .4em;
    font-size: .8em;
    color: #888;
}

.deal-site .site-deals button {
    line-height: 15px;
    font-size: 12px;
    text-align: right;
}

form.deal-form button[disabled] {
    opacity: .2;
}

/* clear fix */
.isotope:after {
    content: '';
    display: block;
    clear: both;
}

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

.sponsors {
    padding-top: 15px;
}

.sponsors h1 {
    padding: 5px;
    font-size: 2em;
    color: #333;
    text-align: center;
    margin: 10px 0;
    display: block;
}

.sponsors h2 {
    max-width: 625px;
    padding: 5px;
    font-size: 2em;
    color: #333;
    text-align: center;
    margin: 10px 0;
    display: block;
}

.sponsors h2 {
    max-width: 625px;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.5em;
}

.sponsors .top_sponsors {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.sponsors .title {
    float: left;
    width: 450px;
}

.sponsors .prime {
    float: right;
    width: 450px;
}

.sponsors .title img {
    width: 450px;
    height: 450px;
}

.sponsors .prime img {
    width: 220px;
    height: 220px;
    float: right;
    margin-bottom: 10px;
}

.sponsors .prime a:nth-of-type(odd) {
    float: left;
}

.sponsors .support_sponsors {
    padding-top: 20px;
    overflow: hidden;
    text-align: center;
}

.sponsors .support_sponsors .images {
    display: inline-block;
}

.sponsors .support_sponsors img {
    width: 140px;
    height: 140px;

}

.sponsors .support_sponsors a {
    padding-right: 36px;
    padding-bottom: 20px;
    float: left;
}

.sponsors .support_sponsors a:nth-of-type(6n+0) {
    padding-right:0;
}

#sidebar h1 {
    background: url("../images/yellow-btn-bgd.png") repeat scroll 0 0 #F9D800;
    border: 1px solid #E3C500;
    border-radius: 4px;
    box-shadow: 0 2px 0 #E3C500;
    color: #504600;
    display: block;
    font-weight: 700;
    padding: 10px 25px;
    margin-bottom: 20px;
    text-shadow: 0 1px 1px #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 2em;
}

#sidebar .prime_sponsor {
    margin-bottom: 20px;
}

#sidebar .prime_sponsor img {
    width: 100%;
    height: auto;
}

#sidebar .top_sponsors {
    -webkit-columns: 2 140px;
    -webkit-column-gap: 1em;
    -moz-columns: 2 140px;
    -moz-column-gap: 1em;
    columns: 2 140px;
    column-gap: 1em;
}

#sidebar .top_sponsors img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#sidebar .support_sponsors {
    -webkit-columns: 3 90px;
    -webkit-column-gap: 1em;
    -moz-columns: 3 90px;
    -moz-column-gap: 1em;
    columns: 3 90px;
    column-gap: 1em;
}

#sidebar .support_sponsors img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

img.sponsor {
    position: absolute;
    right: 32px;
    top: 0;
    width: 75px;
    height: 100px;
}

/*change the border color around "link"*/
.tooltips .qtip-default {
    border: 1px solid #9B998F;
}

div.shareContent h1 {
    display: inline;
    color: #333;
    text-align: center;
    margin: 10px 0;
    background-color: #f0f0f0;
    padding: 0 20px;
    font-size: 25px;

}

div.shareContent div.divider_line {
    background: url(../images/sharePage/divider-line-white-shadow.png) repeat-x left center;
    text-align: center;
    margin-bottom: 10px;
    width: 80%;
}

div.shareContent div.main {
    margin-top: 20px;

    display: flex;
    flex-direction: row;
}

.social-container {
    display: flex;
    flex-direction: column;
}

.social-container .socialInvite {
    flex: 1;
}

@media only screen and (max-width: 600px) {
    div.shareContent div.main {
        flex-direction: column;
    }

    .social-container {
        flex-direction: row;
    }

    .social-container span {
        display: none;
    }

    .social-container .socialInvite {
        justify-content: center;
    }
}

div.shareContent div.section div {
    /*  padding-bottom: 15px; */
}

.center {
    margin: auto;
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.inline {
    display: inline-block !important;
}

.text-left {
    text-align: left
}

div.shareContent div.main div.section {
    flex: 1
}

div.shareContent form input, div.shareContent form textarea, div.shareContent form select {
    display: block;
    width: 100%;
}

div.shareContent form button {
    display: block;
}

div.socialInvite {
    padding-bottom: 24px;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
}

div.socialInvite img {
    margin-right: 10px;
    margin-left: 0;
}

div.socialInvite a {
    text-decoration: none;
    align-items: inherit;
    display: inherit;
    color: inherit;
}

div.shareContent .inner {
    padding: 10px;
}

div.shareContent form input[type='text'], div.shareContent form input[type='email'], div.shareContent form input[type='password'], div.shareContent form textarea {

    font-size: 16px;
    border: none;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
    margin-bottom: 10px;
}

div.shareContent form textarea.friends {
    height: 130px;
}

div.shareContent img.right_arrow {
    padding-top: 30px;
}

div.shareContent form textarea.message {
    height: 100px;
}

div.shareContent div.graphic {
    padding-bottom: 20px;
}

div.shareContent form input.inline {
    width: 31%;
}

div.shareContent form input.street {
    display: inline;
    width: 66%;
    float: right;
}

div.shareContent form .btn-red {
    width: 100%;
    height: auto;
    padding: 13px 0;
    font-size: 18px;
    margin-top: 26px;
}

div.shareContent form .btn-red-outline {
    width: 100%;
    height: auto;
    padding: 13px 0;
    font-size: 18px;
    color: #ca464d;
    border: 1px solid #ca464d;
    margin-top: 20px;
    background-color: inherit;
    border-radius: 4px;
    line-height: 21px;
}

div.shareContent form .btngrey {
    width: 100%;
    height: auto;
    padding: 13px 0;
    font-size: 18px;
    color: white;
    margin-top: 8px;
    background-color: #bdbdbd;
    line-height: 21px;
    border: 1px solid #bdbdbd;
}

input:disabled, .disabled {
    opacity: .25;
    pointer-events: none;
    cursor: default;
}

.left {
    float: left;
}

.right {
    float: right;
}

div.preview {
    height: 18px;
}

div.preview a {
    color: red;
}

.select-wrap {
    background: url("../images/dd-arrow.png") no-repeat scroll right center #FFFFFF;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    height: 35px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 0;
}

.select-wrap select {
    font-family: sans-serif;
    font-size: 14px;
    background-color: transparent;
    cursor: pointer;
    line-height: .9;
    margin-right: 0;
    padding: 10px;
    width: 100%;
    border: none;
    -webkit-appearance: none;
}

.email_invite .top {
    position: relative;
    height: 200px;
}

.email_invite .overlay {
    position: absolute;
    height: 222px;
    width: 100%;
    z-index: 1;
    background-color: black;
    opacity: .7
}

.email_invite .thank_you {
    position: absolute;
    height: 222px;
    z-index: 2;
    color: white;
    padding: 10px;
    width: 90%;
}

.email_invite .preview_link {
    position: relative;
    z-index: 1;
    left: 10px
}

.email_invite .invite_form {
    position: absolute;
    height: 222px;
    width: 100%;
    z-index: 0;
}

.ng-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
}

.ng-modal-dialog {
    /* A centered div above the overlay with a box shadow. */
    z-index: 10000;
    position: absolute;
    width: 50%; /* Default */

    /* Center the dialog */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);

    padding: 5px;
    cursor: pointer;
    font-size: 120%;
    display: inline-block;
    font-weight: bold;
    font-family: 'arial', 'sans-serif';
}

#share-modal h1 {
    background-color: inherit;
    color: white;
    margin-bottom: 10px;
    padding-top: 10px;
    display: block;
}

#share-modal .btn-red {
    width: 50%;
    height: auto;
    padding: 13px 0;
    font-size: 18px;
    margin-top: 26px;
}

div.decalForm .buttons input {
    margin-top: 10px;
}

.ng-modal-close {
    color: white;
    z-index: 1;
}

div.link_share {
    border: 2px solid darkgrey;
    color: #555;
    width: 180px;
    margin: auto;
    display: none;
}

div.link_share input {
    width: 175px;
}