/**************************************************************************************
* START TOP BAR
**************************************************************************************/

.top-bar 
{
	&__container 
	{
		text-align: right;
		background-color: #143d8c;
	}
	&__menu 
	{
		display:none;
		@media (min-width:$sm)
		{
			display: block;
			text-align: right;
			width:100%;
			ul 
			{
				display: block;
				margin: 0px;
				padding: 0px;
				width:100%;
				li 
				{
					display: inline-block;
					margin: 0px;
					padding: 0px;
					a 
					{
						padding: 0px 17px;
						height: 34px;
						line-height: 34px;
						color: white;
						text-decoration: none;
						display: inline-block;
						background-color: #143d8c;
						cursor: pointer;
						&:hover 
						{
							background-color: #375a9d;
							&:active 
							{
								background-color: rgba(204, 29, 37, 0.9);
							}
						}
					}
				}
				.current_page_item 
				{
					a 
					{
						background-color: rgba(204, 29, 37, 0.9);
					}
				}
			}
		}
	}
}

/**************************************************************************************
* END TOP BAR
**************************************************************************************/

/**************************************************************************************
* START BUTTON BLOCKS
**************************************************************************************/
/*
.button-block
{
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	text-align: center;
	cursor: pointer;

	&--search 
	{
	  	background-color: #143d8c;
	}
	&--linkedin 
	{
	  	background-color: #204792;
	}
	&--facebook 
	{
	  	background-color: #2c5198;
	}
	&:hover 
	{
		background-color: #375a9d;
		&:active 
		{
			background-color: rgba(204, 29, 37, 0.9);
		}
	}
}*/
/**************************************************************************************
* END BUTTON BLOCKS
**************************************************************************************/

/**************************************************************************************
* START HEADER
**************************************************************************************/

.header
{
	//background-image: url(../images/header-background.jpg);
	background-color:$grey21;
	@media(min-width:$md)
	{
		background-color:transparent;
	}
}

// HEADER LOGO
.header-logo
{
	width: 88px;
	height:88px;
	float: left;
	@media (min-width:$md)
	{
		height:116px;
		padding-bottom:15px;
		padding-top:15px;
	}
}

/**************************************************************************************
* END HEADER
**************************************************************************************/


/**************************************************************************************
* START HEADER MENU 
**************************************************************************************/
// HEADER MENU
.header-menu
{
	display:none;
	// MOBILE
	@media (min-width: $md)
	{
		float: left;
		display: block;
		width: calc( 100% - 258px);
		z-index:1000;
		ul.menu
		{
			display: block;
			margin: 0px 13px 0px 13px;
			padding: 0px;
			vertical-align:top;
			> li
			{
				display: inline-block;
				padding: 0px;
				margin: 0px;
				vertical-align:top;
				> a
				{
					display: inline-block;
					height: 58px;
					padding: 14px 14px;
					line-height: 30px;
					text-decoration: none;
					color: $b1;
					font-weight: 100;
					font-size: 16px;
					&:hover
					{
						color: #231f20;
					}
					&:active
					{
						color:white;
						background-color:$grey100;
					}
				}
				> ul
				{
					display:none;
					position:absolute;
					top: 100%;
					left: 0px;
					width:200px;
					vertical-align:top;
					> li
					{
						display:block;
						vertical-align:top;
						> a
						{
							display:block;
							width:100%;
							height: 58px;
							padding: 14px 20px;
							line-height: 30px;
							text-decoration: none;
							color: $b1;
							font-weight: 100;
							font-size: 16px;
							background-color:$grey20;	
							&:hover
							{
								background-color:#e0e0e0;
							}
							&:active
							{
								color:white;
								background-color:$grey100;
							}
						}
					}
				}
				&:hover
				{
					background-color:#e0e0e0;
					box-sizing:border-box;
					> a
					{
						z-index:101;
					}
					> ul
					{
						z-index:100;
						display:block;
					}
				}
			}
			> .current_page_item 
			{
				> a
				{
					color: #231f20;
				}
			}
		}

		ul.menu > li:nth-child(1) > a,
		ul.menu > li:nth-child(2) > a,
		ul.menu > li:nth-child(3) > a
		{
			font-size:18px;
		}
	}

	// TABLET UP
	@media (min-width:$lg)
	{
		ul.menu > li > a
		{
			height: 116px;
			font-size:14px;
			padding: 43px 14px;
		}
		ul.menu > li:nth-child(1) > a,
		ul.menu > li:nth-child(2) > a,
		ul.menu > li:nth-child(3) > a
		{
			font-size:20px;
			padding: 43px 14px;
		}
	}

	@media (min-width:$sm) and (max-width:$mdno)
	{
		ul.menu > li:nth-child(3)
		{
			margin-right:100px;
		}
	}

	// DESKTOP UP
	@media (min-width:$xl)
	{
		// HEADER MENU
		ul.menu > li > a
		{
			padding: 43px 20px;
			font-size:16px;
		}
		ul.menu > li:nth-child(1) > a,
		ul.menu > li:nth-child(2) > a,
		ul.menu > li:nth-child(3) > a
		{
			font-size:24px;
			padding: 43px 20px;
		}
	}

	@media (min-width:1400px)
	{
		// HEADER MENU
		ul.menu > li > a
		{
			padding: 43px 28px;
			font-size:19px;
		}
		ul.menu > li:nth-child(1) > a,
		ul.menu > li:nth-child(2) > a,
		ul.menu > li:nth-child(3) > a
		{
			font-size:26px;
			padding: 43px 28px;
		}
	}
}
/**************************************************************************************
* END HEADER MENU
**************************************************************************************/


