/**
 * 2022-09-20: This is only used on newer, Bootstrap 5 pages, which
 * are deliveried by the AFR Events Slim Application.
 *
 * See: /afrevents.com-app/README.md
 *
 * All CSS in this file should be custom-written CSS for afrevents.com.
 * Do not include Bootstrap or other already-minified CSS in this file.
 *
 * TODO: To deploy, the contents of this file should be minified, then placed
 * at the end of main.min.css
 *
 * - Gregor Morrill, Stevens & Stevens
 */

:root {
	--flexbox-gap: 10px;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

.products figure {
	position: relative;
}



.products figcaption {
	display: none;
	position: absolute;
    left: 0;
    bottom: 15%;
    right: 0;
}

footer ul a:hover {
	color: #A4AAE2;
}

.products figure:hover figcaption {
	display: block;
}

.lightbox-caption-new h2 {
   
    font-size: 22px;
    
}

a.btn.btn-purple:link, a.btn.btn-purple:visited, input.btn.btn-purple {
    padding: 8px 6px;
    color: #fff;
    background-color: #9a9ae0;
    background-image: none;
    border-radius: 1px;
    display: block;
    text-align: center;
    transition: ease .3s;
    font-display: swap;
    letter-spacing: .06em;
    line-height: 1.1;
    border: 1px solid transparent;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 2px;
    text-shadow: 2px 2px 2px #6969cf;
    text-transform: none;
    background-position: 6px center;
    box-shadow: none;
    margin-bottom: 7px;
}

button.btn.btn-secondary.dropdown-toggle {
	background-color: #e3e3e3;
	border: none;
	width: 100%;
	color: #666;
	text-transform: uppercase;
	font-family: 'BebasNeueRegular';
}

.grid {
	display: grid;
}

.gallery-search {
	grid-template-columns: 16rem 10rem;
	grid-column-gap: 0.3rem;
	align-items: center;
}

.mobile-filter-btn {
	grid-template-columns: 26.3rem;
}

h1.gradient-title {
	font-weight: 900;
	margin: .4em 0 .4em 0;
	line-height: 1.1;
	color: #566bcc;
	background: linear-gradient(-45deg, #566bcc 40%, #cbcbef);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 3.2rem;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gallery-search input.custom-form-control {
	box-sizing: border-box;
	background-color: #f2f2f2;
	height: 37px;
	padding: 6px 12px;
	width: 100%;
}

.btn-add-to-project {
	--bs-btn-color: #4d4d4d;
	--bs-btn-bg: #ccc;
	--bs-btn-border-color: #ccc;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #cbcbef;
	--bs-btn-hover-border-color: #cbcbef;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}

input.btn-custom {
	background: #9799de;
	color: #fff;
	border: none;
	height: 37px;
}

.gallery-flex figure {
	flex: 1 1 auto;
	/*display: block;*/
	margin: 0;
	height: 100%;
	/*flex-basis: 20%;*/
	/*border: 1px solid red;*/
}

.gallery-flex figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-flex figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	right: initial;
	left: initial;
	background-color: rgba(0, 0, 0, .1);
	padding: .2em .5em;
}

.gallery-flex figure:hover figcaption {
	display: initial;
	display: block;
	padding: initial;
	padding: .2em .5em;
	color: initial;
}

.gallery-flex figure a:link, .gallery-flex figure a:hover, .gallery-flex figure a:visited, .gallery-flex figure a:active {
	color: #000;
	text-decoration: none;
}

.gallery-flex {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--flexbox-gap);
	justify-content: space-between;
	height: 25vw;
	margin-bottom: var(--flexbox-gap);
}

/**
 * optionally customize height for:
 * .gallery-row-2
 * .gallery-row-3
 * .gallery-row-4
 * .gallery-row-5
 */

.gallery-row-3 {
	height: 35vw;
}

.gallery-tags a {
    padding: 10px 20px;
    border: 1px solid #f2f2f2;
    color: #666;
    text-decoration: none;
    line-height: 3.5em;
    white-space: nowrap;
    font-size: .8rem;
}

/**
 * Reference: 2023 Gallery Dropdown
 * The tag dropdown was not used at launch, so this
 * CSS is commented out for now. As noted in template file
 * /gallery/index.twig, if we add this dropdown back,
 * let's try to use BS5 CSS instead of custom CSS for the
 * dropdown.
 */

/*.dropdown-pc {
    display: inline-block;
    position: relative;
    z-index: 999999;
}

label.dropdown-pc.hidden-desktop {
    width: 95%;
}

.dd-button {
    display: inline-block;
    border: 1px solid #cecece;
    color:#999;
    border-radius: 4px;
    padding: 10px 30px 10px 20px;
    background-color: #f2f2f2;
    cursor: pointer;
    white-space: nowrap;
    width:100%;
}

.dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}

.dd-button:hover {
    background-color: #eeeeee;
}


.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;
    width:100%;
}

.dd-input + .dd-menu {
    display: none;
}

.dd-input:checked + .dd-menu {
    display: block;
}

.dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
}

.dd-menu li:hover {
    background-color: #f6f6f6;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.dd-menu li.divider{
    padding: 0;
    border-bottom: 1px solid #cccccc;
}*/



[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/assets/images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.back-to-col2.bold-small {
    font-weight: 400;
    font-size: .7em;
}

.btn.back-arrow:hover {
	background-color: #ccc;
}

.logo {max-width: 130px;}

	li.nav-item {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
    font-size: 1.1em;
    font-weight: 200;
    margin-bottom: 0px;
}

.navbar input#i_search {
    border-radius: 0px;
}

a.nav-link {
    font-size: 1.1em;
}

nav.navbar.navbar-expand-lg.bg-light {
    background-color: #ececec!important;
    border-bottom: 1px solid rgb(229, 229, 229);
        padding-top: 4px;
    padding-bottom: 4px;
}

a {
	    color: #0074AD;
    text-decoration: none;
}

.navbar-toggler-icon::before {
	content: 'MENU';
	color: #445cc8;
    font-family: 'BebasNeueRegular';
    font-display: swap;
    font-size: 1.2rem;
    position: absolute;
    	right:	70px;
    top: 14px;

}

button.navbar-toggler {
    padding: 3px;
}

.topbar input.form-control {
	border-radius: 0px;
	height: 24px;
}

.dropdown-toggle::after {
	display: none;
}

footer ul {
    list-style: none;
    padding-left: 0px;
}

footer ul li {
    margin-bottom: 0px;
}

footer ul a {
    color: #fff;
    text-decoration: none;
     font-size: .8rem;
    line-height: .9rem;

    font-weight: 200;
}

footer h3 {
	color: #fff;
    font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight: 600;
}

footer .contact-info {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

footer .contact-info a {
	color: #fff;
	text-decoration: none;
}

.sublevelnav-activator {
    font-size: .7em;
    color: #999;
    padding-left: 5px;
    margin-top: 3px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    letter-spacing: .1em;
}

/* instagram */
.ig-instagram-feed {
    font-family: inherit;
    background-color: #fff
}

.unlock-row .alert-success, .regional-form-box .alert-success {
background-color: #d1d3eb;

}

.ig-instagram-feed a {
    color: #000;
    text-decoration: none!important;
    background-color: transparent
}

.content-container {
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
}

.ig-instagram-feed a:hover {
    color: #000;
    text-decoration: none!important;
    background-color: transparent
}

.ig-instagram-header {
    margin-bottom: 1.5rem
}

.ig-instagram-name {
    word-break: break-all;
    color: #a0a0a0
}

.ig-instagram-name a {
    color: #000
}

.ig-instagram-username {
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-all;
    line-height: initial;
    padding: 0
}

.ig-instagram-username a {
    color: #000;
    font-weight: 600
}

.ig-instagram-items {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px
}

.ig-instagram-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.ig-instagram-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.ig-instagram-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.ig-instagram-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.ig-instagram-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.ig-instagram-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.ig-instagram-item:after {
    position: relative;
    padding-bottom: 100%;
    display: block;
    height: 0;
    z-index: 0;
    content: ''
}

.ig-instagram-item {
    display: block;
    position: relative
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ig-instagram-size-auto .ig-instagram-items {
        margin: 0
    }
    .ig-instagram-size-auto .ig-instagram-items .ig-instagram-item {
        margin: 0
    }
    .ig-instagram-size-auto.ig-instagram-columns-1 .ig-instagram-item {
        -webkit-box-flex: 0;
        flex: 0 0 100%
    }
    .ig-instagram-size-auto.ig-instagram-columns-2 .ig-instagram-item {
        -webkit-box-flex: 0;
        flex: 0 0 50%
    }
    .ig-instagram-size-auto.ig-instagram-columns-3 .ig-instagram-item {
        -webkit-box-flex: 0;
        flex: 0 0 33.3333333333%
    }
}

.ig-instagram-link {
    position: absolute;
    display: block;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: none
}

.ig-instagram-link img,
.ig-instagram-link video {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: .25s;
    transition: .25s;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ig-instagram-link img.lazy::before {
    background: #000
}

.ig-instagram-link img {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3e%3cg fill='none' fill-rule='evenodd' stroke-width='2'%3e%3ccircle cx='22' cy='22' r='1'%3e%3canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3e%3canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3e%3c/circle%3e%3ccircle cx='22' cy='22' r='1'%3e%3canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3e%3canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3e%3c/circle%3e%3c/g%3e%3c/svg%3e") 50% no-repeat;
    background-color: #bbb
}

.instagram-count {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    opacity: 0
}

.instagram-count:hover {
    opacity: 1;
    background-color: #00000061
}

.instagram-count-item {
    margin-left: 10px
}

.instagram-count-item i {
    margin-right: 5px
}

.instagram-count-item svg {
    fill: #fff
}

.instagram-count-item span {
    font-style: normal;
    line-height: 1;
    font-weight: 600;
    font-size: 12px;
    color: #fff
}

.ig-instagram-item {
    display: block;
    position: relative;
    cursor: pointer
}

.instagram-count {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    width: 100%
}

.ig-instagram-item:hover .instagram-count {
    opacity: 1;
    background-color: #00000061
}

.instagram-count svg {
    fill: #fff
}

/* general */
.title-container {
	position: relative;
}

.title2 {
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, .75);
	font-size: 1.6rem;
	width: 100%;
	text-align: center;
	padding: .3em 0 .3em 0;
	-webkit-font-smoothing: antialiased;
}

.r-ball {
	font-size: 30%;
	position: relative;
	top: -1.75em;
}

.as-login,
.collection-pills a,
.contact-footer,
.float-label,
.nav-header,
.state-listing-main,
.tagline,
.toplinks,
abbr.initialism {
	text-transform: uppercase
}

#logo h1,
p.login-issues a {
	color: #000
}

#logo,
#logo h1,
.slick-slider {
	-webkit-user-select: none
}

#broken-glass,
.mfp-arrow,
.slick-slider {
	-webkit-tap-highlight-color: transparent
}

p.login-issues {
	font-size: .9em;
	font-weight: 600;
	text-align: center
}

.grey {
	padding: 5px
}

.state-listing-main {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto
}

.contacts-col {
	padding: 0 15px 15px
}

.thumbnails li {
	margin-top: 10px
}

.easyzoom {
	border: 1px solid #f4f4f5
}

#logo h1,
logo {
	text-align: center;
	-moz-user-select: none
}

#magnific_popup_docs,
.maruku_toc ul ul {
	display: none
}

#logo,
#logo h1,
.example h3,
.square-tmb {
	cursor: pointer
}

.example a,
.example a:hover,
.maruku_toc .active a,
.maruku_toc a,
.share-buttons a,
a.popup-link,
a.popup-link:hover {
	text-decoration: none
}

.maruku_toc,
.mfp-wrap,
body {
	-webkit-backface-visibility: hidden
}

.c,
.c1,
.cm,
.cp,
.cs,
.ge {
	font-style: italic
}

.mfp-title,
pre {
	word-wrap: break-word
}

html {
	overflow-y: scroll
}

ul {
	list-style: disc
}

li {
	margin: 0 0 .5em
}

.mfp-preloader {
	font-size: 13px
}

.get-code-window {
	position: relative;
	background: #FFF;
	padding: 2em 3em;
	width: auto;
	margin: 20px auto;
	max-width: 600px
}

#broken-glass,
#logo h1 {
	top: 0;
	position: absolute;
	left: 0
}

#magnific_popup_documentation {
	font-size: 3em;
	margin-bottom: 1em;
	font-weight: 700;
	text-align: center
}

h2 {
	margin-top: 2em;
	margin-bottom: .3em;
	padding-bottom: .2em
}

h3 {
	margin-bottom: 12px;
	margin-top: 20px
}

h4 {
	margin-bottom: 5px
}

body {
	background: #fafafa
}

.grid-c h3 {
	margin-top: 0
}

.grid-c p {
	margin-bottom: .5em
}

.grid-c {
	clear: both;
	overflow: hidden;
	margin: 0 -1em
}

.gc3 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	float: left;
	padding: 1em;
	overflow: hidden
}

#main-wrapper,
.mfp-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.grid-c .gc3:nth-of-type(2n+1) {
	clear: left
}

.container-fluid:after,
.container:after,
.dl-horizontal:after,
.row-fluid:after,
.row:after {
	clear: both
}

#logo {
	height: 150px;
	position: relative;
	width: 100%;
	padding: 0 3em;
	margin-left: -3em;
	margin-top: 50px;
	margin-bottom: 50px
}

#broken-glass {
	height: 100%;
	width: 100%
}

#logo:active h1 {
	top: 1px
}

#logo h1 {
	margin-top: 27px;
	font-size: 63px;
	line-height: 1.4;
	font-weight: 700;
	width: 100%
}

