/*
-------------------------------------------------------------|
---     Custom Stylesheet for Laura's Laser Templates     ---|
---                      Frits Steyn                      ---|
---                Coffee Creative Studio                 ---|
-------------------------------------------------------------|
                                                       INDEX |
-------------------------------------------------------------|
- TYPOGRAPHY & RESETS
- HEADER
- HOME PAGE
- SERVICES PAGE
- PRODUCTS PRIMARY PAGE
- PRODUCTS SECONDARY PAGE
- OTHER
- MEDIA QUERIES

-------------------------------------------------------------|
                                         TYPOGRAPHY & RESETS |
-------------------------------------------------------------|
*/
.max-width-container{
	width: 100%;
	max-width: 1200px;
	margin-right: auto!important;
	margin-left: auto!important;
}
.error-404{
	height: 500px;
}
.row {
	width: 100%;
	float: none;
	clear: both;
}
body{

	font-family: 'Kanit', sans-serif!important;
}
b, strong {
	font-weight: bolder;
	color: #000 !important;
}
body, button, input, select, optgroup, textarea {
	color: #404040;
	font-family: 'Kanit', sans-serif!important;;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

/*
-------------------------------------------------------------|
                                         			HEADER	 |
-------------------------------------------------------------|
*/

.menu-menu-1-container {
	float: left;
	width: 33.33%;
	border-top: 3px solid;
	border-bottom: 3px solid;
	margin-top: 35px;
	padding-top: 10px;
	
	margin-right: -29px;
}
.menu-secondary-container {
	float: left;
	width: 33.33%;
	border-top: 3px solid;
	border-bottom: 3px solid;
	margin-top: 35px;
	padding-top: 10px;
	
}
.site-title {
	display: none;
}

#site-navigation {
	margin-top: 40px;
}
.site-branding {
	float: left;
	width: 33.33%;
	padding-left: 75px;
	padding-right: 21px;
	margin-top: -12px;
}
#primary-menu > li > a, #secondary-menu > li > a {
	color: #000;
	font-weight: bold;
	letter-spacing: 2px;
	height: 100%;
	/* background-color: rebeccapurple; */
	padding-top: 16px;
}
.main-navigation li {
	float: left;
	position: relative;
	margin-left: 65px;
	height: 55px;
	/* background-color: red; */
	padding-top: 3px;
	margin-top: -18px;
}
.custom-logo {
	width: 284px !important;
}
a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.menu-item > a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.menu-item > a:hover, a:focus, a:active {
	color: #9f1e20!important;
}
.menu-item > a:hover:before, a:focus:before, a:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#section01 a {
	padding-top: 60px;
}
#section01 a span {
	position: absolute;
	top: -25px;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -12px;
	border-left: 3px solid #183a67;
	border-bottom: 3px solid #183a67;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
#section01 a span {
	position: absolute;
	top: -25px;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -12px;
	border-left: 3px solid #183a67;
	border-bottom: 3px solid #183a67;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.home_chev {
	bottom: 50px;
	position: absolute;
	left: 50%;
}
a:focus {
	color: transparent!important;
}
.home_chev:hover {
	bottom: 48px !important;
}
#gform_confirmation_message_1 {
	text-align: center;
}
#field_1_2 #field_1_4{
	width: 100%;
	max-width: 547px !important;
}
.site-info > p > a > span {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.6px;
	font-size: 13px;
}
.number {
	text-decoration: none;
	font-weight: normal !important;
}
.gfield_error {
	width: 448px !important;
}
.contact-us-link > a {
	text-decoration: none;
	color: #000;
}
.wpb_text_column.wpb_content_element.contact-us-details > .wpb_wrapper > p > a {
	color: #000;
	text-decoration: none !important;
}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	padding-left: 0px;
	margin-left: 20% !important;
}

