﻿/*
Theme Name: Amalco
Theme URL: 
Description: 
Version: 1.1
Author: Cat on the Couch
Author URL: www.catonthecouch.com
*/


@font-face { font-family:"Roboto-Regular"; src:url("../font/Roboto-Regular.ttf") format("truetype"); }
@font-face { font-family:"Roboto-Thin"; src:url("../font/Roboto-Thin.ttf") format("truetype"); }
@font-face { font-family:"Roboto-Light"; src:url("../font/Roboto-Light.ttf") format("truetype"); }
@font-face { font-family:"Roboto-Medium"; src:url("../font/Roboto-Medium.ttf") format("truetype"); }
@font-face { font-family:"Roboto-Bold"; src:url("../font/Roboto-Bold.ttf") format("truetype"); }

a,
button,
input[type="submit"] {
	-webkit-transition: color 300ms linear;
	-moz-transition: color 300ms linear;
	-ms-transition: color 300ms linear;
	-o-transition: color 300ms linear;
	transition: color 300ms linear;
	
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-ms-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
}

@media (max-width:990px){
	h1 {
		font-size:38px;
	}
	h2 {
		font-size:36px;
	}
	#wpadminbar {
		display:none!important;
	}
	.img_pos {
		display:none;
	}
}

@media (min-width:991px){
	h1 {
		font-size:64px;
	}
	h2 {
		font-size:36px;
	}
	.ft-table {
		display:table;
	}
	.ft-cell {
		display:table-cell;
		float:none;
		vertical-align:middle;
	}
}

body {
	background:#fff!important;
	color:#000;
	font:normal 18px/24px "Roboto-Regular";
}
a,
a:hover,
a:active,
a:visited {
	text-decoration:none!important;
}
h1, h2, h3, h4, h5 {
	line-height:1.3em!important;
}
h1 {
	font-family:"Roboto-Thin";
}
h2 {
	font-family:"Roboto-Light";
}
img {
	max-width:100%;
}
.button {
	background:#fff;
	color:#000;
	text-transform:uppercase;
	border-radius: 35px;
    display: inline-block;
    padding: 13px 35px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
	text-align:center;
	
	-webkit-border-radius: 35px;
	border-radius: 35px;
}
.align-left {
	float:left;
	margin:0 25px 25px 0;
}
.button:hover {
	background:rgba(255,255,255,.5);
	color:#000;
}


.img_row {
	position:relative;
}
.img_col {
	position:unset;
}
.img_pos {
	position:absolute;
	bottom:0;
}


@media (min-width: 1441px) {
	.container {
		width: 1440px!important;
	}
}
header {
	position:relative;
	z-index:10;
	background:#fff;
}
.show_top {
	position:fixed;
	left:0;
	width:100%;
}
header .row {
	position:relative;
}
.main {
	position:relative;
	z-index:5;
}
footer {
	position:relative;
	z-index:8;
}

/* header */
@media (min-width:1201px) and (max-width:1450px) {
	nav > ul > li > a {
		font-size:16px;
	}
	.req_quote {
		padding:50px 20px!important;
	}
}
@media (min-width:1201px) {
	.m_menu {
		display:none;
	}
	header {
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
		box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	}
	nav,
	.req_quote {
		display:inline-block!important;
	}
	.logo {
		margin-top:35px;
	}
	#quote-panel {
		padding:80px;
		width:720px;
	}
}
@media (max-width:1200px) {
	header {
		top:0;
		padding:15px 0;
	}
	.logo { max-width:300px; }
	nav,
	.req_quote {
		display:none;
	}
	#quote-panel {
		padding:15px 0 15px 15px;
		width:100%;
	}
}
.m_menu {
	position:absolute;
	top:50%;
	right:15px;
	width: 46px;
    text-align: center;
    background: #eee;
    margin-top: -17px;
    height: 34px;
    font-size: 24px;
    line-height: 34px;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mobile_menu .menu_close,
#mobile_menu .req_quote {
	position:absolute;
	left:0;
	width:100%;
}
#mobile_menu .menu_close {
	text-align:right;
	line-height:30px;
	font-size:26px;
	background:#337ab7;
	display:block;
	padding:5px 15px;
	color:#fff;
	width:100%;
	top:0;
	z-index:10;
}
#mobile_menu .req_quote {
	bottom:0;
	z-index:11;
}
#mobile_menu {
	background:#fff;
	position:fixed;
	z-index:9999;
	width:100%;
	left:110%;
	top:0;
	bottom:0;
	
	-webkit-box-shadow: undefinedpx undefinedpx 15px 0 rgba(0,0,0,.8);
	box-shadow: undefinedpx undefinedpx 15px 0 rgba(0,0,0,.8);
}
.mobile_menu_wrapper {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	overflow:auto;
	padding:40px 0 55px;
}

#mobile_menu ul {
	padding:0;
	margin:0;
}
#mobile_menu li {
	
}
#mobile_menu a {
	margin:0;
	padding:15px;
	border-bottom:1px solid #eee;
	display:block;
}
.logo {
	display:inline-block;
}
nav > ul,
nav > ul > li {
	display:inline-block;
}
nav a {
	font-family:"Roboto-Medium";
	color:#000;
}
nav > ul > li {
	margin:0;
	position:relative;
	list-style:none;
}
nav > ul > li > a {
	display:block;
	line-height:75px;
	padding:10px 12px;
}
nav > ul > li > a:hover {
	color:#6ec7f0;
}
nav ul ul {
	display:none;
	padding:0;
	margin:0 0 0 -125px;
	position:absolute;
	z-index:99;
	left:50%;
	top:100%;
	text-align:left;
	background:#fff;
	border-top:10px solid #6ec7f0;
	width:250px;
}
nav ul li:hover ul,
nav ul li a:hover ul {
	display:block;
}
nav ul ul  li {
	list-style:none;
}
nav ul ul a {
	display:block;
	padding:10px 15px;
}
nav ul ul a:hover {
	background:#6ec7f0;
	color:#fff;
}
.req_quote {
	padding:50px 35px;
	background:#6ec7f0;
	color:#fff;
	font-family:"Roboto-Medium";
}
.req_quote.active {
	background:#000;
	color:#fff;
}
#quote-panel {
	display:none;
	background:#6ec7f0;
	color:#fff;
	position: fixed;
	bottom:0;
	top:0;
    right: 0;
    z-index: 999;
	overflow:auto;
}
#quote-panel .qclose {
	position:absolute;
	right:25px;
	top:25px;
	color:#fff;
	border:1px solid #fff;
	width:26px;
	height:26px;
	text-align:center;
	line-height:26px;
	cursor:pointer;
	
	-webkit-border-radius: 35px;
	border-radius: 35px;
}
#quote-panel h2 {
	margin:0 0 25px 0;
}

