/* 
Theme Name:		 Onesky Philippines
Theme URI:		 
Description:	 
Author:			 
Author URI:		 
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */ 

/* = General
------------------------------------------------------- */

body {
    font-family: 'Montserrat', sans-serif;
}

button {
	border-radius: 0 !important;
}

p {
	color: #666;
	font-size: 11pt;
	font-weight: 300;
	line-height: 1.7;
}

.red-line {
	width: 75px;
	background-color: #1b5b5e;
	margin: 0;
	height: 3px;
}

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

div#n2-ss-2 .n2-font-a0f065f97fdfcb882075e6de7ec92983-link a:after {
	 font-family: FontAwesome;
    content: "\f054";
    margin-left: 10px;
	color: #fff;
}

.mid-line {
	margin: 0 auto !important;
}

.postThumbnail img {
	width: 100%;
}

.dark {
	color: #333;
}

.light {
	color: #fff;
}

.small-sec-padding {
	padding: 2% 0;
}

.sec-padding {
	padding: 5% 0;
}

.sec-title {
	font-size: 24pt;
	font-weight: 600;
	text-transform: uppercase;
	line-height: normal;
	margin-bottom: 15px;
}

.sec-sub-title {
	font-size: 12pt;
	font-weight: 300;
	text-transform: uppercase;
	line-height: normal;
	margin-bottom: 0;
}

.onesky-btn-red {
	border: 1px solid #1b5b5e;
	background-color: #1b5b5e;
	color: #fff;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: normal;
	padding: 12px;
	display: inline-block;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

.onesky-btn-black {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: normal;
	padding: 12px;
	display: inline-block;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

.onesky-btn-ghost {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: normal;
	padding: 12px;
	display: inline-block;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

.btn-light:hover,
.btn-light:focus {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}

.btn-dark:hover,
.btn-dark:focus {
	border: 1px solid #000;
	background-color: transparent;
	color: #000;
	text-decoration: none;
	box-shadow: none;
}

.btn-red:hover,
.btn-red:focus {
	border: 1px solid #1b5b5e;
	background-color: #1b5b5e;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}

.btn-black:hover,
.btn-black:focus {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
}

.onesky-btn-black {
	background-color: #000;
}

/* = Nav
------------------------------------------------------- */

.navbar {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.menu ul {
	list-style-type: none;
	list-style: none;
}

.menu ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
	position: relative;
}

.menu ul li a:hover,
.menu ul li a:focus {
	text-decoration: none;
	background-color: #f8f8f8;
}

.menu-item-15 a {
	background-color: #1b5b5e;
	border: none;
	padding: 15px;
	color: #fff !important;
	text-transform: uppercase;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

.menu-item-15 a:hover,
.menu-item-15 a:focus {
	border: none !important;
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none;
	box-shadow: none;
	padding: 29px 15px !important;
}

.navbar-brand img {
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
}

/*.page-id-9402 .navbar,
.page-id-9402 .social-media,
.page-id-9402 .copyright,
.page-id-9402 footer,
body.error404 .navbar,
body.error404 .social-media,
body.error404 .copyright,
body.error404 footer {
	display: none;
} */

ul.sub-menu {
	display: none;
}

.menu-item-has-children ul.sub-menu {
	display: none;
}

.menu-item-has-children:hover ul.sub-menu {
	display: block;
	background-color: #f3f3f3;
	position: absolute;
	margin: 26px 0px 0;
	width: 250px;
	z-index: 999;
}

.item-each{
	max-width: 198px;
	display: inline-block;
	margin: 10px;
}

.products-page img{
	max-width: 400px;
	margin: auto;
	display: block;
	margin-bottom: 30px;
}

.products-page2 .col-md-4{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.products-page2 .col-md-4 img{
	max-width: 300px;
	width: 100%;
}

.item-each img{
	height: 190px;
	object-fit: contain;
}

ul.sub-menu li {
	display: block !important;
	padding: 0;
}

ul.sub-menu li a {
	display: block !important;
	padding: 5px !important;
}

ul.sub-menu li a:hover,
ul.sub-menu li a:focus {
	background-color: #1b5b5e;
	color: #fff;
}

/*@media screen and (max-width: 991px) {

	.menu ul li {
		display: block;
		padding: 0;
	}

	.menu ul li a {
		display: block;
		padding: 7px 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

	.menu ul li a:hover,
	.menu ul li a:focus {
		text-decoration: none;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.menu ul li:after {
		content: " ";
		margin-left: 0;
	}

	.menu-item-15 a:hover, .menu-item-15 a:focus {
	    padding: 7px 10px !important;
	}

	.menu-item-has-children ul.sub-menu{
		display: block;
		margin-left: unset;
	}

	.menu-item-has-children:hover ul.sub-menu {
	    display: inherit;
	    background-color: inherit;
	    position: inherit;
	    margin: inherit;
	    width: inherit;
	    z-index: inherit;
	}

	.menu-item-has-children ul.sub-menu a{
		padding-left: 25px !important
	}

	.menu-item-has-children ul.sub-menu a:hover{
		color: black;
	}
} 
*/


@media only screen and (min-width: 1200px) {
	.menu ul li a {
		padding: 29px 34px;
		color: #333;
		font-size: 11pt;
		font-weight: bold;
		letter-spacing: 1px;
		transition: all ease-in-out .5s;
		-webkit-transition: all ease-in-out .5s;
		-moz-transition: all ease-in-out .5s;
	}

	.menu li ul.sub-menu li a{
		font-weight: 300!important;
	}
}

@media only screen and (max-width: 1199px) {
	.menu ul li a {
		padding: 29px 20px;
		color: #333;
		font-size: 11pt;
		font-weight: 300;
		letter-spacing: 1px;
		transition: all ease-in-out .5s;
		-webkit-transition: all ease-in-out .5s;
		-moz-transition: all ease-in-out .5s;
	}
}
 

@media only screen and (max-width: 767px) {
	.navbar {
		padding: 0;
	}
}

@media only screen and (min-width: 992px) {
  .brand {
    display: none;
  }

  .navbar {
    padding: 0!important;
    height: 101px;
    margin-top:12px;
    border-bottom: 1px solid #f0f0f0;
    box-shadow: none!important;
    z-index: 1;
  }

  .navbar-brand {
    float: unset;
    margin: 0 auto;
    display: contents;
    width: 80%;
  }

  .navbar-brand img {
    margin: 0 auto!important;
    width: 238px!important;
  }

  .navbar-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  #nav_menu {
    width: 36%;
  }

  .collapse.navbar-collapse {
    padding: 0;
  }



  #menu-left-menu {
    float: right;
  }

}

#menu-item-827 a {
  background: #1b5b5e;
  color: #fff;
  padding: 10px;
  text-transform: 	uppercase;
}

#menu-item-827 a:hover {
  background: #000;
  color: #fff;
}

@media only screen and (max-width: 991px) {
	.navbar-brand {
		display: none;
	}

	.brand.pull-left {
		width: 70%;
	}

	.navbar-toggler {
	  	position: relative;
	  	right: 1%;
	}

	.brand img {
	    width: 47%;
	  }

	.menu-item-has-children ul.sub-menu {
		background-color: #f3f3f3;
		display: inline-block!important;
		position:relative;
		margin: 0 20px!important;
		width: 100%;
		z-index: 999;
	}
	
	.menu-item-has-children:hover ul.sub-menu {
		background-color: #f3f3f3;
		display: inline-block!important;
		position:relative;
		margin: 0 20px!important;
		width: 100%;
		z-index: 999;
	}


	#nav_menu ul li {
		display: block;
		margin-bottom: 25px;
	}

	.navbar-flex {
		margin-top: 26px;
	}

	#nav_menu ul li ul.sub-menu li {
		margin: 0!important;
	}

	#nav_menu li#menu-item-827 {
		margin-top: 50px;
	}
}