/**************************************************************************************
* START HEADER SEARCH
**************************************************************************************/
$width: 170px;
.header-search
{
	display:none;
	@media (min-width: $md)
	{	
		display:block;
		width:$width;
		text-align:center;
		&__inside
		{
			display: inline-block;
			height: 116px;
			padding: 43px 0px 43px;
			line-height: 30px;
			text-decoration: none;
			font-size: 1.86667em;
			color: $b1;
			font-weight: 100;
			font-size: em(12);
			vertical-align:top;
			font-family: "myriad pro";
			&:hover
			{
				color: #231f20;
			}
		}
		&__icon
		{	
			height:30px;
			width:30px;
			display:inline-block;
			vertical-align:top;
			img
			{
				display:inline;
			}
		}
		&__hidden
		{
			width:0px;
			overflow:hidden;
			display:inline-block;
			vertical-align:top;
			transition: 0.15s ease-in;
		}

		&__input
		{
			width:$width - 30px;
			border:0px;
			border-bottom:2px solid $b1;
			background-color:transparent;
			height:30px;
			line-height:30px;
			padding:5px;
			&:hover
			{
				border-color:$r1;
			}
		}
		&__submit
		{
			background-color:transparent;
			background:url(../images/icon-search@2x.png) center no-repeat;
			background-size:19px 20px;
			background-position:center center;
			background-repeat:no-repeat;
			border:0px;
			padding-top:30px;
			width:30px;
			height:30px;
			overflow:hidden;
			line-height:0px;
			font-size:0;
		}
	}
}

// ANIMATIONS
body.body--header-search--hovered .header-search__hidden
{
	width:$width - 30px;
}

/**************************************************************************************
* END HEADER SEARCH
**************************************************************************************/




/**************************************************************************************
* START HEADER CONTACT
**************************************************************************************/
// HEADER CONTACT
.header-contact
{
	display:none;

	@media (max-width: $md) {
		display:block;
		float: left;
		width: calc(100% - 103px);
		padding-top: 27px;
		padding-bottom: 27px;
		text-align: right;

		&__line {
		  line-height: 17px;
		  height: 17px;
		  a {
			color: #143d8c;
			text-decoration: none;
			font-size: 1.2em;
		  }
		}
	}
}

/**************************************************************************************
* END HEADER CONTACT
**************************************************************************************/

/*
███╗   ███╗ ██████╗ ██████╗ ██╗██╗     ███████╗    ██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ 
████╗ ████║██╔═══██╗██╔══██╗██║██║     ██╔════╝    ██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
██╔████╔██║██║   ██║██████╔╝██║██║     █████╗      ███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
██║╚██╔╝██║██║   ██║██╔══██╗██║██║     ██╔══╝      ██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
██║ ╚═╝ ██║╚██████╔╝██████╔╝██║███████╗███████╗    ██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚═╝╚══════╝╚══════╝    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
                                                                                                   
 */