@media (min-width:991px) {
	.banner {
		padding:100px 0;
	}
	.banner-container {
		padding:45px 0;
	}
}
@media (max-width:990px) {
	.banner {
		padding:30px 0;
		text-align:center;
	}
	.banner-container {
		padding:25px 0;
	}
}
.banner {
	background-size:cover;
	background-position:center center;
}
.banner-container {
	background:rgba(0,0,0,.75);
	color:#fff;
}
.banner h3 {
	color:#6ec7f0;
	font-family:"Roboto-Bold";
	font-size:26px;
}


/* Home */
@media (min-width:991px) {
	#home .block1 .left {
		padding:100px 100px 100px 0;
	}
	#home .block1 .right {
		padding:100px 0 100px 100px;
	}
	#home .block2 {
		padding:100px 0;
	}
	#home .block4 {
		padding:70px 0;
	}
	#home .block5 {
		padding:100px 0;
	}
	#home .block5-container {
		padding:50px 0;
	}
	#home .block1 .left:hover:after,
	#home .block1 .right:hover:after {
		background:#fff;
		top:-20px;
		bottom:-20px;
		z-index:2;
		
		-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
		box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
	}
	#home .block1 .left:hover:after {
		right:48%;
	}
	#home .block1 .right:hover:after {
		left:48%;
	}
}
@media (max-width:990px) {
	#home .block1 .left {
		padding:50px 0 0;
	}
	#home .block1 .right {
		padding:50px 0;
	}
	#home .block2 .video {
		margin:0 -15px;
	}
	#home .block4 {
		padding:20px 0;
	}
	#home .block5 {
		padding:20px 0;
	}
	#home .block5-container {
		padding:15px 0;
	}
}
#home .block1 {
	background:#f2f2f2;
	font-size:16px;
	position:relative;
}
#home .block1 [class*='col-']{
	position:unset;
}
#home .block1 .left,
#home .block1 .right {
	position:unset;
}
#home .block1 .content {
	position:relative;
	z-index:10;
}
#home .block1 .left:after,
#home .block1 .right:after {
	content:'';
	background:#f2f2f2;
	position:absolute;
	bottom:0;
	top:0;
	z-index:0;
	
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
#home .block1 .left:after {
	left:0;
	right:50%;
}
#home .block1 .right:after {
	left:50%;
	right:0;
}
#home .block1 h2 {
	margin:0 0 20px 0;
}
#home .block1 .logos {
	margin-top:60px;
}
#home .block1 ul {
	padding-left:50px
}
#home .block1 li {
	margin:15px 0;
	list-style:none;
	position:relative;
}
#home .block1 ul.gear li:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="33px" height="33px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 33 33" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_x0020_1"><metadata id="CorelCorpID_0Corel-Layer"/><path class="fil0" d="M32 13l-4 -1c0,0 0,0 0,-1l2 -3c1,0 0,-1 0,-1l-4 -4c0,0 -1,-1 -1,0l-3 2c0,0 0,0 -1,0l0 0c0,0 0,0 0,-1l-1 -3c0,-1 0,-1 -1,-1l-5 0c-1,0 -1,0 -1,1l-1 3c0,1 0,1 0,1l0 0c-1,0 -1,0 -1,0l-3 -2c0,-1 -1,0 -1,0l-4 4c0,0 -1,1 0,1l2 3c0,0 0,0 0,1l0 0c0,0 0,0 -1,0l-3 1c-1,0 -1,0 -1,1l0 5c0,1 0,1 1,1l3 1c1,0 1,0 1,0l0 0c0,1 0,1 0,1l-2 3c-1,0 0,1 0,1l4 4c0,0 1,1 1,0l3 -2c0,0 0,0 1,0l0 0c0,0 0,0 0,1l1 3c0,1 0,1 1,1l5 0c1,0 1,0 1,-1l1 -3c0,-1 0,-1 0,-1l0 0c1,0 1,0 1,0l3 2c0,1 1,0 1,0l4 -4c0,0 1,-1 0,-1l-2 -3c0,0 0,0 0,-1l0 0c0,0 0,0 1,0l3 -1c1,0 1,0 1,-1l0 -5c0,-1 0,-1 -1,-1l0 0zm-1 5l-2 1c-2,0 -2,0 -3,1l0 0c0,2 0,3 1,4l1 1 -3 3 -1 -1c-1,-1 -2,-1 -4,-1l0 0c-1,1 -1,1 -1,3l-1 2 -3 0 -1 -2c0,-2 0,-2 -1,-3l0 0c-2,0 -3,0 -4,1l-1 1 -3 -3 1 -1c1,-1 1,-2 1,-4l0 0c-1,-1 -1,-1 -3,-1l-2 -1 0 -3 2 -1c2,0 2,0 3,-1l0 0c0,-2 0,-3 -1,-4l-1 -1 3 -3 1 1c1,1 2,1 4,1l0 0c1,-1 1,-1 1,-3l1 -2 3 0 1 2c0,2 0,2 1,3l0 0c2,0 3,0 4,-1l1 -1 3 3 -2 2c-1,1 -1,1 0,2 0,0 0,1 0,2 1,0 1,0 1,0l4 1 0 3z"/><path class="fil0" d="M19 14l-3 3 -2 -2c0,0 -1,0 -1,0 -1,1 -1,2 0,2l2 2c0,0 0,1 1,1 0,0 0,-1 0,-1l4 -4c1,0 1,-1 0,-1 0,-1 -1,-1 -1,0l0 0z"/><path class="fil0" d="M17 8c-5,0 -9,4 -9,9 0,4 4,8 9,8 4,0 8,-4 8,-8 0,-5 -4,-9 -8,-9zm0 15c-4,0 -7,-3 -7,-6 0,-4 3,-7 7,-7 3,0 6,3 6,7 0,3 -3,6 -6,6l0 0z"/></g></svg>');
	position:absolute;
	left:-50px;
	top:50%;
	margin-top:-15px;
}

#home .block3 {
	background:#013354;
	color:#fff;
}
#home .block3 h2 {
	font-size:44px;
	margin-top:50px;
	font-family:"Roboto-Light";
}
#home .block3 p {
	font-size: 24px;
    margin: 20px 0;
}
#home .block3 ul li {
	list-style:none;
	font-size:16px;
}
#home .block3 ul li a {
	color:#fff;
}
#home .block3 ul li a:hover {
	text-decoration:underline;
}


#home .block3 .button {
	background:#6ec7f0;
	color:#fff;
}

