/*
Theme Name: Clear Image
Version: 1.0
Author: Interzone Studio

*/

@font-face {
	font-family: 'Din';
	src: url('fonts/din_bold-webfont.woff2') format('woff2'), url('fonts/din_bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Din';
	src: url('fonts/din-regular-webfont.woff2') format('woff2'), url('fonts/din-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Freight Display';
	src: url('fonts/freightdispprolight-italic-webfont.woff2') format('woff2'), url('fonts/freightdispprolight-italic-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: 'Freight Display';
	src: url('fonts/freightdispprolight-regular-webfont.woff2') format('woff2'), url('fonts/freightdispprolight-regular-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Freight Display';
	src: url('fonts/freightdispprobold-regular-webfont.woff2') format('woff2'), url('fonts/freightdispprobold-regular-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: fallback;
}

html {
	font-family: 'Freight Display';
	background: #666666;
	color: #CCCCCC;
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}

body.fixed {
	overflow: hidden;
}

#content {
  flex: 1 0 auto;
}

* {
	box-sizing: border-box;
}

em, i {
	font-style: italic;
}
/* HEADER */

header {
	position: fixed;
	top: 0;
	z-index: 9;
}

#header {
	width: 100%;
	display: flex;
	padding: 35px;
	justify-content: center;
	align-items: center;
	position: fixed;
	max-width: 1600px;
	left: 50%;
	transform: translateX(-50%);
}

#header #left {
	flex: 1;
	color: #FF6600;
	font-weight: 700;
	font-family: 'Din';
	font-size: 16px;
	line-height: 16px;
	transition: .3s color linear
}

#header #left a {
	text-decoration: none;
	color: #FF6600;
	transition: .3s color linear
}

#logo {
	width: 350px;
	display: block;
	transition: .3s filter linear;
}

#menu-button {
	flex: 1;
	cursor: pointer;
	transition: .3s filter linear;
}

#menu-button img {
	width: 25px;
	height: 18px;
	margin-left: auto;
	display: block;
}

#orange-bar {
	position: fixed;
	background: #FF6600;
	width: 100%;
	height: 84px;
	display: none;
	/*height: 0;*/
}


/* MENU */

#mobile-menu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FF6600;
	z-index: 99;
	color: white;
}

#menu-logo {
	width: 350px;
	display: block;
	position: absolute;
	padding: 1px 0;
	top: 35px;
	left: 50%;
	transform: translatex(-50%);
	filter: invert(1);
}

#menu-close {
	position: absolute;
	right: 35px;
	top: 35px;
	cursor: pointer;
}

#menu-close img {
	height: 18px;
	width: 25px;
}

#menu-inner {
	position: absolute;
	top: calc(50% + 26px);
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#menu-inner ul {
	list-style: none;
	font-family: 'Freight Display';
	font-size: 64px;
	line-height: 64px;
	margin: 0;
	padding: 0;
}

#menu-inner li {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

#menu-inner li:nth-child(even) {
	font-style: italic;
}

#menu-inner li a {
	color: white;
	text-decoration: none;
	padding-bottom: 6px;
	display: inline-block;
	border-bottom: 1px solid #FF6600;
	transition: .3s border linear;
}

#menu-inner li a:hover {
	border-bottom: 1px solid black
}

#menu-inner #call {
	border: 1px solid black;
	padding: 20px;
	color: black;
	font-size: 14px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin-top: 40px;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	transition: .3s background linear;
}

#menu-inner #call:hover {
	background: white;
}


/* FOOTER */

footer {
	flex-shrink: 0;
	background: #333333;
	background: black;
}
#footer {
	display: flex;
	justify-content: space-between;
	max-width: 1600px;
	margin: 0px auto;
	padding: 100px 0;
	align-items: center;
}

#footer-left {
	width: 50%;
}

.footer-star {width: 45px; margin: 0 auto 40px auto; display: block;}

.footer-logo {width: 300px; margin: 0 auto 30px auto; display: block;}

#footer-left ul#social {
	list-style:none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

#footer-left ul#social li {
	display: inline;
	font-size: 8px;
	padding: 0;
	margin: 0 5px;
}

#footer-left ul#social li a {
	text-decoration: none;
}

#footer-left a .fa-stack-1x {color: #333333; }
#footer-left a .fa-stack-2x {color: #666666; }
#footer-left a:hover .fa-stack-2x {color: white; }


#footer-mid {
	width: 25%;
}

#footer-mid-inner {
	text-align: center;
	display: inline-block;
}

#footer-mid h4 {
	font-size: 18px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto 30px;
	color: #FF6600;
}

#footer-mid .quote {
	border: 1px solid white;
	padding: 10px 30px;
	color: white;
	font-size: 14px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0 auto 30px auto;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	transition: .3s background linear;
}

#footer-mid .quote:hover {
	background: white;
	color: #333333;
}

#footer-mid a.call {
	font-family: 'Freight Display';
	color: white;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: .2em;
	margin: 0px auto;
	display: block;	
}