/**************************************************************************************
* START MOBILE HEADER
**************************************************************************************/
@media (min-width: $md) {
	.mobile-header {
		display: none;
	}
}

/**************************************************************************************
* END MOBILE HEADER
**************************************************************************************/




/**************************************************************************************
* START MOBILE MENU BUTTON
**************************************************************************************/
.mobile-menu-button,
.mobile-search-button
{
	padding:0px;
	&__button
	{
		display:block;
		padding:20px 45px;
		line-height:28px;
		font-size:20px;
		font-weight:100;
		color:inherit;
		text-decoration:none;
		text-align:center;
		vertical-align:middle;
		img
		{
			margin-left:10px;
			vertical-align:middle;
		}
	}
}
.mobile-menu-button
{
	border-right:1px solid #f0f1f1;
}
/**************************************************************************************
* START MOBILE MENU BUTTON
**************************************************************************************/

/**************************************************************************************
* START MOBILE HIDDEN MENU
**************************************************************************************/
/*.mobile-hidden-menu
{
	display:none;}*/
	@media (max-width: $smno)
	{
		border-top:1px solid #f0f1f1;
		border-bottom:1px solid #f0f1f1;
		&--shown
		{
			display:block;
		}
		ul.menu
		{
			padding: 0px;
			> li
			{
				display: block;
				padding: 0px;
				margin: 0px;
				> a
				{
					display: block;
					height: 58px;
					padding: 14px 15px;
					line-height: 30px;
					text-decoration: none;
					color: $b1;
					font-weight: 100;
					font-size: 16px;
					border-bottom:1px solid $grey21;
					&:hover
					{
						background-color:$grey21;
					}
					&:active
					{
						color:white;
						background-color:$grey100;
					}
				}
				&:last-child
				{
					border-bottom:0px;
				}
				> ul
				{
					> li
					{
						> a
						{
							display: block;
							height: auto;
							padding: 14px 30px;
							line-height: 1;
							text-decoration: none;
							color: $b1;
							font-weight: 100;
							font-size: 14px;
							border-bottom:1px solid $grey21;
							&:hover
							{
								background-color:$grey21;
							}
						}
						&:last-child
						{
							border-bottom:0px;
						}
					}
				}
			}
			> .current_page_item 
			{
				> a
				{
					color: #231f20;
				}
			}
		}
	}
}
/**************************************************************************************
* END MOBILE HIDDEN MENU
**************************************************************************************/

/**************************************************************************************
* START - MOBILE HIDDEN SEARCH
**************************************************************************************/
.mobile-hidden-search
{
	display: none;
	@media (max-width:$sm)
	{
		border-top:1px solid #f0f1f1;
		border-bottom:1px solid #f0f1f1;
		&--shown
		{
			display:block;
		}
		&__form
		{
			padding: 14px 15px;
			@include clearfix;
		}
		&__left
		{
			width:75%;
			width: calc(100% - 60px);
			float:left;
		}
		&__right
		{
			width: 25%;
			width:calc(60px - 0px);
			float:right;
			&:hover
			{
				border-color:$r1;
			}
		}

		&__input
		{
			width:100%;
			border:0px;
			border-bottom:2px solid $b1;
			background-color:transparent;
			height:60px;
			line-height:60px;
			padding:5px;
			font-size:22px;
			font-weight:100;
			font-family:$fFont;
			&:hover
			{
				border-color:$r1;
			}
		}
		&__submit
		{
			background-color:transparent;
			background-image:url("images/icon-search@2x.png");
			background-size:19px 20px;
			background-position:center center;
			background-repeat:no-repeat;
			border:0px;
			padding-top:60px;
			width:60px;
			height:0px;
			overflow:hidden;
			line-height:0px;
			font-size:0;
		}
	}
}
/**************************************************************************************
* END - MOBILE HIDDEN SEARCH
**************************************************************************************/



/*
██╗  ██╗ ██████╗ ███╗   ███╗███████╗██████╗  █████╗  ██████╗ ███████╗
██║  ██║██╔═══██╗████╗ ████║██╔════╝██╔══██╗██╔══██╗██╔════╝ ██╔════╝
███████║██║   ██║██╔████╔██║█████╗  ██████╔╝███████║██║  ███╗█████╗  
██╔══██║██║   ██║██║╚██╔╝██║██╔══╝  ██╔═══╝ ██╔══██║██║   ██║██╔══╝  
██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗██║     ██║  ██║╚██████╔╝███████╗
╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚══════╝
                                                                     
 */