#home .block4 .button {
	background:#6ec7f0;
	color:#fff;
}

#home .block5 {
	background-size:cover;
	color:#fff;
}
#home .block5-container {
	background:rgba(0,0,0,.75);
}
#home .block5 .content {
	padding-bottom:40px;
}
#home .block5 h2 {
	font-size:38px;
	line-height:46px;
}
#home .block5 .button {
	background:#fff;
	color:#000;
}
#home .block5 h4 {
	color:#6ec7f0;
	font-size: 20px;
    line-height: 26px;
    margin-bottom: 20px;
}
#home .block5 ul {
	padding-left:20px;
	font-size:16px;
}
#home .block5 a {
	color:#fff;
}
#home .block5 li a:hover {
	text-decoration:underline;
}
.pro_slider {
	position:relative;
	padding:0 100px;
}
.pro_slider .slide {
	opacity:.6;
}
/*.pro_slider .slide img {
	width:80%;
	margin:0 auto;
}*/
.pro_slider .slidesContainer div:nth-child(2) {
	opacity:1;
}
.pro_slider .slidesContainer div:nth-child(2) img {
	width:100%;
}
.pro_slider .controls .prevBtn,
.pro_slider .controls .nextBtn {
	position:absolute;
	top:50%;
	background:url(../image/slider-arrow.png) no-repeat center 24px;
	width:100px;
	height:100px;
	text-indent:-1000px;
	overflow:hidden;
	margin-top:-50px;
}
.pro_slider .controls .prevBtn {
	left:0;
}
.pro_slider .controls .nextBtn {
	right:0;
	background-position: center -126px;
}
.pro_slider {
	margin-top:60px;
}
.pro_slider .controls ol {
	text-align:center;
	padding:0;
	margin:30px 0 0 0;
}
.pro_slider .controls li {
	display:inline-block;
	margin:0 5px;
	width:15px;
	height:15px;
	text-indent:-1000px;
	overflow:hidden;
	background:#ddd;
	cursor:pointer;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.pro_slider .controls li.current {
	background:#000;
}

/* Processes and Product */
@media (min-width:991px) {
	#processes .block1 {
		padding:100px 0;
	}
	#processes .block2 {
		padding:100px 0;
	}
	#processes .block3 .content:after {
		content:'';
		position:absolute;
		left:50%;
		top:0;
		height:100%;
		width:1px;
		border-right:2px solid #000;
	}
	#processes .block3 .left {
		padding-right:100px;
	}
	#processes .block3 .right {
		padding-left:100px;
	}
	#processes .block3 {
		padding:100px 0;
	}
	#processes .block3 .content {
		padding:50px 0;
	}
	#processes .block4 .text {
		padding:60px 0;
	}
	#processes .block5 {
		padding:100px 0;
	}
	#processes .block6 .text {
		padding:100px 0;
	}
}
@media (max-width:990px) {
	#processes .block1 {
		padding:25px 0;
	}
	#processes .block2 {
		padding:25px 0;
	}
	#processes .block3 {
		padding:25px 0;
	}
	#processes .block3 .content {
		padding:25px 0;
	}
	#processes .block4 .text {
		padding:20px 0;
	}
	#processes .block5 {
		padding:25px 0;
	}
	#processes .block6 .text {
		padding:15px 0;
	}
	#processes .block6 .img_col {
		display:none;
	}
}
#processes .block1 {
	background:#f2f2f2;
}

#processes .block2 h2 {
	margin-bottom:35px;
}

#processes .block3 {
	background-position:center;
	background-size:cover;
	color:#fff;
}
#processes .block3 .content {
	background:rgba(0,0,0,.6);
	position:relative;
}


#processes .block3 h2 {
	margin-bottom:25px;
}
#processes .block3 ul {
	padding-left:35px;
}

#processes .block4 {
	background:#003354;
	color:#fff;
}
#processes .block4  h2 {
	margin-bottom:25px;
	font-family:"Roboto-Medium";
}
#processes .block5 h5 {
	font-size:22px;
	line-height:30px;
	margin-bottom:50px;
	margin-top:15px;
}

#processes .block6 {
	background:#f2f2f2;
}
#processes .block6 .button {
	background:#003354;
	color:#fff;
}
#processes .block6 .button:hover {
	background:#fff;
	color:#003354;
}