/* = Footer
------------------------------------------------------- */

footer {
    background-image: url(//www.huayinxw.com/wp-content/uploads/2018/07/bg-one.jpg);
    background-size: 110px 100px;
}

footer ul { 
	list-style-type: none;
}

footer p,
footer li,
footer a {
	color: #fff;
	font-size: 11pt;
	font-weight: 300;
	line-height: 1.7;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

footer a:hover,
footer a:focus {
	color: #1b5b5e;
	text-decoration: none;
}

footer p,
footer li:first-of-type {
	margin-top: 15px;
}

footer h2 {
	color: #fff;
	font-size: 16pt;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

footer img {
	height: 50px;
}

.mar-top {
	margin-top: 15px;
}

.copyright {
	background-color: #000;
	padding: 15px;
}

.copyright p {
	padding: 0;
	margin: 0 auto;
}

/* = Main Pages
------------------------------------------------------- */

.hero-banner {
	background: url(assets/images/hero-banner.jpg) center center /cover no-repeat;
	width: 100%;
	height: 500px;
	display: table;
}

.hero-banner .onesky-btn-red {
	padding: 15px;
}

.hero-banner .container {
	display: table-cell;
	vertical-align: middle;
}

.hero-banner h1 {
	color: #fff;
	font-size: 30pt;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto;
	letter-spacing: 1px;
}

.hero-banner h2 {
	color: #fff;
	font-size: 11pt;
	font-weight: 300;
	padding: 0;
	margin-bottom: 20px;
}

.services-icon{
    max-width: 45px;
    width: 100%;
}

.services-icon img{
	width: 100%;
}

.onesky-num img {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 15px;
	height: 200px;
	width: 200px;		
}

.products-title {
	font-size: 16pt;
	font-weight: 300;
	text-transform: capitalize;
}

.products .products-header {
	background-color: #222;
	padding-left: 15px;
	padding-right: 15px;
}

.products-wrap {
	position: relative;
	vertical-align: top;
	display: table;
	width: 50%;
	height: 330px;
}

.products-overlay {
	position: relative;
}

.products-overlay:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 330px;
	opacity: .5;
	background-color: #000;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

.products-overlay:hover:before {
	background-color: #1b5b5e;
} 

.products-container * {
	position: relative;
}

.products-wrap .products-container {
	display: table-cell;
	vertical-align: middle;
}

.products-wrap:first-child {
	background: url(assets/images/aluminum-windows.jpg) center center /cover no-repeat;
}

.products-wrap:nth-child(2) {
	background: url(assets/images/Interior-Balcony-Railing-Kits-Set.jpg) center center /cover no-repeat;
}

.products-wrap:nth-child(3) {
	background: url(assets/images/stainless-steel-pipe-and-tube-1-large.jpg) center center /cover no-repeat;
}

.products-wrap:last-child {
	background: url(assets/images/stack-of-glass-sheets.jpg) center center /cover no-repeat;
}

.products-wrap:hover {
	box-shadow: -12px 0 15px -4px rgba(0, 0, 0, 0.8);
	z-index: 999;
}

.services-ul {
	padding: 3% 0 0;
	list-style-type: none;
}

.services-li {
	z-index: 1;
	margin: 0px 0px 15px;
	position: relative;
	flex-direction: row;
	width: 100%;
	height: 100%;
	display: flex;
	border: 0;
}

.serv-img {
	position: relative;
	display: block;
	object-fit: contain;
}

.services-desc {
	margin-left: 15px;
}

.contact {
	background-color: #222;
}

.contact .container {
	display: flex;
}

.contact .left {
	width: 70%;
	position: relative;
}

.contact .left:after {
	content: "";
	background: url(assets/images/one.png);
	width: 100px;
	height: 100px;
}

.contact .right {
	width: 30%;
}

.contact h2 {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0;
}

.contact .onesky-btn-red {
	padding: 20px 25px;
	float: right;
}

.p-mobile {
	display: none;
}


.page-banner {
	width: 100%;
	height: 300px;
	display: table;
}

.page-about {
	background: url(assets/images/about.jpg) center center /cover no-repeat;
}

.page-banner .container {
	display: table-cell;
	vertical-align: middle;
}

.featured-img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.blog {
	background-color: #f6f6f6;
}

.blog-card {
	background-color: #fff;
	padding: 20px;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
}

.blog-card:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
}

.blog-card .blog-header {
	height: 65px;
}


.about-header {
	position: relative;
	z-index: 1;
}

.about-us,
.services {
	background-color: #fff;
}

.about-wrap {
	position: relative;
	vertical-align: top;
	display: table;
	width: 33.333%;
	height: 400px;
}

.about-wrap .about-container {
	display: table-cell;
	vertical-align: middle;
	padding: 30px;
}

.about-wrap:first-child {
	background: url(assets/images/about-image1.jpg) center center /cover no-repeat;
}

.about-wrap:nth-child(3) {
	background: url(assets/images/about-image2.jpg) center center /cover no-repeat;
}

.about-wrap:nth-child(5) {
	background: url(assets/images/about-image3.jpg) center center /cover no-repeat;
}

.about-page {
	background-color: #f6f6f6;
}

.gray-bg {
	background-color: #f6f6f6 !important; 
}

.about-page p {
	margin-bottom: 0;
}

.about-img {
	width: 75px;
	height: 75px;
}

.products-page {
	background-color: #f6f6f6;
}

.features-wrap {
	display: flex;
    align-items: baseline;
}

.features-wrap h3 {
	font-size: 12pt;
	font-weight: 700;
    margin-bottom: 0;
}

.features-icon {
	background-color: #1b5b5e;
	color: #fff;
	padding: 15px;
	height: 50px;
	width: auto;
	margin-right: 15px;
}

.contact-page {
	background: url(assets/images/contact-bg.jpg) center center /cover no-repeat;
}

.contact-page ul {
	list-style-type: none;
	margin: 0;
}

.contact-page ul li,
.contact-page ul li a {
	font-weight: 300;
	font-size: 11pt;
	color: #333;
}

.contact-info,
.other-branches {
	background-color: rgba(255, 255, 255, 0.95);
	padding: 25px;
	margin-bottom: 25px;
}

.contact-info h2,
.other-branches h2 {
	font-weight: 700;
	font-size: 14pt;
	color: #000;
	text-transform: uppercase;
}

.other-branches h3 {
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #1b5b5e;
}

ul.caloocan {
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

ul.bulacan {
	padding: 20px 0 0;
}

.contact-page .svg-inline--fa {
	color: #fff;
	background-color: #1b5b5e;
	height: 20px;
	width: 20px;
	padding: 5px;
	vertical-align: middle;
	margin-right: 5px;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	border-radius: 0;
	padding: 10px;
	font-size: 11pt;
	color: #000;
}

.contact-page input[type="submit"] {
	border: 1px solid #1b5b5e;
	background-color: #1b5b5e;
	color: #fff;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: normal;
	padding: 12px;
	display: inline-block;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	border-radius: 0;
}

.contact-page input[type="submit"]:hover,
.contact-page input[type="submit"]:focus {
	border: 1px solid #000;
	background-color: transparent;
	color: #000;
	text-decoration: none;
	box-shadow: none;
	border-radius: 0;
}

.contact-form {
	padding: 25px;
	background-color: rgba(255, 255, 255, 0.9);
}

.product-cat {
	position: relative;
	vertical-align: top;
	display: table;
	height: 330px;
	margin-bottom: 30px;
}

.product-cat-wrap * {
	position: relative;
}

.product-cat .product-cat-wrap {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.product-cat-page {
	background-color: #f6f6f6;
}

.cat-1 {
	background: url(assets/images/aluminum-windows.jpg) center center /cover no-repeat;
}

.cat-2 {
	background: url(assets/images/aluminum-railings.jpg) center center /cover no-repeat;
}

.cat-3 {
	background: url(//www.huayinxw.com/wp-content/uploads/2018/07/306-stainless-steel.jpg) center center /cover no-repeat;
}

.cat-4 {
	background: url(//www.huayinxw.com/wp-content/uploads/2018/07/1603-Products-Glass-and-Glazing-02.jpg) center center /cover no-repeat;
}


.product-img {
	background-color: #fff;
	padding: 30px;
}

.series-img {
	background-color: #fff;
	padding: 15px;
}


/* LP Content */
	
.content-page {
	margin-top: 23px;
	margin-bottom: 100px;
}


.content-page h1 {
	font-weight: bold;
	margin-top: -50px;
}

.entry-content h3 {
	margin-top: -40px;
	font-weight: bold;
}

.entry-content a {
	text-decoration: none;
}

div.entry-content li > p {
	margin-left: 20px;
}

div.entry-content ol > li {
	margin-left: 20px;
}

div.entry-content ul > li {
	margin-left: 20px;
}

img.alignnone.size-full.wp-image-166 {
	margin: 0 auto;
	display: block;
	width: 263px;
	height: 350px;
}

.content-page p {
	font-weight: 400;
	text-align: justify;
}

#article {
	margin-top: 100px;
}


.entry-footer {
	background: none;
}


/* Sidebar for LP */

header.entry-header {
	display:none;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
	float: left;
	margin-top: 28px;
	margin-bottom: 100px;
	width: 65%;
}

.content-page p {
	text-align: justify;
}

#secondary {
	width: 90%;
	margin: 0 auto;
	padding-top: 14px;

}

.sidebar-jumbotron {
	background: url(assets/images/hero-banner.jpg) center center /cover no-repeat;
	border-radius: 0;
	height: 293px;
}

#secondary #jumb-cont h4 {
	color: #fff;
	font-weight: bold;
}

#secondary #jumb-cont p {
	color: #fff;
}


button.btn.btn-danger {
	background: #1b5b5e;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px;
}

button.btn.btn-danger:hover {
	background: #000;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px;
}

input.wpcf7-form-control.wpcf7-submit {
	margin-top: 15px;
}


div.entry-content img {
	object-fit: cover;
	display:block;
	width: 100%;
	/*height: 300px;*/
}


h2.widget-title {
	margin-top: 10px;
}


.content-page h5 {
	color: #222;
	opacity: 1;
}

.link-more {
	display: none;
}

.blog-posted {
	padding-top: 20px;
}

a.btn.btn-mel.btn-sm.no-shadow {
	background: #1b5b5e;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 0;
}

a.btn.btn-mel.btn-sm.no-shadow:hover {
	background: #000;
    border: none;
    padding: 10px 20px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 0;
}


.has-sidebar #secondary {
	width: 90%;
}


/* media screen for 768 > 991 blog page*/


@media screen and (min-width: 768px) and  (max-width: 991px) {
		.blog-posted {
			padding-top: 50px;
		}
	}



@media screen and (max-width: 1200px) {
		.blog-posted {
			padding-top: 50px;
		}
	}

@media screen and (max-width: 767px) {
		.blog-post {
			padding-top: 50px;
		}
		.blog-posted {
			padding-top: 10px;
		}
		#secondary {
			margin-top: -20px;
		}
	}