/*
-------------------------------------------------------------|
                                         		HOME PAGE	 |
-------------------------------------------------------------|
*/
.page-id-7 > .site > .site-header {
	background-image: url('/wp-content/uploads/2018/10/banner1.png');
	height: 800px; 
	height: 100vh;
	background-size: cover;
	background-attachment: fixed;
	min-height: 650px;
}
.entry-title {
	display: none;
}
.fact_image {
	background-image: url('/wp-content/uploads/2018/10/fact.png');
	height: 300px;
	width: 385px;
	background-size: cover;
	position: absolute;
	right: 56px;
	bottom: 200px;
}
#site-navigation {
	margin-top: 40px;
	position: relative;
	height: 100%;
}
.tot_com > h2 {
	bottom: 0;
	letter-spacing: 7px;
	background-color: #9f1e20;
	color: #fff;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tot_com {
	position: absolute;
	left: 265px;
	bottom: 410px;
}
.to_sol > h2 {
	bottom: 0;
	letter-spacing: 7px;
	background-color: #183a67;
	color: #fff;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1;
	position: relative;
}
.to_sol {
	position: absolute;
	bottom: 0;
	left: 350px;
	bottom: 340px;
}
.page-content, .entry-content, .entry-summary {
	margin: 0 0 0;
	overflow: hidden;
}
.blue-h2 {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #183a67;
	font-size: 30px;
	margin-bottom: 0;
}
.about-us-div > .wpb_wrapper > p {
	color: #183a67;
}
.vc_btn3-container.about-us-button.vc_btn3-center > a.vc_btn3.vc_btn3-size-md {
	background-color: #9f1e20;
	width: 144px;
	color: #fff;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 3px;
	font-weight: bold;
	background-image: none;
	box-shadow: none;
	border: none;
}
.vc_btn3-container.about-us-button.vc_btn3-center > a.vc_btn3.vc_btn3-size-md {
	margin-top: 11px !important;
}
.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-modern.vc_btn3-color-grey:hover {
	background-color: #183a67;
	color: #e0e0e0;
}
.gfield_label {
	display: none !important;
}
body .gform_wrapper ul li.gfield {
	margin-top: 5px !important;
	padding-top: 0;
}
body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0!important;
}
#gform_submit_button_1 {
	background-color: #9f1e20;
	width: 144px;
	color: #fff;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 3px;
	font-weight: bold;
	box-shadow: none;
	border: none;
	border-radius: 0;
	font-family: kanit;
	height: 33px;
}
#gform_submit_button_1:hover {
	background-color: #183a67;
	color: #e0e0e0;
}
.gform_footer.top_label {
	
	margin: 0 auto !important;
	text-align: center;
}
.gform_wrapper {
	margin: 16px 0;
	max-width: 100%;
	margin-left: 27px !important;
}
.gfield{
/* 	padding-left: 20%; */
	padding-right: 20px;
	margin-right: 20%;
	margin-top: 20px;
}
.gform_required_legend {
	display: none;
}
.gform_wrapper textarea.large {
	height: 90px !important;
	width: 100% !important;
}
.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0px!important;
}
.large{
	border:0!important;
}
.vc_row.wpb_row.vc_row-fluid.vc_custom_1538722922271.vc_row-has-fill {
	height: 120px;
}
#porducts-button > a {
	color: #9f1e20;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 100px;
	border: none;
	background-image: none;
	font-size: 18px;
}
#porducts-button > a:hover {
	background-color: #183a67;
	color: #fff;
	border:none!important;
}

.facilities-button > a {
	color: #9f1e20 !important;
	font-weight: bold!important;
	background-color: #fff!important;
	margin-left: 100px!important;
	letter-spacing: 2px!important;
	padding-top: 3px!important;
	padding-bottom: 3px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	font-size: 18px!important;
	width: 196px!important;
	border:none!important;
	background-image:none;
}
.facilities-button > a:hover {
	background-color: #183a67 !important;
	color: #fff !important;
	border: none !important;
	background-image: none !important;
}
#gform_submit_button_1 {
	cursor: pointer;
}
.gform_wrapper textarea {
	padding: 6px 4px!important;
	line-height: 1.5;
	resize: none;
}
/*
-------------------------------------------------------------|
                                         		 	FOOTER	 |
-------------------------------------------------------------|
*/
.entry-footer {
	display: none;
}
.site-info > p {
	color: #fff;
	text-align: center;
	font-size: 13px;
	margin-top: 30px;
}
.site-info > p > a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 13px;
}
.site-info > p > a > span:active {
	color: #fff !important;
}
.site-info > p > a > span{
	color: #fff!important;
}
.site-info > p > a:active{
	color: #fff;
}
.site-info > p > a:visted{
	color: #fff;
}
.site-developers {
	text-align: center;
	margin-top: -7px;
	margin-bottom: 32px;
}
.site-developers > a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}
.site-developers > a > img{
	position: relative;
	top:4px;
}
.vc_custom_1538869018865 > .facilities-div > .vc_column-inner {
	padding-bottom: 11px!important;
}
.gform_wrapper {
	margin: -22px 0!important;
	max-width: 100%;
}
.site-info > p > span {
	font-weight: bold;
	letter-spacing: 1px;
}
.vc_column-inner.vc_custom_1538657074252 {
	padding-bottom: 2px;
}
.wpb_text_column.wpb_content_element.about-us-div {
	padding-top: 20px!important;
}
.vc_column-inner.vc_custom_1538657074252 {
	padding-bottom: 30px !important;
}