/**************************************************************************************
* START BANNER
**************************************************************************************/


.banner 
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
}
.banner__container 
{
	padding-top: 3em;
	padding-bottom: 3em;
}

/**************************************************************************************
* END BANNER
**************************************************************************************/




/**************************************************************************************
* START SLIDESHOW
**************************************************************************************/
.slideshow
{
	.cycle-slideshow
	{
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		width: 100%;
		.slide
		{
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			width: 100%;
			//padding: 2.5% 0 5%;
			min-height: 400px;
			.left
			{
				//float: left;
				//width: 50%;
				color: #ffffff;
				>:first-child
				{
					margin-top:0px;
				}
				>:last-child
				{
					margin-bottom:0px;
				}
				h1
				{
					font-weight:100;
					font-size: em(80);
					margin-bottom:12px;
					margin-top:0px;
				}
				.subtitle
				{
					font-weight:100;
					font-size: em(32);
					margin-bottom:20px;
					color:white;
				}
			}
			&__content .content-styles
			{
				ul
				{
					list-style: none;
					padding:0px;
					margin-bottom:em(20);
					li
					{
						list-style: none;
						font-size:20px;
						font-weight:100;
						padding-left:20px;
						&:before
						{
						    content: '✓';
						    left: -15px;
						    display: block;
						    position: absolute;
						}
					}
				}
			}
		}

		.cycle-nav
		{
			position: absolute;
			top: 50%;
			text-indent: -999em;
			width: 50px;
			height: 50px;
			z-index: 999;
			margin: -25px 0 0;
			cursor: pointer;
			&:hover
			{
			  opacity: 0.8;
			}
		}
		.cycle-prev
		{
			background: url(../images/nav_03.png) no-repeat center;
			left: 0px;
		}
		.cycle-next
		{
			background: url(../images/nav_07.png) no-repeat center;
			right:0px;
		}
	}


	// COPIED AND PASTED FROM THE OTHER SECTION
	@include banners;

	// FOR THE ARROWS
	@media (min-width:$lg)
	{
		.cycle-slideshow
		{	
			.cycle-prev
			{
				left: 2%;
			}
			.cycle-next
			{
				right: 2%;
			}
		}
	}

}

/**************************************************************************************
* END SLIDESHOW
**************************************************************************************/




/**************************************************************************************
* START HOMEPAGE PANELS
**************************************************************************************/
.homepage-panels
{
	@include baseBoxes;
	&--home
	{
		.homepage-panels__box 
		{
			padding:22px;

			// MODIFIERS
			&--hardware 
			{
				.homepage-panels__image
				{
					background-image: url("images/hardware.jpg");
				}
				.homepage-panels__button
				{
					background-color:$r1;
					border-color:$r1;
				}
			}
			&--fabrics 
			{
				.homepage-panels__image
				{
					background-image: url("images/homepage_panels_11.png");
					background-position: right center;
				}
				.homepage-panels__button
				{
					background-color:$g1;
					border-color:$g1;
				}
			}
			&--automation 
			{
				.homepage-panels__image
				{
					background-image: url("images/automation.jpg");
				}
				.homepage-panels__button
				{
					background-color:$lb1;
					border-color:$lb1;
				}
			}
			&--catalogue 
			{
				.homepage-panels__image
				{
					background-image: url("images/catalogue-image.jpg");
					background-position: center top;
				}
				.homepage-panels__button
				{
					background-color:$p1;
					border-color:$p1;
				}
			}
			// ANIMATIONS
			&:hover .homepage-panels__image
			{
				background-size: auto 120%;
			}
		}

		.homepage-panels__inner
		{
     		background-color:white;
		}

		// IMAGE
		.homepage-panels__image
		{
			background-size: auto 100%;
			background-position: center center;
			background-repeat:no-repeat;
			padding-top:50%;
			transition: all 0.15s ease;
			display:block;
		}

		@media (max-width:$lgno)
		{
			.homepage-panels__image
			{
				padding-top:53%;
			}
		}


		@media (min-width: $lg) and (max-width:$xlno)
		{
			.homepage-panels__image
			{
				padding-top:53%;
			}
		}
	} 
}