#footer-right {
	width: 25%;
	align-self: flex-end;
	font-size: 12px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#footer-right ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	/*display: inline-block;*/
	text-align: left;
}

#footer-right li {
	margin: 15px 0 0 0;
	padding: 0;
	display: inline-block;
}

#footer-right a {
	color:#CCCCCC;
	text-decoration: none;
}

#footer-right a:hover {
	color:white;
}

#footer-right ul#social {display: none;}

#footer-right h4 {display: none;}


/* LANDING PAGE */

.background-cover,
.background-cover .slide {
	height: calc(100vh - var(--vh-offset, 0px));
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.slick {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}

.slick.slick-initialized {
	visibility: visible;
	opacity: 1;
}

.slide-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	padding: 10px;
}

a .slide-wrapper {
	color: white;
	text-decoration: none;
}

.slide .line-one {
	font-family: 'Din';
	font-weight: 700;
	letter-spacing: .2em;
	font-size: 72px;
	line-height: 72px;
	text-transform: uppercase;
	width: 100%;
}

.slide .line-two {
	font-family: 'Freight Display';
	font-style: italic;
	font-weight: 300;
	letter-spacing: .16em;
	font-size: 72px;
	line-height: 72px;
	text-transform: uppercase;
	width: 100%;
}

#landing {
	position: absolute;
	text-align: center;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	font-weight: 700;
	letter-spacing: .3em;
	font-size: 13px;
	width: 100%;
	10px;
	text-decoration: none;
}

#landing img {
	width: 310px;
	display: block;
	margin: 0 auto 20px auto;
}

/* HOME */

#home-one {
	height: calc(100vh - var(--vh-offset, 0px));
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/home1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#home-one .wrapper {
	height: 100%;
}

#home-one ul {
	position: absolute;
	bottom: 50px;
	left: 50px;
	
}

#home-one ul  {
	list-style:none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#home-one ul  li {
	display: inline-block;
	font-size: 8px;
	padding: 0;
	margin: 5px 0;
}

#home-one ul li a {
	text-decoration: none;
}

#home-one ul a .fa-stack-1x {color: #333333; }
#home-one ul a .fa-stack-2x {color: #CCCCCC; }
#home-one ul a:hover .fa-stack-2x {color: white; }


#home-one-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

#home-one-inner p {
		font-family: 'Freight Display';
font-size: 46px;
	line-height: 58px;
	margin: 50px auto 30px auto;
	padding: 0;
	color: white;
	width: 70%;	
}

#home-one-inner img {
	margin: 0px auto; display: block; width: 45px;	
}

#home-one-bottom {
	font-size: 12px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
}

.wrapper {max-width: 1600px; margin: 0px auto; position: relative; /*height: 100%;*/ display: block;}

.outer {background: white;}

#home-two {
		background: #CCFFFF;
	padding: 100px 0 150px;
	z-index: 2;
	position: relative;
	mix-blend-mode: multiply;
}

#home-two h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
}

#home-two p {
	width: 50%;
	padding: 50px 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 30px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

.view {
font-size: 13px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #333333;
	text-align: center;
	text-decoration: none;
	display: block;


}

.view span:hover {
border-bottom: 1px solid  #FF6600;

}

.view span {
padding-bottom: 5px;
		border-bottom: 1px solid rgba(0,0,0,0);
	border-bottom: 1px solid  #FF6600;


transition: .3s border linear;



}

#home-three {
		background: white;
	padding: 150px 0 100px 0;
	
}

#home-three-inner {
/*	background: rgba(0,0,0,.5);*/
	width: 80%;
padding: 100px;
	margin: -200px auto 0 auto;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(https://clearimageprinting.com/wordpress/wp-content/uploads/2020/07/home-three.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#home-three-inner ul {
	width: 50%;
}

#home-three-inner li {
	font-size: 46px;
	line-height: 46px;
	margin: 8px 0 0 0;
	display: inline-block;
	float: left;
	clear: left;}

#home-three-inner li a{
	border-bottom: 1px solid rgba(0,0,0,0);
	display: inline-block;
		padding-bottom: 8px;

}

#home-three-inner li a:hover {
	border-bottom: 1px solid  #FF6600;
}

#home-three-inner ul a{
	color: white;
	text-decoration: none;
	
}

#home-three-inner div {width: 50%;}
#home-three-inner div img{width: 70%;}

#home-three-inner img {display: none;}	
#home-three-inner img.active {display: block;}	

/*#home-three-inner:before {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
url(https://clearimageprinting.com/wordpress/wp-content/uploads/2020/07/hometwo.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
position: absolute;
	top: 0;
	left: 10%;

	opacity: .75; width: 80%;height: 100%;}
}*/

#home-four {
		background: white;
	padding: 0 0 0 0;
	z-index: 2;
	position: relative;
}

#home-four h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
}

#home-four p {
	width: 50%;
	padding: 50px 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 30px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

#home-five {
		background: white;
	padding: 100px 0 150px 0;
	
}

#home-five-inner {
/*	background: rgba(0,0,0,.5);*/
	width: 80%;