/* minimal adjust of 768 responsive jumb */

@media screen and (min-width: 768px) and  (max-width: 991px) {
	.sidebar-jumbotron {
	background: url(assets/images/hero-banner.jpg) center center /cover no-repeat;
	border-radius: 0;
	height: 301px;
	margin-top: -5px;
	}

	#jumb-cont {
		margin-top: -30px;
	}

}



/* = Responsive
------------------------------------------------------- */

@media screen and (max-width: 320px) {

	.about-wrap {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {

	.contact-page .row {
		flex-direction: column-reverse;
	}

	.page-banner .sec-sub-title {
		margin: 15px 0 0 !important;
	}

	.about-wrap:first-child,
	.about-wrap:nth-child(3),
	.about-wrap:nth-child(5) {
		height: 150px;
	}

	.about-wrap {
		width: 100%;
	}

	.about-wrap:nth-of-type(4) .about-container {
		background-color: #f6f6f6;
	}

	.p-mobile {
		display: block;
	} 

	.p-desktop {
		display: none;
	}

	.onesky-num img {
		right: 15px;
	}

	.products .sec-sub-title {
		margin: 15px 0 0;
	}

	.sec-sub-title {
		font-size: 100%;
		margin: 15px 0 30px;
		padding: 0;
	}

	.hero-banner,
	.page-banner {
		height: unset;
		padding: 30px 0;
	}

	.hero-banner h1 {
		font-size: 180%;
		line-height: normal;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	.hero-banner h2 {
		padding-top: 0;
		margin-bottom: 20px;
		font-size: 100%;
	}

	.services-desc-title {
		font-size: 100%;
	}

	.contact h2 {
		font-size: 100%;
	}

	.contact .container {
    	display: block;
	}

	.contact .onesky-btn-red {
		float: none;
	}

	.contact .left {
		width: 100%;
		position: relative;
	}

	.contact .right {
		width: 100%;
	}

	.services .mid-line {
		margin: 0 !important;
	}

	.services .text-center {
		text-align: left !important;
	}

	.sec-title {
		letter-spacing: 1px;
		font-size: 160%;
	}

	.products-container {
		padding: 20px;
	}

	.products-wrap {
		width: 50%;
	}

	.products-wrap:first-child:hover,
	.products-wrap:nth-child(2):hover {
		box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.8), 0 -20px 0 0 #222, 12px 0 15px -4px rgba(0, 0, 0, 0.8), -12px 0 15px -4px rgba(0, 0, 0, 0.8);
		z-index: 999;
	}

	.products-wrap:last-child:hover {
		box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.8);
		z-index: 999;
	}

	.products-title {
		font-size: 100%;
	}

	.onesky-btn-red,
	.onesky-btn-black,
	.onesky-btn-ghost {
		font-size: 55%;
	}

	.products-wrap {
		height: 175px;
	}

	.products-overlay:before {
		height: 175px;
	}

	.sec-padding,
	.small-sec-padding {
		padding: 30px 0;
	}

	.services-li {
		padding: 0;
	}

	.services-ul {
		padding: 15px 0 0;
	}
}

.flex-alu-rail ul{
    list-style: none;
    font-size: 20px;
}

.flex-alu-rail li span{
	color: #1b5b5e;
	font-size: 25px;
	font-weight: 900;
}

.flex-alu-rail ul li{
    height: 35px;
}

.flex-alu-rail{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.glass_products ul{
	padding-left: 35px;
}

.glass_btn{
	margin-top: 10px;
}

.features-icon.checking {
    background-color: #1ad29a;
    padding: 15px 17px;
    border-radius: 100%;
    margin-right: unset;
    margin-bottom: 15px;
}

.features-icon.closing {
    background-color: #e9345b;
    padding: 14px 19px;
    border-radius: 100%;
    margin-right: unset;
    margin-bottom: 15px;
}

.flex-column{
	flex-direction: column;
}

.flex-column > div{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;	
}

.widget ul li, .widget ol li {
     border-bottom: unset; 
}

.gallery-area{
    background: #f6f6f6;
    padding: 60px 0;
}

.gallery-area .carousel {
    margin-bottom: 0;
    padding: 0 55px;
    margin-top: 35px;
}
/* Reposition the controls slightly */
.gallery-area .carousel-control {
	left: -12px;
}
.gallery-area .carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.gallery-area .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.gallery-area .carousel-indicators li {
	background: #c0c0c0;
}
.gallery-area .carousel-indicators .active {
background: #333333;
}

.gallery-area .carousel-control {
    width: 45px;
    height: 45px;
    border: 2px solid black;
    background: transparent;
    color: black;
    transition: .5s;
}
 
.gallery-area .thumbnail {
    border: 0;
    border-radius: 0;
}

.gallery-area .carousel-control:hover, .gallery-area .carousel-control:focus {
    color: #ffffff;
    background: #205861;
    border-color: white;
}

.gallery-area .thumbnail>img {
    width: 230px;
    height: 230px;
    object-fit: cover;
}

.row-fluid{
	display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    margin-left: -15px;
    margin-right: -15px;
}

.row-fluid .span3{
	width: 100%;
	padding: 5px;
	background: white;
	margin: 10px;
	max-width: 240px;
}

.bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.first-banner{
	background-image: url('//www.huayinxw.com/wp-content/uploads/2018/06/banner-first.jpg');
    padding: 50px 0;
}

.second-banner{
	background-image: url('//www.huayinxw.com/wp-content/uploads/2018/06/second-banner.jpg');
    padding: 50px 0;
}

.bannerized img{
	max-height: 340px;
margin: auto;
display: block;
}

.bannerized p{
    color: white;
    margin-bottom: 5px;
    font-size: 14px;
}

.bannerized h3{
	color: white;
}

.bannerized .col-md-6{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
}

.description-text{
	max-width: 400px;
	margin: auto;
	display: block;
}

.product-section h1 , .gallery-area h3, .masonry-section h3{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 700;
	color: #205861;
}

.product-section .row{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.product-section img.blog-image-featured{
	max-width: 300px;
	margin: auto;
	display: block;
}

.product-section{
	padding: 50px 0;
}

.blue-green{
	background: #1f5862; 
	padding: 20px 0;
}

.blue-green h2{
	margin-bottom: 0;
	text-align: center;
	color: white;
	font-weight: 700;
}

.area-colors{
    display: flex;
    display: -webkit-flex;
    justify-content: center;	
    margin-top: 20px;
}

.area-colors img{
	width: 50px;
    height: 50px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    border: 0;
    transform: rotateY(25deg);
}

.area-colors div{
    perspective: 100px;
	margin: -5px;
}

.masonry {
 -moz-column-width: 13em;
 -webkit-column-width: 13em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em; 
}

.masonry-section{
    background: #ebebeb;
    padding: 70px 0;
}

.masonry section {
 display: inline-block;
 margin:  10px;
 padding: 15px;
 width:  100%; 
 background:  white;
 box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.masonry section > div{
	position: relative;
}

.masonry section > div img{
	width: 100%;
	height: 100%;
}

.masonry section > div div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    background: #1b5b5ead;
    color: white;
    transition: .4s;
    opacity: 0;	
}

.masonry section:hover div{
	opacity: 1;
}

.masonry section > div div h4{
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 15px;
    color: white;
    text-transform: capitalize;
}

.masonry-section h3{
	margin-bottom: 40px;
}

.carousel-control-next, .carousel-control-prev {
    width: 30px;
}

.carousel-control-next span, .carousel-control-prev span{
    width: 45px;
    height: 45px;
    border: 2px solid black;
    transition: .5s;
    border-radius: 100%;
    padding: 20px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-size: 50% 50%;
}

.carousel-control-next-icon {
    background-image: url(//www.huayinxw.com/wp-content/uploads/2018/06/arrow-right.png);
}

.carousel-control-prev-icon {
    background-image: url(//www.huayinxw.com/wp-content/uploads/2018/06/arrow-left.png);
}

.fbx-caption-title {
    text-transform: capitalize;
}

.second-banner .row{
	display: flex;
	display: -webkit-flex;
}

@media screen and (max-width: 991px){
	.gallery-area .thumbnail>img {
	    height: 125px;
	}
}

@media screen and (max-width: 767px){
	.carousel-item .row-fluid{
		flex-direction: column;
		text-align: center;
		max-width: 260px;
		margin: auto;
	}

	.second-banner .row{
		flex-direction: column-reverse;
	}

	.gallery-area .thumbnail>img {
	    height: unset;
	}
}


/* Thank you page */

section.thank-you-page {
	background-image: url(//www.huayinxw.com/wp-content/themes/onesky/assets/images/onesky-thank-you.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
	max-height: 100vh;
	background-position: center center;
}


section.thank-you-page h1 {
	color: #fff;
	font-weight: 700;
	font-size: 42px;
}

section.thank-you-page p {
	color: #fff;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 1px;
}

section.thank-you-page .thank-you-details {
	padding: 167px 0;
}

section.thank-you-page a {
	text-decoration: none;
	color: #fff;
}

section.thank-you-page a:hover,
section.thank-you-page a:focus {
	text-decoration: none;
	color: #1b5b5e;
}

section.thank-you-page .btn-success {
	background: #1b5b5e;
	padding: 10px 20px;
	border: 2px #1b5b5e solid;
	border-radius: 0;
}

section.thank-you-page .btn-success:hover {
	background: #000;
	padding: 10px 20px;
	color: #fff;
	border: 2px #000 solid;
	border-radius: 0;
	transition: all ease-in-out .5s!important;
	-webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}

/* 404 Page */

section.not-found-page {
	background-image: url(//www.huayinxw.com/wp-content/themes/onesky/assets/images/onesky-alum-404.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
	max-height: 100vh;
	background-position: center center;
}


section.not-found-page .btn.btn-success {
	background-color: #1b5b5e;
    border: none;
    padding: 15px;
    color: #fff !important;
    text-transform: uppercase;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}

section.not-found-page .btn.btn-success:hover {
	background-color: #000;
    border: none;
    padding: 15px;
    color: #fff !important;
    text-transform: uppercase;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}

section.not-found-page .not-found-content-page {
	padding: 147px 0;
}

section.not-found-page h1 {
	color: #fff;
	font-weight: 700;
	font-size: 97px;
	margin-bottom:0;
	padding-bottom:0;
}

section.not-found-page p {
	color: #fff;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 1px;
}

section.not-found-page u {
	text-decoration: underline;
    text-decoration-color: #4a4a4a;
    font-weight: 700;
}


/* Search Page */

.search-page {
	padding: 27px 0;
}

/* Tag Page */

.tag-page {
	padding: 27px 0;
}

/* Map Direction */

.wpsl-directions {
	background: #1a5b5e;
	padding: 7px 15px;
	color: #fff;
	border-radius: 5px;
	margin-top: 15px;
}

.wpsl-directions:hover {
	background: #1a5b5e;
	padding: 7px 15px;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 15px;
}

.wpsl-directions:before {
	font-family: FontAwesome;
	content: "\f041";
	vertical-align: middle;
	padding-right: 10px!important;
}

.one-material-type {
	padding: 50px 0;
	background: #ebebeb;
}

.one-sub-header {
	text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    color: #205861;
    margin-bottom: 50px;
}

.one-material-type img {
	display: table;
	margin: 37px auto;
}

/* Carousel */

.slider__item {
  transition: all 0.2s ease; }
  #slide-1:checked ~ .slider__holder .slider__item--1 {
    position: relative;
    z-index: 2;
    transform: translate(0) scale(1); }
  #slide-2:checked ~ .slider__holder .slider__item--1 {
    z-index: 1;
    transform: translateX(-100px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-2:checked ~ .slider__holder .slider__item--1 {
        opacity: 0.6; } }
  #slide-3:checked ~ .slider__holder .slider__item--1 {
    z-index: 0;
    transform: translateX(-210px) scale(0.65); }
    @media (max-width: 900px) {
      #slide-3:checked ~ .slider__holder .slider__item--1 {
        transform: translateX(-170px) scale(0.65); } }
    @media (max-width: 768px) {
      #slide-3:checked ~ .slider__holder .slider__item--1 {
        opacity: 0; } }
  #slide-4:checked ~ .slider__holder .slider__item--1 {
    z-index: -1;
    opacity: 0;
    transform: translateX(-210px) scale(0.65); }
  #slide-5:checked ~ .slider__holder .slider__item--1 {
    z-index: -1;
    opacity: 0;
    transform: translateX(-210px) scale(0.65); }
  #slide-1:checked ~ .slider__holder .slider__item--2 {
    z-index: 1;
    transform: translateX(100px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-1:checked ~ .slider__holder .slider__item--2 {
        opacity: 0.6; } }
  #slide-2:checked ~ .slider__holder .slider__item--2 {
    position: relative;
    z-index: 2;
    transform: translate(0) scale(1); }
  #slide-3:checked ~ .slider__holder .slider__item--2 {
    z-index: 1;
    transform: translateX(-300px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-3:checked ~ .slider__holder .slider__item--2 {
        opacity: 0.6; } }
  #slide-4:checked ~ .slider__holder .slider__item--2 {
    z-index: 0;
    transform: translateX(-210px) scale(0.65); }
    @media (max-width: 900px) {
      #slide-4:checked ~ .slider__holder .slider__item--2 {
        transform: translateX(-170px) scale(0.65); } }
    @media (max-width: 768px) {
      #slide-4:checked ~ .slider__holder .slider__item--2 {
        opacity: 0; } }
  #slide-5:checked ~ .slider__holder .slider__item--2 {
    z-index: -1;
    opacity: 0;
    transform: translateX(-210px) scale(0.65); }
  #slide-1:checked ~ .slider__holder .slider__item--3 {
    z-index: 0;
    transform: translateX(210px) scale(0.65); }
    @media (max-width: 900px) {
      #slide-1:checked ~ .slider__holder .slider__item--3 {
        transform: translateX(170px) scale(0.65); } }
    @media (max-width: 768px) {
      #slide-1:checked ~ .slider__holder .slider__item--3 {
        opacity: 0; } }
  #slide-2:checked ~ .slider__holder .slider__item--3 {
    z-index: 1;
    transform: translateX(100px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-2:checked ~ .slider__holder .slider__item--3 {
        opacity: 0.6; } }
  #slide-3:checked ~ .slider__holder .slider__item--3 {
    position: relative;
    z-index: 2;
    transform: translate(0) scale(1); }
  #slide-4:checked ~ .slider__holder .slider__item--3 {
    z-index: 1;
    transform: translateX(-100px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-4:checked ~ .slider__holder .slider__item--3 {
        opacity: 0.6; } }
  #slide-5:checked ~ .slider__holder .slider__item--3 {
    z-index: 0;
    transform: translateX(-210px) scale(0.65); }
    @media (max-width: 900px) {
      #slide-5:checked ~ .slider__holder .slider__item--3 {
        transform: translateX(-170px) scale(0.65); } }
    @media (max-width: 768px) {
      #slide-5:checked ~ .slider__holder .slider__item--3 {
        opacity: 0; } }
  #slide-1:checked ~ .slider__holder .slider__item--4 {
    z-index: -1;
    opacity: 0;
    transform: translateX(210px) scale(0.65); }
  #slide-2:checked ~ .slider__holder .slider__item--4 {
    z-index: 0;
    transform: translateX(210px) scale(0.65); }
    @media (max-width: 900px) {
      #slide-2:checked ~ .slider__holder .slider__item--4 {
        transform: translateX(170px) scale(0.65); } }
    @media (max-width: 768px) {
      #slide-2:checked ~ .slider__holder .slider__item--4 {
        opacity: 0; } }
  #slide-3:checked ~ .slider__holder .slider__item--4 {
    z-index: 1;
    transform: translateX(300px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-3:checked ~ .slider__holder .slider__item--4 {
        opacity: 0.6; } }
  #slide-4:checked ~ .slider__holder .slider__item--4 {
    position: relative;
    z-index: 2;
    transform: translate(0) scale(1); }
  #slide-5:checked ~ .slider__holder .slider__item--4 {
    z-index: 1;
    transform: translateX(-100px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-5:checked ~ .slider__holder .slider__item--4 {
        opacity: 0.6; } }
  #slide-1:checked ~ .slider__holder .slider__item--5 {
    z-index: -1;
    opacity: 0;
    transform: translateX(210px) scale(0.65); }
  #slide-2:checked ~ .slider__holder .slider__item--5 {
    z-index: -1;
    opacity: 0;
    transform: translateX(210px) scale(0.65); }
  #slide-3:checked ~ .slider__holder .slider__item--5 {
    z-index: 0;
    transform: translateX(210px) scale(0.65); }
    @media (max-width: 900px) {
      #slide-3:checked ~ .slider__holder .slider__item--5 {
        transform: translateX(170px) scale(0.65); } }
    @media (max-width: 768px) {
      #slide-3:checked ~ .slider__holder .slider__item--5 {
        opacity: 0; } }
  #slide-4:checked ~ .slider__holder .slider__item--5 {
    z-index: 1;
    transform: translateX(100px) scale(0.85); }
    @media (max-width: 768px) {
      #slide-4:checked ~ .slider__holder .slider__item--5 {
        opacity: 0.6; } }
  #slide-5:checked ~ .slider__holder .slider__item--5 {
    position: relative;
    z-index: 2;
    transform: translate(0) scale(1); }

