/*!
Theme Name: Redrhino
Theme URI: https://gotchamobi.com/
Author: Rabia Nawaz
Author URI: https://gotchamobi.com/
Description: Redrhino is a custom WordPress theme.
Version: 1.0
Text Domain: redrhino
*/
p, span, li, a, i, input, textarea, button {font-family: 'Lexend Deca', sans-serif;color: #212529;letter-spacing: normal;font-style: normal;font-stretch: normal;line-height: normal;font-weight: normal;} 
h1, h2, h3, h4, h5, h6 {font-family: 'Lexend Deca', sans-serif;font-weight: bold;color: #212529;font-style: normal;font-stretch: normal;line-height: normal; }
/*----------------------------------------
## Links
-----------------------------------------*/
a {
  color: #212529;
  text-decoration: none;
}
a:visited {
  color: #212529;
}
a:hover, a:focus, a:active {
  color: #212529;
  text-decoration: none;
  outline: 0;
}

ul{margin: 0px; padding: 0px;}
li{display: inline-block;list-style: none;}

/*-------- Header -------*/
.gform_submission_error.hide_summary {
  display: none;
}
#gform_1_validation_container {
  display: none;
}
.validation_message {
  display: none;
}
.gform_required_legend {
  display: none;
}
.site-header{
  padding: 1px 0 0;
  transition: all 150ms ease 0ms;
}
.home .site-header{
  position: absolute;
  width: 100%;
  z-index: 999;
}
.home .top-head{
  padding: 10px 0px;
  border-bottom: 1px solid #676B75;
  background-color: transparent;
}
.top-head, .sticky .top-head{
  padding: 10px 0px;
  border-bottom: 1px solid #676B75;
  background-color: #212529;
}
.top-head p, .sticky .top-head p{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.14px;
  color: #dee2e6;
  margin-bottom: 0px;
}
.top-head li a, .sticky .top-head li a{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
  letter-spacing: 0.14px;
  text-align: right;
  color: #fff;
  margin-right: 24px;
}
.top-head li a strong, .sticky .top-head li a strong{
  font-size: 14px;
  font-weight: bold;
}
.top-head li:last-child a{
  width: 216px;
  height: 42px;
  background-color: #cb0022;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
  letter-spacing: 0.16px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin-right: 0px;
  display: block;
}
.home .llogo{display: block;}
.home .dlogo{display: none;}
.llogo, .sticky .llogo{display: none;}
.dlogo, .sticky .dlogo{display: block;}
.main-head{padding: 20px 0px;}
.main-navigation li{margin-right: 40px;}
.home .main-navigation li a{color: #fff;}
.main-navigation li a, .sticky .main-navigation li a{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #212529;
  text-transform: uppercase;
}
.main-navigation li:last-child{margin-right: 0px;}
.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  transition: all 800ms ease 0ms;
  background-color: #ffffff;
}

/*-------- Home --------*/
.h-hero-head{
  height: 1080px;
  /*background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
  position: relative;
}
.h-hero-head::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.45;
  z-index: 9;
}
.h-hero-head video.wrapper__video{
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.h-hero-head .hero-txt{
  transform: translateY(170%);
  position: relative;
  z-index: 99;
}
.hero-txt h1{
  font-size: 72px;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 35px;
}
.hero-txt a.qbtn{
  width: 270px;
  height: 60px;
  background-color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}
.hero-txt a.sbtn{
  width: 270px;
  height: 60px;
  background-color: transparent;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}
.h-trusted-hometown{
  background: url(/wp-content/uploads/2022/03/trusted-hometown-bg.svg), #cb0022;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.lth-text h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 32px;
}
.lth-text p{
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  color: #fff;
}
.lth-text p a{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
}
.lth-text p a strong{
  font-size: 24px;
  font-weight: bold;
}
.rs {
  font-size: 24px;
  font-weight: bold;
}
.rth-form{
  width: 616px;
  padding: 38px 50px;
  box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  top: -170px;
  background: url(/wp-content/uploads/2023/07/Img-_-Logo-_-Halfv2.svg), #ffffff;
  background-repeat: no-repeat;
  background-position: right 5%;
  z-index: 9;
}
.rth-form h2{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
  color: #000;
  margin-bottom: 15px;
}
.rth-form p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #212529;
}
.rth-form p strong{
  font-size: 16px;
  font-weight: bold;
}
.rth-form label.gfield_label, .cnt-form label.gfield_label{
  font-size: 10px !important;
  font-weight: 500 !important; 
  line-height: 1.3;
  color: #666;
  text-transform: uppercase;
}
.rth-form input, .cnt-form input{
  border: solid 1px #aeb5bc;
  height: 48px;
  padding-left: 16px;
}
.rth-form ::-webkit-input-placeholder,
.cnt-form ::-webkit-input-placeholder{ /* Edge */
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #adb5bd;
}
.rth-form:-ms-input-placeholder,
.cnt-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #adb5bd;
}
.rth-form ::placeholder, .rth-form option.gf_placeholder,
.cnt-form ::placeholder, .cnt-form option.gf_placeholder{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #adb5bd;
}
.rth-form input#gform_submit_button_1,
.cnt-form input#gform_submit_button_1{
  width: 100%;
  height: 60px;
  background-color: #212529;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.63;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.rth-form div#field_1_1, .rth-form div#field_1_2,