/*
-------------------------------------------------------------|
                                         	SERVICES PAGE	 |
-------------------------------------------------------------|
*/
.heading {
	background-color: #9f1e20;
	color: #fff;
	width: 439px;
	margin: 0 auto;
	margin-top: 50px;
	letter-spacing: 3px;
	padding-right: 0;
	padding-left: 0;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 27px;
}
.box-1.wpb_column.vc_column_container.vc_col-sm-6 {
	border: 1px solid;
	margin-bottom: 30px;
}
.parent-box-1.max-width-container > .box-1 > h2 {
	color: #183a67;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 35px;
}
.box-1 {
	border: 5px solid #183a67;
	padding: 20px;
	/* width: 50%; */
	color: #183a67;
	width: 806px;
	padding-right: 250px;
	padding-bottom: 83px;
	padding-top: 24px;
	padding-left: 80px;
}
.parent-box-1.max-width-container {
	position: relative;
}

.box-1::after {
	content: "";
	background-image: url('/wp-content/uploads/2018/10/Untitled-22.png');
	position: absolute;
	width: 525px;
	height: 385px;
	top: 35px;
	z-index: -1;
	right: 20px;
}
/**/
.services-heading{
	color: #183a67;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.box-2.wpb_column.vc_column_container.vc_col-sm-6 {
	border: 1px solid;
	margin-bottom: 30px;
}
.parent-box-2.max-width-container > .box-2 > h2 {
	color: #183a67;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 35px;
	margin-top: 45px;
}
.box-2 {
	border: 5px solid #183a67;
	padding: 20px;
	/* width: 50%; */
	color: #183a67;
	width: 806px;
	padding-right: 80px;
	padding-bottom: 34px;
	padding-top: 30px;
	padding-left: 230px;
	margin-left: 365px;
}
.box-1 > p,.box-2 > p{
	font-size: 14px;
}
.box-3 > p {
	font-size: 14px;
}
.parent-box-2.max-width-container {
	position: relative;
}

.box-2::after {
	content: "";
	background-image: url('/wp-content/uploads/2018/10/Untitled-3.png');
	position: absolute;
	width: 525px;
	height: 385px;
	top: 88px;
	z-index: -1;
	left: 0;
}
/**/
.box-3.wpb_column.vc_column_container.vc_col-sm-6 {
	border: 1px solid;
	margin-bottom: 30px;
}
.parent-box-3.max-width-container > .box-3 > h2 {
	color: #183a67;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 35px;
}
.box-3 {
	border: 5px solid #183a67;
	padding: 20px;
	width: 50%;
	color: #183a67;
	width: 806px;
	padding-right: 250px;
	padding-bottom: 70px;
	padding-top: 12px;
	padding-left: 80px;
}
.parent-box-3.max-width-container {
	position: relative;
}

.box-3::after {
	content: "";
	background-image: url('/wp-content/uploads/2018/10/Untitled-41.png');
	position: absolute;
	width: 525px;
	height: 385px;
	top: 55px;
	z-index: -1;
	right: 20px;
}
.slick-list {
	padding:0px !important;
}
/*
-------------------------------------------------------------|
                                      PRODUCTS PRIMARY PAGE	 |
-------------------------------------------------------------|
*/

.test > figure > div > img {
	width: 100px;
}