/**************************************************************************************
* END HOMEPAGE PANELS
**************************************************************************************/


/**************************************************************************************
* HOMEPAGE BOXES BUT ACTUALLY INNER PAGES
**************************************************************************************/
.homepage-panel--inner
{
	@include baseBoxes; 
	margin-top:em(40);
	margin-bottom:em(40);
	img
	{
		max-width:100%;
		max-height:100%;
		height:auto;
		width:100%;
	}
	@media (max-width:$xlno)
	{
		.homepage-panels__alt-image
		{
			margin-bottom:28px;
			display:block;
		}
	}
	@media (min-width:$xl)
	{
		.homepage-panels__content
		{
			width:50%;
		}
		.homepage-panels__alt-image
		{
			width:50%;
			margin: $marginsNegativePaddingFloatedRight;
			display:block;
			float:right;
		}
	}
}
/**************************************************************************************
* END HOMEPAGES BOXES BUT ACTUALLY INNER PAGES
**************************************************************************************/
/*
███╗   ███╗ █████╗ ██╗███╗   ██╗
████╗ ████║██╔══██╗██║████╗  ██║
██╔████╔██║███████║██║██╔██╗ ██║
██║╚██╔╝██║██╔══██║██║██║╚██╗██║
██║ ╚═╝ ██║██║  ██║██║██║ ╚████║
╚═╝     ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝
                                
 */


/**************************************************************************************
* START BREADCRUMBS
**************************************************************************************/
/*
.breadcrumbs 
{
	background-color: rgba(204, 29, 37, 0.9);
	z-index: 999;
	&__container 
	{
		padding-top: 16px;
		padding-bottom: 16px;
		nav 
		{
			font-weight: bold;
			color: white;
			margin: 0px;
			padding: 0px;
			line-height: 16px;
			height: 16px;
			a 
			{
				text-decoration: none;
				color: inherit;
				font-weight: normal;
			}
		}
	}
}


@media (min-width: $sm) {
	.breadcrumbs,
	.woocommerce .breadcrumbs {
		width: 100%;
		position: absolute;
	}
}

body.page-id-244 .breadcrumbs
{
	background-color:$p2;
}*/
/**************************************************************************************
* END BREADCRUMBS
**************************************************************************************/

/**************************************************************************************
* START PAGE FEATURED TEXT
**************************************************************************************/
.page-featured-text
{
	background-image: url("images/header-background.jpg");
	padding-top:em(40);
	padding-bottom:em(40);
	&__inner
	{
		text-align:center;
		font-size:22px;
		font-weight:normal;
		padding-left:25px;
		padding-right:25px;
	}
}
/**************************************************************************************
* END PAGE FEATURED TEXT
**************************************************************************************/
/**************************************************************************************
* START PAGE
**************************************************************************************/
.page-title
{
	&__col
	{
		/*background-color:$grey21;*/
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
	}
	@include banners;
}
/**************************************************************************************
* END PAGE
**************************************************************************************/


/**************************************************************************************
* START PAGE LINKS
**************************************************************************************/
.page-links
{
	margin-top:em(70);
	margin-bottom:em(70);
	color:$grey60;
	&__col
	{
	}
	&__link
	{
		display:block;
		margin:0px 0px 15px;
		height:38px;
		line-height:38px;
		vertical-align:middle;
		font-size:18px;
		text-decoration:none;
		color:inherit;
		&:hover
		{
			opacity:0.75;
		}
		&:last-child
		{
			margin-bottom:0px;
		}
	}
	&__icon
	{
		margin-right:25px;
	}
	@media (min-width:$sm)
	{
		&__col
		{
			text-align:right;
		}
		&__link
		{
			display:inline-block;
			margin:0px 40px;
		}
		&__icon
		{
			margin-right:10px;
		}
	}
}
/**************************************************************************************
* START PAGE FEATURED TEXT
**************************************************************************************/
.page-content
{
	margin-top:em(40);
	margin-bottom:em(40);
	&__inner
	{

	}
}
/**************************************************************************************
* END PAGE FEATURED TEXT
**************************************************************************************/

