@charset "utf-8";
/* CSS Document */
@import url("/wp-content/themes/cftheme/css/banner.css");
@import url("/wp-content/themes/cftheme/css/water-savings-experts.css");
@import url("/wp-content/themes/cftheme/css/home-industry-approved.css");
@import url("/wp-content/themes/cftheme/css/control-flow-technologies.css");
@import url("/wp-content/themes/cftheme/css/home-video.css");
@import url("/wp-content/themes/cftheme/css/water-saving-solutions.css");
@import url("/wp-content/themes/cftheme/css/control-flow-home-business.css");
@import url("/wp-content/themes/cftheme/css/partnerships.css");


/* General Style Start */
/*fontface end*/

h1, .h1{
	font-size:2.8rem;
	line-height:3.4rem;
	margin:0 0 10px;
	color: #6f97c2;
}
h2, .h2{
	font-size:2.4rem;
	line-height:3.0rem;
	margin:0 0 14px;
	color:#142236;
	font-family: 'Poppins-Light', sans-serif;
}
h3, .h3{
	font-size:1.5rem;
	line-height:2.1rem;
	margin:0 0 18px;
	color:#142236;
}
h4, .h4{
	font-size:2.0rem;
	line-height:2.6rem;
	margin:0 0 10px;
	color:#142236;
}
h5, .h5{
	font-size:1.8rem;
	line-height:2.4rem;
	margin:0 0 8px;
	color:#142236;
}
strong{
	font-family: 'Poppins-SemiBold', sans-serif;
	font-weight: normal;
}

.body-cont{
	padding: 50px 0 35px 0;
}
.heading-warpper h2{
	margin-bottom: 0 !important;
}
/*
.border-left-right:after{
	content: '';
	display: block;
	width:100%;
	height: 1px;
	background-color: #6f97c2;
    vertical-align: middle;
	margin-top: 5px;
	
}
.border-left-right:before{
	content: '';
	display: block;
	width:100%;
	height: 1px;
	background-color: #6f97c2;
    vertical-align: middle;
	margin-bottom: 5px;
	
}
*/

.home-video-btn .circuler-btn-icon{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.2 30'%3E%3Cpath d='M1.1 29.9c-.6.3-1.1 0-1.1-.6V.8c0-.7.5-1 1.1-.6l25.7 14.3c.6.3.6.9 0 1.2L1.1 29.9z' fill='%23fff'/%3E%3C/svg%3E") 55% 50% no-repeat #FF0000 !important;
	background-size: 15px auto !important;
}
.why-choose-graphics-logo .circuler-btn-icon{
	background: url("../images/why-choose-logo-icon.png") 50% 50% no-repeat #fff !important;
	background-size: 20px auto !important;
}

@media only screen and (min-width:600px){
	.body-cont {
		padding: 26px 0 35px 0;
	}	
}
@media only screen and (min-width:768px){
	h2, .h2{
		font-size:2.8rem;
		line-height:2.4rem;
		margin:0 0 16px;
	}
	h3, .h3{
		font-size:1.8rem;
		line-height:2.4rem;
		margin:0 0 18px;
	}
	h4, .h4{
		font-size:2.0rem;
		line-height:2.6rem;
		margin:0 0 14px;
	}
	h5, .h5{
		font-size:1.8rem;
		line-height:2.4rem;
		margin:0 0 12px;
	}
	.body-cont{
		padding: 40px 0;
	}
	.home-video-btn .circuler-btn-icon{
		background-size: 18px auto !important;
	}
	.why-choose-graphics-logo .circuler-btn-icon {
        background-size: 20px auto !important;
    }
	
}
@media only screen and (min-width:921px){
	/* General Style */
	
	.home-video-btn .circuler-btn-icon{
		background-size: 20px auto !important;
	}
	.why-choose-graphics-logo .circuler-btn-icon{
		background-size: 25px auto !important;
	}
	
	/* General Style End */
}
@media only screen and (min-width:1025px){
	/* General Style Start */
	h2, .h2{
		font-size:3.4rem;
		line-height:4.0rem;
		margin:0 0 22px;
	}
	h3, .h3{
		font-size:2.2rem;
		line-height:2.8rem;
		margin:0 0 20px;
	}
	h4, .h4{
		font-size:2.4rem;
		line-height:3.0rem;
		margin:0 0 18px;
	}
	h5, .h5{
		font-size:2.0rem;
		line-height:2.6rem;
		margin:0 0 16px;
	}
	.body-cont{
		padding: 50px 0;
	}
	
	.home-video-btn .circuler-btn-icon{
		background-size: 25px auto !important;
	}
	.why-choose-graphics-logo .circuler-btn-icon{
		background-size: 35px auto !important;
	}
	
}
@media only screen and (min-width:1200px){
	.border-left-right:after{
		width:20%;
	}
	.border-left-right:before{
		width:20%;

	}
}
@media only screen and (min-width:1500px){
	
}