.box-content-div {
	text-align: center;
}
.box-heading {
	margin-top: -47px;
	height: 80px;
}
.box-heading > h2 {
	color: #183a67;
	letter-spacing: 3px;
	font-size: 35px;
}
.box-icon > img {
	max-width: 100px;
}
.box-icon {
	margin-top: 20px;
	margin-bottom: 20px;
}
.box-button > button {
	background-color: #9f1e20;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	padding-right: 13px;
	padding-left: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 0;
	cursor: pointer;
	border-radius: unset;
	font-size: 19px;
}
.box-button {
	margin-top: 11px;
	position: absolute;
	left: 9%;
	bottom: 35px;
}
.box {
	position: relative;
}
/*.main.slick-initialized.slick-slider {
	margin-bottom: -160px !important;
	}*/
	.box-inside {
		text-align: center;
		border: 3px solid;
		margin-left: 23px;
		padding-bottom: 90px;
		padding-top: 47px;
		width: 291px;
		position: absolute;
		right: 28px;
		bottom: -69px;
	}
	.box-inside.b-2 {
		padding-top: 44px;
	}
	.box-inside.b-3 {
		padding-top: 51px !important;
	}

	.box-content-1.box-content-div::after {
		content: "";
		background-image: url('/wp-content/uploads/2018/10/plumbing-2.png');
		position: absolute;
		width: 300px;
		height: 350px;
		top: 0;
		left: 21px;
		z-index: -1;
		background-repeat: no-repeat;
	}
	.box-content-1.box-content-div.second::after {
		content: "";
		background-image: url('/wp-content/uploads/2018/10/building-2.png');
		position: absolute;
		width: 300px;
		height: 350px;
		top: 0;
		left: 21px;
		z-index: -1;
	}
	.box-content-1.box-content-div.third::after {
		content: "";
		background-image: url('/wp-content/uploads/2018/10/Untitled-5.png') !important;
		position: absolute;
		width: 300px;
		height: 350px;
		top: 0;
		left: 21px;
		z-index: -1;
	}
	.box-content-1.box-content-div {
		position: relative;
		height: 300px;
	}
	.vc_row.wpb_row.vc_row-fluid.max-width-container.products-floating-divs {
		/* width: 840px; */
		padding-bottom: 90px;
	}
	.vc_col-sm-4 {
		/*width: 280px !important;*/
		/* margin-left: 96px; */
	}
	.building-sup-heading {
		/* margin-top: 0; */
		line-height: 28px;
		height: 30px;
	}
	.other{

		height: 30px;

	}
	.slick-arrow {
		color: #fff;
		font-size: 40px;
		cursor: pointer;
	}
	.test1234.wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner {
		padding-bottom: 28px;
	}
	.slider {
		/*opacity:0.5;*/
	}
	.slider img {
		margin: 1px;
		background-color: #cccccc;
	}
	.slider:hover {
		opacity: 1;
	}
	.slick-current.slick-active.slick-center .slider {
		opacity: 1;

	}
	.slick-slide  {

		/*background: #000;*/
 /*   border-left:3px solid #fff;
 border-right:3px solid #fff;*/
}
/*
.slick-slide {
	opacity: 0.5;
	 background: inherit; 
	 border-left: none; 
	 border-right: none; 
	padding: 1px;
	height: 150px;
	width: 150px !important;
	}*/

	.box-content-1 {
		cursor: pointer;
	}
	.wpb_text_column.wpb_content_element.test123456 {
		/*width: 100%;*/
		max-width: 1070px;
		margin: 0 auto;
		position: relative;
    /*padding-right: 30px;
    padding-left: 30px;*/
}
.main-slider-prev.slick-arrow {
	position: absolute;
	left: -30px;
	top: 45px;
}
.main-slider-next.slick-arrow {
	position: absolute;
	right: -30px;
	top: 45px;
}

/*.slick-slider {
	position: unset!important;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	}*/
	.parent-div.max-width-container {
		padding-left: 118px;
	}

	.pasltic-div.wpb_column.vc_column_container.vc_col-sm-12 {
		height: 120px;
	}

/*
-------------------------------------------------------------|
                                    PRODUCTS SECONDARY PAGE	 |
-------------------------------------------------------------|
*/


.inner-div > * {
	text-align: center;
}
.product-image-div > img {
	width: 250px;
}
.inner-div {
	width: 33.33%;
	float: left;
	margin-bottom: 40px;
}
.product-title-div > h3 {
	text-transform: uppercase;
	color: #183a67;
	letter-spacing: 2px;
	font-size: 23px;
	margin-top: 2px;
	line-height: 26px;
	margin-bottom: 5px;
	padding-bottom: 7px;
}
.product-title-div {
	width: 250px;
	/*margin: 0 auto;*/
	border-bottom: 3px solid #183a67;
}


.vc_custom_1539062514354 {
	background-color: #183a67 !important;
	margin: 0 auto!important;
}


.modal_title > h3 {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	background-color: #183a67;
	letter-spacing: 3px;
}
/*.modal-image {
	float: left;
	width: 65%;
	padding-right: 10px;
	}*/
	.modal {
		display: none;
		vertical-align: middle;
		position: relative;
		z-index: 2;
		max-width: 600px;
		box-sizing: border-box;
		width: 90%;
		background: #fff;
		padding: 15px 30px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: 0 0 10px #000;
		-moz-box-shadow: 0 0 10px #000;
		-o-box-shadow: 0 0 10px #000;
		-ms-box-shadow: 0 0 10px #000;
		box-shadow: 0 0 10px #000;
		text-align: left;
	}
	.vc_column-inner.vc_custom_1539084262281 {
		padding-bottom: 52px;
		margin-bottom: -17px;
	}
	.menu-item > a:focus {
		color: #000 !important;
		border: none !important;
		outline: none!important;
	}

