/*
  Project Name : Plumbing
  Author Company : Ewebcraft
  Project Date: 22 december, 2016
  Author Website : http://www.ewebcraft.com
  Author Email : ewebcraft@gmail.com
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800|Source+Sans+Pro:400,600,700');
/*************************
*******Typography******
**************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #939393;
	background-color: #FFFFFF !important;
}
html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-moz-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}
html, body {
	overflow-x: hidden;
	width: 100%;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 26px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
a {
	color: #676767;
	font-family: Raleway;
	font-size: 14px;
	line-height: 22px;
}
.btn {
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #0e1f39;
	border: medium none;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.btn:hover {
	background-color: #b73d2c;
	color: #FFFFFF;
	transition: all 0.3s ease 0s;
}
h2 {
	color: #282828;
	font-family: roboto;
	font-size: 41.41px;
	font-weight: lighter;
	margin-bottom: 30px;
	text-transform: capitalize;
}
h3 {
	color: #fff;
	font-family: roboto;
	font-size: 24px;
	font-weight: 400;
}
h4 {
	color: #000;
	font-family: roboto;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
}
.seperator {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.seperator2 {
	display: block;
	text-align: left;
	margin: 0 auto;
}
.extra-space {
	margin: 55px 0 0;
}
img {
	max-width: 100%;
}
textarea {
	height: 96px !important;
}
.nopadding {
	padding: 0px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
color:#bababa !important;
}
input[type=number]::-moz-inner-spin-button, input[type=number]::-moz-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
color:#bababa !important;
}
/*************************
*******placeholder******
**************************/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-family: 'Roboto', sans-serif;
color:#898989 !important;
font-size:16px !important;
}
::-moz-placeholder { /* Firefox 19+ */
 font-family: 'Roboto', sans-serif;
color:#898989 !important;
 font-size:16px !important;
}
:-ms-input-placeholder { /* IE 10+ */
 font-family: 'Roboto', sans-serif;
color:#898989 !important;
font-size:16px !important;
}
:-moz-placeholder { /* Firefox 18- */
 font-family: 'Roboto', sans-serif;
color:#898989 !important;
font-size:16px !important;
}
/*************************
*******header******
**************************/
#header {
	padding: 20px 0;
	background-color: #fff;
}
.call-action {
	float: right;
	padding-top: 8px;
}
.call-action img {
	float: left;
	display: block;
}
.call-action p {
	color: #000;
	font-size: 24px;
	font-weight: 500;
	display: inline-block;
	padding: 15px 0 0 15px;
	font-family: roboto;
}
/*************************
*******banner******
**************************/
#banner {
	background: url(../images/banner-bg.jpg) center center no-repeat;
	background-size: cover;
}
.banner-block {
	margin-top: 212px;
}
.banner-block h3 {
	color: #FFFFFF;
	font-family: roboto;
	font-size: 32px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}
.banner-block h1 {
	color: #FFFFFF;
	font-family: roboto;
	font-size: 60px;
	font-weight: 900;
	text-transform: uppercase;
	padding: 15px 0px;
}
.banner-block h2 {
	color: #FFFFFF;
	font-family: roboto;
	font-size: 36px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}