/**************************************************************************************
* START MAIN (ONLY APPEARS ON THE HOMEPAGE?)
**************************************************************************************/
.main
{
	&--homepage
	{
		padding-top:em(40);
		padding-bottom:em(40);
		text-align: center;
	}
	&--no-padding > .container
	{
		padding-left:0px;
		padding-right:0px;
		overflow:hidden;
		@media (max-width:$smno)
		{
			padding-left:15px;
			padding-right:15px;
		}
	}
}
/**************************************************************************************
* END MAIN
**************************************************************************************/


/**************************************************************************************
* START MAIN
**************************************************************************************/
.boxes 
{
	margin-top:em(40);
	margin-bottom:em(40);
	&__box
	{
		background:#FFFFFF;
		margin-bottom:23px;
		&--box2
		{
			background:transparent;
		}
	}

	&__link
	{
		text-decoration: none;
		color:inherit;
		font-weight:100;
		font-size:20px;
		margin-bottom:23px;
		display:block;
		img 
		{
			max-width: 100%;
			height: auto;
			margin-bottom:23px;
		}
		h3
		{
			font-weight:bold;
			padding:0 10px;
			font-size: 20px;
			margin-top: 0px;
			margin-bottom: 12px;
		}
		p 
		{
			padding:0 10px;
			margin:0px;
		}
	}
	
}


/**************************************************************************************
* END MAIN
**************************************************************************************/
/*

███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
                                                   
*/


/**************************************************************************************
* START HOME LOGOS
**************************************************************************************/
.home-logos
{
	text-align:center;
	padding-top: em(40);
	padding-bottom: em(40);
	&__box
	{
		img
		{
			max-width:100%;
			max-height:100px;
			width:auto;
			height:auto;
		}
	}
}
/**************************************************************************************
* END HOME LOGOS
**************************************************************************************/


/**************************************************************************************
* START SUBSCRIBE
**************************************************************************************/
.subscribe
{
	background-image: url("images/header-background.jpg");
	&__container
	{
		max-width: 840px;
		padding-top: 4em;
		padding-bottom: 3.33333em;
	}
	&__message 
	{
		line-height: 1.3;
		font-size: 1.4em;
		color: #58595b;
		text-align:center;
		font-weight:100;
	}
	&__input
	{
		padding-top: em(30);
		.gform_wrapper 
		{
			margin:0px auto;
			width:440px;
			max-width:100%;
			@include clearfix;
			.gform_body
			{
				float:left;
				width:100%;
				label
				{
					display:none;
				}
				input[type="text"]
				{
					margin:0px;
					padding:10px 20px;
					text-align:center;
					font-size: em(15);
					width: 100%;
					height:40px;
					border:0px;
					background-color:white;
					font-weight: 100;
				}
				.gfield_description
				{
					font-size:14px;
					text-align:center;
					margin-top:8px;
					opacity:0;
					padding:0px;
				}

			}	
			.top_label 
			{
				li.gfield.gf_inline
				{
					display:block;
					width:100%;
					padding:0px;
					margin:0px;	
				}
				div.ginput_container
				{
					margin:0px !important;
					padding:0pxx
				}
			}

			.gform_footer
			{
				width:100%;
				float:right;
				margin:10px 0px 0;
				padding:0px;
				clear:none;
				input[type="submit"]
				{
				    margin: 0px;
				    padding: 10px 0px 10px 0px;
				    overflow: hidden;
				    font-size: 15px;
				    line-height: 15px;
				    min-width: 7.5em;
				    background-color: #143d8c;
				    border: 1px solid #143d8c;
				    border: 0px;
				    color: #FFFFFF !important;
				    margin: 0 auto;
				    display: table;
				    font-family: "Myriad Pro";
				    border-radius: 0;
				    font-weight: 100;
					&:hover
					{
						background-color:#375a9d;
					}
					&:active
					{
						background-color:#375a9d;
					}
				}
			}
		}
	}

	&--show-description .gform_wrapper .gform_body .gfield_description
	{
		opacity:1;
	}
}
/**************************************************************************************
* END SUBSCRIBE
**************************************************************************************/




