*{margin:0;padding:0;box-sizing:border-box;}
body,html{width:100%; overflow-x:hidden; min-width: 1200px;}
.elementor-container .elementor-column{padding:0;}
.elementor-container {justify-content: space-between;}
@font-face {font-family: 'myriad-pro';  src: url(/wp-content/themes/blackriversprayfoam/assets/fonts/myriad-pro.woff);  font-weight: normal;}
.flex{display:flex; justify-content:space-between;align-items: center;}
h1 {font-size: 88px;color: white;font-family: 'Ubuntu';line-height: 130%; letter-spacing:0;}
h2 {font-size: 58px;color: #0C5ABB;font-family: 'Ubuntu';}
a {font-family: 'ubuntu';color: #1D1D1D;font-size: 16px;letter-spacing: 1px;font-weight: 500;}
span {color: #FFCC00; display:block;}
.btn {background: #FFCC00;color: white;padding: 27px;display: block;text-align: center;max-width: 240px;width: 100%;border-radius: 50px;}
.yellow {color: #FFCC00;}
.blue {color: #0C59BA;}
p {font-size: 16px;color: #333333;font-family: 'Open Sans';margin: 30px 0;line-height: 170%;}
h3 {font-size: 20px;font-family: 'Open sans';font-weight: 100;}
h3.uris-slider-post-title {display: none;}
.fa-phone-alt:before {content: "\f879";color: white;font-size: 20px;}
#cta a {position: fixed;bottom: 20px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;color: white !important;}

#header .call .yellow {position: absolute;width: 100%;right: 0;left: auto;top: 0;margin: auto;z-index:1;}
#header .call .text {z-index: 2;}
#header .call .text p {font-size: 28px;margin: 0 10px;letter-spacing: 0;font-weight: 900;}
#header .call .text {max-width: 300px;margin: 0 0 0 auto;}
#banner {display: block !important;}
#banner .text h1 {margin: 25px 0;}
#banner .text {max-width: 620px;margin: 350px 0 120px 90px;}

#first-sec .inner a span {font-size: 35px;letter-spacing: 0;font-weight: 900;}
#first-sec .inner a {font-size: 21px;letter-spacing: 4px;font-weight:900;}
#first-sec .inner h2 {font-size: 48px;line-height: 90%;}
#first-sec .inner h1 {color: black;font-size: 58px;line-height: 80%;}
#first-sec .inner {max-width: 610px;margin: 120px 12% 120px auto;}
#first-sec .inner h1 {color: black;font-size: 58px;}
#first-sec .inner h3 {margin: 15px 0;}

#second-sec {padding-bottom: 170px;}
#second-sec .arrow {top: -40px;position: relative;width: 100%;max-width: 80px;}
#second-sec h2 {color: white;}
#second-sec .img-container img {width: 100%;max-width: 100%;}
#second-sec .img-container {max-width: 1400px;margin: 60px auto 120px auto;}
#second-sec .img-container .text h3 {font-weight: 600;letter-spacing: 1px;}
#second-sec .img-container .text img {width: 30px;margin: 10px auto;}

#third-sec .about a span {font-size: 35px;}
#third-sec .about a {font-weight: 600;letter-spacing: 0;max-width: 390px;font-size: 21px;}
#third-sec .inner.about .text {padding: 0 10%;}
#third-sec .inner.about {max-width: 1320px;background: white;box-shadow: -1px 3px 16px 0px rgb(0 0 0 / 75%);margin: -200px auto 150px auto;}
#third-sec .inner.about .text img {position: relative;top: -80px;max-width: 100px;width: 100%;margin-bottom: -40px;}
#third-sec .inner.insulation {max-width: 1600px;margin: 0 auto;}
#third-sec .inner.insulation .text {padding: 0 13%;}
#third-sec .inner.insulation {max-width: 1600px;margin: 0 5.5% 50px auto;}

#fourth-sec .inner .flex {max-width: 240px;}
#fourth-sec .inner .container {margin: 90px 0;}
#fourth-sec .inner {max-width: 940px;margin: 50px 290px 90px auto;}
#fourth-sec h2 {color: white;}
#fourth-sec .arrow {position: relative;top: -30px;}
#fourth-sec .inner p {color: white;font-family: 'Open Sans';letter-spacing: .40px;font-style: italic;margin: 10px 0;}

#fifth-sec {padding: 50px 0;}
#fifth-sec p {margin: 15px 0;}
#fifth-sec .arrow img {margin-top: -150px;width: 90px;}

#footer h3.elementor-image-box-title {color: #0099FF;font-family: 'Ubuntu';font-size: 15px;letter-spacing: 1px;font-weight: 500;}
#footer .phone p.elementor-image-box-description {font-size: 30px;}
#footer p.elementor-image-box-description {font-size: 18px;color: white;margin: 10px 0;font-family: 'Ubuntu';font-weight: 700;letter-spacing: 1px;}
#footer h2 {margin-bottom: 40px;}
#footer .col {margin: 20px 0;}
#footer .form input[type='text'], #footer .form textarea {width: 100%;padding: 20px;border: none;border-bottom: 1px solid;font-family: rajdhani;font-size: 16px;font-weight: 500;letter-spacing: 1px;}
#footer .form {background: white;padding: 70px 10% 30px 10%;}
#footer .inner {max-width: 1700px;margin: 90px auto;}
#footer .form {box-shadow: -1px 3px 16px 0px rgb(0 0 0 / 75%);}
#footer .form textarea {height: 140px;border: none;}
#footer .form h2 {margin-bottom: 10px;}
#footer .form br {display: none;}
#footer .form label span {margin: 0 10px !important;}
#footer label {display: flex;}
span.wpcf7-form-control.wpcf7-acceptance.optional span {color: black !important;font-family: ubuntu;margin: 6px 0;line-height: 150%;}
#footer .left {margin-left: 130px;margin-right: -190px;}
.form input.wpcf7-form-control.has-spinner.wpcf7-submit {font-size: 16px;display: block;margin: 20px 0 0 auto;padding: 18px;font-family: 'Ubuntu';color: white;background: #0C5ABB;border: none;letter-spacing: 3px;font-weight: 600;border-radius: 12px;max-width: 200px;width: 100%;}
#footer .bottom {margin-top: -80px;margin-bottom: 10px;}
#footer label {display: block; COLOR: TRANSPARENT;}
span.wpcf7-form-control.wpcf7-acceptance.optional label {display: flex !IMPORTANT;}



@media screen and (max-width:1700px){
	#header a.hfe-menu-item {padding: 5px;}
}

@media screen and (max-width: 1400px){
	#first-sec {background-position-x: -390px;}
}

@media screen and (max-width:1200px){
	h1 {font-size: 68px;}
	h2 {font-size: 40px;}
	h3 {font-size: 15px;}
	p {font-size: 13px;margin: 15px 0;}
	#header .call .text {max-width: 200px;}
	#header .call .text p {font-size: 21px;}
	#header a.hfe-menu-item {font-size: 11px;}
	#banner .text {margin: 150px 0 120px 40px;}
	#first-sec .inner {margin: 40px 3% 40px auto;}
	#second-sec .img-container {max-width: 900px;margin: 20px auto 50px auto;}
	#third-sec .inner.about {max-width: 900px;margin: -200px auto 90px auto;}
	#third-sec .inner.about .text img{top: -50px;max-width: 60px;}
	#third-sec .about a{font-size:17px; max-width: 320px;}
	#third-sec .about a span {font-size: 29px;}
	#third-sec {background-position-x: 900px;}
	#third-sec .inner.insulation {max-width: 1000px;margin: 0 9% 50px auto;}
	#third-sec .inner.insulation .text {padding: 0 8%;}
	#fourth-sec .inner {max-width: 740px;margin: 0px 90px 90px auto;}
	#fourth-sec .inner .container {margin: 40px 0;}
	#fourth-sec .inner img.attachment-large.size-large {max-width: 150px;width: 100%;}
	#footer .left {margin-left: 30px;margin-right: 0px;}
	#footer .elementor-image-box-content {margin: 0 10px;}
}

@media screen and (max-width: 1024px){
	body,html{min-width:320px;}
	#header a.hfe-menu-item {font-size: 12px;padding: 15px;}
	#first-sec {background-position-x: -690px;}
	#first-sec .inner {margin: 30px auto;}
	#first-sec .inner img {margin: 0 auto;display: block;max-width: 70px;}
	#third-sec .inner.insulation {max-width: 900px;margin: 10px auto;}
	#fifth-sec {padding: 0px 0;}
	#fifth-sec .arrow img {margin-top: -30px;width: 50px;}
	#footer .left {margin: 0;}
	#footer .left img {max-width: 300px;}
	#footer .elementor-image-box-content {margin: 0 30px;}
/* 	.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-096d1c5 {display: none;} */
	.elementor-129 .elementor-element.elementor-element-2c676aa {width: 100%;}
	#footer .bottom {margin-top: -60px;}
}

@media screen and (max-width: 767px){
	h1 {font-size: 57px;}
	a.btn {margin: 0px auto;padding: 15px;}
	#header .call .yellow {display: none;}
	#header .call .text {margin: 10px auto;}
	#banner .text {margin: 30px 0;text-align: center;max-width: inherit;}
	#first-sec .inner h1 {font-size: 48px;}
	#first-sec .inner {margin: 0px auto;}
	#first-sec {background-position-x: -830px;}
	.elementor-column.elementor-col-20.elementor-inner-column.elementor-element.elementor-element-642b0d8, .elementor-35 .elementor-element.elementor-element-6bc0bf9{display: none;}
	#second-sec .img-container img {width: 100%;max-width: 500px;}
	#second-sec .img-container .text img {width: 40px;margin: 0px auto;}
	#second-sec .img-container .text h3 {font-size: 20px;}
	#third-sec .inner.about {max-width: 600px;}
	#third-sec .inner.about img {max-width: 700px;width: 100%;}
	#third-sec .inner.about .text {padding: 20px 5%;}
	#third-sec .inner.insulation img {max-width: 500px;width: 100%;}
	.elementor-element.elementor-element-8b312c9.elementor-widget.elementor-widget-image {display: none;}
	#fourth-sec .inner {max-width: 740px;margin: 20px auto;}
	#fourth-sec .inner img.attachment-large.size-large {max-width: 90px;width: 100%;}
	#fourth-sec .arrow {margin: 0;top: -10px;}
	#footer .elementor-image-box-wrapper {display: flex;text-align: left;}
	.elementor-element.elementor-element-86b06b4.elementor-widget.elementor-widget-text-editor {align-content: center;text-align: center;}
	#footer h2 {margin-bottom: 10px;}
	#footer .inner {max-width: 1700px;margin: 60px auto;}
	#footer .elementor-image-box-wrapper{max-width: 380px;}
	.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-be26cf0 .elementor-widget-wrap {padding: 0 !important;}
}

@media screen and (max-width:480px){
	h1 {font-size: 40px;}
	h2 {font-size: 35px;}
	#first-sec .inner h1 {font-size: 30px;}
	#first-sec .inner h2 {font-size: 30px;line-height: 130%;}
	#first-sec {background-position-x: -930px;}
	#first-sec .inner img {margin: -40px auto 0 auto;}
	#second-sec .arrow {top: -30px;max-width: 40px;}
	#third-sec .inner.about .text {padding: 10px 3%;}
	#third-sec .inner.insulation .text {padding: 0%;}
	#third-sec .inner.insulation {margin: -50px auto 10px auto;}
}

@media screen and (max-width: 330px){
	h1 {font-size: 35px;}
	h2 {font-size: 25px;}
	#first-sec .inner a{text-align: center;display: block;line-height: 30px;}
	#third-sec .about a{display: block;}
	#fourth-sec .inner .container {margin:0;}
	#fourth-sec .inner {text-align: center;}
	#fourth-sec .inner .flex {max-width: 220px;margin: 0 auto;}
	#fourth-sec .inner img.attachment-large.size-large {max-width: 50px;}
	#footer .elementor-image-box-wrapper {max-width: 380px;display: block;text-align: center; margin: 0 auto;}
	#footer .left img {max-width: 300px;width: 100%;}
	#footer .elementor-image-box-content {margin: 0 auto;}
	.elementor-image-box-img {width: 22% !important;}
	#footer p.elementor-image-box-description{margin: 0;}
	#footer .form {padding: 20px 2%;}
	#footer .form h2 {margin-bottom: 10px;text-align: center;}
	#footer .form input[type='text'], #footer .form textarea{padding:10px;}
	#footer .form input.wpcf7-form-control.has-spinner.wpcf7-submit {margin: 10px auto 0 auto;font-size: 12px;padding: 15px;}
}