/*
* tinman.css | v1.0.0 | MIT | July 4th, 2017
* Copyright 2017, Selwyn Orren @ Linuxweb
* Adapted from Skeleton Grid by Dave Gamache
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 04/07/2017
*/

/* Overides
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
	background-image: url('../images/10662_0.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

html:before {
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: -1;
}

/* Layout Structure
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Home Page */
#welcomeContent {
	height: 100vh;
	background-image: url('../modules/slider/images/10671_0.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	text-align: center;
	/*color: #fff;*/
	color: #999;
}

#welcomeContent img {
	position: absolute;
	padding: 1.25rem;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #ebebeb;
	border-radius: 0.25rem;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 8px #ffffff;
          box-shadow: 0px 0px 8px #ffffff;
}

#mainContainer {
	padding: 4rem 1rem 0;
	background: rgba(255, 255, 255, 0.8);
}
	#mainContainer .item {
		/* width: 200px; */
		margin: 0 auto;
		text-align: center;
		height: 180px;
	}
	#mainContainer .item img {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover;
       min-height: 100%;
	}
	#mainContainer .item .overlay {
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		left: 10%;
		top: 10%;
		bottom: 10%;
		right: 10%;
		opacity: 0;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-o-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}

	#mainContainer .item:hover .overlay {
		opacity: 1;
	}
	#mainContainer .overlay p {
		text-transform: uppercase;
		position: absolute;
		top: 50%;
		left: 50%;
		white-space: nowrap;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	#mainContainer ul {
		margin-bottom: 2rem;
	}
	#mainContainer .socicon li a {
		background-color: #A23436;
		color: #fff;
	}
	#mainContainer h5 {
		color: #A23436;
		margin-bottom: 4rem;
	}

#promoContainer {
	background: #A23436;
	color: #ffffff;
}
	#promoContainer .imagecontent {
		padding: 1rem 0;
		height: 610px;
		position: relative;
	}
	#promoContainer .imagecontent img {
		-o-object-fit: cover;
		   object-fit: cover;
		min-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	#promoContainer .textcontent {
		padding: 1rem 1rem 0 0;
	}
	#promoContainer .textcontent p {
		margin-bottom: 1.45rem;;
	}

#lookContainer {
	padding: 4rem 0;
}
	#lookContainer .column {
		margin-bottom: 1.4rem;
	}
	#lookContainer img {
		margin-bottom: 1.4rem;
	}

#productsContainer {
	padding: 4rem 0;
	background: rgba(255, 255, 255, 0.7);
}
	#productsContainer h3 {
		margin-bottom: 4rem;
	}
	#productsContainer .card {
		background: #fff;
		padding: 1rem;
		margin-bottom: 1.4rem;
		position: relative;
	}
		#productsContainer .card.row1 {
			min-height: 1110px;
		}
		#productsContainer .card.row2 {
			min-height: 858px;
		}
		#productsContainer .card.row3 {
			min-height: 840px;
		}
		#productsContainer .card.row4 {
			min-height: 800px;
		}
		#productsContainer .card img {
			position: absolute;
			left: 50%;
			bottom: 1rem;
			-webkit-transform: translateX(-50%);
			    -ms-transform: translateX(-50%);
			        transform: translateX(-50%);
		}
	#productsContainer .image {
		/* height: 155px; */
		height: 190px;
		overflow: hidden;
		position: relative;
	}
		#productsContainer .image img {
			position: absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			    -ms-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
	    -o-object-fit: cover;
	       object-fit: cover;
	       min-height: 100%;
		}
	#productsContainer .card h5, #productsContainer .card p {
		margin-bottom: 0;
	}
	#productsContainer .card .title {
		background: #323053;
		color: #ffffff;
		padding: 0.5rem;
		margin: 1rem 0;
	}
	#productsContainer .card ul {
		margin: 1rem 1rem 0;
		list-style-type: square;
		list-style-position: outside;
		-webkit-column-fill: balance;
		   -moz-column-fill: balance;
		        column-fill: balance;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
	}