/*
-------------------------------------------------------------|
                                         	Contact Us Page	 |
-------------------------------------------------------------|
*/

.para-text {
	width: 500px;
	text-align: center;
	margin: 0 auto;
}

/*
-------------------------------------------------------------|
                                         	OTHER	 |
-------------------------------------------------------------|
*/

.popup_wrapper.active {
    opacity: 1;
    top: 0px;
}

.popup_wrapper {
    opacity: 0;
    transition: opacity 2s;
    display: flex;
    position: fixed;
    z-index: 999999;
    height: 100vh;
    background: #000000d1;
    top: -999999px;
    left: 0px;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    color: #404040;
    font-family: 'Kanit', sans-serif!important;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.popup_inner_wrapper {
    width: 50%;
    height: 80vh;
    position: relative;
}

.popup_inner_wrapper .popup {
    width: 100%;
    height: 80vh;
    overflow: scroll;
    background: white;
    border-radius: 10px;
    border: 40px solid white;
    padding-right: 40px;
    position: relative;
}

.close {
	cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    color: black;
    background: white;
    border: 2px solid black;
    z-index: 999999;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
-------------------------------------------------------------|
                                         	MEDIA QUERIES	 |
-------------------------------------------------------------|
*/

#coffeerm-button {
	display: none;
	background-color: #183a67;
	width: 46px;
	height: 45px;
	position: absolute;
	z-index: 99999;
	right: 25px;
	top: -10px;
	cursor: pointer;
	border-radius: 3px;
}
#coffeerm-button span {
	width: 38px;
	height: 3px;
	background-color: #ffffff;
	border-radius: 3px;
	position: absolute;
	left: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.responsive-menu-items {
	margin: 0;
	list-style: none;
	background-color: #9f1e20;
	position: fixed;
	z-index: 99998;
	width: 75% !important;
	left: 0;
	top: 0;
	max-width: 400px;
	min-width: 250px;
	height: 100%;
	padding: 150px 0 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
#responsive-menu-items > li > a {
	color: #fff !important;
	text-transform: uppercase;
}
.menu-toggle {
	display: none;
}
.vc_row.wpb_row.vc_row-fluid.mobile_view.max-width-container {
	display: none;
}
.services-image {
	display: none;
}

.vc_row.wpb_row.vc_row-fluid.small-products {
	display: none;
}
.modal2 {
	display: none;
}


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

	#coffeerm-button{
		display: block;
	}
	#responsive-menu.open .coffeerm-overlay {
		display: block;
	}
	#responsive-menu-items {
		display: block;
	}
	.tot_com,.to_sol,.menu-menu-1-container,.menu-secondary-container{
		display: none;
	}
	.parent-div.max-width-container {
		padding-left: 0px; 
	}
	.vc_row.wpb_row.vc_row-fluid.mobile_view.max-width-container {
		display: block;
	}
	.vc_row.wpb_row.vc_row-fluid.max-width-container.products-floating-divs {
		display: none;
	}
	.box-content-1.box-content-div::after {
		content: "";
		background-image: url('/wp-content/uploads/2018/10/plumbing-2.png');
		position: absolute;
		width: 300px;
		height: 350px;
		top: 0;
		left: 0px;
		z-index: -1;
		background-repeat: no-repeat;
	}
	.box-inside {
		text-align: center;
		border: 3px solid;
		margin-left: 33px;
		padding-bottom: 90px;
		padding-top: 47px;
		width: 256px;
		position: absolute;
		right: 11px;
		bottom: -69px;
	}
	.box {
		position: relative;
		padding-bottom: 90px;
	}
	.vc_empty_space {
		display: none;
	}

	.para-text {
		width: auto; 
		text-align: center;
		margin: 0 auto;
		margin-left: 10px;
		margin-right: 10px;
	}
	.about-us-div > .wpb_wrapper > p > br {
		display: none;
	}
	#gform_submit_button_1 {
		background-color: #9f1e20;
		width: 144px;
		color: #fff;
		font-size: 15px;
		padding-top: 1.5px;
		/* padding-bottom: 36px; */
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: 3px;
		font-weight: bold;
		box-shadow: none;
		border: none;
		border-radius: 0;
		font-family: kanit;
		height: 33px;
	}

	.popup_inner_wrapper {
	    width: 80%;
	}

	.popup_inner_wrapper .popup {
		padding-right: 0px;
	}

}



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

	#coffeerm-button{
		display: block;
	}
	#responsive-menu.open .coffeerm-overlay {
		display: block;
	}
	#responsive-menu-items {
		display: block;
	}
	.custom-logo {
		min-width: 280px;
		width: 100%;
	}
	.site-branding {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-top: -12px;
		position: absolute;
		top: 25px;
	}
	.fact_image {
		background-image: url('/wp-content/uploads/2018/10/fact.png');
		height: 200px;
		width: 255px;
		background-size: cover;
		position: absolute;
		left: calc(50% - 122px);
		bottom: 170px;
	}
	.home_chev {
		bottom: 75px;
		position: absolute;
		left: 50%;
	}
	.home_chev:hover {
		bottom: 75px !important;
	}
	.page-id-7 > .site > .site-header {
		background-image: url('/wp-content/uploads/2018/10/banner1.png');
		height: 100vh;
		background-size: cover;
		background-attachment: fixed;
	}
	.gfield {
		padding-left: 0;
		padding-right: 20%;
		margin-right: 0;
	}
	.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
		padding-left: 0px;
		margin-left: 0px!important; 
	}
	#porducts-button > a {
		color: #9f1e20;
		font-weight: bold;
		letter-spacing: 2px;
		background-color: #fff;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: 0px; 
		border: none;
		background-image: none;
		font-size: 18px;
	}
	.vc_btn3-container.vc_btn3-right {
		text-align: center!important;
	}
	.facilities-button > a {
		color: #9f1e20 !important;
		font-weight: bold !important;
		background-color: #fff !important;
		margin-left: 0px !important; 
		letter-spacing: 2px !important;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		font-size: 18px !important;
		width: 196px !important;
		border: none !important;
		background-image: none;
	}
	.vc_btn3-container.vc_btn3-left {
		text-align: center!important;
	}


	/*
		product page
		*/

		.heading {
			background-color: #9f1e20;
			color: #fff;
			width: 439px;
			margin: 0 auto;
			margin-top: 125px;
			letter-spacing: 3px;
			padding-right: 0;
			padding-left: 0;
			text-transform: uppercase;
			padding-top: 2px;
			padding-bottom: 2px;
			font-size: 19px;
		}
		.parent-div.max-width-container {
			padding-left: 0px; 
		}
		.product-title-div {
			width: 250px;
			margin: 0 auto;
			border-bottom: 3px solid #183a67;
		}
		.inner-div {
			width: 100%;
			float: none;
			margin-bottom: 35px!important;
			text-align: center;
		}

		.wpb_text_column.wpb_content_element.test123456 {
			/*max-width: 170px;*/
			margin: 0 auto;
			position: relative;
		}

		.slick-slide img {
			display: block;
			margin-left: calc(50% - 75px);
		}

		.box-content-1.box-content-div::after {
			content: "";
			background-image: none;
			position: absolute;
			width: 300px;
			height: 350px;
			top: 0;
			left: 0px;
			z-index: -1;
			background-repeat: no-repeat;
		}
		.box-inside {
			text-align: center;
			border: 3px solid;
			margin-left: 33px;
			padding-bottom: 90px;
			padding-top: 47px;
			background-image: url('/wp-content/uploads/2018/10/plumbing-2.png');
			width: 256px;
			position: absolute;
			right: calc(50% - 129px);
			bottom: -69px;
		}
		.box-content-1.box-content-div.second::after {
			content: "";
			background-image: none;
			position: absolute;
			width: 300px;
			height: 350px;
			top: 0;
			left: 21px;
			z-index: -1;
		}
		.box-content-1.box-content-div.second > .b-2{
			background-image: url('/wp-content/uploads/2018/10/building-2.png');
		}

		.box-content-1.box-content-div.third::after {
			background-image:none!important;
		}

		.box-content-1.box-content-div.third > .b-3 {
			background-image: url('/wp-content/uploads/2018/10/Untitled-5.png') !important;
		}

		/*
	Services Page
	*/

	.box-1::after {
		content: "";
		background-image:none; 
		position: absolute;
		width: 525px;
		height: 385px;
		top: 35px;
		z-index: -1;
		right: 20px;
	}
	.box-1 {
		border: 5px solid #183a67;
		padding: 20px;
		/* width: 50%; */
		color: #183a67;
		width: auto !important;
		padding-right: 0;
		padding-bottom: 30px;
		padding-top: 0px;
		padding-left: 30px;
		margin-left: 10px;
		margin-right: 10px;
		padding-right: 30px;
	}

	.box-2::after {
		content: "";
		background-image:none;
		position: absolute;
		width: 525px;
		height: 385px;
		top: 88px;
		z-index: -1;
		left: 0;
	}
	.box-2 {
		border: 5px solid #183a67;
		padding: 20px;
		color: #183a67;
		width: auto;
		padding-right: 30px;
		padding-bottom: 30px;
		padding-top: 30px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.parent-box-2.max-width-container > .box-2 > h2 {
		color: #183a67;
		letter-spacing: 3px;
		text-transform: uppercase;
		font-size: 35px;
		margin-top: 0px;
	}
	.vc_empty_space {
		display: none;
	}
	.box-3::after {
		content: "";
		background-image: none;
		position: absolute;
		width: 525px;
		height: 385px;
		top: 40px;
		z-index: -1;
		right: 20px;
	}
	.box-3 {
		border: 5px solid #183a67;
		padding: 20px;
		/* width: 50%; */
		color: #183a67;
		width: auto;
		padding-right: 30px;
		padding-bottom: 30px;
		padding-top: 0px;
		padding-left: 30px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.main-slider-prev.slick-arrow {
		position: absolute;
		left: 45px;
		top: calc(50% - 45px);
		z-index: 1;
	}
	.main-slider-prev.slick-arrow {
		position: absolute;
		left: 45px;
		top: calc(50% - 45px);
		z-index: 999999;
	}
	.main-slider-prev.slick-arrow::after {
		content: "";
		width: 100px;
		height: 214px;
		background-color: #183a67;
		position: absolute;
		left: -45px;
		top: -69px;
		z-index: -1;
	}
	.main-slider-next.slick-arrow {
		position: absolute;
		right: 45px;
		top: calc(50% - 45px);
		z-index: 1;
	}
	.main-slider-next.slick-arrow::after {
		content: "";
		width: 100px;
		height: 214px;
		background-color: #183a67;
		position: absolute;
		left: -45px;
		top: -69px;
		z-index: -1;
	}
	.pasltic-div.wpb_column.vc_column_container.vc_col-sm-12 {
		height: 153px;
	}
	.site-info {
		padding-left: 15px;
		padding-right: 15px;
	}
	.blue-h2 {
		text-transform: uppercase;
		letter-spacing: 3px;
		color: #183a67;
		font-size: 30px;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}





}

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

	.fact_image {
		background-image: url('/wp-content/uploads/2018/10/fact.png');
		height: 236px;
		width: 100%;
		background-size: cover;
		position: absolute;
		left: calc(50% - -75px);
		bottom: 148px;
		max-width: 304px;
	}
	.custom-logo {
		min-width: 280px;
		width: 100%;
	}
	.site-branding {
		float: none; 
		width: 100%;
		padding-left: 0px; 
		padding-right: 0px; 
		margin-top: 0px; 
		text-align: center;
	}
	.tot_com,.to_sol{
		display: block!important;
	}
	.tot_com {
		position: absolute;
		left: 0; 
		bottom: 50%; 
	}
	.to_sol {
		position: absolute;
		bottom: 0;
		left: 0;
		bottom: calc(50% - 54px);
	}
	.tot_com > h2 {
		bottom: 0;
		letter-spacing: 7px;
		background-color: #9f1e20;
		color: #fff;
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.to_sol > h2 {
		bottom: 0;
		letter-spacing: 7px;
		background-color: #183a67;
		color: #fff;
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		z-index: 1;
		position: relative;
	}
	.page-id-7 > .site > .site-header {
		background-image: url('/wp-content/uploads/2018/10/banner1.png');
		/* height: 800px; */
		height: 500px;
		background-size: cover;
		background-attachment: fixed;
	}

		/*
		products page
		*/
		.parent-div.max-width-container {
			padding-left: 140px;
			padding-right: 30px;
		}
		.inner-div {
			width: 50%;
			float: left;
			margin-bottom: 65px;
			padding-right: 10px;
		}
		.vc_row.wpb_row.vc_row-fluid.small-products {
			display: block;
		}
		.vc_row.wpb_row.vc_row-fluid.big-products {
			display: none;
		}

		.wpb_text_column.wpb_content_element.test123456 {
			/*max-width: 170px;*/
			margin: 0 auto;
			position: relative;
		}

		.slick-slide img {
			display: block;
			margin-left: calc(50% - 75px);
		}

		.box-content-1.box-content-div::after {
			content: "";
			background-image: none;
			position: absolute;
			width: 300px;
			height: 350px;
			top: 0;
			left: 0px;
			z-index: -1;
			background-repeat: no-repeat;
		}
		.box-inside {
			text-align: center;
			border: 3px solid;
			margin-left: 33px;
			padding-bottom: 90px;
			padding-top: 47px;
			background-image: url('/wp-content/uploads/2018/10/plumbing-2.png');
			width: 256px;
			position: absolute;
			right: calc(50% - 129px);
			bottom: -69px;
		}
		.box-content-1.box-content-div.second::after {
			content: "";
			background-image: none;
			position: absolute;
			width: 300px;
			height: 350px;
			top: 0;
			left: 21px;
			z-index: -1;
		}
		.box-content-1.box-content-div.second > .b-2{
			background-image: url('/wp-content/uploads/2018/10/building-2.png');
		}

		.box-content-1.box-content-div.third::after {
			background-image:none!important;
		}

		.box-content-1.box-content-div.third > .b-3 {
			background-image: url('/wp-content/uploads/2018/10/Untitled-5.png') !important;
		}
		.services-image {
			display: block;
			margin-right: calc(50% - 220px);
		}
		.box-1::after {
			content: "";
			background-image:none;
			position: absolute;
			width: 525px;
			height: 385px;
			top: 35px;
			z-index: -1;
			right: 20px;
		}
		.box-1 {
			border: 5px solid #183a67;
			padding: 20px;
			width: 50%;
			color: #183a67;
			width: auto;
			/* padding-right: 250px; */
			padding-bottom: 120px;
			padding-top: 30px;
			padding-left: 80px;
			margin-left: 10px;
			margin-right: 10px;
		}
		.box-2::after,.box-3::after {

			background-image: none;
			
		}
		.box-2 {
			border: 5px solid #183a67;
			padding: 20px;
			width: 50%; 
			color: #183a67;
			width: auto;
			padding-right: 10px;
			padding-bottom: 120px;
			padding-top: 30px; 
			padding-left: 80px;
			margin-left: 10px;
			margin-right: 10px;
		}

		.box-3 {
			border: 5px solid #183a67;
			padding: 20px;
			width: 50%;
			color: #183a67;
			width: auto;
			/* padding-right: 250px; */
			padding-bottom: 70px;
			padding-top: 30px;
			padding-left: 80px;
			margin-left: 10px;
			margin-right: 10px;
		}
		.main-slider-prev.slick-arrow {
			position: absolute;
			left: 45px;
			top: calc(50% - 45px);
			z-index: 1;
		}
		.main-slider-prev.slick-arrow {
			position: absolute;
			left: 45px;
			top: calc(50% - 45px);
			z-index: 999999;
		}
		.main-slider-prev.slick-arrow::after {
			content: "";
			width: 100px;
			height: 214px;
			background-color: #183a67;
			position: absolute;
			left: -45px;
			top: -69px;
			z-index: -1;
		}
		.main-slider-next.slick-arrow {
			position: absolute;
			right: 45px;
			top: calc(50% - 45px);
			z-index: 1;
		}
		.main-slider-next.slick-arrow::after {
			content: "";
			width: 100px;
			height: 214px;
			background-color: #183a67;
			position: absolute;
			left: -45px;
			top: -69px;
			z-index: -1;
		}

	}

	@media only screen 
	and (min-device-width : 1025px) 
	and (max-device-width : 1200px) {
		.tot_com {
			position: absolute;
			left: 195px;
			bottom: 223px;
		}
		.tot_com > h2 {
			bottom: 0;
			letter-spacing: 7px;
			background-color: #9f1e20;
			color: #fff;
			font-size: 25px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.to_sol {
			position: absolute;
			bottom: 0;
			left: 245px;
			bottom: 161px;
		}
		.to_sol > h2 {
			bottom: 0;
			letter-spacing: 7px;
			background-color: #183a67;
			color: #fff;
			font-size: 25px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			z-index: 1;
			position: relative;
		}

		.fact_image {
			background-image: url('/wp-content/uploads/2018/10/fact.png');
			height: 246px;
			width: 315px;
			background-size: cover;
			position: absolute;
			right: 78px;
			bottom: 111px;
		}

		.box-1 {
			border: 5px solid #183a67;
			padding: 20px;
			/* width: 50%; */
			color: #183a67;
			width: 806px;
			padding-right: 350px;
			padding-bottom: 120px;
			padding-top: 30px;
			padding-left: 80px;
		}
		.box-2 {
			border: 5px solid #183a67;
			padding: 20px;
			/* width: 50%; */
			color: #183a67;
			width: 806px;
			padding-right: 180px;
			padding-bottom: 84px;
			padding-top: 30px;
			padding-left: 181px;
			margin-left: 365px;
		}
		.box-3 {
			border: 5px solid #183a67;
			padding: 20px;
			width: 50%;
			color: #183a67;
			width: 806px;
			padding-right: 350px;
			padding-bottom: 70px;
			padding-top: 30px;
			padding-left: 80px;
		}

	}