/* Hydroformed Metal Parts */
@media (min-width:991px) {
	#hydro .block1 {
		padding:75px 0;
	}
	#hydro .block2 {
		padding:100px 0;
	}
	#hydro .block2 .options li div {
		display:table-cell;
		vertical-align:middle;
	}
	#hydro .block2 .options .col2 {
		padding:0 35px;
	}
	#hydro .block2 .options .col1 {
		line-height:90px;
		padding: 0 25px 0 40px;
	}
	#hydro .block2 .options .col1 img {
		margin-right:30px;
	}
	#hydro .block3 {
		padding:100px 0;
	}
	#hydro .block3 .content {
		padding:50px 0;
	}
	#hydro .block4 {
		padding:75px 0;
	}
	#hydro .block4 .left {
		padding:50px 100px 50px 0;
	}
	#hydro .block4 .right {
		padding:50px 0 50px 100px;
	}
	#hydro .block4 h2 {
		margin-bottom:50px;
	}
	#hydro .block4 h4 {
		margin-bottom: 20px;
	}
	#hydro .block5 {
		padding:50px 0;
	}
	#hydro .block6 {
		padding:175px 0;
	}
	#hydro .block6:before {
		top:130px;
		bottom:130px;
		width:75%;
	}
	#hydro .block7 {
		padding:100px 0;
	}
	#hydro .block7 .notice {
		margin-top:100px;
	}
	#hydro .block7 .befefits {
		margin:75px 0 0 0;
	}
	.buyer-guides {
		margin-top:75px;
		width:100%;
	}
	.buyer-guides h2:before {
		display:inline-block;
	}
	.buyer-guides h2:before {
		margin: 0 15px 0 0;
	}
	.buyer-guides a {
		margin:0;
	}
	#hydro .block8 .left {
		padding:100px 100px 100px 0;
	}
	#hydro .block8 .right {
		padding:100px 0 100px 100px;
	}
	#hydro .block9 .text {
		padding:100px 0;
	}
	#hydro .block2 .options li.sizes .col1 {
		width:230px;
	}
	#hydro .block2 .options li.materials .col1 {
		width:280px;
	}
	#hydro .block2 .options li.secondary .col1 {
		width:450px;
	}
	
	
	#hydro .block8 .left:after,
	#hydro .block8 .right:after {
		content:'';
		background:#003354;
		position:absolute;
		bottom:0;
		top:0;
		z-index:0;
		
		-webkit-transition: all 500ms linear;
		-moz-transition: all 500ms linear;
		-ms-transition: all 500ms linear;
		-o-transition: all 500ms linear;
		transition: all 500ms linear;
	}
	#hydro .block8 .left:after {
		left:0;
		right:50%;
	}
	#hydro .block8 .right:after {
		left:50%;
		right:0;
	}
	#hydro .block8 .left:hover,
	#hydro .block8 .right:hover {
		color:#000;
	}
	#hydro .block8 .left:hover:after,
	#hydro .block8 .right:hover:after {
		background:#fff;
		top:-20px;
		bottom:-20px;
		z-index:2;
		
		-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
		box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
	}
	#hydro .block8 .left:hover:after {
		right:48%;
	}
	#hydro .block8 .right:hover:after {
		left:48%;
	}
}
@media (max-width:990px) {
	#hydro .block1 {
		padding:15px 0;
	}
	#hydro .block2 {
		padding:15px 0;
	}
	#hydro .block2 .options .col2 {
		padding:0 15px 35px 15px;
		text-align:center;
	}
	#hydro .block2 .options .col1 {
		padding:20px 0 15px;
		text-align:center;
	}
	#hydro .block2 .options .col1 img {
		margin:0 auto 10px;
		display:block;
	}
	#hydro .block3 {
		padding:30px 0;
	}
	#hydro .block3 .content {
		padding:15px;
		margin:0 -15px;
	}
	#hydro .block4 {
		padding:15px 0;
	}
	#hydro .block4 { background-image:none; }
	#hydro .block4 .left {
		padding:15px;
	}
	#hydro .block4 .right {
		padding:15px;
	}
	#hydro .block4 .left:after {
		display:none;
	}
	#hydro .block4 h4 {
		margin-bottom: 10px;
	}
	#hydro .block5 {
		padding:30px 0;
	}
	.notice {
		margin:30px -15px 0;
		padding-left:80px!important;
	}
	.notice img {
		left:15px!important;
	}
	#hydro .block6 {
		padding:50px 0;
	}
	#hydro .block6:before {
		top:25px;
		bottom:25px;
		width:100%;
	}
	#hydro .block7 {
		padding:25px 0;
	}
	#hydro .block7 .notice {
		margin-top:30px;
	}
	#hydro .block7 .notice img {
		width:50px;
	}
	#hydro .block7 .befefits {
		margin:30px 0 0 0;
	}
	#hydro .block7 .befefits > div {
		padding-top:25px;
		padding-bottom:25px;
	}
	#hydro .block7 .befefits:before {
		display:none!important;
	}
	.buyer-guides {
		margin:25px -15px 0;
		text-align:center;
	}
	.buyer-guides h2:before {
		display:block;
		margin: 0 0 15px 0;
	}
	.buyer-guides a {
		font-size:18px;
		margin:20px 0 0 0;
	}
	#hydro .block8 {
		background:#003354;
	}
	#hydro .block8 .left {
		padding:25px 0 25px 0;
	}
	#hydro .block8 .right {
		padding:0 0 25px 0;
	}
	#hydro .block9 .text {
		padding:15px 0;
	}
}
#hydro .block1 {
	background:#003354;
	color:#fff;
}
#hydro .block2 .products_list1 {
	position:relative;
	margin-bottom:60px;
}
#hydro .block2 .products_list1 li {
	display:inline-block;
	width:33%;
}
#hydro .block2 .products_list1 li:nth-child(2) {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#hydro .block2 .disc {
	font-size: 22px;
    text-align: center;
    line-height: 30px;
    max-width: 1040px;
    margin: 0 auto;
	color:#003354;
	margin-bottom:40px;
}
#hydro .block2 .options {
	margin-top:25px;
	padding:0;
}
#hydro .block2 .options li {
	margin:0 0 8px 0;
	list-style:none;
	display:table;
	height:90px;
	width:100%;
	background:#fff;
	border:1px solid #fff;
	
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
}
#hydro .block2 .options li:hover {
	border:1px solid #c4c4c4;
}
#hydro .block2 .options .col1 {
	border-right:1px solid #f0f0f0;
	white-space:nowrap;
	font-size:24px;
}


#hydro .block3 {
	background-size:cover;
	background-position:center;
	color:#fff;
}
#hydro .block3 .content {
	background:rgba(0,0,0,.6);
}
#hydro .block3 .content .ft-col {
	max-width:900px;
	margin:0 auto;
	text-align:center;
}
#hydro .block4 {
	background-color:#f2f2f2;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#hydro .block4 h4 {
	color:#00143a;
	font-size: 22px;
	font-family:"Roboto-Medium";
}
#hydro .block4 .row {
	position:relative;
}
#hydro .block4 .left {
	position:unset;
}
#hydro .block4 .left:after {
	content:'';
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	border-right:1px solid #949494;
}
#hydro .block5 .notice img {
	margin-top:-25px;
}
#hydro .block5 .notice p {
	margin:0;
}
#hydro .block5 .text {
	max-width:1040px;
	margin:0 auto;
}
#hydro .block5 h4 {
	color:#00143a;
	font-size: 24px;
    margin-bottom: 20px;
	font-family:"Roboto-Medium";
}
.notice {
	background:#f26102;
	padding:35px 25px 35px 130px;
	color:#fff;
	font-family:"Roboto-Medium";
	margin-top:50px;
	position:relative;
}
.notice img {
	position:absolute;
	left:35px;
	top:50%;
}
.notice a {
	color:#fff;
	text-decoration:underline!important;
}
#hydro .block6 {
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
}
#hydro .block6:before {
	content:"";
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
}
#hydro .block7 h2 {
	margin:0;
}
#hydro .block7 h5 {
	font-size:21px;
	margin:0px;
}
#hydro .block7 h4 {
	color:#00143a;
	font-size: 22px;
    margin:0;
	font-family:"Roboto-Medium";
}
#hydro .block7 .befefits {
	position:relative;
	padding:0;
}
#hydro .block7 .befefits:before {
	content:"";
	border-top:1px solid #9e9e9e;
	position:absolute;
	left:15px;
	top:32px;
	right:15px;
	display:block;
	height:0;
}
#hydro .block7 .befefits img {
	width:100px;
	padding:0 25px;
	background:#fff;
}
#hydro .block7 .befefits h4 {
	padding:20px 0;
}
#hydro .block7 .notice img {
	margin-top:-35px;
}
#hydro .block8 {
	position:relative;
}
#hydro .block8 [class*='col-']{
	position:unset;
}
#hydro .block8 .left,
#hydro .block8 .right {
	position:unset;
	color:#fff;
}
#hydro .block8 .content {
	position:relative;
	z-index:10;
}