#galleryContainer {
	padding: 4rem 0;
}

#heroContainer {
	padding: 4rem 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.7);
}
	#heroContainer img {
		height: 82px;
	}
	#heroContainer .card {
		background: #ffffff;
		padding: 1rem;
		min-height: 280px;
	}
	#heroContainer .card.inverse {
		background: #942132;
		color: #ffffff;
	}

#contactContainer {
	padding: 4rem 0;
	background: #2D7372;
	color: #ffffff;
}

#mapContainer {
	padding: 4rem 0 2rem;
	background: rgba(255, 255, 255, 0.7);
}
	#mapContainer .card {
		background: #ffffff;
		padding: 1rem;
		min-height: 280px;
	}
	#mapContainer h3 {
		margin-bottom: 2rem;
	}
	#mapContainer h5 {
		margin-top: 2rem;
		color: #942132;
	}


#footerContainer {
	background: #323053;
	color: #fff;
	padding: 1rem 0 0.75rem;
}
	#footerContainer p {
		margin: 0.75rem;
	}
	#footerContainer p a {
		color: #ffffff;
	}
	#footerContainer li {
		margin: 0;
	}

/* Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#headerContainer {
	/* background: rgba(45, 115, 114, 0.3); */
	background: rgb(191, 213, 212);
	z-index: 999;
	height: 120px;
}
#logo {
	margin: 14px 0 7px;
	float: left;
}
#logo img {
	height: 90px;
}

#navigation {
	float: right;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 1.7rem;
	padding: 0.75rem 0;
}
#navigation ul {
  list-style: none;
  /* background-color: #fff; */
  /* overflow: hidden; */
  position: relative;
  /* right: 1.5rem; */
  /* top: 1.5rem; */
}
#navigation li {
  float: left;
  margin: 0px;
}
#navigation li a {
  display: block;
  padding: .5rem 1rem;
  color: #000;
  text-transform: uppercase;
}
#navigation li a:hover,
#navigation .menu-btn:hover {
  color: #000000;
  text-decoration: none;
  background: #f4f4f4;
}
#navigation .menu-icon {
  display: none;
}
#navigation .menu-btn {
  display: none
}
#navigation .menu {
	float: right;
  max-height: 0;
  -webkit-transition: max-height .2s ease-out;
  -o-transition: max-height .2s ease-out;
  transition: max-height .2s ease-out;
}
#navigation ul li.current > a {
	color: #000000;
	background-color: #f4f4f4;
	/* font-weight: bold; */
}

#nav-about, #nav-products, #nav-gallery, #nav-contact {
	position: relative;
	top: -120px;
}

/* Responsive navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Sticky Navigation Styles
-------------------------------------------------- */
.stuck {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  border-top: 0;
  /* min-height: 150px; */
}

/* Responsive Navigation Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Contact Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.error {
    background: #FCD8DC;
    padding: 0px 10px 0px 10px;
    display: none;
    color: #C03;
    /*font-size: 10px;*/
    margin-bottom: 10px;
    float: right;
}
.success {
    display: none;
    padding: 5px 0px 5px 10px;
    background: #B0FFB0;
    color: #555;
    /*font-size: 12px;*/
    margin-bottom: 20px;
}