h2.intro {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 400;
	border: 0;
	margin-top: 0
}

#header-links {
	font-size: 16px
}

.maruku_toc {
	position: fixed;
	left: 0;
	top: 50px;
	padding: 20px;
	background: rgba(255, 255, 255, .71)
}

.twoline-link-mobile,
.yourafr-logo {
	position: relative
}

pre,
pre code {
	background: 0
}

.maruku_toc:before {
	content: 'Table of contents';
	font-weight: 700;
	display: block;
	margin-bottom: 10px
}

.yourafr-quotebox1 {
	float: left;
	height: 200px;
	width: 43%;
	background: url(../img/testimonial1-button-500px.png) no-repeat;
	margin-right: 5px;
	margin-bottom: 5px
}

.yourafr-quotebox-bg-image {
	position: relative;
	top: 40px;
	left: 20px;
	width: 500px;
	z-index: 1
}

.yourafr-logo {
	top: 10px;
	float: left;
	z-index: 99
}

.twoline-link,
.twoline-link-mobile {
	line-height: 17px;
	top: -5px
}

.yourafr-quote1-text {
	width: 220px;
	height: 100px;
	float: right;
	color: #fff;
	padding-right: 10px;
	padding-top: 40px
}

.readmore {
	padding: 10px;
	background-color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 99;
	width: 90px;
	height: 25px;
	margin-top: 5px
}

.yourafr-quotebox10,
.yourafr-quotebox2,
.yourafr-quotebox3,
.yourafr-quotebox4,
.yourafr-quotebox5,
.yourafr-quotebox6,
.yourafr-quotebox7,
.yourafr-quotebox8,
.yourafr-quotebox9 {
	float: left;
	height: 200px;
	width: 43%;
	margin-bottom: 5px
}

.yourafr-quotebox2 {
	background: url(../img/testimonial2-button-500px.png) no-repeat
}

.yourafr-quotebox3 {
	background: url(../img/testimonial3-button-500px.png) no-repeat;
	margin-right: 5px
}

.yourafr-quotebox4 {
	background: url(../img/testimonial4-button-500px.png) no-repeat
}

.yourafr-quotebox5 {
	background: url(../img/testimonial5-button.png) no-repeat;
	margin-right: 5px
}

.yourafr-quotebox6 {
	background: url(../img/testimonial6-button.png) no-repeat
}

.yourafr-quotebox7 {
	background: url(../img/testimonial7-button-500px.png) no-repeat
}

.yourafr-quotebox8 {
	background: url(../img/testimonial8-button-500px.jpg) no-repeat
}

.yourafr-quotebox9 {
	background: url(../img/testimonial9-button-500px.png) no-repeat
}

.yourafr-quotebox10 {
	background: url(../img/testimonial10-button-500px.png) no-repeat
}

.yourafr-quotebox-container {
	clear: both;
	width: 100%;
	margin: auto;
	padding-left: 7%;
	padding-bottom: 20px
}

.your-afr-inside-left,
.your-afr-inside-left p {
	margin-right: 10px;
	width: 45%;
	float: left
}

.your-afr-inside-left p {
	color: #FFF
}

.your-afr-inside-right {
	float: left;
	width: 53%;
	color: #fff
}

.bgwhite .your-afr-inside-right p {
	padding: 0 10px 10px;
	color: #fff
}

.bgwhite .your-afr-inside-right p a {
	color: #fff
}

.your-afr-inside-photo {
	padding: 10px 0 0 10px;
	border-radius: 25px
}

.your-afr-inside,
.your-afr-inside-no-bg {
	width: 95%;
	border-radius: 25px;
	padding: initial;
	margin: 10px auto auto;
	color: #fff
}

.your-afr-inside {
	background-image: url(../img/black-trans-your-afr.png)
}

.your-afr-inside h2,
.your-afr-inside-no-bg h2 {
	color: #fff
}

@media (max-width: 768px) {
	.gallery-search {
		grid-template-columns: 18rem 8rem;
	}

	.gallery-flex {
		flex-wrap: wrap;
		height: auto;
	}
	.gallery-flex figure {
		display: block;
	}
	.gallery-row-four figure {
		/*flex-basis: calc(50% - var(--flexbox-gap));*/
		flex-basis: 100vw;
	}
}


@media (max-width:1199px) {
	.yourafr-quotebox1,
	.yourafr-quotebox10,
	.yourafr-quotebox2,
	.yourafr-quotebox3,
	.yourafr-quotebox4,
	.yourafr-quotebox5,
	.yourafr-quotebox6,
	.yourafr-quotebox7,
	.yourafr-quotebox8,
	.yourafr-quotebox9 {
		width: 500px;
		float: none;
		clear: both
	}
	.yourafr-quotebox-container {
		clear: both;
		width: 100%;
		margin: auto auto 10px;
		padding-left: 25%
	}
}

@media (max-width:960px) {
	.yourafr-quotebox-container {
		clear: both;
		width: 100%;
		margin: auto;
		padding-left: 20%
	}
	.space-planning-cont h3 {
		line-height: 28px
	}
}

@media (max-width:800px) {
	.your-afr-inside-left,
	.your-afr-inside-right {
		float: none;
		margin-right: 0;
		width: 90%
	}
	.yourafr-quotebox1,
	.yourafr-quotebox10,
	.yourafr-quotebox2,
	.yourafr-quotebox3,
	.yourafr-quotebox4,
	.yourafr-quotebox5,
	.yourafr-quotebox6,
	.yourafr-quotebox7,
	.yourafr-quotebox8,
	.yourafr-quotebox9 {
		width: 500px;
		float: none;
		clear: both
	}
	.yourafr-quotebox-container {
		clear: both;
		width: 100%;
		margin: auto;
		padding-left: 15%
	}
}

@media (max-width:750px) {
	.yourafr-quotebox-container {
		clear: both;
		width: 100%;
		margin: auto;
		padding-left: 5%
	}
	.space-planning-cont {
		width: 100%;
		margin: 25px auto
	}
	blockquote.purplequotes div {
		padding-bottom: 20px;
		text-transform: uppercase;
		font-family: 'BebasNeueRegular';
		font-size: 18px;
		line-height: 25px
	}
	h3.text-center.blue,
	h3.text-center.lightblue {
		padding: 0 10px
	}




}

@media (max-width:593px) {
	.yourafr-quotebox-container {
		clear: both;
		width: 100%;
		margin: auto;
		padding-left: 0
	}
	.yourafr-quotebox1,
	.yourafr-quotebox10,
	.yourafr-quotebox2,
	.yourafr-quotebox3,
	.yourafr-quotebox4,
	.yourafr-quotebox5,
	.yourafr-quotebox6,
	.yourafr-quotebox7,
	.yourafr-quotebox8,
	.yourafr-quotebox9 {
		border-radius: 25px;
		width: 97%;
		float: none;
		clear: both;
		height: 260px;
		margin: auto
	}
	.social form {
		float: none
	}
	.text-right form {
		padding-right: 0
	}
	.yourafr-quote1-text {
		width: 80%;
		height: 140px;
		float: right;
		color: #fff;
		padding: 10px;
		background: #000;
		border-radius: 25px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px
	}
}

@media all and (max-width:75em) {
	.maruku_toc {
		position: static;
		padding: 0;
		background: 0
	}
}

.maruku_toc a {
	border-bottom: 1px dotted
}

.maruku_toc ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.maruku_toc .active a {
	color: #666
}

.highlight {
	position: relative;
	margin-bottom: .5em;
	margin-left: -1.5em;
	width: 100%;
	padding: 0 1.5em;
	background-color: #f5fafc
}

#main-wrapper {
	background: 0;
	max-width: 800px;
	width: 100%;
	margin: 2em auto 4em;
	padding: 0 3em 3em;
	box-sizing: border-box;
	position: relative
}

.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 650px;
	margin: 40px auto;
	position: relative
}

#footer,
#logo-status {
	width: 100%;
	text-align: center
}

#examples:after {
	content: 'to view source click on the title of example';
	opacity: .4;
	font-weight: 400;
	font-size: 14px;
	margin-top: 13px;
	float: right
}

.example {
	margin-bottom: 20px;
	position: relative
}

.example h3 {
	display: inline-block;
	border-bottom: 1px dotted #949494
}

.example h3:hover {
	color: #C00
}

.example h3:hover:after {
	content: 'view source';
	padding-left: 8px;
	color: #999;
	position: absolute;
	top: 16px;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-size: 12px
}

.mfp-container:before,
.mfp-figure:after,
.smashing-link:before {
	content: ''
}

.square-tmb {
	margin: 0 10px 0 0
}

.zoom-cursor {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.grid-of-images a,
.image-link {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}

.example a,
a.popup-link {
	border-bottom: 1px dotted
}

.example a {
	line-height: 26px
}

.example p a {
	text-decoration: underline;
	border: 0;
	line-height: 1.6
}

#image-gallery a,
#single-image {
	border-bottom: 0
}

.not-ready-yet-notice {
	padding: 20px;
	background: #EEE
}

#footer {
	border-top: 1px solid #DDD;
	padding-top: 3em;
	margin: 5em 0 0;
	opacity: .9
}

#conditional-lightbox-notice {
	display: none
}

#logo-status {
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s
}

#logo-status.down {
	opacity: 1
}

.grid-of-images a {
	cursor: zoom-in;
	border-bottom: 0;
	display: block;
	float: left;
	margin: 0 5px 5px 0
}

.grid-of-images a:hover {
	opacity: .9
}

h3 em {
	opacity: .3
}

@media all and (max-width:50em) {
	#logo h1 {
		font-size: 52px;
		margin-top: 36px
	}
}

@media all and (max-width:30em) {
	#logo,
	.gc3 {
		width: 100%
	}
	#examples:after {
		display: none
	}
	.grid-c .gc3:nth-of-type(2n+1) {
		clear: none
	}
	#main-wrapper {
		padding: 1em;
		margin-top: 0
	}
	.highlight {
		padding: .2em 1em;
		margin: 1em -1em
	}
	#logo {
		height: 95px;
		padding: 0;
		margin: 0 auto 2em
	}
	#logo h1 {
		font-size: 32px;
		margin-top: 23px
	}
	h2.intro {
		font-size: 20px
	}
}

@media all and (max-width:700px) {
	.zoom-cursor {
		cursor: pointer
	}
	#conditional-lightbox-notice {
		display: block;
		padding: 10px;
		background: #ffeaea
	}
}

#logo-overlay {
	width: 100%;
	height: 75px;
	background: red;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

#mfp-build-tool {
	background: #FFF;
	padding: 30px 40px 40px;
	max-width: 500px;
	text-align: left;
	margin: 10px auto;
	position: relative
}

#mfp-build-tool h2 {
	margin-top: 0;
	margin-bottom: .7em
}

#mfp-build-form label {
	display: block;
	margin-bottom: 5px;
	min-height: 18px;
	padding-left: 18px
}

#mfp-build-form input[type=checkbox] {
	margin: 3px 5px 3px -18px;
	line-height: normal;
	cursor: pointer;
	width: auto;
	float: left
}

#mfp-build-status {
	min-height: 40px
}

#mfp-build-status .error {
	color: #830c0c
}

#mfp-build-status .success {
	color: #014b04
}

#mfp-build-status .progress {
	color: #000
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.share-buttons {
	text-align: center;
	position: relative;
	margin: 70px 0
}

.mfp-bg,
.mfp-wrap {
	position: fixed
}

.share-buttons h2 {
	text-align: center;
	border: 0
}

.share-buttons a {
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
	color: #FFF;
	background: #5aaf63;
	font-size: 16px;
	line-height: 22px;
	cursor: pointer
}

.share-buttons a:hover {
	opacity: .7
}

#tweet {
	background: #0096c4
}

#like {
	background: #3b5998
}

#gplus {
	background: #d34836
}

#vkcom {
	background: #6e8fb1
}

#documentation-intro {
	background: #2b2b2b;
	text-align: center;
	padding: 3em;
	width: 100%;
	margin-left: -3em;
	margin-bottom: 3em
}

#documentation-intro h1 {
	color: #FFF;
	width: 100%;
	text-align: center;
	font-size: 44px;
	line-height: 1.1em
}

#id1 {
	display: none
}

#documentation-intro h1 a {
	text-decoration: none;
	color: #FFF
}

#documentation-intro p a {
	font-size: 15px;
	color: #7cb5ff
}

#documentation-intro a:hover {
	opacity: .75;
	text-decoration: underline
}

.hll {
	background-color: #ffc
}

.c {
	color: #998
}

.err {
	color: #a61717;
	background-color: #e3d2d2
}

.k,
.o {
	color: #000
}

.cm {
	color: #998
}

.cp {
	color: #999
}

.c1 {
	color: #998
}

.cs {
	color: #999
}

.gd,
.ge {
	color: #000
}

.gd {
	background-color: #fdd
}

.gr {
	color: #a00
}

.gh {
	color: #999
}

.gi {
	color: #000;
	background-color: #dfd
}

.go {
	color: #888
}

.gp {
	color: #555
}

.gu {
	color: #aaa
}

.gt {
	color: #a00
}

.kc,
.kd,
.kn,
.kp,
.kr {
	color: #000
}

.kt {
	color: #458
}

.m {
	color: #099
}

.s {
	color: #d01040
}

.na {
	color: teal
}

.nb {
	color: #0086b3
}

.nc {
	color: #458
}

.no {
	color: teal
}

.nd {
	color: #3c5d5d
}

.ni {
	color: purple
}

.ne,
.nf,
.nl {
	color: #900
}

.nn {
	color: #555
}

.nt {
	color: navy
}