padding: 100px;
	margin: 0 auto -200px auto;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/home2-1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#home-five-inner ul {
	width: 50%;
}

#home-five-inner li {
	font-size: 46px;
	line-height: 46px;
	margin: 8px 0 0 0;
	display: inline-block;
	float: left;
	clear: left;
}

#home-five-inner li a{
	border-bottom: 1px solid rgba(0,0,0,0);
	display: inline-block;
	padding-bottom: 8px;
}

#home-five-inner li a:hover {
	border-bottom: 1px solid  #FF6600;
}

#home-five-inner ul a{
	color: white;
	text-decoration: none;
	
}

#home-five-inner div {width: 50%;}
#home-five-inner div img{width: 70%;}

#home-five-inner img {display: none;}	
#home-five-inner img.active {display: block;}	

#home-six {
		background: #CCFFFF;
	padding: 150px 0;
	z-index: 2;
	position: relative;
	mix-blend-mode: multiply;
}

#home-six h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
}

#home-six p {
	width: 50%;
	padding: 25px 0 50px 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 30px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

#experiences {
	width: 50%;
	margin: 0px auto 0 auto;
	padding: 0;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	font-style: italic;
	color: #666666;
}

/* SLICK DOTS */

.slick-dots
{
    position: absolute;
    /*bottom: 0;*/
    display: block;
    width: 100%;
    padding: 0;
    margin: 50px 0 0 0;
    list-style: none;
    text-align: center;
		line-height: 12px;

}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 7px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    outline: none;
    background: transparent;
	border: 1px solid white;
    border-radius: 100%;
}

.slick-dots li.slick-active button {
     background: white;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}


#home-seven {
		background: white;
	padding: 100px 0;
	z-index: 2;
	position: relative;
}

#home-seven h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
}

#home-seven p {
	width: 50%;
	padding: 25px 0 50px 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 30px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

#instagram {
	width: 80%;
	margin: 0px auto;
	overflow: auto;
	
}

/* SERVICES */

#services-one {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/services.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#services-one-inner {

	padding: 275px 0 250px 0;
	padding: 243px 0 217px 0;
	text-align: center;
}

#services-one #line-one {
	font-family: Din;
	font-weight: bold;
	font-size: 36px;
	letter-spacing: .2em;
	color: #f2f2f2;
}

#services-one #line-two {
	font-family: 'Freight Display';
	font-size: 36px;
	letter-spacing: .2em;
	color: #f2f2f2;
	margin: 20px 0;
}

#services-one #line-three {
	font-family: Din;
	font-weight: bold;
	font-size: 36px;
	letter-spacing: .2em;
	color: #f2f2f2;
	margin-bottom: 20px;
}


#services-one h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
}

.service {
	background: white;
	padding: 50px 0;
}

.service.wrapper.first {
	padding-top: 100px;
}

.service.wrapper {
	height: unset;
}

.service.wrapper.last {
	padding-bottom: 100px;
}

.service-inner {
	width: 80%;
	display: flex;	
	margin: 0 auto;
	align-items: flex-end;

}

.service-inner img {
	width: 50%;
	height: auto;
	display: block;
	
}

.service-text {
	width: 50%;
}

.service-text h3 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
}

.service-text p {
	padding: 20px 0 0 0;
	font-family: 'Din';
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	margin: 0 auto;
	color: #333333;
	text-align: left;
}

.service-text.right {padding-left: 50px;}

.service-text.left {padding-right: 50px;}

#services-slider-outer {
	background: #FF6600;
	padding-bottom: 150px;
}

.services-slide {
	width: 80%;
	margin: auto;
}

.services-slide .top {
	width: 100%;
	display:flex;
	justify-content: space-between;
		align-items: flex-end

}

.services-slide .bottom {
	width: 100%;
	display:flex;
	margin-top: 50px;
}

.services-slide .top img{
	width: 33.33%;
}

.services-slide .top h4{
	width: 50%;
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0;
	color: white;
}

.services-slide .bottom h5{
	width: 50%;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 10px 0;
	color: white;
	text-align: right;
	padding-right: 50px;
}

.services-slide .bottom p{
	width: 50%;
	font-weight: 400;
font-size: 34px;
	line-height: 44px;
	margin: 0 auto;
	color: #333333;
		font-family: 'Freight Display';

	
}



.slick-prev {
position: absolute;
left: 30px;
top: calc(50% + 51px);
border: 0;
background: none;
-webkit-appearance: none;	
background-image: url("img/prev.svg");
height: 36px;
width: 24px;
background-repeat: no-repeat;
background-size: 24px 36px;	
cursor: pointer;
	z-index: 2;
}

.slick-next {
position: absolute;
right: 30px;
top: calc(50% + 51px);
border: 0;
background: none;
-webkit-appearance: none;	
background-image: url("img/next.svg");
height: 36px;
width: 24px;
background-repeat: no-repeat;
background-size: 24px 36px;		
	cursor: pointer;
		z-index: 2;


}