.form-content {
	border-top: 8px solid #b73d2c;
	background-color: rgba(35, 49, 69, 0.81);
	text-align: center;
}
.form-header {
	padding: 25px 0px;
}
#signUp-form h2 {
	font-weight: 500;
	color: #fff;
	font-size: 32px;
	text-transform: uppercase;
	margin: 0;
}
#signUp-form h1 {
	font-weight: 900;
	color: #fff;
	font-size: 62px;
	text-transform: uppercase;
}
.form-body {
	padding: 0px 32px;
}
#signUp-form .form-control:focus {
	border: 1px solid #d8695a;
}
#signUp-form .form-group {
	margin-bottom: 20px;
	overflow: hidden;
}
#signUp-form .form-control {
	height: 40px;
	font-size: 16px;
	border-radius: 0px;
	color: #000;
	background-color: #fff;
	box-shadow: none;
	padding-left: 10px;
	border-color: none;
}
.form-footer {
	padding: 5px 0px 25px;
}
#signUp-form .btn-submit {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	height: 80px;
	background-color: #fff;
	-webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.35);
	-moz-box-shadow: 3px 4px 5px rgba(0,0,0,.35);
	box-shadow: 3px 4px 5px rgba(0,0,0,.35);
	background-image: -webkit-linear-gradient(bottom, #d8695a, #b73d2c);
	background-image: -moz-linear-gradient(bottom, #d8695a, #b73d2c);
	background-image: -o-linear-gradient(bottom, #d8695a, #b73d2c);
	background-image: -ms-linear-gradient(bottom, #d8695a, #b73d2c);
	background-image: linear-gradient(to top, #d8695a, #b73d2c);
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
	text-shadow: 1px 2px 1px rgba(0,0,0,.34);
	font-style: normal;
	transition: all 0.3s ease 0s;
	border-radius: 0px;
}
#signUp-form .btn-submit:hover {
	background-color: #fff;
	background-image: none;
	color: #242340;
	border: none;
	transition: all 0.3s ease 0s;
}
label.error {
	color: #b73d2c !important;
	margin: 0px;
	text-align: left !important;
	font-size: 13px !important;
}
#submit-control {
	color: #b73d2c;
	font-style: italic;
	font-size: large;
	padding: 0 32px;
}
/*************************
*******Feauture******
**************************/
#feature {
	padding: 100px 0;
	text-align: center;
}
.feature_icon img {
	display: inline-block;
}
.feature_info hr {
	color: #dadada;
}
.feature_info p {
	font-family: raleway;
	color: #939393;
	font-size: 16px;
}
.feature_info h4 {
	text-transform: uppercase;
	margin: 45px 0px;
}
/*************************
*******luncher******
**************************/
#luncher {
	background: url(../images/feedback-bg.jpg) center center fixed no-repeat;
	background-size: cover;
	margin-top: 100px;
	background-position: 70%;
}
.luncher_block .learn-img {
	position: absolute;
	top: -100.8px;
	left: 0%;
}
.luncher_block h2 {
	color: #fff;
	font-weight: bold;
	margin: 86px 0px 0px;
	text-transform: inherit;
}
.luncher_block p {
	color: #FFFFFF;
	margin: 22px 0px 75px;
}
/*************************
*******services******
**************************/

#services {
	padding: 90px 0;
}
.services_icon img {
	display: inline-block;
}

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	 background-color: #4c596d;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 7%;
	text-align: center;
}
.hovereffect img {
	display: inline-block;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
	transition: opacity 0.35s, transform 0.45s;
}