/*--------------------------------------------------------------
3.0 Bullets
--------------------------------------------------------------*/
.bullets__item {
  transition: all 0.2s ease; }
  #slide-1:checked ~ .bullets .bullets__item--1 {
    background: #b7955c;
    border: 1px solid #b7955c;
  }
  #slide-2:checked ~ .bullets .bullets__item--2 {
    background: #b7955c;
    border: 1px solid #b7955c; 
  }
  #slide-3:checked ~ .bullets .bullets__item--3 {
    background: #b7955c;
    border: 1px solid #b7955c; 
  }
  #slide-4:checked ~ .bullets .bullets__item--4 {
    background: #b7955c;
    border: 1px solid #b7955c; 
  }
  #slide-5:checked ~ .bullets .bullets__item--5 {
    background: #b7955c;
    border: 1px solid #b7955c;
  }

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Card
2.0 Slider
3.0 Bullets
4.0 Section
5.0 Button
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Card
--------------------------------------------------------------*/
.card {
  position: relative;
  display: block;
  border-radius: 0;
  background: #FFF;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.1); 
  height: auto!important;
}

/*--------------------------------------------------------------
2.0 Slider
--------------------------------------------------------------*/
.slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .slider__radio {
    display: none; }
  .slider__holder {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 80px;
    text-align: left; }
    @media (max-width: 900px) {
      .slider__holder {
        max-width: 540px; } }
    @media (max-width: 600px) {
      .slider__holder {
        margin-top: 60px; } }
  .slider__item {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    opacity: 1;
    cursor: pointer; 
	height: 250px;
}
  .slider__item-content {
    padding: 10px 60px; }
    @media (max-width: 600px) {
      .slider__item-content {
        padding: 32px 32px; } }
    @media (max-width: 375px) {
      .slider__item-content {
        padding: 40px 24px; } }
  .slider__item-text {
    padding: 60px 0; }