.anchor {
	margin-top: -84px;
	padding-top: 84px;
}

#services-one.portfolio {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/portfolio.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#portfolio-wrapper {
	background: white;
	padding:100px 0 0 0;
}

#portfolio-wrapper #video {
	margin: 100px 0 0 0;
}


#portfolio-extra-space {height: 50px;}

#portfolio-top-wrapper {
display: flex;
justify-content: space-between;
	width: 80%;
	margin: 0px auto;
}

#portfolio-top {
display: flex;
justify-content: space-between;
width: 66.66%;	
	flex-wrap:wrap;
		justify-content: flex-start;

}

#portfolio-top .item{
width: 50%;
}

#portfolio-top-wrapper ul#cat-list {
/*width: 33.33%;*/
padding-right: 10px;	
margin: 0;
list-style: none;
font-size: 36px;
line-height: 36px;			
}

#portfolio-top-wrapper ul#cat-list li{
margin: 0;
padding: 0 0 10px 0;
}

#portfolio-top-wrapper ul#cat-list a{
text-decoration: none;
color: #333333;	
padding-bottom: 2px;	
}

#portfolio-top-wrapper ul#cat-list a:hover,
#portfolio-top-wrapper ul#cat-list a.active {
border-bottom: 1px solid #FF6600;
}



#portfolio-middle
{
display: flex;
justify-content: space-between;
	width: 80%;
	margin: 0px auto;
	flex-wrap:wrap;
		justify-content: flex-start;


}

#portfolio-bottom
{
display: flex;
justify-content: space-between;
	width: 80%;
	margin: 100px auto 50px auto;
	flex-wrap:wrap;
	justify-content: flex-start;

}

#portfolio-middle .item,
#portfolio-bottom .item {
width: 33.33%;	
}

.item {
	padding: 10px;
}

.item-inner {
color: white;
position: relative;	
cursor: pointer;	
}

.item-inner img {
width: 100%;
height: auto;
display: block;	
}

.item-hover{
background: rgba(255, 102, 0, .8);
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;	
padding: 20px;	
}

.item-hover .cat {
	font-size: 11px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	text-transform: uppercase;
}

.item-hover h4 {
margin: 10px 0 0 0;	
	font-size: 20px;
	font-family: Din;
	font-weight: normal;
	display: none;
}

.item-inner:hover .item-hover {
display: block;
}

#video {
	margin: 50px 0 0 0;
}

.cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;	
width: 100%;
height: auto;
display: block;
}

.cover img {width: 100%;}

.cover:before {
	content: '';
	background: black;
	opacity: .5;
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;	
}

.play {
position: absolute;
top: 50%;
left: 50%;	
transform: translate(-50%, -50%);	
	text-align: center;
}

#case-study {
	font-size: 11px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}

#case-study-title {
	font-size: 18px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0;
	color: white;
}

.play img {cursor: pointer;
width: 50px;
height: 50px;
display: block;
	margin: 0px auto;
}

.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,7);
		display: none;
z-index: 999;
}

.lightbox-close {
	width: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
}


.lightbox-close img{
	width: 100%;
height: auto;
	cursor: pointer;
}

#lightbox-inner {
	width: 65%;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
		height: calc(100vh - var(--vh-offset, 0px));
	color: white;

}

#lightbox-top .slide img {width: 100%;}


#lightbox-top .slick-prev {
left: -60px;
z-index: 2;
top: 50%;	
}

#lightbox-top .slick-next {
right: -60px;
z-index: 2;
top: 50%;
}

#lightbox-top .slick-dots {
	bottom: 20px;
}

#lightbox-bottom {
	display: flex;
	margin-top: 30px;
}

#lightbox-bottom-left {
	width: 33.33%;
	width: 100%;
}

#lightbox-bottom-left .cat {
	font-size: 11px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	text-transform: uppercase;
}

#lightbox-bottom-left h4 {
margin: 10px 0 0 0;	
	font-size: 20px;
	font-family: Din;
	font-weight: normal;
	display: none;
}

#lightbox-bottom p {
	width:66.66%;
	padding-left: 20px;
	margin: 0;
	font-size: 20px;
	line-height: 30px;
}


.selectric-wrapper {
	display: none;
}

#experiences.recognition {
	width: 80%;
}



#home-six.recognition {
	mix-blend-mode: unset;
}

#experiences h5 {
	text-align: left;
	margin: 0 30px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ff6600;
	font-size: 30px;
	

}

#experiences .slick-slide ul {
	text-align: left;
	list-style: none;
	font-size: 16px;
	line-height: 20px;
	margin: 15px 30px 0 30px;
	padding: 0;
}

#experiences .slick-slide li {
padding:  4px 0;
font-style: normal;
		font-family: Din;

}

#services-one.about {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/MG_4744.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#about-one {
		background: white;
	padding: 0 0 0 0;
	z-index: 2;
	position: relative;
}

#about-one p {
		font-family: 'Freight Display';
font-size: 46px;
	line-height: 58px;
	padding: 100px 0;
	margin: 0 auto;
	color: #ff6600;
	width: 70%;	
	text-align: center;
}