.hovereffect:hover .overlay:before, .hovereffect:hover a i.fa{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.hovereffect a i.fa {
	color: #fff;
	opacity: 0;
	margin-top: 11%;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
	-moz-transition: opacity 0.35s, -webkit-transform 0.45s;
	transition: opacity 0.35s, transform 0.45s;
	-webkit-transform: translate3d(-10px, 0, 0);
	-moz-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	background-color: #b73d2c;
	border-radius: 50%;
	width: 96px;
	height: 96px;
	line-height: 96px;
}
.hovereffect:hover img {
	opacity: 0.3;
	filter: alpha(opacity=60);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.services_info h4 {
	margin: 35px 0px 20px;
	text-transform: capitalize;
	display: inline-table;
}
.services_info p {
	color: #545454;
}
.btn-services {
	background-color: #0e1f39;
	color: #FFFFFF;
	margin-top: 25px;
	padding: 10px 25px;
	font-size: 16px;
	transition: all 0.3s ease 0s;
}
.services_item:hover .btn-services {
	background-color: #b73d2c;
	transition: all 0.3s ease 0s;
}
/*************************
*******Design******
**************************/
#design {
	background: url(../images/design-bg.jpg) center fixed no-repeat;
	background-size: cover;
	margin-top: 150px;
}
.design_block .design_img {
	position: absolute;
	top: -47.8px;
	left: 0%;
}
.design_block h2 {
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	margin-top: 70px;
}
.design_block p {
	color: #b4b4b4;
	font-family: raleway;
	margin-top:25px;
}
.design_block ul {
	padding: 0px;
	margin-bottom: 46px;
}
.design_block ul>li {
	padding: 0px;
	margin: 20px 0px 0;
	line-height: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 14px;
	list-style: none;
	display: inline-flex;
}
.number {
	display: block;
	float: left;
}
.points {
	padding-left: 20px;
}
.design_block .points h3 {
	color: #fff;
}
.design_block .points p {
	color: #b4b4b4;
	font-family: raleway;
	margin-top: 10px;
}
.design_block ul li:last-child {
	margin-bottom: 0px;
}
/*************************
*******feedback******
**************************/
#feedback {
	background: #0e1f39;
	/*! background-size: cover; */
	padding: 70px 0 50px;
}
.feedback_main h2 {
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-family: raleway;
}
.feedback_main p {
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 45px;
	font-family: raleway;
}
.feedback_form .btn {
	border-radius: 0px 50px 50px 0px;
	height: 53px;
	padding-left: 0px;
	font-size: 22px;
	width: 174px;
	color: #FFFFFF;
	text-transform: capitalize;
	font-weight: 700;
	font-family: Raleway;
	background: #b73d2c;
}
.feedback_form .btn:hover {
	background-color: #fff;
	color: #242340;
	transition: all 0.3s ease 0s;
}
.feedback_form .form-control {
	border-radius: 50px 0px 0px 50px;
	height: 53px;
	padding-left: 20px;
	font-size: 18px;
	width: 585px;
}
/*************************
*******testimonial******
**************************/
#testimonal {
	padding: 95px 0px;
}
.testi_img {
	margin-bottom: 50px;
}
.item p {
	font-size: 17px;
	color: #969696;
	margin-top: 50px;
	line-height: 25px;
	padding: 0px 145px;
	font-family: raleway;
}
.item h4 {
	font-family: Raleway;
	font-size: 30px;
	font-weight: 600;
	color: #b73d2c;
	margin-top: 30px;
	text-transform: capitalize
}
.item span .comma-left {
	float: left
}
.item span .comma-right {
	float: right;
}
/*************************
*******Footer******
**************************/
#Footer {
	padding: 35px 0;
	background-color: #b73d2c;
}
#Footer p {
	font-size: 12px;
	color: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}
.footer_menu ul li {
	display: -webkit-inline-box;
	display: -moz-inline-box;
	color: white;
	margin-right: 10px;
}
.footer_menu ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.footer_menu ul li a {
	color: white;
	text-decoration: none;
	font-weight: 500;
}
/*************************
*******copyRight******
**************************/
#copyRight {
	background-color: #242424;
	padding: 10px 0;
}
#copyRight p {
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 500;
	font-family: raleway;
}
#copyRight a {
	text-decoration: none;
	color: #ffba00;
}

/*Responsive*/
@media (max-width:1024px) {
h4 {
	font-size: 18px;
}
h3 {
	font-size: 20px;
}
.banner-block h1 {
	font-size:45px;
}

#signUp-form h1 {
	font-size: 45px;
}
#signUp-form h2 {
	font-size: 22px; 
}
#signUp-form .btn-submit{
	font-size:25px;
}
h2 {
	font-size: 35px;
}
.luncher_block .learn-img{
	position: absolute;
    top: -85.8px;
    left: 0%;
}
.luncher_block h2 {
   
    margin: 20px 0px 0px;
}
.luncher_block p {
    margin: 22px 0px 46px;
}


.design_block .design_img {
   
    left: 0%;
	position:initial;
}
.design_block ul {
    padding: 0px;
    margin-bottom: 16px;
}
.design_block h2 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 16px;
}
.design_block p {
    margin-top: 11px;
}
}