.nv {
	color: teal
}

.ow {
	color: #000
}

.w {
	color: #bbb
}

.mf,
.mh,
.mi,
.mo {
	color: #099
}

.s2,
.sb,
.sc,
.sd,
.se,
.sh,
.si,
.sx {
	color: #d01040
}

.sr {
	color: #009926
}

.s1 {
	color: #d01040
}

.ss {
	color: #990073
}

.bp {
	color: #999
}

.vc,
.vg,
.vi {
	color: teal
}

.il {
	color: #099
}

.mfp-bg {
	z-index: 1042;
	overflow: hidden;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity=80)
}

.mfp-wrap {
	z-index: 1043;
	outline: 0!important
}

.mfp-container {
	text-align: center;
	position: absolute;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.badge,
.label,
sub,
sup {
	vertical-align: baseline
}

.mfp-close,
.mfp-preloader {
	text-align: center;
	position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	top: 50%;
	width: auto;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	position: absolute;
	left: 0
}

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

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	right: 0;
	top: 0;
	text-decoration: none;
	opacity: .65;
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px
}

.mfp-figure,
img.mfp-img {
	line-height: 0
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-image-holder .mfp-content,
img,
img.mfp-img {
	max-width: 100%
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.mfp-figure:after,
img.mfp-img {
	width: auto;
	height: auto;
	display: block
}

img.mfp-img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure:after {
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	background: #444
}

.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.input-append .uneditable-input:focus,
.input-append input:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus {
	z-index: 2
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-gallery .mfp-image-holder .mfp-figure,
button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
label,
select {
	cursor: pointer
}

.mfp-title {
	line-height: 18px;
	color: #f3f3f3;
	padding-right: 36px
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

.img-polaroid,
body,
select {
	background-color: #fff
}

.dropdown,
.dropup,
sub,
sup {
	position: relative
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mfp-ie7 .mfp-img {
	padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
	padding: 0
}

.mfp-ie7 .mfp-content {
	padding-top: 44px
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}

/* TODO SECTION 2: see debug-fix-minified.css */

;
h1.small-bold {
	background-color: transparent!important;
	font-size: 16px;
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
}

h1.home-header {
	background-color: transparent!important;
	font-size: 24px;
	font-weight: 400;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #566bcc;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
}

h1.home-header2 {
    background-color: transparent!important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #566bcc;
    text-align: left;
    padding: 0;
  
}

h3.home-header2 {
    background-color: transparent!important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #566bcc;
    text-align: left;
    padding: 0;
  
}


    

.se-filter-cont-new form {
	display: flex;
	width: 100%;
	margin-bottom: 0;
}

.tlc h2.ubtitle {
	text-align: left!important;
}

.fas.fa-angle-down {
	float: right;
	padding-top: 3px;
}

.glyphicon-chevron-right:before {
	content: "\e080";
}

.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.dropdown-menu.header-cells {
	width: 196px;
	border-radius: 2px;
}

.header-cells {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 15px!important;
	padding-right: 15px!important;
}

.span3.disappear.header-cells {
	display: none;
}

.disappear.header-cells {
	border-left: 0;
}

.top-links {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: .85em;
	padding-top: 9px;
}

a.topreturncollections,
.span12 .topreturncollections a {
	color: #333;
	text-decoration: none;
	text-transform: none;
}

button.top-button {
	background-color: #9a9ae0;
	border: 1px solid #ccc;
	color: #fff;
	border-radius: 0;
	width: 14%;
	display: inline;
	/* float: right; */
	padding: 6px;
	margin-left: -2px;
	width: 40px;
	position: absolute;
}

.filter-group {
	display: flex;
}

button.filter-button {
	background-color: #9a9ae0;
	border: 1px solid #ccc;
	color: #fff;
	border-radius: 0;
	display: inline;
	padding: 6px;
	margin-left: -2px;
	width: 40px;
}

input.form-control.top-buttons {
	display: inline-block;
	padding: 6px 6px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
}

.row.contain {
	margin: auto;
}

.btn-categories {
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 6px 17px;
	color: #555;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.viewprojectlist {
	padding: 8px 6px;
	color: #fff;
	background-color: #9a9ae0;
	display: inline-block;
	text-align: center;
	transition: ease .3s;
	font-display: swap;
	letter-spacing: .06em;
	background-image: url(../images/view-project-list-icon.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 32px;
	line-height: 1.1;
	border: 1px solid transparent;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px;
	text-shadow: 2px 2px 2px #6969cf;
	text-transform: none;
	background-position: 6px center;
}

.viewprojectlist:hover {
	color: #fff;
	text-decoration: none;
	background-color: #cbcbef;
	transition: ease .3s;
}

form.wish h2 {
	margin-top: 40px;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	line-height: 1;
	border-bottom: 0px solid #555;
	padding-bottom: .5em;
	font-weight: 300;
	text-align: center;
	color: #4D4D4D;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bg-secondary {
	background-color: #cccccc!important;
	padding: 5px;
	color: #333;
}

.p-button {}

form.wish.ub input[type="text"].input-mini {
	height: 20px;
}

form.wish select.form-control {
	border: 1px solid rgba(154, 154, 224, .25);
	border-radius: 2px;
	display: inline-block;
	font-size: inherit;
	padding: 1.5rem 1rem;
	font-weight: 300;
	color: #211966;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: #fff;
	width: 100%;
}

form.wish.ub input[type=text],
form.wish.ub textarea {
	width: 100%!important;
	height: 70px;
}

form.wish input[type=text],
form.wish input[type=email],
form.wish input[type=password],
form.wish input[type=tel],
form.wish input[type=search],
form.wish input[type=url],
form.wish textarea {
	border: 1px solid rgba(154, 154, 224, .25);
	border-radius: 2px;
	display: inline-block;
	font-size: inherit;
	padding: 1.5rem 1rem;
	font-weight: 300;
	color: #211966;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: #fff;
	width: 96.5%!important;
}

form.wish input[type="submit"].p-button:hover,
.p-button:hover {
	background-color: #ececec;
}

form.wish input[type="submit"].button {
	background-color: #8584be;
	color: #fff;
	width: 40%;
	font-family: 'BebasNeueRegular';
	font-display: swap;
	border-radius: 0;
	border: none;
	text-transform: uppercase;
	font-size: 1.5rem;
	letter-spacing: .05em;
	padding: .45em .75em .45em .75em;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.wish input[type="submit"].button:hover {
	background-color: #cccccc;
}

form.wish input[type="submit"].p-button,
.p-button {
	padding: .5em 1em;
	color: #fff;
	background-color: #8584be;
	background-image: none;
	border-radius: 1px;
	display: inline-block;
	text-align: center;
	transition: ease .3s;
	font-display: swap;
	letter-spacing: .06em;
	line-height: 1.1;
	border: 1px solid transparent;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px!important;
	text-shadow: 2px 2px 2px #6969cf;
	text-transform: none;
	font-size: 14px;
}

form.wish input[type="submit"].p-button:hover,
.p-button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #cbcbef;
	transition: ease .3s;
}

span.months {
	margin-top: -11px;
	display: block;
	font-style: italic;
	margin-bottom: 30px;
	font-size: .8em;
}

.continue-shopping {
	color: #333;
	display: block;
	margin: 60px 0;
}

form.wish .table td,
form.wish .table th {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 0px solid #ddd!important;
}

form.wish input[type=text].input-mini {
	width: auto!important;
	padding: .5rem .5rem;
}

a.links-hp {
	color: #333333;
}

.toplinks a {
	border: 1px solid #ccc;
	padding: 3px 8px;
	background: #f1f1f1;
	color: #999;
	font-size: .8em;
	display: inline-block;
	margin: 3px;
}

.toplinks {
	font-size: .8em;
	color: #999;
	text-transform: uppercase;
	margin: auto;
	text-align: center;
}

.toplinks a:hover {
	color: #999;
	background: #fff;
	text-decoration: none;
}

img.as-subheader {
	max-width: 500px;
	margin: 20px 0;
}

.as-login {
	background-color: #cbcbef;
	background-image: none;
	border: none;
	border-radius: 0;
	font-size: 1.3em;
	padding: .5em 5em;
	text-transform: uppercase;
	margin: 20px;
	color: #4d4d4d;
	font-family: 'BebasNeueRegular';
	font-display: swap;
}

.label-inside {
	padding-top: 1.5em;
	font-size: 1.4rem;
	font-weight: 700;
}

.has-float-label {
	position: relative;
	display: block;
	margin-top: 1rem;
}

.float-label {
	position: absolute;
	top: .9em;
	left: 1em;
	color: #9a9ae0;
	font-size: .8rem;
	text-transform: uppercase;
}

.has-float-label {
	position: relative;
	display: block;
	margin-top: 1rem;
}

.mod-form {
	border-radius: 0 !important;
	display: block !important;
	width: 100% !important;
	padding: .45rem .75rem !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	color: #495057 !important;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: 45px !important;
}

input.mod-form {
	margin-top: 25px !important;
}

.goog-te-gadget,
.goog-logo-link,
.goog-logo-link:link,
.goog-logo-link:visited,
.goog-logo-link:hover,
.goog-logo-link:active {
	color: #fff !important;
}

.dropdown-toggle {
	cursor: pointer;
}

.s-hidden,
.slick-loading .slick-slide,
.slick-loading .slick-track {
	visibility: hidden
}

.foot-col ul li,
.menu li,
.nobullet {
	list-style: none
}

.collection-pills {
	margin-top: 2rem;
	margin-bottom: 30px
}

.collection-pills a {
	padding: 10px;
	color: #ccc;
	font-size: .8em;
	text-transform: uppercase;
	border: 1px solid #f1f1f1;
	display: inline-block;
	margin-top: 10px;
}

.collection-pills a:hover {
	color: #a9a9e5
}

.collection-pills a.active {
	background: #a9a9e5;
	color: #fff
}

@-webkit-keyframes bounceIn {
	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {
	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

.delay1 {
	animation-delay: .1s
}

.coll-3d {
	width: 30%;
	float: left;
	margin: 1%;
	display: flex
}

.coll-3d-download {
	width: 41%;
	clear: both;
	text-align: center;
	margin: 30px auto 10px;
	display: flex;
	display: -webkit-flex
}

.coll-3d-flex-btn-cont {
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap
}

hr.cat-3dhr {
	border-top: 2px solid #ccc
}

a.white-btn:link {
	background: #fff;
	color: #666;
	padding: 10px 15px;
	margin-top: 20px;
	display: block;
	clear: both;
	text-align: center;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

a.white-btn:hover {
	background: #666;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
}

.your-afr-inside-left {
	padding-left: 10px;
}

a.btn-3d-download,
a.cat-3-btn {
	color: #fff;
	border: 0;
	text-align: center;
	text-shadow: none
}

a.cat-3-btn {
	font-weight: 600;
	background: #666;
	display: flex;
	text-transform: uppercase;
	border-radius: 0;
	padding: 18px 0;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 30%;
	margin: 1%;
}

a.cat-3-btn:link {
	color: #fff
}

a.cat-3-btn:hover {
	font-color: #999;
	background: #a9a9e5
}

a.btn-3d-download {
	width: 100%;
	margin: auto;
	background: #a9a9e5;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
	border-radius: 0;
	padding: 18px 40px
}

.download-all,
.download-all a,
a.btn-3db-download {
	color: #a9a9e5;
	font-weight: 600;
	text-transform: uppercase
}

.btn-cat,
.btn-cat:hover {
	text-shadow: 0 0 0 rgba(255, 255, 255, 0)
}

.download-all {
	text-align: center;
	margin-bottom: 30px
}

.download-all a {
	text-align: center
}

a.btn-3db-download {
	background: 0 0;
	border: 0;
	box-shadow: none
}

.btn-cat:hover,
.thumbnail {
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

a.btn-3db-download:hover {
	color: #ccc;
	background: #666
}

.cat-3d-products-hr {
	padding: 2%;
	width: 72%
}

.cat-3d-products .product {
	width: 45%;
	float: left;
	margin: 1%;
	padding: 1%
}

.cat-3d-products .product-image {
	float: left;
	width: 25%
}

.cat-3d-products .product-name {
	float: left;
	width: 60%;
	padding: 2%;
	text-align: center;
}

.product-name span {
	display: block;
	font-weight: 600;
	font-size: 1.2em margin-bottom: 5px
}

.product-name a {
	font-size: .9em;
	color: #a9a9e5;
}

div#myCarouselb {
	max-width: 2100px;
	margin: 0 auto
}

.grouping {
	display: flex;
	flex-wrap: wrap;
}

.add-this {
	float: left;
	width: 45%;
	padding: 2% 1%
}

.share-links {
	width: 32%;
	float: left;
	text-align: center
}

.share-links img {
	height: 31px;
	width: auto
}

a.small-grey {
	font-size: .8em;
	color: #666;
	text-decoration: underline
}

.hp-1 img,
.hp-2 img,
.hp-3 img {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}

.banner-images:hover {
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out
}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
	border: 1px solid #ccc;
	background: 0 0
}

button.slick-prev.slick-arrow {
	margin-left: -25px;
	z-index: 999;
	float: left;
	position: absolute;
	top: 25%;
	left: 15px
}

button.slick-next.slick-arrow:before,
button.slick-prev.slick-arrow:before {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url('/assets/images/glyphicons-halflings.png');
	background-position: 14px 14px;
	background-repeat: no-repeat
}

.padding {
	padding: 2% 4%
}

.after-image {
	padding: 2% 0
}

img#Image1.3d-back-btn {
	float: right
}

.grid-of-images a {
	width: 220px;
	height: auto;
}

.grid-of-images-2 a {
	padding-bottom: 4px
}

.form-control.width {
	width: 28%;
	float: left;
	margin-right: 1%
}

.form-control.width1 {
	width: 10%;
	float: left;
	margin-right: 1%;
	margin-top: 4px;
	height: 38px
}

.form-control.width2 {
	width: 17%;
	float: left
}

.form-control.width3 {
	width: 35%;
	float: left
}

.header-form {
	margin-top: 30px;
	margin-bottom: 30px
}

input.btn.btn-purple-b.more-padding {
	margin-left: 0;
	padding: 10px;
	margin-bottom: 40px;
	margin-top: 2px;
	width: 63%
}

form p.center {
	padding: 20px 70px 00px
}

.left-align {
	text-align: left
}

button.slick-next.slick-arrow {
	z-index: 999;
	float: right;
	right: 0;
	position: absolute;
	top: 25%;
	margin-right: -10px
}

.slick-list,
.slick-slider,
.slick-track,
.tagline-cont,
ul li.state-listing-main a {
	position: relative
}

.slide a {
	text-align: center;
	color: #666
}

.slick-slide {
	margin: 0 15px
}

.slick-slider {
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	top: 0;
	left: 0;
	display: block
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	/* height: 100%; */
	min-height: 1px
}

.right,
.social,
[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	width: 100%;
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
	text-align: center
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.available-styles div ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.available-styles div li {
	display: inline-block;
	margin-bottom: 18px
}

.white-bg {
	background: #fff
}

.row-fluid [class*=span] {
	padding-left: 15px;
	padding-right: 15px
}

#form a.btn {
	border-radius: 0;
	border: none;
	background: #ccc;
	color: #4d4d4d;
	margin-top: 10px
}

#form a.btn:hover {
	background: #cbcbef
}

.navbar-inner {
	border: 0
}



.search-grouping form {
	width: 100%;
}

.gallery-title a {
	color: #999;
	text-align: center
}

.gallery-title p {
	text-align: center;
	padding-top: 10px;
	display: block
}

.gallery-title a:hover {
	text-decoration: none;
	opacity: .7
}

.btn-cat {
	margin-top: 10px;
	border-radius: 2px;
	padding: 10px 5px;
	color: #fff;
	font-weight: 500
}

.btn-cat:hover {
	box-shadow: none
}

.btn-cat:nth-child(even) {
	background: #9799de
}

.btn-cat:nth-child(odd) {
	background: #566bcc
}

.dropdown-menu.bottom-up.cat-drop4 {
	background-color: #cecece
}

.dropdown-menu li {
	vertical-align: top
}

.contact-info.line {
	border-bottom: 1px solid #ececec
}

h3.cities {
	font-size: 1.5em;
	font-weight: 300
}

.s-hidden {
	padding-right: 10px
}

.p-links a {
	font-size: .9em
}

#scroll ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

#page-wrap {
	max-width: 1200px
}

.success-title {
	font-family: museo_sans700, serif;
	font-size: 2.4rem;
	line-height: 2rem;
	margin-top: 20px;
	margin-bottom: 35px
}

.rt-logo-tagline,
.title-app {
	font-family: 'Champagne & Limousines';
	font-display: swap;
}

ul li.state-listing-main a {
	cursor: pointer;
	display: block;
	color: #000;
	padding: 10px;
	margin: 5px 0;
	text-align: center;
	border: 1px solid #ccc
}

ul li.state-listing-main a:link,
ul li.state-listing-main a:visited {
	color: #666;
	font-size: 16px;
	font-weight: 600;
	display: block
}

ul li.state-listing-main a:focus {
	text-decoration: none
}

ul li.state-listing-main a:hover {
	background: #9490d7;
	text-decoration: none
}

ul.dropdown.state-listing {
	display: inline-block;
	border-radius: 0;
	background: #777
}

ul.dropdown-menu.state-listing {
	position: relative;
	float: none;
	box-shadow: 0 0 0 transparent;
	border: 0;
	background: 0 0
}

ul.dropdown-menu.state-listing li a:link,
ul.dropdown-menu.state-listing li a:visited {
	color: #666;
	display: block;
	font-weight: 300;
	font-size: 1em;
	text-align: left;
	border: 1px solid #ccc;
	margin: 0 6px;
	white-space: normal
}



.contact-header {
	margin-top: 30px;
	font-weight: 400;
	line-height: 1.3;
	font-size: 18px
}

.open a.dropdown-toggle.state-listing-main,
a.dropdown-toggle.state-listing-main:active {
	text-decoration: none;
	background: #999;
	color: #fff
}

.grey {
	text-align: center;
	background: #eee
}

.map-popup-col1b {
	float: left;
	width: 23%;
	text-align: left;
	margin-right: 5px
}

.map-popup-col3b {
	float: left;
	width: 65%;
	text-align: left
}

body.modal-open {
    padding-right: 0!important;
}

.map-instructions,
.store-links,
.store-links img,
.text-app,
.title-app {
	text-align: center
}

.easyzoom-flyout img {
	max-width: none
}

.thumbnails li {
	width: 20%;
	margin-left: 2%;
	margin-right: 2%
}

.thumbnails.gallery li {
	width: 8%
}

.thumbnails li:hover {
	opacity: .8
}

.prod-zoom-cont {
	margin-left: 0
}

.visible-phone.easyzoom.is-ready img {
	cursor: default
}

figure:hover img.led-hover {
	background: url(../images/led-over.png) no-repeat;
	z-index: 999;
	opacity: .1
}

form.se-filter {
	width: 50%;
	margin: 0 auto
}

.menu .dropdown .sublevelnav {
	margin-left: 35px;
	font-size: 16px
}

.menu .dropdown .sublevelnav a {
	color: #666
}

.menu .dropdown .sublevelnav a:hover {
	color: #a6a6a6
}

.menu .dropdown .sublevelnav-activator {
	font-size: .7em;
	color: #999;
	padding-left: 5px;
	margin-top: 3px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	letter-spacing: .1em
}

.bgwhite p.allseated-bottom {
	font-size: 22px;
	margin-bottom: 20px
}

.insta-row #demo_1 img {
	max-width: 100%;
	height: auto;
}

@font-face {
	font-family: 'Champagne & Limousines';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: local('Champagne & Limousines'), url('https://www.afrevents.com/assets/fonts/Champagne & Limousines.woff') format('woff')
}

@font-face {
	font-family: 'BebasNeueRegular';
	font-display: swap;
	src: url(/assets/fonts/BebasNeue-webfont.eot);
	src: url(/assets/fonts/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/BebasNeue-webfont.woff) format('woff'), url(../assets/fonts/BebasNeue-webfont.ttf) format('truetype'), url(/assets/fonts/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: museo_sans100;
	src: url(https://www.afrevents.com/assets/fonts/museosans_100-webfont.woff2) format('woff2'), url(https://www.afrevents.com/assets/fonts/museosans_100-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: museo_sans300;
	src: url(https://www.afrevents.com/assets/fonts/museosans_300-webfont.woff2) format('woff2'), url(https://www.afrevents.com/assets/fonts/museosans_300-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: museo_sans700;
	src: url(https://www.afrevents.com/assets/fonts/museosans_700-webfont.woff2) format('woff2'), url(https://www.afrevents.com/assets/fonts/museosans_700-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}


.foot-col-right,
.insta-row {
	padding-top: 30px
}





.se-hp-logo img {
	max-width: 160px;
	height: auto;
	left: -15px
}

.rt-logo-tagline {
	color: #fff;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: .1em;
	border-left: 1px solid #fff;
	padding-left: 10px;
	padding-bottom: 10px;
	height: 30px
}

.footermenu li,
.insta-row,
.menu li,
.tagline {
	letter-spacing: .05em
}

.disclaimer {
	font-size: .9em;
	font-style: italic
}

.tagline-cont .text-right input {
	height: 24px;
	border: 0;
	margin-right: 0
}

.text-right input[type=text] {
	width: 260px;
	padding-left: 4px
}

.social {
	position: absolute;
	top: 38px;
	right: 0
}

.social form {
	margin-bottom: 0;
	float: left
}

.purple-callout {
	color: #455cc6;
	font-size: 1.1em;
	font-weight: 700
}

.foot-col {
	width: 13%;
	padding-left: 3%;
	float: left;
	margin-bottom: 15px
}

.foot-col img {
	height: 23px;
	width: auto
}

.foot-col ul li {
	margin-bottom: .2em;
	line-height: 15px
}

.foot-col ul {
	margin-left: 0
}

.foot-col a {
	color: #fff;
	font-size: .8rem;
	line-height: .9rem;
	font-weight: 200
}

.foot-col h3 {
	color: #fff;
	font-size: 1.1rem;
	margin-bottom: 2px
}

.foot-col img:hover {
	opacity: .8
}

.copyright {
	color: #E8E8E8;
	font-size: .8rem;
	font-weight: 400;
	text-transform: none
}

.vertical-line {
	border: 0;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 20px
}

.remodal {
	font-size: 16px;
	line-height: 26px
}

.height {
	height: 40px
}

.title-app {
	font-size: 2.5em;
	line-height: 1.2em;
	margin-bottom: 15px
}

.text-app {
	color: #525252;
	margin-bottom: 30px
}

.store-links img {
	margin: auto auto 20px;
	max-width: 160px
}

.store-links {
	margin: auto
}



.hp-btn-boxes:hover {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out
}

.insta-row {
	padding-bottom: 45px;
	display: table
}

.insta-icon {
	max-height: 30px;
	width: auto
}

.map-instructions {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px
}

.EC-logo {
	width: 100%;
	max-width: 200px
}

.map-clear {
	clear: left;
	height: 20px
}

.map-popup-col1 {
	float: left;
	width: 23%;
	text-align: right
}

.map-popup-col1 img {
	width: 100%;
	max-width: 150px
}

.map-popup-col2 {
	float: left;
	width: 10%;
	margin-left: 2%;
	margin-right: 2%
}

.circle {
	width: 20px;
	height: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: auto
}

.map-popup-col3 {
	float: left;
	width: 63%;
	text-align: left
}

.bgwhite h2,
.center,
.ctg-title,
.studio-col {
	text-align: center
}

.svg-wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 70%;
	vertical-align: middle
}

.svg-wrapper svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}

.map-region {
	opacity: 1;
	transition: ease-out .25s
}

.map-region:hover {
	opacity: .5;
	transition: ease-in .25s
}

.theme-tmb {
	max-width: 24%
}

.theme-btn {
	padding: 3px;
	background-color: #CCC;
	border-radius: 3px;
	border: 1px solid #999;
	margin-left: 7px
}

a.theme-btn {
	color: #333;
	font-size: .8em
}

.nav-collapse .dropdown-menu a {
	padding: 2px 5px
}

.studio-container {
	margin-left: 70px;
	margin-right: 70px
}

.studio-container .studio-col p {
	padding: 0
}

.studio-col {
	float: left;
	width: 23%;
	margin-right: 2%
}

.studio-col a:hover {
	text-decoration: none
}

.studio-cover {
	width: 100%;
	max-width: 200px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.studio-cover:hover {
	opacity: .5
}

.dropdown-backdrop {
	display: none
}

.container.ub {
	border-top: 10px solid #566bcc;
	border-bottom: 20px solid #566bcc
}

.form-lvl2 {
	text-align: right
}

#description,
#form,
#wishitem,
#wishitem2,
.mfp-title,
.projectlist li,
h1,
h1.title,
h1.titleg {
	text-align: center
}

.tweaked-margin {
	margin-right: 200px
}

.bgwhite h2.ubtitle {
	font-size: 2.5em
}

input[type=text].input-mini {
	width: 25px
}

#wishitem2 input[type="text"] {
	width: 41px;
	height: 27px;
	margin-top: 10px;
}

.p-button {
	list-style-type: none;
	margin: 0;
	border: 1px solid #ccc;
	padding: 5px;
}

.p-button:hover {
	background-color: #bfbcf1
}

.p-button {
	color: #000;
	font-weight: 400;
	font-size: .8em;
	margin-left: 0;
	text-transform: uppercase;
}

.p-button:hover {
	text-decoration: none;
	color: #000;
}

.contact-form-sidebar input {
	width: 90%
}

.contact-form-sidebar label {
	margin-bottom: 0
}

.readmore a,
.tagline {
	color: #fff
}

.input.searchmain {
	padding-left: 4px
}

.dimensions {
	font-family: arial, helvetica, sans-serif
}

.text-right input {
	vertical-align: top;
	margin-top: 3px
}

.text-right form {
	padding-right: 20px
}

.mright {
	margin-top: 5px
}

.contact {
	float: left;
	width: 46%;
	margin-right: 10px
}

a.btn-1,
a.btn-2,
a.btn-3,
a.btn-4,
a.btn-5,
a.btn-6,
a.btn-7,
a.btn-download,
a:hover.btn-1,
a:hover.btn-2,
a:hover.btn-3,
a:hover.btn-4,
a:hover.btn-5,
a:hover.btn-6,
a:hover.btn-7,
a:hover.btn-download {
	height: 50px;
	width: 200px;
	display: block;
	text-decoration: none
}

.border {
	border: 0
}

.margin {
	margin-bottom: 30px
}

.winner {
	margin: 0 0 30px 40px;
	float: right
}

#links a:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

.dropdown-menu {
	background-color: #f2f2f2
}

ul.dropdown-menu {
	top: inherit;
	padding: 20px
}

ul.dropdown-menu li {
	float: none;
	text-align: left;
	display: block;
	margin: 4px 2.4%
}

ul.dropdown-menu.cat-drop4.new li {
	float: left;
	text-align: left;
	display: block;
	margin: 4px 2.4%
}

.cat-drop4.new li {
	widtH: 45%
}

.cat-drop4.new h4 {
	font-size: 16px
}

.category-item ul.dropdown-menu {
	bottom: 100%;
	top: inherit
}

ul.dropdown-menu.bottom-up.cat-drop4.new {
	width: 160px;
}

.displace {
	position: absolute;
	left: -5000px
}

a.btn-1 {
	background: url(https://www.afrevents.com/img/bars-barbacks_off.png)
}

a:hover.btn-1 {
	background: url(https://www.afrevents.com/img/bars-barbacks_on.png)
}

a.btn-2 {
	background: url(https://www.afrevents.com/img/chairs-stools_off.png)
}

a:hover.btn-2 {
	background: url(https://www.afrevents.com/img/chairs-stools_on.png)
}

a.btn-3 {
	background: url(https://www.afrevents.com/img/exec-furn_off.png)
}

a:hover.btn-3 {
	background: url(https://www.afrevents.com/img/exec-furn_on.png)
}

a.btn-4 {
	background: url(https://www.afrevents.com/img/misc-items_off.png)
}

a:hover.btn-4 {
	background: url(https://www.afrevents.com/img/misc-items_on.png)
}

a.btn-5 {
	background: url(https://www.afrevents.com/img/otts-bench_off.png)
}

a:hover.btn-5 {
	background: url(https://www.afrevents.com/img/otts-bench_on.png)
}

a.btn-6 {
	background: url(https://www.afrevents.com/img/sofa-love_off.png)
}

a:hover.btn-6 {
	background: url(https://www.afrevents.com/img/sofa-love_on.png)
}

a.btn-7 {
	background: url(https://www.afrevents.com/img/tables_off.png)
}

a:hover.btn-7 {
	background: url(https://www.afrevents.com/img/tables_on.png)
}

a.btn-download {
	background: url(https://www.afrevents.com/img/download-gallery-btn-off.jpg)
}

a:hover.btn-download {
	background: url(https://www.afrevents.com/img/download-gallery-btn-on.jpg)
}

.cat-drop1 {
	margin-left: -40px;
	padding: 5px
}

.cat-drop2,
.cat-drop3 {
	margin-left: -15px
}

.caret {
	display: none
}

body {
	background-image: url(/assets/images/texture.jpg)
}

.3d-col {
	float: left;
	width: 100px;
	margin-right: 20px;
	background-color: #C00
}

.btm-lft-hp,
.btm-right-hp {
	width: 49.5%;
	float: left
}

.clear {
	clear: both
}

.clear-4col,
h2 {
	clear: left
}

.maintextforhsacc {
	font-size: 12px;
	font-weight: 400;
	font-family: arial, helvetica
}

.topbar {
	background-color: #566bcc
}

.tagline {
	text-transform: lowercase;
	font-size: 2.6em;
	font-family: 'Champagne & Limousines';
	font-display: swap;
	padding-top: 40px
}

.ctg-grey .ctg-title a,
.ctg-purple .ctg-title a,
h1,
h1.title,
h2.cat-subs {
	font-family: 'BebasNeueRegular';
	font-display: swap;
}

input.mobile-search {
	height: 24px
}

.blue-box-row {
	margin-top: 40px
}

.menubar {
	background-color: #ececec
}

.bgwhite,
.bgwhite-hp {
	background-color: #fff
}

.navbar-grey-bg {
	background-color: #ececec
}

ul.menu {
	text-align: center;
	margin: auto
}

.menu li {
	float: left;
	margin: 10px 3.1%;
	display: inline;
	font-size: 1.1em;
	font-weight: 200
}

.back-to-col-new a,
.bgwhite h2,
.bgwhite h3,
h1,
h1.title,
h1.titleg,
h2.cat-subs {
	font-weight: 400
}

.nav-collapse .menu li a {
	color: #333
}

.nav-collapse .menu li a:focus {
	text-underline: none
}

.nav-collapse .menu li a:hover {
	text-decoration: none;
	color: #445cc8
}

.social {
	padding-top: 10px
}

.social img:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.btm-lft-hp img:hover,
.btm-right-hp img:hover,
.logo-cont img:hover {
	opacity: .9;
	filter: alpha(opacity=90)
}

.difference-hp {
	padding: 40px 0 0
}

.btm-right-hp {
	margin-left: 1%
}

.bgwhite {
	padding-bottom: 30px
}

.bgwhite-hp {
	padding-bottom: 0
}

.bgwhite h2 {
	color: #666;
	font-size: 1.6em;
	line-height: 1em
}

.bluetype {
	color: #445cc8
}



.difference {
	margin: 40px auto 0
}

.footer {
	background-color: #455cc6;
	border-bottom-right-radius: 1.3em;
	border-bottom-left-radius: 1.3em
}

.footer-l {
	width: 20%;
	float: left
}

.footer-r {
	width: 80%;
	float: left;
	padding-top: 12px
}

.footermenu li {
	float: left;
	margin-left: 11px;
	padding-right: 11px;
	padding-left: 0;
	color: #fff;
	font-size: 1.1em
}

.footermenu a {
	color: #fff
}

.contact-footer {
	color: #a9b0e4;
	margin-left: 38px;
	margin-top: 20px
}

.contact-footer a {
	color: #a9b0e4
}

.carousel {
	margin-bottom: 0
}

.carousel-indicators2 {
	position: absolute;
	bottom: 10px;
	right: 48%;
	z-index: 5;
	margin: 0;
	list-style: none
}

.carousel-indicators2 li {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	text-indent: -999px;
	background-color: #ccc;
	border-radius: 5px
}

.carousel-indicators2 .active {
	background-color: #ececec
}

.navbar .brand {
	display: none
}

.navbar .navbar-inner {
	background-color: transparent;
	background-image: none;
	border-top: none;
	border-bottom: none;
	box-shadow: none
}

.collapse .nav-tabs {
	border-bottom: none
}

.menubar .navbar {
	margin-bottom: 2px;
	margin-top: 2px
}

.logo-cont {
	background-color: #455cc6
}

.logo-cont img {
	max-width: 300px;
	height: auto
}

.category-item {
	width: 20%;
	float: left;
	border: 1px solid #eee;
	border-top: none;
	border-left: none;
	box-sizing: border-box
}

.category-item:nth-child(5n) {
	border-right: 1px solid #fff
}

.ctg-purple {
	background-color: #cccaef
}

.ctg-purple .ctg-title a {
	color: #fff
}

.ctg-purple:hover {
	background-color: #9490d7
}

.ctg-grey {
	background-color: #e6e6e6
}

.ctg-grey .ctg-title a {
	color: #767575
}

.ctg-grey .ctg-title a:hover {
	color: #fff;
	text-decoration: none
}

.ctg-grey .ctg-title .btn-group ul li a {
	color: #fff
}

.ctg-grey:hover {
	background-color: #a9a9e5
}

.btn-group .btn {
	background-color: transparent
}

.collectionsubs a {
	margin-top: 0
}

.ctg-pic {
	background-color: #fff
}

.ctg-title {
	height: 22px;
	font-size: 1.2em;
	padding: 8px 0;
	color: #767575
}

h1,
h1.title,
h1.titleg {
	color: #fff;
	margin: 0
}

.btn-group .dropdown-toggle {
	background-image: none;
	background-color: none;
	border: none;
	box-shadow: none;
	font-weight: 400;
	text-shadow: none;
	padding-top: 0
}

h1,
h1.title {
	font-size: 1.9em;
	letter-spacing: .02em;
	padding: 8px 0;
	background-color: #767575;
	clear: left;
	margin-bottom: 22px
}

h2.cat-subs {
	background-color: #e5e6e9;
	padding: 12px 0;
	text-align: center;
	color: #666;
	font-size: 1.6em;
	line-height: 1em
}

h1.titleg {
	font-size: 1.5em;
	padding: 12px 0
}

.bgwhite p,
.bgwhite-hp p,
.bgwhite.form p {
	font-size: 1.2em;
	line-height: 1.5em
}

#wishitem,
#wishitem2 {
	float: left;
	margin-bottom: 50px
}

.bgwhite p {
	padding: 0
}

.bgwhite.form p {
	padding: 0 0 00px
}

.bgwhite .studio-col p {
	padding: 0 20px
}

.bgwhite-hp p {
	padding: 0
}

.bgwhite p:first-of-type {
	padding-top: 10px
}

.bgwhite p:last-of-type {
	padding-bottom: 10px
}

.head {
	background: url(../img/inside-about.jpg) no-repeat;
	width: 100%;
	height: 398px
}

#wishitem #photo .lightbox .lightbox-content img,
#wishitem2 #photo .lightbox .lightbox-content img,
.thumbnail {
	border: none
}

#wishitem {
	width: 22.5%;
	margin-right: .5%;
	padding: 0 3px
}

#wishitem2 {
	width: 39%;
	padding: 2%;
	margin-right: 2%
}

#description a {
	font-size: 15px;
	line-height: 20px;
	color: #666
}

.back-to-col a,
.back-to-colf a,
.txt-white {
	color: #fff
}

.back-to-col-new {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 25px
}

.back-to-col-new a {
	color: #39383a;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none
}

#description p {
	padding: 10px 20px
}

#wishitem:nth-child(4n+0) {
	margin-right: 0
}

#description {
	font-size: 1.2em;
	padding-top: 4px
}

#form,
#wishitem #form input[type=submit] {
	font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-display: swap;
}

#wishitem #form input[type=submit] {
	background-image: url(../images/add-to-project-list-icon.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 4px center;
	padding-left: 32px;
	line-height: 1.1;
	padding: 6px 6px 6px 30px;
	min-width: 50%;
	border: 1px solid transparent;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 5px;
	text-shadow: none;
	text-transform: none;
}

#wishitem #form input[type=text] {
	width: 15%;
	margin-top: 10px;
	display: inline;
	border-radius: 0
}

#wishitem #form input[type=submit] {
	min-width: 50%;
	display: inline;
	border-radius: 0;
	border: none;
	background-color: #ccc;
	color: #4d4d4d
}

#wishitem #form input[type=submit]:hover {
	background-color: #cbcbef
}

#wishitem hr {
	margin-bottom: 0
}

.btn-group.open .btn.dropdown-toggle {
	background-color: transparent
}

.category-item .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a {
	background-image: none;
	font-size: .8rem
}

.dropdown-menu>li>a {
	font-size: .8rem
}

.dropdown-menu>li>a,
.dropdown-submenu>a {
	background-image: none
}

.category-item .dropdown-menu>li>a,
.category-item .dropdown-submenu>a {
	background-image: none;
	background-color: #666
}

#contact {
	width: 46%;
	margin-right: 10px
}

.thumbnail {
	display: block;
	padding: 0;
	line-height: inherit;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	box-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}

a.thumbnail:focus,
a.thumbnail:hover {
	border-color: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.back-to-col,
.back-to-col2,
.back-to-colf {
	padding: 10px 0 10px 15px;
	margin-top: 5px;
	text-align: left;
	width: 75%;
	display: inline-block
}

.bread-cont {
	background: #efefef;
	background: -moz-linear-gradient(left, #efefef 0, #fff 100%);
	background: -webkit-linear-gradient(left, #efefef 0, #fff 100%);
	background: linear-gradient(to right, #efefef 0, #fff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff', GradientType=1);
	width: 75%;
	display: inline-block;

}

.back-arrow {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #ccc;
	margin-right: 5px;
	padding-left: 8px;
	padding-right: 8px;
	border: none;
	background-image: none
}

.back-arrow [class^=icon-] {
	color: #fff
}

ol.projectlist.cat {
	margin-top: -3px
}

ol.projectlist {
	margin-top: 8px;
	margin-right: 5px;
	padding: 5px;
	float: right;
	display: inline-block
}

.mobile-img-tmb,
.navbar form {
	display: none
}

.projectlist li {
	list-style-type: none;
	margin: 0;
	border: 1px solid #ccc;
	padding: 5px
}

.projectlist li:hover {
	background-color: #bfbcf1
}

ol.projectlist li a {
	color: #000;
	font-weight: 700;
	font-size: .8em;
	margin-left: 0
}

ol.projectlist li a:hover {
	text-decoration: none;
	color: #000
}

.back-to-col a,
.back-to-col2,
.back-to-colf a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9em
}

.back-to-col a:hover {
	color: #e5e6e9
}

.back-to-col2 a,
.back-to-col2 a:hover {
	color: #333
}

.image-link {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-title {
	padding: 6px 0
}

.span12 .grid-of-images {
	padding-bottom: 20px
}

.span12 .grid-of-images a {
	width: inherit;
	height: inherit
}

.lightbox-photo img {
	max-height: 320px;
	width: auto
}

.lightbox-content input[type=button],
button,
input[type=file]::-webkit-file-upload-button,
input[type=reset],
input[type=submit] {
	text-align: center
}

.lightbox-content {
	min-height: 390px
}

.span2 select {
	width: 180px
}

.package-details {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px
}

.lightbox-caption-LED {
	line-height: 1.2em
}

.se-filter-cont input.form-control.unbranded {
	height: 40px
}

.se-filter-cont input.form-control {
	background-color: #f2f2f2;
	width: 94%;
	position: absolute;
	left: 0;
	height: 25px;
	padding: 6px 12px
}

.item-resources a {
	color: #666
}

.form-left {
	margin-bottom: 15px
}

a.btn.btn-purple-b:link,
a.btn.btn-purple-b:visited,
input.btn.btn-purple-b {
	margin-left: 3px
}

.selection-links {
	width: 17%;
	float: left
}

.lightbox-caption-new form {
	text-align: left
}

.bluebook-success {
	color: #566bcc;
	text-transform: uppercase;
	font-size: 1.3rem;
	line-height: 1.8rem;
	font-weight: 700;
	padding-top: 40px;
	padding-bottom: 20px
}

}

@media (max-width:1200px) {
	a.btn-1,
	a.btn-2,
	a.btn-3,
	a.btn-4,
	a.btn-5,
	a.btn-6,
	a.btn-7,
	a.btn-download,
	a: hover.btn-1,
	a:hover.btn-2,
	a:hover.btn-3,
	a:hover.btn-4,
	a:hover.btn-5,
	a:hover.btn-6,
	a:hover.btn-7,
	a:hover.btn-download {
		height: 38px;
		width: 150px;
		display: block;
		text-decoration: none
	}
	.bgwhite .bgwhite-hp p,
	.bgwhite p {
		font-size: 1.2em;
		line-height: 1.5em
	}
	a.btn-1 {
		background: url(http://www.afrevents.com/img/bars-barbacks_off-150px.jpg) no-repeat
	}
	a:hover.btn-1 {
		background: url(http://www.afrevents.com/img/bars-barbacks_on-150px.jpg) no-repeat
	}
	a.btn-2 {
		background: url(http://www.afrevents.com/img/chairs-stools_off-150px.jpg) no-repeat
	}
	a:hover.btn-2 {
		background: url(http://www.afrevents.com/img/chairs-stools_on-150px.jpg) no-repeat
	}
	a.btn-3 {
		background: url(http://www.afrevents.com/img/exec-furn_off-150px.jpg) no-repeat
	}
	a:hover.btn-3 {
		background: url(http://www.afrevents.com/img/exec-furn_on-150px.jpg) no-repeat
	}
	a.btn-4 {
		background: url(http://www.afrevents.com/img/misc-items_off-150px.jpg) no-repeat
	}
	a:hover.btn-4 {
		background: url(http://www.afrevents.com/img/misc-items_on-150px.jpg) no-repeat
	}
	a.btn-5 {
		background: url(http://www.afrevents.com/img/otts-bench_off-150px.jpg) no-repeat
	}
	a:hover.btn-5 {
		background: url(http://www.afrevents.com/img/otts-bench_on-150px.jpg) no-repeat
	}
	a.btn-6 {
		background: url(http://www.afrevents.com/img/sofa-love_off-150px.jpg) no-repeat
	}
	a:hover.btn-6 {
		background: url(http://www.afrevents.com/img/sofa-love_on-150px.jpg) no-repeat
	}
	a.btn-7 {
		background: url(http://www.afrevents.com/img/tables_off-150px.jpg) no-repeat
	}
	a:hover.btn-7 {
		background: url(http://www.afrevents.com/img/tables_on-150px.jpg) no-repeat
	}
	a.btn-download {
		background: url(http://www.afrevents.com/img/download-gallery-btn-off-150px.jpg) no-repeat
	}
	a:hover.btn-download {
		background: url(http://www.afrevents.com/img/download-gallery-btn-on-150px.jpg) no-repeat
	}
	#wishitem {
		float: left;
		width: 21.5%;
		padding: 3px;
		margin-bottom: 3px;
		margin-right: 4px;
		text-align: center
	}
	.bgwhite .bgwhite-hp p {
		padding: 20px 10px 0
	}
	.bgwhite p {
		padding: 20px 70px 00px
	}
	#wishitem:nth-child(3n+0),
	#wishitem:nth-child(4n+0) {
		margin-right: 0
	}
	.difference {
		margin-top: 130px
	}
	.grouping,
	.groupingb {
		padding: 30px 0 0 100px;
		display: flex;
		flex-wrap: wrap
	}
	#links {
		width: 90%;
		margin: 0 auto
	}
	.span12 .grid-of-images {
		width: 900px;
		margin: 0 auto
	}
}

@media (min-width:1200px) {
	.dropdown-menu.header-cells {
		width: 91%;
		margin-top: 0;
		margin-left: 0!important;
	}
	.row.contain {
		margin: auto;
		padding-left: 4%;
	}
	.rt-logo-tagline {
		font-size: 32px
	}
	.vertical-line {
		border-right: 1px solid #666;
		padding-right: 30px
	}
	#wishitem2 {
		width: 42%
	}
	.footermenu li {
		float: left;
		margin-left: 12px;
		padding-right: 14px;
		color: #fff;
		font-family: 'BebasNeueRegular';
		font-display: swap;
		font-size: 1.2em
	}
	.tagline {
		padding-top: 30px
	}
	.clear-4col {
		clear: left
	}
	.grouping,
	.groupingb {
		padding: 30px 0 0 70px
	}
	.span12 .grid-of-images {
		width: 850px;
		margin: 0 auto
	}
}

@media (min-width: 1800px) {
	.gallery-flex {
		height: 18vw;
	}
	.gallery-row-2 {
		height: 24vw;
	}
	.gallery-row-3 {
		height: 25vw;
	}
}

@media (min-width: 2200px) {
	.gallery-flex {
		height: 12vw;
	}
	.gallery-row-2 {
		height: 19vw;
	}
	.gallery-row-3 {
		height: 17vw;
	}
}


@media (min-width:979px) {
	.header-cells {
		margin-top: 20px;
		border-left: 1px solid #ececec;
		padding-left: 20px!important;
		padding-right: 0px!important;
		margin-left: 20px!important;
	}
	.span3.disappear.header-cells {
		display: inline;
	}
	.row.contain {
		margin: auto;
		padding-left: 1%;
	}
	.viewprojectlist {
		font-size: 1em;
	}
	button.top-button {
		margin-left: -17px!important;
	}
	.span3.disappear.header-cells {
		display: inline;
	}
	.dropdown-menu.header-cells {
		width: 88%;
		border-radius: 2px;
		margin-top: 0;
		margin-left: 0!important;
	}
}

@media (min-width:768px) {
	.title2 {
		font-size: 2.6rem;
	}
	.back-to-col-new {
		clear: both;
		width: 100%;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px
	}
	.lg-logo {
		margin-right: 15px
	}
	.btn-group .dropdown-toggle {
		font-size: 17px
	}
	.contact-form-sidebar {
		padding-top: 25px
	}
	.state-listing-main {
		max-width: none
	}
	ul.dropdown-menu.state-listing {
		column-width: 300px
	}
	ul.dropdown-menu.state-listing li a:link,
	ul.dropdown-menu.state-listing li a:visited {
		white-space: nowrap;
		font-size: .9em
	}
	ul li.state-listing-main a:link,
	ul li.state-listing-main a:visited {
		font-size: 20px
	}
	.contact-header {
		font-size: 24px
	}
	.cat-drop4 {
		margin-left: -50px
	}
	.dropdown-menu.bottom-up.cat-drop4 {
		background-color: #cecece
	}
	.dropdown-menu div {
		vertical-align: top
	}
	.cat-drop4 li {
		width: 30%;
		display: inline-block;
		margin-right: 1%
	}
	.ctg-grey .ctg-title .btn-group ul.dropdown-menu.bottom-up.cat-drop4 li a {
		display: block;
		padding: 5px 0;
		color: #767575;
		border-bottom: 1px solid #ececec
	}
	.ctg-grey .ctg-title .btn-group ul.dropdown-menu.bottom-up.cat-drop4 li a:hover {
		text-decoration: none;
		color: #fff
	}
	.cat-drop4 li div {
		padding: 15px;
		min-width: 130px;
		top: 0
	}
	.contacts {
		display: flex;
		padding: 0
	}
	.se-filter-cont {
		width: 60%
	}
}

.back-to-col2 {
	min-height: 40px
}

@media (min-width:1200px) {
	.title2 {
		font-size: 3.2rem;
	}
	.dropdown-menu.header-cells {
		width: 91%;
	}
	.offset1 {
		margin-left: 100px!important;
	}
}

@media screen and (min-width:997px) {
	.foot-col-right,
	.foot-col-right a {
		text-align: right;
		color: #fff;
		font-size: 1rem;
		font-weight: 700;
		text-transform: uppercase
	}
	.cat-drop4 {
		margin-left: -50px
	}
	.dropdown-menu.bottom-up.cat-drop4 {
		background-color: #cecece
	}
	.dropdown-menu div {
		vertical-align: top
	}
	ul.dropdown-menu.cat-drop4 li {
		width: 44%;
		display: inline-block;
		margin-right: 1%;
		float: left
	}
	.ctg-grey .ctg-title .btn-group ul.dropdown-menu.bottom-up.cat-drop4 li a {
		display: block;
		padding: 5px 0;
		color: #767575;
		border-bottom: 1px solid #ececec
	}
	.ctg-grey .ctg-title .btn-group ul.dropdown-menu.bottom-up.cat-drop4 li a:hover {
		text-decoration: none;
		color: #fff
	}
	.cat-drop4 li div {
		padding: 15px;
		min-width: 130px;
		top: 0
	}
	.selection-links {
		width: 13%
	}
	.wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
	.size {
		margin-right: 10px
	}
}

@media (min-width:980px) and (max-width:1199px) {
	.menu li {
		float: left;
		margin: 10px 2.1%;
		display: inline;
		font-size: 1.1em;
		font-weight: 200;
		letter-spacing: .05em
	}
	.vertical-line {
		border-right: 1px solid #666;
		padding-right: 30px
	}
	.rt-logo-tagline {
		font-size: 22px
	}
	#wishitem #form input[type=submit] {
		min-width: 50%;
		font-size: .85em;
		font-family: 'BebasNeueRegular';
		font-display: swap;
	}
}

@media (min-width:768px) {
	.slider-box {
		max-height: 350px;
	}
	.bread-cont {
		margin-bottom: 30px;
		line-height: 20px;
	}
	.padding-left {
		padding-left: 20px
	}
	.vertical-line {
		border-right: 1px solid #666;
		padding-right: 30px
	}
	.circle {
		width: 50px;
		height: 50px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		margin: auto
	}
	.map-popup-col1,
	.map-popup-col3 {
		width: 38%
	}
	.mobile-img-tmb {
		display: inline
	}
	/*figure {
		display: none
	}*/
}

.mfp-figure figure {
	display: inline-block
}

}

@media (min-width:980px) and (max-width:1199px) {
	.top-links {
		padding-top: 0;
	}
	.viewprojectlist {
		font-size: .9em;
	}
}

@media (min-width: 1400px) {
.container.bgwhite-hp, .container-lg.bgwhite-hp, .container-md.bgwhite-hp, .container-sm.bgwhite-hp, .container-xl.bgwhite-hp, .container-xxl.bgwhite-hp {
    max-width: 1320px!important;
}
@media (min-width: 1200px) {
.container.bgwhite-hp, .container-lg.bgwhite-hp, .container-md.bgwhite-hp, .container-sm.bgwhite-hp, .container-xl.bgwhite-hp {
    max-width: 1140px;
}
@media (min-width: 992px) {
.container.bgwhite-hp, .container-lg.bgwhite-hp, .container-md.bgwhite-hp, .container-sm.bgwhite-hp {
    max-width: 960px;
}

.mobile-filter-btn {
	grid-template-columns: 20rem;
}

.halfcol-indent {
	padding-right: 90px
}
}
@media (min-width: 768px) {
.container.bgwhite-hp, .container-md.bgwhite-hp, .container-sm.bgwhite-hp {
    max-width: 720px;
}
}

@media (min-width: 576px) {
	.container.bgwhite-hp,
	.container-sm.bgwhite-hp {
		max-width: 540px;
	}

	.container.bgwhite-hp,
	.container-fluid.bgwhite-hp,
	.container-lg.bgwhite-hp,
	.container-md.bgwhite-hp,
	.container-sm.bgwhite-hp,
	.container-xl.bgwhite-hp,
	.container-xxl.bgwhite-hp {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}

    .gallery-tags a {
        display: block;
        line-height: inherit;
    }
}

@media (min-width:768px) and (max-width:979px) {
	.vertical-line {
		border-right: 1px solid #666;
		padding-right: 30px
	}
	a.btn.cat-3-btn {
		font-size: 11px
	}
	.logo-cont img {
		max-width: 100%;
		height: auto
	}
	.studio-container {
		margin-left: 40px;
		margin-right: 40px
	}
	#wishitem,
	#wishitem:nth-child(3n+0),
	#wishitem:nth-child(4n+0) {
		margin-right: 0
	}
	.studio-container .studio-col p {
		font-size: 14px
	}
	.studio-col {
		width: 48%
	}
	#wishitem {
		float: left;
		width: 31%;
		padding: 3px;
		margin-bottom: 3px;
		text-align: center
	}
	#wishitem2 {
		width: 42%
	}
	.bgwhite p {
		padding: 20px 10px 00px;
		font-size: 1.2em;
		line-height: 1.5em
	}
	.clear-4col {
		clear: none
	}
	.clear-3col {
		clear: left
	}
	.menubar .navbar {
		margin-bottom: 0;
		margin-top: 0
	}
	.footermenu li {
		font-size: 1.1em;
		margin-left: 8px;
		padding-right: 15px
	}
	.contact-footer {
		font-size: .8em
	}
	.menu li {
		float: none;
		display: inherit;
		font-size: 1.3em;
		margin: 0 15px
	}
	.navbar .brand {
		display: inherit;
		color: #445cc8;
		font-family: 'BebasNeueRegular';
		font-display: swap;
		font-size: 1.6em;
		float: right
	}
	.tagline {
		font-size: 2.2em;
		padding-top: 24px
	}
	

	#wishitem #form input[type=submit] {
		font-size: .8em
	}
	#links {
		width: 640px;
		margin: 0 auto
	}
	.span12 .grid-of-images {
		width: 630px;
		margin: 0 auto
	}
	.lightbox-photo img {
		max-height: 300px;
		width: auto
	}
	#photo .lightbox {
		top: 30px
	}
	.span2 select {
		width: 120px
	}
	.grouping {
		padding: 30px 0 0 40px;
		flex-direction: row
	}
	.groupingb {
		padding: 30px 0 0 30px
	}
	.cat-3d-products .product {
		width: 45%;
		float: none;
		margin: 1%;
		padding: 1%;
		text-align: center
	}
	ul.dropdown-menu.bottom-up.cat-drop4 li {
		float: left
	}
}

@media screen and (max-width:979px) {
	.span3.header-cells,
	.span2.header-cells,
	.span5.header-cells {
		clear: both;
		display: block;
		border-left: 0;
		width: 95%;
	}
	.row.contain {
		width: 80%;
		margin: auto;
	}
	button.top-button {
		margin-left: 0px;
	}
	.dropdown-menu.header-cells {
		width: 94%;
		border-radius: 2px;
		margin-top: 0;
	}
}

@media screen and (max-width:996px) {
	.slider-box {
		max-height: 300px;
	}
	.resourcesb {
		text-align: center
	}
	.add-this {
		display: block;
		float: none;
		width: 100%;
		padding: 2% 1%
	}
	.selection-links {
		width: 23%;
		float: none;
		display: inline-block;
		margin-bottom: 10px
	}
	.ctg-title .dropdown-toggle {
		max-width: 100%
	}
	.text-right form {
		width: 100%
	}
	.se-hp-logo img {
		max-width: 125px
	}
	.rt-logo-tagline {
		font-size: 15px
	}
	.ctg-title {
		height: 36px
	}
	.social {
		top: -10px
	}
	.form-control.width {
		width: 94%;
		float: none;
		margin-right: 0
	}
	.form-control.width1 {
		width: 99%;
		float: none;
		margin-right: 0;
		margin-top: 4px;
		height: 38px
	}
	.form-control.width2,
	.form-control.width3 {
		width: 94%;
		float: none
	}
	.preview {
		margin-bottom: 20px
	}
}

@media screen and (max-width:979px) {
	.cat-3d-products .product-image {
		float: none;
		width: 100%
	}
	.cat-3d-products .product-name {
		float: none;
		width: 100%;
		padding: 2%
	}
	.share-links img {
		height: 27px;
		width: auto
	}
	ul.menu {
		text-align: center;
		margin: auto
	}
	.menu li {
		float: none;
		margin: 10px 1.3%;
		display: block;
		font-size: 1.2em;
		font-weight: 400;
		letter-spacing: .05em
	}
}

@media (max-width:767px) {
	.disapper {
		display: none;
	}
	form.wish.ub .table td,
	form.wish.ub .table th,
	.container.ub table td,
	.container.ub table th {
		padding: 8px;
		line-height: 20px;
		text-align: center;
		display: block;
		width: 100%;
	}
	form.wish {
		margin: 0 20px 20px;
	}
	img.as-subheader {
		max-width: 340px;
		margin: 20px 0;
	}
	.coll-3d-download,
	.ctg-title,
	.se-hp-logo,
	.social,
	h3.cities {
		text-align: center
	}
	.cat-3d-products .product-image {
		float: none;
		width: 100%
	}
	.cat-3d-products .product-name {
		float: none;
		width: 100%;
		padding: 2%;
		font-size: .8em
	}
	a.btn-3d-download {
		font-size: 13px;
		width: 100%
	}
	a.cat-3-btn {
		width: 46.1%
	}
	.coll-3d-download {
		width: 94%;
		clear: both;
		margin: 30px 14px 10px 5px;
		display: flex
	}
	.ctg-grey .ctg-title .btn-group ul.dropdown-menu.bottom-up.cat-drop4 li a {
		display: block;
		padding: 5px 0;
		color: #767575;
		border-bottom: 1px solid #ececec
	}
	.cat-drop4.new li {
		widtH: 80%
	}
	.success-title {
		font-size: 1.5rem;
		line-height: 1.4rem
	}
	.success-text {
		padding-left: 20px;
		padding-right: 20px
	}
	.back-to-col,
	.back-to-col2,
	.back-to-colf {
		width: 100%;
		display: inline-block
	}
	.add-this,
	ol.projectlist {
		display: block;
		float: none
	}
	.add-this {
		width: 100%;
		padding: 2% 1%
	}
	.selection-links {
		width: 23%;
		padding-bottom: 5px
	}
	.share-links img {
		height: 36px;
		width: auto
	}
	ol.projectlist.cat {
		margin-top: -3px;
		clear: right;
		float: none;
		width: 92%;
		margin-bottom: 0
	}
	ol.projectlist {
		width: 88%
	}
	.category-item:nth-child(5n) {
		border-right: 1px solid #eee
	}
	.bread-cont {
		width: 75%
	}
	.hp-btn-boxes {
		float: none;
		width: 100%
	}
	.ctg-title .btn-group {
		white-space: normal;
		font-size: .9rem
	}
	.ctg-title .dropdown-toggle {
		max-width: 100%;
		font-size: .9rem
	}
	.rt-logo-tagline {
		font-size: 20px
	}
	.social {
		top: -16px;
		width: 95%
	}
	.ctg-title-cont {
		display: table;
		width: 100%
	}
	.ctg-title {
		height: 40px;
		font-size: 1em;
		display: table-cell;
		vertical-align: middle
	}
	.bgwhite-hp p {
		font-size: 1.1em
	}
	.contact-form-sidebar form {
		padding-left: 15px
	}
	.contact-form-sidebar legend {
		border-bottom: none
	}
	.contact-form-sidebar input {
		width: 90%
	}
	.form-control.width {
		width: 94%;
		float: none;
		margin-right: 0
	}
	.form-control.width1 {
		width: 99%;
		float: none;
		margin-right: 0;
		margin-top: 4px;
		height: 38px
	}
	.form-control.width2 {
		width: 94%;
		float: none
	}
	#wishitem,
	.contact,
	.thumbnails li {
		float: left
	}
	.cat-drop4 {
		margin-left: -22px
	}
	ul.dropdown-menu.bottom-up.cat-drop4 {
		width: 70vw
	}
	.contact-info,
	.contact-info .map-popup-col1b {
		padding: 2%
	}
	.easyzoom-flyout img {
		max-width: 100%
	}
	.vertical-line {
		border-right: 0 solid #666;
		padding-right: 0
	}
	.grouping,
	.groupingb {
		padding: 20px 50px
	}
	.theme-tmb {
		max-width: 31%
	}
	.studio-container {
		margin-left: 20px;
		margin-right: 20px
	}
	.studio-container .studio-col p {
		font-size: 12px
	}
	.studio-col {
		width: 48%
	}
	.contact {
		width: 90%;
		margin-right: 10px
	}
	#contact,
	#wishitem:nth-child(2n+0),
	#wishitem:nth-child(3n+0),
	#wishitem:nth-child(4n+0) {
		margin-right: 0
	}
	#wishitem2 {
		width: 44%
	}
	.back-to-col2 {
		text-align: left
	}
	.back-to-col2 a {
		margin-left: 0
	}
	.categories-3d {
		clear: left;
		margin-left: 70px;
		margin-bottom: 20px
	}
	.grouping {
		flex-direction: row
	}
	#wishitem #form input[type=submit] {
		font-size: .8em
	}
	#description {
		font-size: 1em
	}
	#wishitem {
		width: 47%;
		padding: 3px;
		margin-bottom: 3px;
		margin-right: 4px;
		text-align: center
	}
	.bgwhite p {
		padding: 20px 30px 00px;
		font-size: 1.2em;
		line-height: 1.5em
	}
	.navbar .brand {
		display: inherit;
		color: #445cc8;
		font-family: 'BebasNeueRegular';
		font-display: swap;
		font-size: 1.6em;
		float: right;
		padding-top: 8px
	}
	.menubar .navbar {
		margin-bottom: 0;
		margin-top: 0
	}
	.navbar form {
		width: 240px;
		display: inline
	}
	.footer-l,
	.footermenu,
	.text-right form {
		display: none
	}
	.navbar form .mobile-search {
		padding: 2px;
		margin-top: 6px;
		height: 20px
	}
	.navbar form input {
		margin-top: -4px
	}
	.contact-footer {
		margin-top: 0;
		font-size: .8em;
		padding: 14px 0;
		margin-left: 0
	}
	.halfcol-indent,
	.tagline-cont {
		padding-right: 30px
	}
	.tagline {
		font-size: 2em;
		padding-top: 24px
	}
	.halfcol-indent {
		padding-left: 20px
	}
	.category-item {
		width: 50%;
		float: left
	}
	.difference {
		margin-top: 0
	}
	.clear-3col,
	.clear-4col {
		clear: none
	}
	.clear-2col {
		clear: left
	}
	#links {
		width: 420px;
		margin: 0 auto
	}
	#contact {
		width: 100%
	}
	.span12 .grid-of-images {
		width: 525px;
		margin: 0 auto
	}
	.lightbox-photo img {
		max-height: 250px;
		width: auto
	}
	#photo .lightbox {
		top: 20px
	}
	.logo-cont img {
		max-height: 80px;
		width: auto
	}
}

@media (min-width:481px) and (max-width:768px) {
	.thumbnails li {
		width: 22%
	}
	.thumbnails-cont {
		max-width: 550px;
		height: 135px
	}
}

@media (max-width:658px) {
	button.top-button {
		margin-left: -27px;
	}
	.dropdown-menu.header-cells {
		width: 91%;
	}
}

@media (max-width:480px) {
	.dropdown-menu.header-cells {
		width: 84%;
	}
	button.top-button {
		margin-left: -35px;
	}
	.container.ub table td {
		display: block;
		width: 100%;
		text-align: center;
	}
	form.wish input[type="text"],
	form.wish input[type="email"],
	form.wish input[type="password"],
	form.wish input[type="tel"],
	form.wish input[type="search"],
	form.wish input[type="url"],
	form.wish textarea {
		width: 92.5%!important;
	}
	form.wish .table td {
		display: block;
		text-align: center;
		padding: 5px;
		line-height: 0px;
		text-align: center;
		vertical-align: top;
	}
	form.wish input[type="submit"].p-button,
	.p-button {
		padding: 6px 15px;
		display: block;
		margin-bottom: 5px;
		text-align: center;
		width: 100%;
	}
	.back-to-col2,
	.social,
	.tagline.text-right,
	.text-right.social {
		text-align: center
	}
	a.cat-3-btn {
		width: 46.3%
	}
	.se-filter-cont input.form-control {
		width: 95%;
		left: -1%;
		font-size: .8em;
	}
	a.btn.cat-3-btn {
		font-size: 11px
	}
	.cat-3d-products .product {
		width: 45%;
		float: none;
		margin: auto;
		padding: 1%;
		text-align: center
	}
	.thumbnails li {
		width: 22%
	}
	.bread-cont {
		width: 100%
	}
	.category-item:nth-child(5n) {
		border-right: 1px solid #eee
	}
	.carousel-indicators2 {
		right: 40%
	}
	.contact-form-sidebar input[type=text] {
		width: 90%
	}
	.ctg-grey .ctg-title .btn-group ul.dropdown-menu.bottom-up.cat-drop4 li a {
		display: block;
		padding: 5px 0;
		color: #767575;
		border-bottom: 1px solid #ececec
	}
	.cat-drop4 {
		margin-left: 160px
	}
	.cat-drop4 li {
		width: 45%;
		display: inline-block;
		margin-right: 0
	}
	.cat-drop4 li div {
		min-width: 0
	}
	ul.dropdown-menu.bottom-up.cat-drop4 {
		width: 90vw;
		left: -205px
	}
	ul.dropdown-menu.bottom-up.cat-drop4.first {
		width: 90vw;
		left: 0px
	}
	.vertical-line {
		border-right: 0 solid #666;
		padding-right: 0
	}
	.bgwhite.form {
		padding: 0 5px
	}
	.remodal {
		font-size: 13px;
		line-height: 18px
	}
	.categories-3d {
		margin-left: 10px
	}
	#wishitem2 {
		width: 95%;
		float: none;
		clear: both;
		margin-bottom: 20px
	}
	input[type=text] {
		width: 130px
	}
	.social {
		width: 100%;
		padding-top: 2px;
		padding-bottom: 2px;
		top: -10px
	}
	.back-to-col2 {
		padding-left: 0
	}
	.grouping,
	.groupingb {
		padding: 20px 5px 20px 10px
	}
	.back-to-col2 a {
		margin-left: 0
	}
	.bgwhite h2.ubtitle {
		font-size: 1.3em;
		line-height: 18px
	}
	#wishitem {
		clear: both;
		width: 100%
	}
	.grouping {
		flex-direction: column
	}
	.tagline-cont,
	body {
		padding-right: 0
	}
	body {
		padding-left: 0
	}
	.menu li {
		font-size: 1.3em;
		margin: 0 8px
	}
	.tagline {
		color: #fff;
		text-transform: lowercase;
		font-size: 1.6em;
		letter-spacing: .05em;
		font-family: 'Champagne & Limousines';
		font-display: swap;
		padding-top: 12px
	}
	.btm-lft-hp {
		width: 100%;
		float: none
	}
	.btm-right-hp {
		width: 100%;
		float: none;
		margin-left: 0
	}
	.bodycopy {
		padding: 0 20px
	}
	#links {
		width: 320px;
		margin: 0 auto
	}
	.lightbox-content img {
		max-height: 250px;
		width: auto
	}
	.lightbox-caption p {
		font-size: 12px;
		line-height: 14px
	}
	.lightbox {
		top: 40px
	}
	.span12 .grid-of-images {
		width: 315px;
		margin: 0 auto
	}
	ol.projectlist {
		margin-top: 6px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 5px;
		float: none
	}
}

.mobile-img-tmb,
figcaption {
	display: none
}

.item-resources,
h2.title-inside {
	font-family: museo_sans700, serif
}

.details,
.preview {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.hr-grid {
	margin-bottom: 0
}

.mag img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	position: relative
}

.mag img:hover {
	-webkit-backface-visibility: visible;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: translatZ(0) scale(1.3);
	transform: translatZ(0) scale(1.3);
	z-index: 1;
	-webkit-box-shadow: 0 0 22px 5px rgba(0, 0, 0, .19);
	-moz-box-shadow: 0 0 22px 5px rgba(0, 0, 0, .19);
	box-shadow: 0 0 22px 5px rgba(0, 0, 0, .19);
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.mag:hover:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 30px;
	height: 30px;
	border: 1px solid #000
}

.grayscale {
	-webkit-filter: brightness(1.1) grayscale(100%) contrast(90%);
	-moz-filter: brightness(1.1) grayscale(100%) contrast(90%);
	filter: brightness(1.1) grayscale(100%)
}

.se-filter-cont {
	width: 90%;
	margin: 0 auto 30px;
	position: relative;
	min-height: 30px
}

.se-filter-cont input {
	background-color: #f2f2f2;
	position: absolute;
	left: 0
}

.se-filter-cont button {
	position: absolute;
	top: 4px;
	color: #fff;
	background: #9799de;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: none
}

.se-filter-cont .btn:hover {
	background: #9799de
}

figure {
	position: relative;
	display: inline-block
}

figcaption {
	position: absolute;
	left: 0;
	bottom: 15%;
	right: 0
}

figure:hover img {
	opacity: .7
}

figure:hover figcaption {
	display: block;
	padding: 10px;
	color: #fff
}

h2.title-inside {
	font-size: 1.8em;
	text-align: left;
	color: #333
}

.form-group.purple,
select.form-control.purple {
	text-align: center;
	margin: auto
}

.add-to-cart,
.colors,
.like,
.price,
.product-title,
.sizes {
	text-transform: UPPERCASE;
	font-weight: 700
}

.item-resources {
	font-weight: 700
}

input.form-control.categories-inside {
	width: 40px;
	border-radius: 0;
	padding: 2px 12px
}

select.form-control.purple {
	width: 50%
}

#wishitem .lightbox-caption-new #form input.btn.btn-purple[type=submit] {
	padding: 8px 6px;
	color: #fff;
	background-color: #9a9ae0;
	background-image: none;
	border-radius: 1px;
	display: block;
	text-align: center;
	transition: ease .3s;
	font-display: swap;
	letter-spacing: .06em;
	line-height: 1.1;
	border: 1px solid transparent;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px;
	text-shadow: 2px 2px 2px #6969cf;
	text-transform: none;
	background-position: 6px center;
}

.lightbox-caption-new #form {
	margin: 20px 0;
	text-align: left;
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.form-left {
	clear: both;
	display: block
}

.left-form {
	width: 20%;
	float: left
}

.right-form {
	width: 80%;
	float: left
}

input.form-control.categories {
	padding: 2px 12px;
	border-radius: 0
}

.bold-small {
	font-weight: 400;
	font-size: .7em
}

hr.darker {
	border-top: 1px solid #333
}

a.btn.btn-purple:link,
a.btn.btn-purple:visited,
input.btn.btn-purple {
	padding: 8px 6px;
	color: #fff;
	background-color: #9a9ae0;
	background-image: none;
	border-radius: 1px;
	display: block;
	text-align: center;
	transition: ease .3s;
	font-display: swap;
	letter-spacing: .06em;
	line-height: 1.1;
	border: 1px solid transparent;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px;
	text-shadow: 2px 2px 2px #6969cf;
	text-transform: none;
	background-position: 6px center;
	box-shadow: none;
	margin-bottom: 7px;
}

a.btn.btn-purple:hover,
input.btn.btn-purple:hover {
	color: #fff;
	text-decoration: none;
	background-color: #cbcbef;
	transition: ease .3s;
}

a.btn.btn-purple-b:link,
a.btn.btn-purple-b:visited,
input.btn.btn-purple-b {
	border-radius: 0;
	font-size: 1.2em;
	font-family: 'BebasNeueRegular';
	font-display: swap;
	background: #cbcbef;
	color: #4d4d4d;
	margin-bottom: 5px;
	padding: 13px 14px;
	clear: right;
	border: none;
	margin-top: 10px
}

a.btn.btn-purple-b:hover,
input.btn.btn-purple-b:hover {
	background: #f2f2f2;
	color: #666
}

a.details {
	color: #333;
	font-size: .9em;
	font-weight: 700
}

span.qty {
	font-family: 'BebasNeueRegular';
	font-weight: 700;
	font-size: 1.2em
}

.resources div {
	float: left;
	padding: 5%;
	width: 20%;
	text-align: center;
	font-family: 'BebasNeueRegular';
	font-weight: 500;
	font-size: 1.3em;
	color: #666
}

.form-left,
.lightbox-caption-new,
.lightbox-caption-new form {
	text-align: left
}

.lightbox-caption-new h2 {
	font-weight: 700;
	font-family: "Helvetica Neue", "Inter", Helvetica, Arial, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
	font-size: 20px;
	text-align: left
}

.lightbox-caption-new {
	width: 51%;
	float: right;
	margin-left: 4%;
	padding-left: 4%;
	border-left: 2px solid #ccc
}

.lightbox-photo-new {
	width: 40%;
	float: left
}

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

.at-resp-share-element .at-share-btn {
	border: 1px solid #ccc
}

.related-products div {
	padding: 1.1%;
	text-align: center
}

.preview-thumbnail.nav-tabs li.active {
	border: 2px solid #ccc;
	border-bottom-color: 2px solid #ddd
}

.preview {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (max-width:996px) {
	.foot-col-right,
	.foot-col-right a {
		text-align: center;
		color: #fff;
		font-size: .8rem;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 1em;
	}
	.preview {
		margin-bottom: 20px
	}
}

.preview-pic {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.preview-thumbnail.nav-tabs {
	border: none;
	margin-top: 15px
}

.preview-thumbnail.nav-tabs li {
	width: 18%;
	margin-right: 2.5%
}

.preview-thumbnail.nav-tabs li img {
	max-width: 100%;
	display: block
}

.preview-thumbnail.nav-tabs li a {
	padding: 0;
	margin: 0
}

.preview-thumbnail.nav-tabs li:last-of-type {
	margin-right: 0
}

.color,
.size {
	margin-right: 10px
}

.tab-content {
	overflow: visible;
	z-index: -1
}

.tab-content::-webkit-scrollbar {
	display: none
}

.tab-content img {
	width: 100%;
	-webkit-animation-name: opacity;
	animation-name: opacity;
	-webkit-animation-duration: .3s;
	animation-duration: .3s
}

.card {
	margin-top: 50px;
	background: #eee;
	padding: 3em;
	line-height: 1.5em
}

@media (min-width:768px) {
	.se-filter-cont {
		width: 60%
	}

	.hp-btn-boxes {
	float: left;
	width: 33.33%
}
}

.se-filter-cont input {
	width: 95%
}

.se-filter-cont button.btn.unbranded {
	right: 48px
}

.se-filter-cont button {
	right: 23px
}

@media screen and (min-width:997px) {
	.wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}

.details {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.colors {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.checked,
.price span {
	color: #ff9f1a
}

.price,
.product-description,
.product-title,
.rating,
.sizes,
.vote {
	margin-bottom: 15px
}

.product-title {
	margin-top: 0
}

.size:first-of-type {
	margin-left: 40px
}

.color {
	display: inline-block;
	vertical-align: middle;
	height: 2em;
	width: 2em;
	border-radius: 2px
}

.color:first-of-type {
	margin-left: 20px
}

.add-to-cart,
.like {
	background: #ff9f1a;
	padding: 1.2em 1.5em;
	border: none;
	color: #fff;
	-webkit-transition: background .3s ease;
	transition: background .3s ease
}

.add-to-cart:hover,
.like:hover {
	background: #b36800;
	color: #fff
}

.not-available {
	text-align: center;
	line-height: 2em
}

.not-available:before {
	font-family: fontawesome;
	content: "\f00d";
	color: #fff
}

.orange {
	background: #ff9f1a
}

.green {
	background: #85ad00
}

.blue {
	background: #0076ad
}

.tooltip-inner {
	padding: 1.3em
}

@media (max-width:768px) {
	.mobile-img-tmb {
		display: inline
	}
	figure {
		display: none
	}
	.mfp-figure figure {
		display: inline-block
	}
}

@-webkit-keyframes opacity {
	0% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes opacity {
	0% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

a.btn.btn-purple-d:link,
a.btn.btn-purple-d:visited,
input.btn.btn-purple-d {
	border-radius: 0;
	font-size: 1.4em;
	font-family: 'BebasNeueRegular';
	font-display: swap;
	background: #cbcbef;
	color: #4d4d4d;
	margin-bottom: 15px;
	padding: 13px 14px;
	clear: right;
	border: none;
	margin-top: 10px
}

p.grey-text {
	color: #666;
	margin-bottom: 20px
}

img.gallery {
	padding: 2% 0
}

img.gallery:hover {
	opacity: .5
}

.gallery-back {
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px;
	margin-bottom: 20px
}

.gallery-back a {
	padding: 0 5px 5px
}

.gallery-moreinfo {
	padding: 0 10px
}

.available-styles div a {
	border-radius: 0;
	font-size: 1em;
	font-family: 'BebasNeueRegular';
	font-display: swap;
	border: 1px solid #666;
	color: #4d4d4d;
	margin-bottom: 15px;
	padding: 5px 7px;
	margin-right: 3px
}

.available-styles a:hover {
	background: #ececec;
	text-decoration: none
}

.available-colors,
.available-styles {
	font-size: 1rem;
	clear: left
}

.available-colors a {
	float: left;
	margin-right: 10px;
	height: 25px;
	width: 25px
}

.available-colors .red {
	background: #af1c1c
}

.available-colors .blue {
	background: #3990e8
}

.thumbnails-cont {
	position: relative;
	height: 110px; // hide the scroll bar
	margin: 1em auto;
	overflow-y: hidden;
	overflow-x: hidden;
	border: 1px solid #f4f4f5
}

.thumbnails {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	height: 125px;
	max-width: 550px
}

.thumbnails.gallery {
	max-width: 100%
}

.thumbnails li {
	display: inline-block;
	float: none
}

ul.thumbnails {
	margin-left: 0
}

.paddle {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3em;
	background-color: rgba(255, 255, 255, .8)
}

#box,
#box.gallery {
	position: relative;
	padding: 5px
}

#box,
#box.gallery,
#topMenu {
	background-color: #fff
}

button.paddle {
	border: 1px solid #e1e1e1
}

.left-paddle {
	left: 0
}

.right-paddle {
	right: 0
}

.hidden {
	display: none
}

#topMenu {
	clear: left;
	overflow: auto
}

#box {
	width: 95%
}

#box.gallery {
	width: 98%;
	margin-top: 25px
}

.scroller,
.scroller.gallery {
	color: #fff;
	background-color: rgba(255, 255, 255, .8);
	border: 1px solid #e1e1e1;
	width: 24px;
	cursor: pointer;
	display: none;
	padding: 5px;
	text-align: center
}

.related-item,
.related-wrapper.products .related-item {
	display: table-cell;
	width: 200px;
	text-align: center;
	color: #333;
	vertical-align: middle
}

.scroller {
	margin-top: 80px;
	height: 30px
}

.related-wrapper.products .related-item {
	padding: 17px;
	margin: 1px;
	position: relative;
	cursor: grab;
	cursor: -webkit-grab
}

.scroller.gallery {
	margin-top: 15px;
	height: 20px
}

.related-wrapper,
.related-wrapper.gallery {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px
}

.scroller-right {
	float: right
}

.scroller-left {
	float: left
}

.related-wrapper {
	height: 250px
}

.related-wrapper.gallery {
	height: 65px
}

.related-list {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 3000px;
	margin-left: 12px;
	margin-top: 0
}

.related-item {
	padding: 1px;
	margin: 1px;
	position: relative;
	cursor: grab;
	cursor: -webkit-grab
}

.slider-box {
	padding-bottom: 40px;
	padding-left: 4%
}

@media (min-width:200px) {
	.gallery-item {
		width: 46%;
		float: left;
		margin: 1% 2%
	}
}

@media (min-width:768px) {
	
	.logo {max-width: 160px;}

	.thumbnails li {
		width: 21%
	}
	.thumbnails.gallery {
		width: 8%
	}
	ul.dropdown-menu.bottom-up.cat-drop4 {
		right: -5px
	}
	.gallery-item {
		width: 16%;
		float: left;
		margin: 1% 2%
	}
	.slider-box {
		display: block
	}
	.slider-box-mobile {
		display: none
	}
}

@media screen and (max-width:768px) {
	ul.menu {
		text-align: center;
		margin: auto
	}
	.menu li {
		float: none;
		margin: 10px 1.3%;
		display: block;
		font-size: 1.2em;
		font-weight: 400;
		letter-spacing: .05em;
		text-align: left
	}
	.related-item {
		width: 120px
	}
	.slider-box {
		display: none
	}
	.slider-box-mobile {
		display: block;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 10px
	}
	select.categories {
		color: #555;
		width: 90%;
		background-color: #f2f2f2;
		height: 36px;
		padding: 6px 12px;
		font-size: 14px;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}
}