.error img {
    vertical-align: top;
}
.g-recaptcha {
  clear: right;
  float: right;
}
#map{
  display: block;
  height: 350px;
  /*margin-bottom:30px;*/
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#map2{
  display: block;
  height: 350px;
  /*margin-bottom:30px;*/
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.isotope ul {
	list-style: none;
}
.isotope-hidden {
	display: none;
}

	#filter{
		text-transform: uppercase;
		width:100%;
		padding:0.75rem 0;
		margin:0 auto 2rem;
		overflow:hidden;
		text-align:center;
		position:relative;
		z-index:10;
		border-top: 1px solid;
		border-bottom: 1px solid;

	}

	#filter li{
		display: inline-block;
		margin:0 0 0.5rem 0;
	}

	#filter li a{
		color:#333;
		border-radius:0;
		padding:10px 20px;
		font-size:12px;
		line-height: 12px;
		font-family: 'open_sansitalic', Arial, Helvetica, sans-serif;
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-webkit-transition: all .50s ease-in-out;
		text-decoration: none;
	}

	#filter li.selected a, #filter li a:hover{
		color:#000;
		background-color:#f4f4f4;
		/* border:1px solid #f4f4f4; */
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-webkit-transition: all .50s ease-in-out;
		text-decoration: none;
	}

	.list_item{
		margin-bottom:0em;
		overflow: hidden;
		margin-bottom: 1.4rem;
	}

	.view {
		width:100%;
		padding:0;
		border:none;
		 float: left;
		 overflow: hidden;
		 position: relative;
		 text-align: center;
		 cursor: default;
	}

	.view .mask,.view .content {

		 position: absolute;
		 overflow: hidden;
		 top: 0;
		 left: 0;
	}

	.view img {
		 display: block;
		 position: relative;
		 max-width: 100%;
	}

	.view span.zoom {
		position: absolute;
			cursor: pointer;
			display: block;
			font-size: 50px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			        -ms-transform: translateY(-50%);
			    transform: translateY(-50%);
			position: absolute;
			text-align: center;
			width: 100%;
			color: rgba(255, 255, 255, 0.6);
	}

	.view-first img {
		 -webkit-transition: all 0.2s linear;
		 -o-transition: all 0.2s linear;
		 transition: all 0.2s linear;
	}

	.view-first .mask {
		 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		 filter: alpha(opacity=0);
		 opacity: 0;
		 background-color: rgba(0,0,0, 0.7);
		 -webkit-transition: all 0.4s ease-in-out;
		 -o-transition: all 0.4s ease-in-out;
		 transition: all 0.4s ease-in-out;
		 height:100%;
		 width:100%;
	}

	.list_item:hover .view-first img {
		 -webkit-transform: scale(1.1,1.1);
		         -ms-transform: scale(1.1,1.1);
		     transform: scale(1.1,1.1);
	}

	.list_item:hover .view-first .mask {
		 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		 filter: alpha(opacity=100);
		 opacity: 1;
	}

	.list_item:hover .view-first a.zoom {
		 -webkit-transition-delay: 0.2s;
		         -o-transition-delay: 0.2s;
		    transition-delay: 0.2s;
	}
	#easing {
		top:10%;
		width:50%;
		z-index:101;
	}

/* Image Sliders
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Carousels
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Back to Top
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Cookie Cutter
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.heartbeat {
	-webkit-animation-name: heartbeat;
	        animation-name: heartbeat;
	-webkit-animation-duration: 1.5s;
	        animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}

@-webkit-keyframes heartbeat {
	0% {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1); }
	50% {
	-webkit-transform: scale(0.8);
	        transform: scale(0.8); }
	100% {
	-webkit-transform: scale(1);
	        transform: scale(1); }
}

@keyframes heartbeat {
	0% {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1); }
	50% {
	-webkit-transform: scale(0.8);
	        transform: scale(0.8); }
	100% {
	-webkit-transform: scale(1);
	        transform: scale(1); }
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}

/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/*
General selectors and styles designed to make the site look good on DESKTOP screens go here.
But they affect all devices, and must be overridden by media queries targeting
INCREASINGLY SMALLER screens
*/

/* Phablet Devices - Max Width: 767px (768px) */
/* @media screen and (max-width: 47.9375em) { */
/* Used to be styled at 50em */
@media screen and (max-width: 60em) {
	#welcomeContent img {
		max-width: 80%;
		width: 80%;
	}