@media (max-width:986px) {
.nopadding {
	padding: 0 15px;
}
.banner-block {
	text-align:center;
	padding: 0px 20px;
	margin-bottom: 50px;
	margin-top: 50px;
	width: 100%;
}

#luncher, .luncher_block img, .seperator2, .sec-1, .sec-2 {
	text-align: center !important;
}
.luncher_block .learn-img {
    position: inherit;
	    top: -100.8px;
}
#design {
	text-align:center;
    background-position: 4%;
}
.design_block h2
{
	padding-top:25px;
}
i.fa{
	font-size:20px;
}
.design_block ul{
	margin-top:20px;
}
.design_block ul>li{
	display:-webkit-inline-box;
	display:-moz-inline-box;
	text-align:left;
}
.feedback_form .form-control {
	    width: 100%;
    border-radius: initial;
	margin-bottom:20px;
	
}
.hovereffect{
	background-color:transparent;
}
.feedback_form .btn{
	border-radius:50px;
}
.feedback_main h2 {
	font-size: 30px;
}
.feature_item, .services_item {
	margin-bottom: 50px;
}
.design_block {
	margin-top: 0px;
}

}

@media (max-width: 768px) {
.nopadding {
	padding: 0 15px;
}

.banner-block h1{
	font-size: 44px;
	display: block;
}
.banner-block h2{
	font-size: 30px;
	display: block;
}
#luncher, .luncher_block img, .seperator2, .sec-1, .sec-2 {
	text-align: center !important;
}
.feedback_form .form-control {
	width: 100%;
	border-radius:50px;
}
.feedback_main h2 {
	font-size: 30px;
}
.feature_item, .services_item {
	margin-bottom: 50px;
}
.design_block {
	margin-top: 0px;
}
.overlay{
	display:none;
}

br{
	display:none;
}
}

@media (max-width: 426px) {
	h2{
		font-size:35px; 	
	}
	
.banner-block h1 {
	font-size: 30px;
	text-align: center;
	float: none;
}
.banner-block h2,.banner-block h3{
	margin-top:10px;
	font-size: 17px;
	display: block;
}
.feedback_main h2 {
	font-size: 25px;
}

.call-action img {
	float: none;
	display: -webkit-inline-box;
}
.call-action {
	float: none;
	text-align: center;
}
.logo {
	text-align: center;
	margin-bottom: 30px;
}
.item p {
	padding: 0px;
}
.luncher_block .learn-img,.design_block .design_img{
	position:initial;
}
#design {
	background-position: 33%;
}
.design_block {
	margin-top: 0px;
}
.feedback_form .form-control, .feedback_form .btn {
	width: 100%;
	border-radius: 0px;
	margin-bottom: 15px;
}
#Footer p, .footer_menu ul {
	text-align: center;
	margin-top: 15px;
}
.design_block ul{
	margin-bottom:100px;
}
.design_block ul>li {
    display: block;
    display: -moz-inline-box;
    text-align: left;
    text-align: center;
}
.points{
	padding:0px;
}
.number{
	float:none;
}
.design_block h3 {
	font-size: 22px;
}

}

@media (max-width: 376px) {
.banner-block h1 {
	font-size: 24px;
	text-align: center;
}
.form-body,#submit-control {
    padding: 0px 15px;
}
 #signUp-form h1 {
	text-align: center;
	padding-top: 15px;
}
h2 {
	font-size: 30px;
}

.item p {
	padding: 0px 40px;
}
.item h4 {
	font-size: 25px;
	font-weight: 400;
	margin-top: 66px;
}
}

@media (max-width: 320px) {
	h2{
		font-size:24px;
	}
#signUp-form h1{
	font-size:30px;
}
.banner-block h1{
	font-size:22px;
	line-height:30px;
}
.luncher_block .learn-img,.design_block .design_img{
	position:initial;
}
.feedback_main h2 {
	font-size: 22px;
}
p {
	font-size: 15px;
}
}