#hydro .block8 .right h2 {
	margin-bottom:20px;
}
#hydro .block8 .right h2 img {
	float:left;
	margin-right:20px;
	height:95px;
}
#hydro .block9 {
	background:#d9e8f5;
}
#hydro .block9 .button {
	background:#003354;
	color:#fff;
}
#hydro .block9 .button:hover {
	background:#fff;
	color:#003354;
}
.buyer-guides {
	background:#f2f2f2;
	padding:40px 25px;
}
.buyer-guides h2:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="60px" height="49px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 60 49"  xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_x0020_1"><path class="fil2" d="M31 40l0 -28c0,-1 0,-1 -1,-1 -1,0 -1,0 -1,1l0 28c0,0 0,1 1,1 1,0 1,-1 1,-1l0 0z"/><path class="fil2" d="M59 4c-2,0 -5,-1 -7,-2 -4,-1 -8,-2 -12,-2 -4,0 -7,2 -9,4 0,0 -1,1 -1,2 0,-1 -1,-2 -1,-2 -2,-2 -5,-4 -9,-4 -4,0 -8,1 -12,2 -2,1 -5,2 -7,2 -1,0 -1,1 -1,1l0 40c0,0 0,1 1,1 2,0 5,-1 8,-2 3,-1 7,-2 11,-2 3,0 5,1 7,3 1,0 1,0 2,0 0,-1 0,-1 0,-2 -2,-1 -5,-3 -9,-3 -4,0 -8,1 -12,2 -2,1 -4,2 -6,2l0 -38c2,0 4,-1 7,-2 3,-1 7,-2 11,-2 7,0 9,6 9,6 0,1 1,1 1,1 0,0 1,0 1,-1 0,0 2,-6 9,-6 4,0 8,1 11,2 3,1 5,2 7,2l0 38c-2,0 -4,-1 -6,-2 -4,-1 -8,-2 -12,-2 -4,0 -7,2 -9,3 0,1 0,1 0,2 1,0 1,0 2,0 2,-2 4,-3 7,-3 4,0 8,1 11,2 3,1 6,2 8,2 1,0 1,-1 1,-1l0 -40c0,0 0,-1 -1,-1l0 0z"/><path class="fil2" d="M59 47c-2,0 -5,-1 -7,-2 -4,-1 -8,-2 -12,-2 -4,0 -7,2 -8,3l-4 0c-1,-1 -4,-3 -8,-3 -4,0 -8,1 -12,2 -2,1 -5,2 -7,2 -1,0 -1,1 -1,1 0,1 0,1 1,1 2,0 5,-1 8,-2 3,-1 7,-2 11,-2 3,0 5,1 7,3 0,0 1,0 1,0l4 0c0,0 1,0 1,0 2,-2 4,-3 7,-3 4,0 8,1 11,2 3,1 6,2 8,2 1,0 1,0 1,-1 0,0 0,-1 -1,-1l0 0z"/></g></svg>');
    line-height: 0;
}
.buyer-guides .title {
	padding:0 25px;
}
.buyer-guides a {
	background:#003354;
	color:#fff;
}


/* Gallery */
@media (min-width:991px) {
	#gallery .block1 {
		padding:75px 0;
	}
	#gallery .block2 {
		padding:75px 0;
	}
	#gallery .block3 {
		padding:75px 0;
	}
	#gallery .block3 .filter {
		margin:75px 0;
	}
	#gallery .gallery > .row {
		padding-top:25px;
	}
	#gallery .block3 select {
		margin-top:15px;
	}
	#gallery .block4 {
		padding:175px 0;
	}
	#gallery .block4:before {
		top:130px;
		bottom:130px;
		width:75%;
	}
	#gallery .block5 .text {
		padding:100px 0;
	}
	.m_main_image {
		display:none;
	}
}
@media (max-width:990px) {
	#gallery .block1 {
		padding:25px 0;
	}
	#gallery .block2 {
		padding:25px 0;
	}
	#gallery .block3 {
		padding:25px 0;
	}
	#gallery .block3 .filter {
		margin:25px 0;
	}
	#gallery .block3 .filter > div {
		margin:25px 0;
	}
	#gallery .product {
		padding-top:25px;
	}
	#gallery .block3 select {
		margin-top:5px;
	}
	#gallery .block4 {
		padding:50px 0;
	}
	#gallery .block4:before {
		top:25px;
		bottom:25px;
		width:100%;
	}
	#gallery .block5 .text {
		padding:25px 0;
	}
	.m_main_image img {
		width:100%;
	}
	.gallery_page .single_pro .image {
		display:none;
	}
}
#gallery .block1 {
	background:#003354;
	color:#fff;
	position:relative;
	z-index:10;
}
#gallery .block2 {
	position:relative;
	z-index:9;
	
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
}
#gallery .block2 .disc {
	max-width:1040px;
	margin:0 auto;
	font-size: 22px;
    line-height: 30px;
	color:#001339;
}
#gallery .block2 h3 {
	color:#001339;
	font-family:"Roboto-Medium";
}
#gallery .block2 .button {
	background:#6ec7f0;
	color:#fff;
}
#gallery .block3 {
	background:#f1f1f1;
}
#gallery .block3label,
#gallery .block3 select {
	display:block;
	width:100%;
}
#gallery .block3 select {
	border:none;
	background:#fff;
	padding:15px 10px;
	
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
}
#gallery .gallery .product {
	position:relative;
}
#gallery .gallery .product .hover {
	display:table;
	background:rgba(9,55,86,.9);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding-bottom:80px;
	opacity:0;
	padding:15px;
}
#gallery .gallery .product:hover .hover {
	opacity:1;
	
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
}
#gallery .gallery .product .hover .content {
	display:table-cell;
	color:#fff;
	text-align:center;
	vertical-align:top;
	padding-bottom:80px;
}
#gallery .gallery .product .hover .view_details {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:80px;
	color:#003354;
	text-align:center;
	line-height:80px;
	background:#fff;
	font-family:"Roboto-Bold";
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
}
#gallery .gallery .product.active:after {	
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 106 61"><polygon style="fill:white;" points="53,0 0,61 106,61"/></svg>');
	position:absolute;
	top:102%;
	left:50%;
	width:100px;
	margin-left:-53px;
}
#gallery .gallery .product .hover .view_details span {
	display:inline-block;
}
#gallery .gallery .product .hover .view_details:hover {
	background:#d9e8f5
}
#gallery .gallery .product .hover .view_details:hover span {
	background:url(../image/i.png) no-repeat left center;
	padding-left:60px;
}
#gallery .gallery .single_pro {
	padding:0 15px;
	margin:65px 0;
	display:none;
}
#gallery .gallery .single_pro .content {
	padding:15px;
	background:#fff;
}
#gallery .gallery .single_pro .size {
	font-size:28px;
	margin-bottom:25px;
}
#gallery .gallery .single_pro .action {
	margin:35px 0;
	padding:35px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#gallery .gallery .single_pro h3 {
	font-family:"Roboto-Bold";
	font-size:20px;
}
#gallery .gallery .single_pro .qes {
	margin-bottom:25px;
}
#gallery .gallery .single_pro .rq_quote,
#gallery .gallery .single_pro .call_customer {
	display:inline-block;
	padding:10px 25px;
	background:#6ec7f0;
	color:#fff;
	
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#gallery .gallery .single_pro .rq_quote:hover,
#gallery .gallery .single_pro .call_customer:hover {
	background:#003354;
}
#gallery .gallery .single_pro .other_image {
	margin-top:70px;
}
#gallery .block4 {
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
}
#gallery .block4:before {
	content:"";
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
}
#gallery .block5 {
	/*background:#d9e8f5;*/
}
#gallery .block5 .button {
	background:#003354;
	color:#fff;
}
#gallery .gallery img {
	width:100%;
}