.cnt-form div#field_1_1, .cnt-form div#field_1_2{
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
.h-services{padding: 40px 0px;}
.serv-bx{position: relative;}
.serv-txt{
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 100%;
  text-align: left;
  padding: 32px 32px;
}
.serv-bx::after{
  background-image: linear-gradient(to bottom, rgba(33, 37, 41, 0), #222529);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 440px;
  height: 100%;
}
.serv-txt h2, .serv-txt h2 a{
  font-size: 24px;
  font-weight: normal;
  line-height: 1.25;
  color: #fff;
}
.roof-coatings{
  padding: 120px 0px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.roof-coatings::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.45;
}
.rc-txt {position: relative;z-index: 99;}
.roof-coatings h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 24px;
}
.roof-coatings p{
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  color: #fff;
  margin-bottom: 40px;
}
.roof-coatings ul{}
.roof-coatings li{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
  display: block;
  margin-bottom: 24px;
}
.roof-coatings li:nth-child(2) img{opacity: 0.75;}
.roof-coatings li:nth-child(3) img{opacity: 0.5;}
.roof-coatings li:nth-child(4) img{opacity: 0.25;}
.roof-coatings p a{
  width: 220px;
  height: 60px;
  background-color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  display: block;
}
.h-video{
  background-color: #000;
  padding: 120px 120px;
  position: relative;
  transition: width 2s, height 4s;
}
.h-video img{
  transform: translateY(0);
  position: absolute;
  top: 40%;
  padding: 0;
  background-color: transparent;
  border: 0 none;
  box-shadow: 0 0 0 transparent;
  z-index: 3;
}
.h-video video:hover{width: 95%;height: 95%;}
.h-video video.wrapper__video {width: 100%;}
.hvd video.embed-responsive-item{
  width: 100%;
}
.hvd .modal-dialog {
  max-width: 800px !important;
}
.h-awards-rcg{padding: 70px 0px 30px;}
.h-awards-rcg h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #000;
  margin-bottom: 70px;
}
.h-awards-rcg li{display: block;}
.h-awards-rcg li h3{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 15px;
  position: relative;
}
.h-awards-rcg li:nth-child(1) h3::before{
  content: "2022";
  position: absolute;
  top: 0;
  left: -70px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.8);
}
.h-awards-rcg li:nth-child(2) h3::before{
  content: "2022";
  position: absolute;
  top: 0;
  left: -70px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.8);
}
.h-awards-rcg p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #6c757d;
  margin-bottom: 40px;
}