#headerContainer {
	height: 100px;
}
#headerContainer #logo img {
	height: 70px;
}
	#mainContainer {
		margin-bottom: 4rem;
	}
	#mainContainer .item .overlay {
		opacity: 1;
	}
	#promoContainer .textcontent {
		text-align: center;
	}

	#navigation {
		float: none;
		border: none;
		margin: 0;
	}
	#navigation .menu {
		float: none;
		clear: both;
	}
	#navigation ul {
		top: initial;
		right:  initial;
		overflow: hidden;
		margin: 0;
	}
	#navigation li {
		display: block;
		width: 100%;
	}
	#navigation .menu-icon {
	  cursor: pointer;
	  display: inline-block;
	  float: right;
	  padding: 28px 20px;
	  /* margin-top: 0.2rem; */
	  position: relative;
	  -webkit-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
	}

	#navigation .menu-icon .navicon {
	  background: #333;
	  display: block;
	  height: 2px;
	  position: relative;
	  -webkit-transition: background .2s ease-out;
	  -o-transition: background .2s ease-out;
	  transition: background .2s ease-out;
	  width: 32px;
	  top: 0.75rem;
	}

	#navigation .menu-icon .navicon:before,
	#navigation .menu-icon .navicon:after {
	  background: #333;
	  content: '';
	  display: block;
	  height: 100%;
	  position: absolute;
	  -webkit-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  transition: all .2s ease-out;
	  width: 100%;
	}

	#navigation .menu-icon .navicon:before {
	  top: 8px;
	}

	#navigation .menu-icon .navicon:after {
	  top: -8px;
	}
	#navigation .menu-btn:checked ~ .menu {
	  max-height: 240px;
	  background-color: rgb(229, 238, 237);
	  position: absolute;
	  top: 100px;
	  left: 0px;
	  right: 0px;
	}

	#navigation .menu-btn:checked ~ .menu-icon .navicon {
	  background: transparent;
	}

	#navigation .menu-btn:checked ~ .menu-icon .navicon:before {
	  -webkit-transform: rotate(-45deg);
	      -ms-transform: rotate(-45deg);
	          transform: rotate(-45deg);
	}

	#navigation .menu-btn:checked ~ .menu-icon .navicon:after {
	  -webkit-transform: rotate(45deg);
	      -ms-transform: rotate(45deg);
	          transform: rotate(45deg);
	}

	#navigation .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	#navigation .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	  top: 0;
	}

	#heroContainer .card {
		margin-bottom: 1.4rem;
	}

	#lookContainer .columns {
		width: calc(50% - 1.4em) !important;
	}

	#lookContainer .seven.columns, #lookContainer .five.columns, #lookContainer .twelve.columns  {
		width: calc(100% - 1.4em) !important;
	}
	#lookContainer img {
		margin-bottom: 1.4rem;
	}

	#promoContainer .imagecontent {
		padding: 1rem 0;
		margin-top: 1rem;
		height: 410px;
		position: relative;
		overflow: hidden;
	}
	#productsContainer .card.row1, #productsContainer .card.row2, #productsContainer .card.row3, #productsContainer .card.row4 {
		min-height: initial;
	}
	#productsContainer .card .logo-icon {
		display: none;
	}
}

/* Mobile Devices - Max Width: 479px (480px) */
@media screen and (max-width: 29.9375em) {
	.g-recaptcha {
		float: left;
		width: 100%;

border-radius: 4px;
border-right: 1px solid #d8d8d8;
overflow: hidden;
	}

	#lookContainer .columns {
		width: calc(100% - 1.4em) !important;
	}

	#promoContainer .imagecontent {
		padding: 1rem 0;
		margin-top: 1rem;
		height: 210px;
		position: relative;
		overflow: hidden;
	}
	#productsContainer .card.row1, #productsContainer .card.row2, #productsContainer .card.row3, #productsContainer .card.row4 {
		min-height: initial;
	}
	#productsContainer .card .logo-icon {
		display: none;
	}
}