/* About */
@media (min-width:991px) {
	#about .block1 {
		padding:75px 0;
	}
	#about .block2 {
		padding:75px 0;
	}
	#about .block3 {
		padding:100px 0;
	}
	#about .block3 .icon {
		left:0;
	}
	#about .block3 .text {
		padding:0 15px 50px 100px;
	}
	#about .block4 {
		padding:175px 0;
	}
	#about .block4:before {
		top:130px;
		bottom:130px;
		width:75%;
	}
	#about .block5 .text {
		padding:100px 0;
	}
}
@media (max-width:990px) {
	#about .block1 {
		padding:25px 0;
	}
	#about .block2 {
		padding:25px 0;
	}
	#about .block2 .row:after {
		display:none;
	}
	#about .block2 img {
		width:100%;
	}
	#about .block3 {
		padding:25px 0;
	}
	#about .block3 .icon {
		left:10px;
	}
	#about .block3 .text {
		padding:0 0 50px 100px;
	}
	#about .block4 {
		padding:25px 0 50px;
	}
	#about .block4:before {
		top:25px;
		bottom:25px;
		width:100%;
	}
	#about .block5 .text {
		padding:25px 0;
	}
}
#about .block1 {
	background:#003354;
	color:#fff;
	position:relative;
	z-index:10;
}
#about .block2 {
	position:relative;
}
#about .block2 .container {
	position:relative;
}
#about .block2 .row:after {
	content:"";
	background:rgba(0,0,0,.5);
	position:absolute;
	left:72%;
	top:0;
	bottom:0;
	width:0;
	border-right:1px solid #e4e4e4;
}
#about .block3 {
	position:relative;
	background:#f2f2f2;
}
#about .block3 .icon {
	background:#fff;
	padding: 20px;
    display: inline-block;
    width: 90px;
    height: 90px;
	position: absolute;
    top: 0;
	
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
#about .block3 .icon svg {
	height:100%;
	width:100%;
}
#about .block4 {
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
}
#about .block4:before {
	content:"";
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
}
#about .block5 {
	background:#d9e8f5;
}
#about .block5 .button {
	background:#003354;
	color:#fff;
}

/* Contact */
@media (min-width:991px){
	#contact .block1 {
		padding:50px 0;
	}
	#contact .block3 .container {
		padding-top:50px;
		padding-bottom:50px;
	}
	#contact .block3 {
		padding:175px 0;
	}
	#contact .block3:before {
		top:130px;
		bottom:130px;
		width:75%;
	}
	#contact .three-cols:before,
	#contact .three-cols:after {
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		width:0;
		height:100%;
		border-right:1px solid #d5d5d5;
	}
	#contact .three-cols:before {
		left:33.33%;
	}
	#contact .three-cols:after {
		right:33.33%;
	}
}
@media (max-width:990px){
	#contact .block3 .container {
		padding-top:35px;
		padding-bottom:35px;
	}
	#contact .block3:before {
		top:25px;
		bottom:25px;
		width:100%;
	}
	#contact .three-cols,
	#contact .three-cols .phone {
		padding:50px 0;
	}
}
#contact .block1 {
	font-size: 24px;
    line-height: 34px;
	font-family:"Roboto-Bold";
	position:relative;
	z-index:5;
	
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
}
#contact a {
	color:#000;
}
#contact .block3 .container {
	position:relative;
}
#contact .block1 .container .icon {
	margin:0 0 15px 0;
}
#contact .block1 .container .icon img {
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
#contact .block2 {
	line-height:0;
}
#contact .block3 {
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
}
#contact .block3:before {
	content:"";
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
}


/* Metals */
@media (min-width:991px) {
	#metals .block1 {
		padding:75px 0;
	}
	#metals .block2 {
		padding:75px 0;
	}
	#metals .block3 {
		padding:75px 0;
	}
	#metals .block1 h1 {
		font-size:54px;
	}
}
@media (max-width:990px) {
	#metals .block1 {
		padding:25px 0;
	}
	#metals .block2 .cartoon {
		position:relative!important;
	}
	#metals .block2 {
		padding:25px 0;
	}
	#metals .block3 {
		padding:25px 0;
	}
	#metals .block1 h1 {
		font-size:28px;
	}
}
#metals .block1 {
	background:#f2f2f2;
	color:#003354;
}
#metals .block1 h1 {
	font-family:"Roboto-Light";
}
#metals .block2 h4 {
	font-family:"Roboto-Medium";
	font-size:22px;
	margin-bottom:15px;
	color:#003354;
}
#metals .block2 .button {
	background:#6ec7f0;
	color:#fff;
}
#metals .block2 .container {
	position:relative;
}
#metals .block2 .cartoon {
	position:absolute;
	right:0;
	bottom:30%;
}


