.project-list .projects-item { display: block; float: left; margin-bottom: 2.5%; width: 25%; }
.project-list .projects-item a { display: block; margin: 0px auto; max-height: inherit; overflow: hidden; position: relative; width: 90%; }
.project-list .projects-item a img { display: block; height: auto; width: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.project-list .projects-item a .project-hover { background: rgba(192,28,19,0.75); display: block; height: 100%; left: 0px; opacity: 0; position: absolute; text-align: center; top: 0px; width: 100%; -webkit-transition: opacity ease-in-out .35s; -moz-transition: opacity ease-in-out .35s; transition: opacity ease-in-out .35s; }
.project-list .projects-item a .project-hover .project-hover-inner { margin: 0px auto; margin-top: -10px; width: 90%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.project-list .projects-item a .project-hover .project-hover-inner h2 { color: #fff; font-size: 17px; line-height: 1.25em; font-weight: normal; margin-bottom: 6px; }
.project-list .projects-item a .project-hover .project-hover-inner p { color: #fff; font-size: 15px; line-height: 1.25em; }

.project-list .projects-item a:hover .project-hover { opacity: 1; }

/* #project_popup */
#project_popup { background: rgba(255,255,255,0.95); display: none; height: 100%; padding: 25px; position: absolute; top: 0px; width: 100%; z-index: 9999999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; }
#project_popup .popup-inside { color: #fff; display: block; padding-top: 66px; position: relative; }
#project_popup .popup-inside h2 { color: #231F1F; float: none; font-family:'Lato'; font-weight: normal; font-size: 20px; line-height: 1.25em; margin-bottom: 0px; text-align: center; }

#project_popup .popup-inside #close_popup { color: #BF1B13; cursor: pointer; float: right; font-family:'Lato'; font-size: 41.98px; font-weight: 300; line-height: 1em; top: -7px; position: relative; text-transform: uppercase; }


/* #slideshow */
#slideshow { display: block; margin: 0 auto; overflow: hidden; padding: 0; padding-top: 20px; position: relative; width: 100%; zoom: 1; }
#slideshow img { display: block; height: auto; -moz-user-select: none; width: 100%; }

#slideshow .slick-slider { position: relative; 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; }
#slideshow .slick-list { position: relative; display: block; height: 100% !important; overflow: hidden; margin: 0px auto; padding: 0; width: 60%; }

.project-popup-info { display: block; float: left; font-size: 16px; line-height: 2em; margin-left: 20%; margin-right: 20%; padding-top: 20px; width: 60%; }
.project-popup-info p { color: #231F1F; display: inline-block; vertical-align: top; border-right: 1px solid #ccc; padding-right: 30px; }
.project-popup-info a { font-size: 17.12px; font-weight: 800; color: #BF1B13; display: inline-block; vertical-align: top; margin-left: 30px; }
.project-popup-info a#next_product { background: url(../img/arrow-right.png) no-repeat left 8px; background-size: auto 18px; margin-left: 0px; float: right; padding-left: 15px; }


#slideshow .slick-list:focus { outline: none; }
#slideshow .slick-list.dragging { cursor: pointer; cursor: hand; }
#slideshow .slick-slider .slick-track,
#slideshow .slick-track { position: relative; top: 0; left: 0; display: block; }
#slideshow .slick-track:before,
#slideshow .slick-track:after { display: table; content: ''; }
#slideshow .slick-track:after { clear: both; }
#slideshow .slick-loading .slick-track { visibility: hidden; }
#slideshow .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
#slideshow .slick-slide img { display: block; }
#slideshow .slick-slide.slick-loading img { display: none; }
#slideshow .slick-slide.dragging img { pointer-events: none; }
#slideshow .slick-initialized .slick-slide { display: block; }
#slideshow .slick-loading .slick-slide { visibility: hidden; }
#slideshow .slick-vertical .slick-slide { display: block; height: auto; border: 0px solid transparent; }
#slideshow .slick-arrow.slick-hidden { display: none; }
#slideshow .slick-list {  }
#slideshow .slick-initialized { background: url('../img/loading.gif') center center no-repeat; visibility: visible; min-height: 200px; }


#slideshow .slick-arrow { border: 0px none; cursor: pointer; display: block; height: 53px; margin-top: -26.5px; opacity: 1; overflow: hidden; position: absolute; top: 50%; text-indent: -9999px; width: 28px; z-index:2; }
#slideshow .slick-arrow.slick-prev { background: url(../img/arrow-left.png) no-repeat; left: 0px; }
#slideshow .slick-arrow.slick-next { background: url(../img/arrow-right.png) no-repeat; right: 0px; }
#slideshow .slick-arrow.slick-prev:hover { left: 0px; }
#slideshow .slick-arrow.slick-next:hover { right: 0px; }
#slideshow .slick-arrow.slick-disabled { opacity: 0.4; }
#slideshow .slick-arrow.slick-prev.slick-disabled:hover { left: 0px; }
#slideshow .slick-arrow.slick-next.slick-disabled:hover { right: 0px; }


#slideshow .slick-slider .slick-list {
    -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);
}


#slideshow .slick-arrow { -webkit-transition: all ease-in-out .35s; -moz-transition: all ease-in-out .35s; transition: all ease-in-out .35s; }


@media screen and (max-width:999px) {
	#project_popup { top: -110px; }
	.project-list .projects-item { display: block; float: left; margin-bottom: 2.5%; width: 50%; }	
	.project-list .projects-item a .project-hover { background: rgba(192,28,19,0.75); display: block; height: auto; left: 0px; opacity: 1; position: absolute; text-align: center; top: 0px; width: 100%; }
	.project-list .projects-item a .project-hover .project-hover-inner { margin: 0px auto; margin-top: 0px; width: 90%; padding-bottom: 17px; padding-top: 17px; position: relative; top: 50%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
	.project-list .projects-item a .project-hover .project-hover-inner h2 { color: #fff; font-size: 16px; line-height: 1.11em; font-weight: normal; margin-bottom: 2px; }
	.project-list .projects-item a .project-hover .project-hover-inner p { color: #fff; font-size: 12.58px; line-height: 1.25em; }
		
	#project_popup .popup-inside h2 { font-size: 17px; }
	#project_popup .popup-inside #close_popup { font-size: 36px; top: -7px; }
	
	
	#slideshow .slick-arrow { height: 36px; margin-top: -18px; width: 19px; z-index:2; }
	#slideshow .slick-arrow.slick-prev { background-size: auto 100%; }
	#slideshow .slick-arrow.slick-next { background-size: auto 100%; }
	#slideshow .slick-list { position: relative; display: block; overflow: hidden; margin: 0px auto; padding: 0; width: 80%; }
	
	.project-popup-info { display: block; float: left; font-size: 14px; line-height: 2em; margin-left: 10%; margin-right: 10%; padding-top: 20px; width: 80%; }
	.project-popup-info p { color: #231F1F; display: inline-block; vertical-align: top; border-right: 1px solid #ccc; padding-right: 30px; }
	.project-popup-info a { font-size: 14px; font-weight: 800; color: #BF1B13; display: inline-block; vertical-align: top; margin-left: 30px; }
	.project-popup-info a#next_product { background: url(../img/arrow-right.png) no-repeat left center; background-size: auto 16px; margin-left: 0px; float: right; padding-left: 15px; }
}

@media screen and (max-width:699px) {
	#project_popup { top: -110px; padding: 0px; }
	#project_popup .popup-inside { padding-top: 10px; }
	
	.project-list { padding-top: 20px !important; }
	.project-list .projects-item { display: block; float: none; margin-bottom: 2.5%; width: 100%; }
	
	.project-list .projects-item a .project-hover { background: rgba(192,28,19,0.75); display: block; height: auto; left: 0px; opacity: 1; position: absolute; text-align: center; top: 0px; width: 100%; }
	.project-list .projects-item a .project-hover .project-hover-inner { margin: 0px auto; margin-top: 0px; width: 90%; padding-bottom: 17px; padding-top: 17px; position: relative; top: 50%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
	.project-list .projects-item a .project-hover .project-hover-inner h2 { color: #fff; font-size: 16px; line-height: 1.11em; font-weight: normal; margin-bottom: 2px; }
	.project-list .projects-item a .project-hover .project-hover-inner p { color: #fff; font-size: 12.58px; line-height: 1.25em; }
	
	#project_popup .popup-inside h2 { font-size: 12px; }
	#project_popup .popup-inside #close_popup { font-size: 20px; top: -7px; right: 5%; }
	
	#slideshow { padding-top: 10px; }
	#slideshow .slick-arrow { height: 21px; margin-top: -18px; width: 11px; z-index:2; }
	#slideshow .slick-arrow.slick-prev { background-size: auto 100%; }
	#slideshow .slick-arrow.slick-next { background-size: auto 100%; }
	
	.project-popup-info { display: block; float: none; font-size: 12px; line-height: 1.9em; margin-left: 5%; margin-right: 5%; padding-top: 10px; text-align: center; width: 90%; }
	.project-popup-info p { color: #231F1F; display: block; float: none; clear: both; vertical-align: top; border-right: 0px none; padding-right: 0px; }
	.project-popup-info a { font-size: 12px; font-weight: 800; color: #BF1B13; display: block;  clear: both; vertical-align: top; margin-left: 0px; margin-bottom: 15px; }
	.project-popup-info a#next_product { background: none; clear: both; margin-left: 0px; float: none; padding-left: 0px; margin-bottom: 0px; }
	.project-popup-info a#next_product:before { background: #231F20; display: block; content: " "; height: 1px; margin: 0px auto; width: 22px; position: relative; top: -5px; }
	
	#slideshow .slick-list { position: relative; display: block; overflow: hidden; margin: 0px auto; padding: 0; width: 90%; }
	
	#slideshow .slick-initialized { min-height: inherit; }
}