#video.about {margin-top: 0;}

#about-two {
max-width: 1600px;
	padding: 100px 0;
	margin: 0px auto;
}

#about-two h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
	padding-bottom: 30px;
}

#about-two p {
	width: 50%;
	padding: 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 30px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

#about-img {
	display: flex;
	flex-wrap: wrap;
	align-items:baseline;
}

#about-img img:first-of-type{
	width:50%;
	height: auto;
}

#about-img img:nth-of-type(2){
	width:50%;
	height: auto;
}

#about-img img:nth-of-type(3){
	width:100%;
	height: auto;
}

#about-img img:nth-of-type(4){
display: none;
}

#submit {
max-width: 1600px;
	padding: 100px 0;
	margin: 0px auto;
	text-align: center;
}

#services-one.submit {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/submit.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#submit h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
	padding-bottom: 30px;
}

#submit p {
	width: 70%;
	padding: 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 27px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

#line {
width: 80%;
display: block;
height: 1px;
background: #CCCCCC;
margin: 50px auto;
}


a.submit-button {
	border: 1px solid #ff6600;
padding: 10px 30px;
color: #ff6600;
font-size: 14px;
letter-spacing: .2em;
font-family: Din;
font-weight: bold;
margin:30px auto 0 auto;
display: inline-block;
text-decoration: none;
white-space: nowrap;
transition: .3s background linear;
}

a.submit-button:hover {
	color: white;
	background: #ff6600;
}

#submit a {
	font-size: 11px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 30px 0 0 0;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid #ff6600;
	display: inline-block;
}


#contact {
max-width: 1600px;
	padding: 100px 0;
	margin: 0px auto;
	text-align: center;
}

a[href^=tel]{
    color:inherit;
}

#services-one.contact {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/contact.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contact h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	text-align: center;
	padding-bottom: 15px;
}

#contact p {
	width: 70%;
	padding: 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 27px;
	margin: 0 auto;;
	color: #333333;
	text-align: center;
}

#contact #address span {
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 32px;
	color: #333333;
}

.sep {padding: 0 10px;}

a.map {
	font-size: 11px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid #ff6600;
	display: inline-block;
	margin: 0 0 0 10px;
}


#contact ul#social {
	list-style:none;
	margin: 25px auto 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

#contact ul#social li {
	display: inline;
	font-size: 8px;
	padding: 0;
	margin: 0 5px;
}

#contact ul#social li a {
	text-decoration: none;
}

#contact ul#social li a .fa-stack-1x {color: white; }
#contact ul#social li a .fa-stack-2x {color: #CCCCCC; }
#contact ul#social li a:hover .fa-stack-2x {color: #333333; }


#contact-form {display: flex;
flex-wrap: wrap;
width:80%;
margin: 0 auto;
justify-content: space-between;
max-width: 1280px;}

#contact-form-left {width: 50%; padding-right: 30px;}
#contact-form-right {width: 50%; padding-left: 30px;
display: flex;
flex-direction: column;
}

.wpcf7-form-control-wrap.message {flex: 1;}

#contact-form label {
	display:block;
	padding: 10px 0;
font-family: 'Din';
	font-weight: 400;
font-size: 14px;
	color: #333333;
}

#contact-form input {
	width: 100%;
	-webkit-appearance: none;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
		background: white;
	font-size: 16px;
	padding: 5px;
	font-family: 'Din';
	font-weight: 400;
		color: #333333;


}

#contact-form textarea {
	width: 100%;
	height: 100%;
	resize: none;
	-webkit-appearance: none;
		border: 1px solid #CCCCCC;
	border-radius: 5px;
	background: white;
		font-size: 16px;
padding: 5px;
	font-family: 'Din';
	font-weight: 400;
		color: #333333;


}

#contact-form input[type="submit"] {
	margin: 50px auto;
	width: auto;
		border: 1px solid #ff6600;
padding: 10px 50px;
color: #ff6600;
font-size: 14px;
letter-spacing: .2em;
font-family: Din;
font-weight: bold;
display: block;
text-decoration: none;
white-space: nowrap;
transition: .3s background linear;
	color: #ff6600;
		cursor: pointer;
	border-radius: 0;
}

#contact-form input[type="submit"]:hover{
	color: white;
	background: #ff6600;
}

div.wpcf7 .ajax-loader {
	display: none !important;
}

.wpcf7-not-valid-tip {
			font-size: 16px !important;
	font-family: 'Din';
	color: #ff6600  !important;
	
}

.wpcf7 form .wpcf7-response-output {
	margin: 0px auto 0px auto !important;
padding:  0  0 50px 0 !important;
border:  0 !important;
	font-size: 16px !important;
	font-family: 'Din';
	color: #333333  !important;	
	text-align: center;
	width: 80%;
	
}

#join 	{
	text-align: center;
	padding: 100px 0;
		background: linear-gradient(rgba(255, 102, 0, 1), rgba(255, 102, 0, 1)),