/*--------------------------------------------------------------
3.0 Bullets
--------------------------------------------------------------*/
.bullets {
  z-index: 10;
  display: block;
  width: auto;
  height: 10px;
  height: 10px;
  margin: 0 auto;
  margin-top: 48px;
  margin-bottom: 56px;
  text-align: center; }
  @media (max-width: 600px) {
    .bullets {
      	margin-top: 32px; } }
  	.bullets__item {
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    margin: 0 4px;
	    border-radius: 15px;
	    background: transparent;
	    border: 1px solid #000;
	    cursor: pointer;
}
    .bullets__item:hover {
      background: #b7955c;
      border: 1px solid #b7955c;     
}

.slider__holder {
  position: relative;
  padding: 0 20px;
}

.slider__item-content {
	background: #1f5863;
}

.slider__item-content h3 {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}

section.section.slider img.blackquote-icon {
    position: absolute;
    top: -16px;
    left: -29px;
    right: 0;
    z-index: 3;
}

section.patternsSection .card img {
	width: 100%;
}

.patternsSection {
	padding: 50px 0;
}

.the_content p{
    margin-bottom: 5px;
}

	.typesMaterial{
		-moz-column-gap: 1em;
		-webkit-column-gap: 1em;
		column-gap: 1em;
		-moz-column-width: 11em;
		-webkit-column-width: 11em;
		column-width: 11em;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		list-style: none;
		margin-bottom: 0;
	}
	
	.typesMaterial li{
	   margin-bottom: 10px;
	   display: inline-block;
	}

    .postThumbnail img{
    margin: auto;
    max-width: 380px;
    display: block;
    padding: 10px;
    }    
    
	@media screen and (max-width: 767px){
		.typesMaterial{
			-moz-column-count: 1;
			-webkit-column-count: 1;
			column-count: 1;
		}
	}
	
	.alu-rail-carousel{
		background: #eeeeee;
		padding: 30px 0 50px;
	}
	
	
	.alu-rail-carousel .carousel-inner{
	max-width: 400px;
    margin: auto;
        margin-bottom: 50px;
}