/*------Roof Coating-----*/
.page-head{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 437px;
  position: relative;
}
.page-head::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.45;
}
.page-head h1{
  font-size: 72px;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  position: absolute;
  z-index: 99;
  top: 40%;
}
.breadcrumbs{
  position: absolute;
  z-index: 99;
  top: 32px;
}
.breadcrumbs li.item-home a, .breadcrumbs li.item-parent a{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #dee2e6;
  margin-right: 10px;
}
.breadcrumbs li.separator{
  color: #dee2e6;
  margin-right: 10px;
}
.breadcrumbs li.item-current{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #fff;
}
.rofc-sec1{
  padding: 120px 0px;
}
.rofc-sec1 h2, .rofc-sec2 h2, .rofc-sec3 h2, .rofc-sec5 h2, .asrf-colors h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #000;
  margin-bottom: 24px;
}
.rofc-sec1 .rt-tx1 p, .rofc-sec2 .rt-tx2 p, .rofc-sec2 .lt-tx2 p,
.rofc-sec3 .rt-tx2 p, .rofc-sec3 .lt-tx2 p, .rofc-sec5 .rt-tx2 p,
.asrf-colors .lt-tx2 p{
  font-size: 16px;
  line-height: 1.75;
  color: #6c757d;
}
.rofc-sec2 .rt-tx2 a{color: #2185d0;text-decoration: underline;}
.rofc-sec2 .lt-tx2 hr, .rofc-sec3 .lt-tx2 hr{
  height: 2px;
  background-color: #adb5bd;
  width: 100%;
  display: block;
  clear: both;
}
.rofc-sec1 .lt-tx1 p{
  font-size: 16px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.8);
} 
.rofc-sec2{
  padding: 120px 0px 56px;
  background-color: #f8f9fa;
}
.rofc-sec2 h3, .rofc-sec3 h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  width: 30%;
  float: left;
}
.rofc-sec2 .lt-tx2 p, .rofc-sec3 .lt-tx2 p{width: 65%;float: right;margin-bottom: 34px;}
.rofc-sec3{padding: 120px 0px 56px;}
.rofc-sec6{padding:  120px 0px;background-color: #f8f9fa;}
.rofc-sec6 h2 a{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
}
.contact-inn-sec{
  padding: 170px 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.contact-inn-sec h2 a i.fas.fa-long-arrow-alt-right{
  color: #fff;
}
.rofc-sec5{padding: 120px 0px;}
.rofc-sec5 .lt-tx2 p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 40px;
}
.rofc-sec5 .lt-tx2 li{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 32px;
  width: 45%;
  position: relative;
  padding-left: 51px;
  vertical-align: top;
}
.rofc-sec5 .lt-tx2 li:before {
  width: 49px;
  height: 20px;
  background-image: url(/wp-content/uploads/2022/03/Roof-100-gray.png);
  position: absolute;
  content: '';
  left: 0px;
  top: 5px;
}
.rofc-sec5 .lt-tx2 strong{
  font-weight: 600;
  color: #cb0022;
}
.res-menu-wrap{
  background-color: #f8f9fa;
}
.res-menu-wrap .res-nav li{margin-right: 40px;}
.res-menu-wrap .res-nav li:last-child{margin-right: 0px;}
.res-menu-wrap .res-nav li a{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 0.22px;
  text-align: left;
  color: #212529;
  display: block;
  padding: 35px 0px;
}
.res-menu-wrap .res-nav li a:hover, .res-menu-wrap .res-nav li.current-menu-item a{color: #cb0022;}
.res-menu-wrap .res-nav li:hover, .res-menu-wrap .res-nav li.current-menu-item {
  border-bottom: 2px solid #cb0022;
}
.resd-sec1{padding: 120px 0px;}
.resd-sec1 .rt-tx1 h2, .resd-sec1 .rt-tx1 h2 strong{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #000;
}
.resd-sec1 .rt-tx1 h2 strong{
  color: #adb5bd;
}
.resd-sec1 .lt-tx1 p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.8);
}
.resd-sec2{padding: 120px 0px;background-color: #f8f9fa;}
.resd-sec2 h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #000;
}
.resd-serv-bx{
  margin-top: 56px;
  border-top: 3px solid #6c757d;
  padding-top: 24px;
}
.resd-serv-bx h3 a, .resd-serv-bx h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 16px;
}
.resd-serv-bx h3 strong{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #ba262c;
}
.resd-serv-bx p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #6c757d;
}
.resd-serv-bx h3 a span{float: right;}
.resd-serv-bx h3 a span i.fas.fa-arrow-right{
  color: #adb5bd;
}
.resd-serv-bx h3 a:hover span i.fas.fa-arrow-right{
  color: #cb0022;
}
.inn-sec1{padding: 30px 0px;}
.inn-sec1 img{margin-bottom: 32px;}
.inn-sec1 h4{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 16px;
}
.inn-sec1 p{
  font-size: 14px !important;
  line-height: 1.71 !important;
  color: #6c757d !important;
}
.rofc-sec3 h3 strong{
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5;
  color: #6c757d;
  display: block;
}