url(https://clearimageprinting.com/wordpress/wp-content/uploads/2020/07/homeone.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	    background-blend-mode: multiply;

}



#join h2 {
	font-size: 22px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: white;
	text-align: center;
}

#join p {
	width: 50%;
	padding: 30px 0 50px 0;
	font-family: 'Din';
	font-weight: 400;
font-size: 20px;
	line-height: 30px;
	margin: 0 auto;;
	color: white;
	text-align: center;
}

#join a {
	border: 1px solid white;
	padding: 10px 30px;
	color: white;
	font-size: 14px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0 auto;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	transition: .3s background linear;
		text-align: center;
cursor: pointer;
	
}

#join a:hover {
	background: white;
	color: #ff6600;
}

#quote-form {
	width:80%;
margin: 0 auto;
max-width: 1280px;
}

#services-one.quote {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
	url(https://clearimageprinting.com/wordpress/wp-content/uploads/2022/02/quote.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#quote-top {
	
display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.quote-top-wrapper:nth-child(odd)  {
	width: 50%;
	padding-right: 30px;
}

.quote-top-wrapper:nth-child(even)  {
	width: 50%;
	padding-left: 30px;
}

	
#quote-top input {
	width: 50%;
}

	
#quote-bottom {display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1280px;
margin-top: 50px;
}

#quote-bottom-left {width: 50%; padding-right: 30px;display: flex;
flex-direction: column;}
#quote-bottom-right {width: 50%; padding-left: 30px;

}

.wpcf7-form-control-wrap.description {flex: 1;}


#quote-form label {
	display:block;
	padding: 10px 0;
font-family: 'Din';
	font-weight: 400;
font-size: 14px;
	color: #333333;
}

#quote-form input {
	width: 100%;
	-webkit-appearance: none;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
		background: white;
	font-size: 16px;
	padding: 5px;
	font-family: 'Din';
	font-weight: 400;
		color: #333333;


}

#quote-form textarea {
	width: 100%;
	height: 100%;
	resize: none;
	-webkit-appearance: none;
		border: 1px solid #CCCCCC;
	border-radius: 5px;
	background: white;
		font-size: 16px;
padding: 5px;
	font-family: 'Din';
	font-weight: 400;
		color: #333333;


}

#quote-form input[type="submit"] {
	margin: 50px auto;
	width: auto;
		border: 1px solid #ff6600;
padding: 10px 50px;
color: #ff6600;
font-size: 14px;
letter-spacing: .2em;
font-family: Din;
font-weight: bold;
display: block;
text-decoration: none;
white-space: nowrap;
transition: .3s background linear;
		cursor: pointer;
	border-radius: 0;
}

#quote-form input[type="submit"]:hover{
	color: white;
	background: #ff6600;
}

center {width: 100%;}

#required {
		display:block;
	padding: 10px 0;
font-family: 'Din';
	font-weight: 400;
font-size: 14px;
	color: #333333;
}

#recognition-wrapper {
	display: flex;
}


#recognition-wrapper ul {
width: 50%;
}

/* MEDIA QUERIES */


@media (min-width: 1441px) {

	
#home-one-inner p {
	font-size: 52px;
	line-height: 62px;
}	
}

@media (max-width: 1100px) {
#home-one-inner p {
font-size: 36px;
line-height: 42px;
}
}

@media (max-width: 900px) {
	#header {
		padding: 20px;
		justify-content: space-between;
	}
	#logo {
		width: 250px;
	}
	#orange-bar {
		height: 54px;
	}
	#header #left {
		display: none;
	}
	#menu-logo {
		width: 250px;
		top: 20px;
		left: 20px;
		transform: unset;
		padding: 2px 0;
	}
	#menu-close {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	#menu-inner ul {
		font-size: 52px;
		line-height: 52px;
	}
	
	#footer {
		flex-wrap: wrap;
	}
	
	#footer-left {
		width: 100%;
	}
	

		
#footer-left ul#social {display: none;}
	
	

.footer-logo {width: 250px; margin: 0 auto 50px auto; display: block;}

	
	#footer-mid {
		width: 100%;
	}		
	
		#footer-mid-inner {
		display: block;
}
	
#footer-mid h4 {display: none;}
	
	#footer-mid .quote {
		margin-bottom: 50px;
	}
	
	#footer-mid a.call {
		margin-bottom: 50px;
	}
	
#footer-right {
		width: 100%;

	}	
	
	#footer-right ul {
			text-align: center;

	}
	
#footer-right ul#social {
	display: block;
	list-style:none;
	margin: 50px auto 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

#footer-right ul#social li {
	display: inline;
	font-size: 8px;
	padding: 0;
	margin: 0 5px;
}

#footer-right ul#social li a {
	text-decoration: none;
}