/* Trade Show */
@media (min-width:991px) {
	#trade-show .block1,
	#trade-show .block2,
	#trade-show .block3,
	#trade-show .block5 .text {
		padding:100px 0;
	}
	#trade-show .block4 {
		padding:175px 0;
	}
	#trade-show .block4:before {
		top:130px;
		bottom:130px;
		width:75%;
	}
}
@media (max-width:990px) {
	#trade-show .block1,
	#trade-show .block2,
	#trade-show .block3,
	#trade-show .block4,
	#trade-show .block5 .text {
		padding:25px 0;
	}
	#trade-show .block4:before {
		top:25px;
		bottom:25px;
		width:100%;
	}
}
#trade-show .block1 {
	background:#003354;
	color:#fff;
}
#trade-show .block3 {
	background:#f2f2f2;
}
#trade-show .block3 h2 {
	color:#003354;
}
#trade-show .block3 h4 {
	color:#003354;
	font-size:24px;
}
#trade-show .block3 .item {
	padding:15px 0 15px 75px;
	position:relative;
}
.item:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="41px" height="43px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 41 43" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_x0020_1"><metadata id="CorelCorpID_0Corel-Layer"/><path class="fil0" d="M31 5l0 1c0,1 0,1 -1,1 -1,0 -1,0 -1,-1l0 -1 -17 0 0 1c0,1 0,1 -1,1 -1,0 -1,0 -1,-1l0 -1 -4 0c-2,0 -3,1 -3,3l0 29c0,2 1,4 3,4l29 0c2,0 3,-2 3,-4l0 -29c0,-2 -1,-3 -3,-3l-4 0zm-25 -3l4 0 0 -1c0,0 0,-1 1,-1 1,0 1,1 1,1l0 1 17 0 0 -1c0,0 0,-1 1,-1 1,0 1,1 1,1l0 1 4 0c3,0 6,3 6,6l0 29c0,3 -3,6 -6,6l-29 0c-3,0 -6,-3 -6,-6l0 -29c0,-3 3,-6 6,-6l0 0z"/><path class="fil0" d="M9 13c0,0 -1,-1 -1,-2 0,0 1,-1 1,-1l23 0c0,0 1,1 1,1 0,1 -1,2 -1,2l-23 0z"/><path class="fil0" d="M16 23c-1,0 -1,-1 0,-2 0,0 1,0 2,0l3 3 2 -3c1,0 2,0 2,0 1,1 1,2 0,2l-3 3 3 3c1,0 1,1 0,2 0,0 -1,0 -2,0l-2 -3 -3 3c-1,0 -2,0 -2,0 -1,-1 -1,-2 0,-2l3 -3 -3 -3z"/></g></svg>');
	position:absolute;
	left:0;
	top:30px;
}
#trade-show .block3 ul {
	padding-left:19px;
}
#trade-show .block4 {
	background-size:cover;
	background-position:center;
	color:#fff;
	position:relative;
}
#trade-show .block4:before {
	content:"";
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
}
#trade-show .block5 {
	background:#d9e8f5;
}
#trade-show .block5 .button {
	background:#003354;
	color:#fff;
}


@media (min-width:991px){
	footer {
		padding:40px 0;
	}
	footer .content {
		display:table;
	}
	footer .footer-logo,
	footer .address {
		display:table-cell;
		vertical-align:middle;
	}
	footer .footer-logo img {
		height:65px;
	}
	footer .address h4 {
		font-size:24px;
	}
	.corusal1 h4 {
		font-size:26px;
	}
}
@media (max-width:990px){
	footer {
		padding:15px 0;
		font-size:14px;
		text-align:center;
	}
	footer img {
		width:75%;
	}
	footer .address h4 {
		font-size:18px;
		margin:25px 0 15px;
	}
	.corusal1 h4 {
		font-size:18px;
	}
}
footer {
	color:#505050;
}
footer a {
	color:#505050;
}

footer .address {
	margin:0;
	padding:0;
}
footer .address h4 {
	font-family:"Roboto-Bold";
}
.footer_menu,
.footer_menu li {
	display:inline-block;
	vertical-align:middle;
}
.footer_menu {
	margin:0 0 3px 0;
	padding:0;
}
.footer_menu li:not(:last-of-type) {
	border-right:1px solid #000;
}
.footer_menu a {
	display:block;
	padding:0 15px;
}



.corusal1 h4 {
	color:#003354;
	font-family:"Roboto-Bold";
	padding:20px 20px 20px 75px;
	margin:4px 0 0;
	cursor:pointer;
	position:relative;
	background:#d9e8f5;
}
.corusal1 h4:before {
	content:'';
	width:28px;
	height:28px;
	position:absolute;
	left:25px;
	top:22px;
	background:url(../image/corusal-arrow.png) no-repeat center 0;
}
.corusal1 h4:hover,
.corusal1 h4.open {
	background:#003354;
	color:#fff;
}
.corusal1 h4:hover:before,
.corusal1 h4.open:before {
	background:url(../image/corusal-arrow.png) no-repeat center -54px;
}
.corusal1 div {
	background:#f4f4f4;
	padding:25px 25px 25px 75px;
	display:none;
}














/* Animation */
.slider .slide {
	opacity:0;
}
.slider-ef .slide:nth-child(1) {
	-webkit-animation: fade 4s forwards;
  	animation: fade 4s forwards;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.slider-ef .slide:nth-child(2) {
	-webkit-animation: fade 4s forwards;
  	animation: fade 4s forwards;
	
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.slider-ef .slide:nth-child(3) {
	-webkit-animation: fade 4s forwards;
  	animation: fade 4s forwards;
	
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes fade {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes fade {
  from { opacity:0; }
  to { opacity:1; }
}

.rightIn,
.volunteer_features > div {
	opacity:0;
	position:relative;
}
.rightIn-ef {
	-webkit-animation: rightIn 1s forwards;
  	animation: rightIn 1s forwards;
}
@-webkit-keyframes rightIn {
  from { opacity:0;right:-150px; }
  to { opacity:1;right:0; }
}
@keyframes rightIn {
  from { opacity:0;right:-150px; }
  to { opacity:1;right:0; }
}

@media (min-width:991px){
	.volunteer-ef > div:nth-child(3n+1){
		-webkit-animation: rightIn 2s forwards;
		animation: rightIn 2s forwards;
		
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}
	.volunteer-ef > div:nth-child(3n+2){
		-webkit-animation: rightIn 2s forwards;
		animation: rightIn 2s forwards;
		
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}
	.volunteer-ef > div:nth-child(3n+3){
		-webkit-animation: rightIn 2s forwards;
		animation: rightIn 2s forwards;
		
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}
}
@media (max-width:990px){
	.volunteer_features {
		margin-left:0!important;
	}
	.volunteer-ef > div {
		-webkit-animation: rightIn 2s forwards;
		animation: rightIn 2s forwards;
		
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}
}

.show_header {
	-webkit-animation: topIn .5s forwards;
	animation: topIn .5s forwards;
}
@-webkit-keyframes topIn {
  from { top:-60px; }
  to { top:0; }
}
@keyframes topIn {
  from { right:-60px; }
  to { top:0; }
}


@media (min-width:991px){
	#quote-panel input[type='submit'] {
		font-size:24px;
	}
	#field_1_1,
	#field_1_3,
	#field_1_5,
	#field_1_10 {
		display:inline-block;
		width:50%;
		vertical-align:top;
	}
}
@media (max-width:990px){uote-panel input[type='submit'] {
		font-size:17px;
	}
}
.gform_wrapper li {
	border:none!important;
	background:none!important;
	padding-top:0!important;
	padding-bottom:0!important;
	padding-right:16px!important;
}
.gform_wrapper .field_description_below .gfield_description {
	padding:0!important;
}
.gform_wrapper {
	margin:0!important;
}
.gform_wrapper .top_label .gfield_label {
	display:none!important;
}
#quote-panel textarea {
	height:165px!important;
}
.gform_wrapper .gform_footer {
	padding-bottom:0!important;
}
.gform_wrapper h3.gform_title {
	font-size:34px;
}

#field_1_8 label {
	display:block!important;
	font-size: 22px;
    text-shadow: none;
    font-weight: normal;
}
#quote-panel input,
#quote-panel textarea,
#quote-panel select {
	border:none;
	background:#fff;
	color:#000;
	padding: 10px 15px;
	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#quote-panel input[type='submit'] {
	border-radius:0;
	border:5px solid #fff;
	background:rgba(255,255,255,.3);
	color:#fff;
	width:100%;
	text-align:center;
	padding:15px 0;
}
#quote-panel input[type='submit']:hover {
	border-color:#013354;
	background:#013354;
	color:#fff;
}
.gform_wrapper .gform_footer {
	padding-right:15px!important;
}
body .gform_wrapper .top_label div.ginput_container {
	margin-top:8px!important;
}