/*-------- Contact ---------
---------------------------*/
.cnt-wrap{padding: 70px 0px;}
.cnt-wrap iframe{margin-bottom: 18px;}
.cnt-wrap .cnt-text h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 16px;
}
.cnt-wrap .cnt-text p{
  font-size: 16px;
  line-height: 1.75;
  color: #6c757d;
  margin-bottom: 40px;
}
.cnt-wrap .cnt-text a, .cnt-wrap .cnt-text strong{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
}
.cnt-wrap .cnt-text a{color: #ba262c;}
.cnt-wrap .cnt-text strong{color: #222529;}
.cnt-form{
  width: 616px;
  padding: 56px 69px;
  box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.cnt-form h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #000;
  margin-bottom: 13px;
}
.cnt-form p{
  font-size: 16px;
  line-height: 1.75;
  color: #212529;
  margin-bottom: 39px;
}
.cnt-form p a{
  font-weight: bold;
  text-decoration: underline;
}

/*----------- About Us --------
-----------------------------*/
.about-sec2{
  background: url(/wp-content/uploads/2022/03/Img-_-Background-grey-roof.svg), #ffffff;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.about-sec2{padding: 70px 0px;}
.don-txt img{margin-bottom: 54px;}
.don-txt h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 20px;
}
.don-txt p{
  font-size: 16px;
  line-height: 1.75;
  color: #6c757d;
}
.about-sec2 h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  text-align: left;
  color: #000;
  margin-bottom: 10px;
}
.wwbet-bx{
  margin-top: 56px;
  border-top: 3px solid #6c757d;
  padding-top: 24px;
}
.wwbet-bx h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 16px;
}
.wwbet-bx p{
  font-size: 16px;
  line-height: 1.75;
  color: #6c757d;
}
.about-sec3{
  padding: 120px 0px;
  background-color: #f8f9fa;
}
.about-sec3 h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #000;
  margin-bottom: 48px;
}
.about-sec3 img{margin-bottom: 24px;}
.abtserv-bx{
  margin-bottom: 22px;
  padding: 40px 40px;
  background-color: #fff;
  height: 470px;
}
.abtserv-bx h3{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 16px;
}
.abtserv-bx p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #6c757d;
}
.abtserv-bx a{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  color: #212529;
  margin-top: 27px;
}
.abt-faq{padding: 120px 0px;}
.abt-faq h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  color: #212529;
}
.abt-faq button.accordion-button{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.42;
  color: #212529;
}
.abt-faq p{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #6c757d;
}
.abt-faq .accordion-item{
  border: none;
  border-top: 1px solid #adb5bd;
}
.abt-faq .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.recent-projects{
  padding: 120px 0px;
  background-color: #f8f9fa;
}
.recent-projects h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #000;
  margin-bottom: 60px;
}
ul.lprdt-slider{ margin-left: 0px;}
ul.lprdt-slider li{margin-right: 32px;}
ul.lprdt-slider button.slick-next.slick-arrow {
width: 64px;
height: 64px;
background-color: transparent;
position: absolute;
bottom: -10px;
left: 80px;
top: auto;
}
ul.lprdt-slider .slick-next:before, ul.lprdt-slider .slick-prev:before{color: #132c4f;}
ul.lprdt-slider button.slick-prev.slick-arrow {
width: 64px;
height: 64px;
background-color: transparent;
position: absolute;
bottom: -10px;
left: 0;
top: auto;
}
.slick-dotted.slick-slider {
padding-bottom: 120px;
}
ul.lprdt-slider button.slick-next.slick-arrow:hover,
ul.lprdt-slider button.slick-prev.slick-arrow:hover{background-color: #dee350;}
.slick-slide img{}
.prj-slider{position: relative;}
.prj-slider h3{
  position: absolute;
  bottom: 30px;
  right: 350px;
}
.prj-slider h3 a{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #212529;
}
.asrf-colors{padding: 120px 0px;}
.asrf-colors h3{
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #212529;
  padding: 16px 0px 46px;
}

/*--------- Footer --------
-------------------------*/
.site-footer{
  background-color: #f8f9fa;
  padding: 70px 0px 0px;
  border-top: 1px solid #dee2e6;
}
.site-footer img{margin-bottom: 30px;}
.site-footer a.ftel{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #212529;
  margin-bottom: 25px;
  display: block;
}
.site-footer p{
  font-size: 14px;
  line-height: 1.79;
  color: #6c757d;
  margin-bottom: 30px;
}
.site-footer ul.foot-social li{
  margin-right: 32px;
}
.site-footer ul.foot-social li:last-child{
  margin-right: 0px;
}
.site-footer h2.widget-title{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 2.08px;
  color: #20202b;
  text-transform: uppercase;
}
.site-footer .footer-widgets ul{margin-bottom: 46px;}
.site-footer li.widget {
  vertical-align: top;
  margin-right: 35px;
  width: 27%;
}
.site-footer .menu li{margin-bottom: 16px;display: block;}
.site-footer .menu li:last-child{margin-bottom: 0px;}
.site-footer .menu li a{
  font-size: 14px;
  line-height: 1.29;
  color: #6c757d;
}
.foot-copy{padding: 20px 0px;border-top: 1px solid #dee2e6;}
.foot-copy p{
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.28px;
  text-align: center;
  color: #6c757d;
  margin-bottom: 0px;
}
.m-rw, .mb-img{display: none;}

/*---------- Media Queries -------
---------------------------------*/
@media screen and (max-width: 1680px){
  .serv-bx::after{width: 392px;}
}
@media screen and (max-width: 1600px){
  .serv-bx::after{width: 372px;}
}
@media screen and (max-width: 1440px){
  .serv-bx::after{width: 332px;}
}
@media screen and (max-width: 1366px){
  .serv-bx::after{width: 313px;}
}
@media screen and (max-width: 1024px){
  .main-navigation li a, .sticky .main-navigation li a{font-size: 11px;}
  .serv-bx::after{width: 232px;}
  .serv-txt h2, .serv-txt h2 a{font-size: 20px;}
  .rth-form{width: 100%;}
  .rs {font-size: 16px;font-weight: bold;}
  .rth-form h2{font-size: 18px;}
  .rth-form p strong, .rth-form p{font-size: 11px;}
  .hero-txt h1{font-size: 52px;}
  .h-hero-head .hero-txt{transform: translateY(150%);}
  .h-hero-head{height: 880px;}
  .rofc-sec2 h3, .rofc-sec3 h3{font-size: 20px;}
  .slick-slide img{width: 550px;}
  .page-head h1{font-size: 52px;}
  .res-menu-wrap .res-nav li a{font-size: 13px;}
  .resd-sec1 .rt-tx1 h2, .resd-sec1 .rt-tx1 h2 strong{font-size: 30px;}
  .cnt-form{width: 100%;}
  .cnt-form h2 {font-size: 24px;}
  .cnt-form p{font-size: 14px;}
  .page-head{height: 337px;}
}
@media screen and (max-width: 992px){
 .rth-form {top: 0 !important;}
 .h-trusted-hometown {padding: 80px 0;}
}
@media screen and (max-width: 850px){
  #first{order: 2;background-color: #cb0022;}
  #second{order: 1;}
  .m-rw{display: block ;}
  .main-head, .top-head p, .sticky .top-head p, .top-head ul{display: none;}
  #rmp-menu-additional-content-948{border-top: 1px solid #fff;}
  a.call-btn{
    font-size: 20px;
    font-weight: bold;
    line-height: 0.6;
    letter-spacing: 0.3px;
    text-align: left;
    color: #fff;
  }
  ul.head-social{margin-top: 32px;}
  ul.head-social li{margin-right: 32px;}
  ul.head-social li:last-child{margin-right: 0px;}
  ul.head-social li a i.fab{color: #fff;font-size: 20px;}
  .h-hero-head{height: 619px;}
  .h-hero-head .hero-txt{transform: translateY(100%);text-align: center;}
  .hero-txt h1, .lth-text h2{font-size: 32px;}
  .hero-txt a.qbtn, .hero-txt a.sbtn{width: 230px;font-size: 14px;}
  .rth-form{width: 100%;top: 0px; background: unset;background-color: #ffffff;box-shadow: unset;}
  .serv-bx::after{width: 100%;}
  .site-footer li.widget{width: 40%;}
  .cnt-wrap iframe{width: 100%;}
  .cnt-form, .rth-form{width: 100%;padding: 25px 25px;}
  .cnt-form h2, .rth-form h2{font-size: 32px;}
  .rs {font-size: 26px;}
  .rth-form p strong, .rth-form p {font-size: 16px;}
  .rth-form div#field_1_1, .rth-form div#field_1_2, .cnt-form div#field_1_1, .cnt-form div#field_1_2 {
    -ms-grid-column-span: 12;
    grid-column: span 12;
}
.h-trusted-hometown{background: unset;}
.h-trusted-hometown .container{
  max-width: 100%;
}
.lth-text{padding: 72px 20px;}
.mb-img{display: block;}
.dk-img{display: none;}
.h-services{padding: 20px 0px 4px;}
.serv-bx{margin-bottom: 16px;}
.h-video{padding: 0px 0px;}
.h-video p{margin-bottom: 0px;}
.h-video img{left: 40%;}
.h-awards-rcg ul{width: 60%;margin: 0 auto;}
.resd-sec1, .about-sec3, .abt-faq, .recent-projects,
.rofc-sec1, .rofc-sec5, .rofc-sec6, .resd-sec2{padding: 60px 0px;}
.resd-sec1 .rt-tx1 h2, .resd-sec1 .rt-tx1 h2 strong,
.about-sec2 h2, .about-sec3 h2, .abt-faq h2,
.recent-projects h2, .rofc-sec1 h2, .rofc-sec2 h2, .rofc-sec3 h2, 
.rofc-sec5 h2, .asrf-colors h2, .resd-sec2 h2{font-size: 32px;}
.abt-faq button.accordion-button, .prj-slider h3 a{font-size: 22px;}
.abtserv-bx {
    margin-bottom: 22px;
    padding: 20px 20px;
    background-color: #fff;
    height: 380px;
}
.rofc-sec2, .rofc-sec3{padding: 60px 0px 46px}
.rofc-sec2 .lt-tx2 p, .rofc-sec3 .lt-tx2 p{width: 100%;float: left;}
.rofc-sec2 h3, .rofc-sec3 h3{width: 100%;}
.prj-slider h3{right: 50px;}
.rofc-sec5 .lt-tx2 li{width: 100%;}
.contact-inn-sec{padding: 60px 30px;}
.rofc-sec6 h2 a{font-size: 20px;}
.slick-slide img{width: 400px;}
.res-nav{display: none;}

}

@media screen and (max-width: 600px){
.m-rw a.m-fins{
  background-color: #cb0022;
  font-size: 16px;
  line-height: 42px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.16px;
  text-align: center;
  color: #fff !important;
  text-transform: uppercase;
  margin-top: 10px;
}

}

@media screen and (max-width: 480px){
  .page-head{height: 237px;}
  .page-head h1{font-size: 32px;top: 50%;}
  ul.foot-social{margin-bottom: 40px;}
  .site-footer img{width: 273px;}
  .site-footer li.widget {width: 45%;}
  .site-footer li.widget{margin-right: 13px;}
  .h-video img{width: 69px;}
  .slick-slide img{width: 300px;}
}