/**************************************************************************************
* START CALL TO ACTION 
**************************************************************************************/
.call-to-action
{
	&__box
	{
		padding-top: em(40);
		padding-bottom: em(40);
		text-align: center;
		text-decoration: none;
		&:hover
		{
			background-color: #0e2a5f;
		}
		&--about
		{
		  background-color: #375a9d;
		}
		&--guarantee
		{
		  background-color: #2c5198;
		}
		&--ordering
		{
		  background-color: #204792;
		}
		&--contact
		{
		  background-color: #143d8c;
		}
	}
	&__icon
	{
		height: 63px;
		margin-bottom: em(15);
		img
		{
			margin: 0px;
			padding: 0px;
			display: inline-block;
		}
	}
	&__title
	{
		font-size: 1.2em;
		font-weight: 100;
		color: white;
	}
}

/**************************************************************************************
* END CALL TO ACTION
**************************************************************************************/







/**************************************************************************************
* START GALLERY 
**************************************************************************************/

.gallery
{
	.gallery-item 
	{
		width: auto !important;
    	margin: 0 2px 10px 0 !important;
		img 
		{
			border: none !important;
		}
	}
	p 
	{
		display: none;
	}
}


/**************************************************************************************
* START GALLERY 
**************************************************************************************/






/**************************************************************************************
* START FOOTER CONTACT
**************************************************************************************/
.footer-contact
{

	&__container
	{
		padding-top: 4.66667em;
		padding-bottom: 3.66667em;
		//padding-top: 2.33333em;
		//padding-bottom: 2.33333em;
	}
	&__box
	{
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		font-weight: 100;
		&--address,
		&--phone,
		&--social
		{
			padding-top: em(10);
			p
			{
				font-size: 18px;
				line-height: 1.3;
				&:last-child
				{
					margin-bottom: 0px;
				}
				a
				{
					color: #231f20;
					text-decoration: none;
					&:hover
					{
						color: #143d8c;
					}
				}
			}
		}
		&--social
		{
			a
			{
				margin-right: 8px;
				&:last-child {
					margin-right: 0px;
				}
			}
		}
	}

	// MOBILE
	@media (max-width: 480px) {
		&__box
		{
			&--logo {
				width: 100%;
				padding-bottom: em(40);
			}
			&--address {
				clear: left;
				width: 100%;
				padding-bottom: em(40);
			}
			&--phone {
				width: 100%;
			}
			&--social {
				padding-top: em(40);
				clear: left;
				width: 100%;
			}
		}
	}

	// MOBILE
	@media (min-width:481px) and (max-width: $smno) {
		&__box
		{
			&--logo {
				width: 100%;
				padding-bottom: em(40);
			}
			&--address {
				clear: left;
				width: 50%;
			}
			&--phone {
				width: 50%;
			}
			&--social {
				padding-top: em(40);
				clear: left;
				width: 100%;
			}
		}
	}

	// TABLET
	@media (min-width: $sm) and (max-width: $mdno) {
		&__box
		{
			&--logo
			{
				width: 20%;
			}
			&--address
			{
				width: 40%;
			}
			&--phone
			{
				width: 40%;
			}
			&--social
			{
				padding-top: em(40);
				clear: left;
				width: 100%;
				text-align: center;
			}
		}
	}

	// DESKTOP
	@media (min-width: $md) and (max-width:$lgno) 
	{
		&__box
		{
			&--logo
			{
				width: 15%;
			}
			&--address
			{
				width: 30%;
			}
			&--phone
			{
				width: 30%;
			}
			&--social
			{
				width: 25%;
				text-align: right;
			}
		}
	}

	// DESKTOP
	@media (min-width: $lg) 
	{
		&__box
		{
			&--logo
			{
				width: 11%;
			}
			&--address
			{
				width: 20%;
			}
			&--phone
			{
				width: 20%;
			}
			&--social
			{
				width: 49%;
				text-align: right;
			}
		}
	}

}

/**************************************************************************************
* END FOOTER CONTACT
**************************************************************************************/




/**************************************************************************************
* START FOOTER
**************************************************************************************/

.footer
{
	background-image: url("images/header-background.jpg");
	&__left
	{
		padding-top: em(60);
		padding-bottom: em(60);
		font-size:18px;
		font-weight: 100;
	}
	&__right
	{
		padding-top: em(48);
		padding-bottom: em(48);
		text-align:right;
		img
		{
			margin:0px em(20);
		}
	}
}

/**************************************************************************************
* END FOOTER
**************************************************************************************/