/* Gallery */
.gallery_page .single_pro {
	padding:0 15px;
	margin:65px 0;
}
.gallery_page  .single_pro .content {
	padding:15px;
	background:#fff;
}
.gallery_page  .single_pro .image img,
.gallery_page  .single_pro .other_image img {
	width:100%;
}
.gallery_page  .single_pro .size {
	font-size:28px;
	margin-bottom:25px;
}
.gallery_page  .single_pro .action {
	margin:35px 0;
	padding:35px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.gallery_page  .single_pro h3 {
	font-family:"Roboto-Bold";
	font-size:20px;
}
.gallery_page  .single_pro .qes {
	margin-bottom:25px;
}
.gallery_page  .single_pro .rq_quote,
.gallery_page  .single_pro .call_customer {
	display:inline-block;
	padding:10px 25px;
	background:#6ec7f0;
	color:#fff;
	
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.gallery_page  .single_pro .rq_quote:hover,
.gallery_page  .single_pro .call_customer:hover {
	background:#003354;
}
.gallery_page  .single_pro .other_image {
	margin-top:70px;
}


/* Offices */
.offices_page {
	margin:60px 0 0;
}
.offices_page .bussiness {
	margin:15px 0;
}
.offices_page .bussiness,
.offices_page .bussiness h4 {
	font-weight:bold!important;
}
.offices_page .map_code {
	margin-top:25px;
}

/* ICONS */
.testimonial_icon {
	padding-left:90px;
	position:relative;
	text-indent:-20px;
	margin-top:25px;
}
.testimonial_icon:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="55px" height="55px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 254 254" xmlns:xlink="http://www.w3.org/1999/xlink"><path style="fill:white" d="M152 189c-1,1 -5,2 -7,0l-4 -5c-2,-3 0,-6 2,-7 7,-6 12,-11 15,-14 6,-6 11,-13 14,-19 1,-2 -1,-3 -2,-3 -23,-8 -34,-21 -34,-40 0,-11 3,-20 11,-27 7,-7 16,-10 28,-10 9,0 18,4 26,13 7,9 11,18 11,28 0,29 -20,57 -60,84zm-87 0c-2,1 -5,2 -7,0l-4 -5c-2,-3 0,-6 2,-7 7,-6 12,-11 15,-14 6,-6 11,-13 14,-19 0,-2 -1,-3 -2,-3 -23,-8 -35,-21 -35,-40 0,-11 4,-20 12,-27 7,-7 16,-10 27,-10 10,0 19,4 27,13 7,9 11,18 11,28 0,29 -20,57 -60,84zm62 -189c-70,0 -127,57 -127,127 0,70 57,127 127,127 70,0 127,-57 127,-127 0,-70 -57,-127 -127,-127z"/></svg>');
	position:absolute;
	left:20px;
	top:0;
}

.check_icon {
	padding-left:90px;
	position:relative;
	margin-top:25px;
}
.check_icon:before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="55px" height="55px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 217 217" xmlns:xlink="http://www.w3.org/1999/xlink"><path style="fill:white" d="M108 209c-55,0 -100,-45 -100,-101 0,-55 45,-100 100,-100 56,0 101,45 101,100 0,56 -45,101 -101,101zm0 -209c-59,0 -108,49 -108,108 0,60 49,109 108,109 60,0 109,-49 109,-109 0,-59 -49,-108 -109,-108l0 0z"/><path style="fill:white" d="M160 64l-65 72 -38 -31c-2,-1 -5,-1 -6,1 -1,2 -1,4 1,6l41 33c1,1 2,1 3,1 1,0 2,0 3,-1l67 -75c1,-2 1,-5 0,-6 -2,-2 -5,-2 -6,0l0 0z"/></svg>');
	position:absolute;
	left:20px;
	top:5px;
}


/* Animation */
@-webkit-keyframes slideInLeft {
  from { right:1000px;opacity:0; }
  to { right:0px;opacity:1; }
}

@keyframes slideInLeft {
	from { right:1000px;opacity:0; }
	to { right:0px;opacity:1; }
}
.ef_slideInLeft {
	right:1000px;
	opacity:0;
}
.slideInLeft {
	-webkit-animation: slideInLeft 1.5s forwards;
	animation: slideInLeft 1.5s forwards;
}
.tableTimeCapPartNumber {
    padding: 6px;
    margin: 0px 0px 4px 0px;
    background-color: #322f2f;
    border-right: solid 2px #a1a1a1;
    color: #fff;
    width: 70px;
    text-align: center;
}
.tableTimeCapColumn {
    padding: 6px;
    margin: 0px 0px 4px 0px;
    background-color: #3b454d;
    border-right: solid 2px #a1a1a1;
    color: #fff;
    width: 75px;
    text-align: center;
}
.tableBorder {
    border: 2px solid #eaeaea;
    width: 100%;
    color: #3B3B3B;
    margin: 0px 0px 0px 0px;
        text-align: center !important;

}