#footer-right a .fa-stack-1x {color: #333333; }
#footer-right a .fa-stack-2x {color: #666666; }
#footer-right a:hover .fa-stack-2x {color: white; }
	
	
#footer-right h4 {
	display: block;
	font-size: 18px;
	letter-spacing: .2em;
	font-family: Din;
	font-weight: bold;
	margin: 0px auto;
	color: #FF6600;
	}
	
	
	#landing {
		display: none;
	}
	.slide .line-one {
		font-size: 52px;
		line-height: 52px;
	}
	.slide .line-two {
		font-size: 52px;
		line-height: 52px;
	}
	
	#home-one-inner p {
	font-size: 36px;
	line-height: 42px;
}	
	
	#home-one ul  {
display: none;
}
	
.service {
	background: white;
	padding: 25px 0;
}

.service.wrapper.first {
	padding-top: 50px;
}

.service.wrapper.last {
	padding-bottom: 50px;
}

	.service.wrapper.even .service-text,
	.service.wrapper.first .service-text {
		order: 1
	}
	
	.service.wrapper.even img,
	.service.wrapper.first img{
		order: 2
	}
	
.service-inner {
	width: 100%;
flex-wrap: wrap;

}

.service-inner img {
	width: 100%;
	padding-top: 50px;
	
}

.service-text {
	width: 100%;
	padding: 0 10% !important;
}

.service-text h3 {
	font-size: 22px;
	text-align: center;
}

.service-text p {
	padding: 20px 0 0 0;
	font-size: 20px;
	line-height: 30px;
		text-align: center;


}

.service-text.right {padding-left: 0px;}

.service-text.left {padding-right: 0px;}
	
	
	
	#services-slider-outer {
		padding-bottom: 100px;
}



.services-slide .top {
margin-top: 50px;

}

.services-slide .bottom {
	margin-top: 50px;
}

.services-slide .top img{
display: none;
	}

.services-slide .top h4{
	width: 100%;
	font-size: 22px;
	text-align: center;
	white-space: nowrap;
}

.services-slide .bottom h5{
display: none;
}

.services-slide .bottom p{
	width: 100%;
font-size: 34px;
	line-height: 44px;
	text-align: center;
	padding-bottom: 50px;
}

.slick-prev {
left: 10px;

}

.slick-next {
right: 10px;
}
	
	.anchor {
	margin-top: -54px;
	padding-top: 54px;
}
	
	
#lightbox-inner {
	width: 60%;
}
	
#portfolio-top,
#portfolio-top-wrapper,
#portfolio-middle,
#portfolio-bottom {
width: 100%;	
}
	
#portfolio-bottom {
	margin: 50px auto 0 auto;
	}
	
#portfolio-top .item{
width: 100%;
}

#portfolio-top-wrapper ul#cat-list {
display: none;	
}

#portfolio-middle .item,
#portfolio-bottom .item {
width: 100%;	
}
	
.item { padding: 10px 0;}	

	#about-one p {
	font-size: 36px;
	line-height: 42px;
}
	
	#recognition-wrapper {
	flex-wrap: wrap;
}


#recognition-wrapper ul {
	width: 100%;
}
	
	#recognition-wrapper ul:last-child {
margin-top: 0 !important;		
}

	
}

@media (max-width: 600px) {
	#menu-inner {
		top: calc(50% + 10px);
	}
	#menu-inner ul {
		font-size: 42px;
		line-height: 42px;
	}
	.slide .line-one {
		font-size: 32px;
		line-height: 32px;
	}
	.slide .line-two {
		font-size: 32px;
		line-height: 32px;
	}
	
	#home-one-inner img {
		width: 35px;
	}
	
	
		#home-one-inner p {
			margin: 30px auto;
	font-size: 26px;
	line-height: 32px;
}
	
	
#home-one-bottom {
	font-size: 10px;
}
	#home-two {
	padding: 75px 0 125px 0;
}
	
	#home-two p {
	width: 80%;
}
	#home-three {
		background: white;
	padding: 150px 0 75px 0;
	
}
	
	#home-three-inner {
width: 100%;
		padding: 50px 10px;
	}
	
	#home-three-inner ul {
	width: 100%;
}

#home-three-inner li {
	font-size: 46px;
	line-height: 46px;
	padding-bottom: 5px;
	margin:  0;

}

#home-three-inner div {display: none;}

	#home-four p {
	width: 80%;
}

	#home-five {
		background: white;
	padding: 75px 0 150px 0;
	
}
	
	#home-five-inner {
width: 100%;
		padding: 50px 10px;
	}
	
	#home-five-inner ul {
	width: 100%;
}

#home-five-inner li {
	font-size: 46px;
	line-height: 46px;
	padding-bottom: 5px;
	margin:  0;
}

#home-five-inner div {display: none;}


#home-six {
	padding: 125px 0 75px 0;

}



#home-six p {
	width: 80%;

}

#experiences {
	width: 80%;
	font-size: 34px;
	line-height: 44px;

}

	.slick-dots{ margin: 15px 0 0 0;
}

#home-seven {
		background: white;
	padding: 75px 0;
	z-index: 2;
	position: relative;
}
	
	#home-seven p {
		width: 100%;
		max-width: 250px;
	}
	
	#services-one #line-one {
	font-size: 20px;
}