.imageindicator.carousel-indicators {
    position: relative;
    bottom: 0;
    }

    .alu-rail-carousel .carousel-control-next, .alu-rail-carousel .carousel-control-prev {
    height: 285px;
}

.alu-rail-carousel .carousel-inner {
    height: 285px;
}

.alu-rail-carousel .imageindicator{
	display: flex;
	display: -webkit-flex;
	max-width: 600px;
    margin: auto;
}

.alu-rail-carousel .imageindicator span{
	    max-width: 340px;
    margin: 10px;

}

@media screen and (max-width: 530px){
	.carousel-control-next, .carousel-control-prev {
    align-items: flex-end;
    margin-top: 60px;
}

.alu-rail-carousel .imageindicator span {
    margin: 10px;
}

.alu-rail-carousel .carousel-inner {
    height: unset;
}

.alu-rail-carousel .carousel-control-next, .alu-rail-carousel .carousel-control-prev {
    height: 60%;
}
}

@media screen and (min-width: 992px){
	.alu-rail-carousel .carousel-control-prev {
    left: 20%;
}

.alu-rail-carousel .carousel-control-next {
    right: 20%;
}
}


	.alu-series{
		background-image: url(//www.huayinxw.com/wp-content/uploads/2018/09/banner-home.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		padding: 75px 0;
	}

	img.alubanner{
		margin-bottom: 50px;
	}

	.alu-series h3{
		    font-weight: 700;
    min-height: 95px;
	}

	.alu-series p{
		    text-align: left;
    font-weight: 500;
    color: black;
	}
	
	.hardwaresAlu{
		padding: 50px 0 70px;
	}

	.hardwaresAlu h3, .alu-rail-carousel h3{
text-transform: uppercase;
    font-size: 25px;
    color: #1c6668;
    margin-bottom: 40px;
    font-weight: 800;
	}

	.hardwaresAlu h4{
	    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.hardwaresAlu p{
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #000000bf;
    line-height: 19px;
}

	.hardwaresAlu ul{
		text-align: center;
	}

	.hardwaresAlu ul li {
    display: inline-block;
    list-style: none;
    max-width: 170px;
    width: 100%;
    text-align: center;
    margin: 15px;
	}

	.hardwaresAlu ul li img{
		width: 100%;
	}