#services-one #line-two {
	font-size: 20px;
	
}
	
	#services-one #line-three {
	font-size: 20px;
	
}
	
		#services-slider-outer {
		padding-bottom: 75px;
}

.slick-prev,
.slick-next {
display: none;
	}
	
	#lightbox-inner {
	width: 100%;
}
	#lightbox-bottom {

padding: 0 20px;
	}
	
	.selectric-wrapper {
	display: block;
}
	

		#about-one p {
	font-size: 26px;
	line-height: 32px;
			padding: 50px 0;
}

	#about-two {
	padding: 50px 0;
}

#about-two p {
	width: 80%;
}


#about-img img:first-of-type{
	width:100%;
	height: auto;
}

#about-img img:nth-of-type(2){
	width:100%;
	height: auto;
}
	
	#about-img img:nth-of-type(3){
display: none;
}

	#about-img img:nth-of-type(4){
	width:100%;
	height: auto;
		display: block;
}
	
	
#submit {
	padding: 50px 0;

}
	
	a.submit-button {

font-size: 14px;

}

#submit a {
	font-size: 9px;
	letter-spacing: .1em;
}
	
	#contact {	padding: 50px 0;
}

	#line {

margin: 25px auto;
}

	#contact h2{
		max-width: 300px;
		
	}
	
	#contact #address span {
display: block;
}
		#contact #address br {
display: none;
	}

	#contact #address span.sep {display: none;}
	
	#contact #address span:last-of-type {	
	max-width: 350px;
margin: 0px auto;
}
	
	a.map {
			margin:10px 0 0 0;

	}
	
	#join p {
width: 80%;
}
	
	#contact-form-left {width: 100%; padding-right: 0px;}
#contact-form-right {width: 100%; padding-left: 0px;
}

	#quote-bottom-left {width: 100%; padding-right: 0 ;}
#quote-bottom-right {width: 100%; padding-left: 0 ;

}
	
	.quote-top-wrapper:nth-child(odd)  {
	width: 100%;
	padding-right: 0px;
}

.quote-top-wrapper:nth-child(even)  {
	width: 100%;
	padding-left: 0px;
}

	#portfolio-wrapper {
		padding-top: 50px;
	}
	
	#portfolio-wrapper #video {
	margin: 50px 0 0 0;
}
	
	.play {width: 100%;}
	
	.play #case-study-title {
width: 100%;
		padding: 0 10px;
		font-size: 16px;
}
	
}

@media (max-width: 380px) {
	#menu-inner ul {
		font-size: 32px;
		line-height: 32px;
	}
	#logo {
		width: 225px;
		padding: 1.5px 0;
	}
	#menu-logo {
		width: 225px;
	}
				#home-one-inner p {
	font-size: 18px;
	line-height: 24px;
}
	
	.footer-logo {width: 225px;}

	
	.slide .line-one {
		font-size: 26px;
		line-height: 26px;
	}
	 .slide .line-two {
		font-size: 26px;
		line-height: 26px;
	}
	
	
	
#home-one-inner p {
	font-size: 18px;
	line-height: 24px;
}
	
		
#home-one-bottom {
	font-size: 8px;
}
	
	#home-two h2,
	#home-four h2,
	#home-six h2,
	#home-seven h2,
	#services-one h2,
	#about-two h2,
	#submit h2,
	.services-slide .top h4,
	#contact h2,
	#join h2 {
		font-size: 16px;
		
	}
	
		#contact h2{
		max-width: 225px;
		
	}
	
		#services-one #line-one {
	font-size: 16px;
}

#services-one #line-two {
	font-size: 16px;

}
	
	#services-one #line-three {
	font-size: 16px;

}
	
	#contact #address span {font-size: 16px;}
	
		#contact #address span:last-of-type {	
	max-width: 275px;
margin: 0px auto;
}
	
	
	
	
}

/*======================================
  Selectric v1.11.0
======================================*/

#cat-select {
	width: 100%;
}

.selectric-wrapper {
/*  position: relative;*/
	position: sticky;
	top: 54px;
  cursor: pointer;
	z-index:9;
	border-top: 1px solid white;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 0;
  background: #FF6600;
  position: relative;
font-family: 'Freight Display';

}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 20px;
  line-height: 38px;
  color: white;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: white;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: white;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: white;
}

.selectric-hover .selectric .button:after {
  border-top-color: white;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  /*background: #FF8533;*/
	background: black;
  border: 0px solid #c4c4c4;
  z-index: -1;
  /*box-shadow: 0 0 10px -6px;*/
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: white;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #FF6600;
  color: white;
}

.selectric-items li.highlighted {
  background: #FF6600;
  color: white;
}

.selectric-items li:hover {
  background: #FF6600;
  color: white;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}


.selectric-items li:first-of-type {
	display: none;
}


.lightbox .gallery-slider {
	opacity: 0;
}



.lightbox .gallery-slider.slick-initialized
{
	opacity: 1;
	transition: opacity .25s linear;
}

.selectric-items {
	height: auto !important;
}