/*!
Theme Name: Trimark Home Construction
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trimark-home-construction
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/


@font-face {
  font-family: 'ApotekBlack';
  src: url("./fonts/ApotekBlack.otf") format("opentype");
}

@font-face {
  font-family: 'ApotekBold';
  src: url("./fonts/ApotekBold.otf") format("opentype");
}

@font-face {
  font-family: 'Cabin-Bold';
  src: url("./fonts/Cabin-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Cabin-Medium';
  src: url("./fonts/Cabin-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Cabin-Regular';
  src: url("./fonts/Cabin-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Cabin-SemiBold';
  src: url("./fonts/Cabin-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'ApotekMedium';
  src: url("./fonts/ApotekMedium.otf") format("opentype");
}

@font-face {
  font-family: 'ApotekRegular';
  src: url("./fonts/ApotekRegular.otf") format("opentype");
}


body{
	color:#000000;
	font-family: 'Cabin-Regular';
}

img{
	max-width:100%;
}


h1,h2,h3{
	font-family: 'ApotekBold';
}

p,a{
	font-size:16px;
	font-family: 'Cabin-Regular';
	line-height:30px;
}

/* header css */

.announcement_bar {
    background: #0A0A08;
    padding: 8px 0px;
}

.announcement_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-left: 246px;
}

.announcement_row p {
    margin: 0;
    line-height: normal;
}

.google_ratting {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: unset;
    font-family: 'Cabin-SemiBold';
    font-size: 15px;
}

.google_ratting img {
    height: 18px;
    margin-right: 5px;
}

.google_ratting span {
    text-decoration: underline;
    color: #D73529;
    padding: 0px 5px;
}

.announcement_follow p {
    font-size: 15px;
    font-family: 'Cabin-SemiBold';
}

.announcement_follow ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 16px;
}

.announcement_follow ul li a {
    display: block;
}

.announcement_follow ul li a img {
    height: 31px;
}

.announcement_follow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.announcement_text p {
    font-family: 'ApotekMedium';
    letter-spacing: 2.24px;
    font-size: 18px;
}

.announcement_text p span {
    color: #D73529;
}

header.header_menubar {
	background: #0a0a08;
	border-bottom: 4px solid #D73529;
	padding: 10px 0px;
	position: sticky;
	top: 0;
	z-index: 999;
}

.header_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.header_block_main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin-left: 43px;
    /* box-shadow: 0px 0px 10px #FFFFFF33; */
}

.button_group a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    text-decoration: none;
    height: 47px;
    padding: 5px 15px;
    border-radius: 30px;
    min-width: 168px;
    font-family: 'Cabin-SemiBold';
    color: #fff;
}

.button_group a img {
    height: 27px;
    margin-right: 5px;
}

.button_group {
    gap: 10px;
}

a.gray_button {
    background: #42393D;
    border-color: #42393D;
}

a.red_button {
    background: #D73529;
    border-color: #D73529;
}

a.gray_button:hover {
    background: #d73529;
}

a.red_button:hover {
    background: #42393d;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    height: auto;
    font-size: 16px;
    font-family: 'Cabin-SemiBold';
    padding: 7px 15px;
}

div#mega-menu-wrap-menu-1 {
    background: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
    background: transparent;
    color: #d73529;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent;
    color: #d73529;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: transparent;
    color: #d73529;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #d73529;
    color: #fff;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #fff;
    font-family: 'Cabin-SemiBold';
    font-size: 16px;
    color: #000;
}

.header_logo a {
    display: block;
}

.header_logo a img {
    height: 101px;
}

.header_logo {
    margin-top: -33px;
}

/* header css */


/* hero css */

section.hero_section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0px;
    min-height: calc(100vh - 140px);
}

div#main-banner-slider {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}

.hero_content_main {
    position: relative;
    z-index: 2;
}

.hero_content_main .row {
    align-items: center;
}

.hero_content h5 {
    display: inline-block;
    color: #000000;
    background: #fff;
    font-size: 18px;
    padding: 5px 13px;
    border-radius: 30px;
    letter-spacing: 0.6px;
    font-family: 'Cabin-Bold';
}
.hero_content h1 {
    color: #fff;
    font-size: 80px;
    line-height: 78px;
    margin: 8px 0px;
    text-shadow: 2px 2px 0px #d73529;
}

.hero_content p {
    color: #fff;
    font-size: 23px;
    line-height: 36px;
}

a.trasparant_button {
    border-color: #FFFFFF;
}

a.trasparant_button:hover {
    background: #d73529;
    border-color: #d73529;
}

.hero_form {
    border: 1px solid #D73529;
    background: #0A0A08;
    border-radius: 20px;
    overflow: hidden;
}

.hero_form_title h2 {
    color: #fff;
    text-shadow: 2px 2px 0px #f59e2d;
    font-size: 42px;
    letter-spacing: 1px;
    margin: 0px;
}

.hero_form_title {
    text-align: center;
    padding: 20px 15px;
}

.hero_form_inner {
    padding: 25px;
}

.hero_form_input input {
    width: 100%;
    height: 44px;
    padding: 5px 16px;
    color: #000;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
    border-radius: 30px;
}

.hero_form_input p {
    margin-bottom: 8px;
}

.hero_form_input textarea {
    width: 100%;
    height: 90px;
    padding: 10px 15px;
    border-radius: 13px;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
}

span.wpcf7-spinner {
    display: none !IMPORTANT;
}

.hero_form_input input[type="submit"] {
    background: #D73529;
    color: #fff;
    font-family: 'Cabin-SemiBold';
}

.hero_form_input input[type="submit"]:hover {
    background: #42393d;
}

.swiper-pagination span {
    opacity: 1;
    height: 15px;
    width: 15px;
    background: transparent;
    border: 1px solid #000000;
    position: relative;
}

.swiper-pagination span.swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 65%;
    width: 65%;
    border-radius: 50%;
    background: #D73529;
}

div#main-banner-slider .swiper-pagination span {
    border-color: #fff;
}

div#main-banner-slider .swiper-pagination span.swiper-pagination-bullet-active:before{
    background:#fff;
}

/* hero css */


/* block css */

.block {
    border: 4px solid #42393d;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.block_image {
    background: #42393d;
    width: 120px;
    height: 165px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 80px 80px 0px;
    box-shadow: 9px 9px 0px #d73529;
    margin-top: -20px;
    margin-bottom: -20px;
}

.block_image img {
    height: 79px;
}

.block_data {
    width: calc(100% - 120px);
    padding-left: 25px;
}

.block_data h2 {
    font-family: 'Cabin-Bold';
    color: #000000;
    font-size: 26px;
}

section.block_section {
    position: relative;
    z-index: 2;
    margin-top: -69px;
}

section.hero_section {
    padding-bottom: 150px;
}

div#main-banner-slider .swiper-pagination {
    bottom: 80px;
}

/* block css */


/* service css */

section.service_section {
    margin-top: -65px;
    padding-top: 131px;
    padding-bottom: 50px;
    background-position: center center !IMPORTANT;
}

.title_text h5 {
    display: inline-block;
    color: #000000;
    background: #DCDCDC;
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Cabin-SemiBold';
}

.title_text h2 {
    color: #000000;
    letter-spacing: 1.4px;
    font-size: 55px;
    line-height: 53px;
    text-shadow: 2px 2px 0px #f59e2d;
}

.row.mb-4.align-itesm-center {
    align-items: center;
}

.service_content_main {
    padding-left: 54px;
}

.service_block {
    background: #fff;
    border: 1px solid #42393D;
    border-radius: 18px;
    overflow: hidden;
}

.service_feature_image img {
    height: 225px;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.service_feature_image {
    overflow: hidden;
}

.service_icon {
    border: 4px solid #f59e2d;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: 4px solid #eb3d2a;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-top: -50px;
    background: #fff;
    margin-bottom: 11px;
    position: relative;
    z-index: 2;
}

.service_icon img {
    height: 50px;
}

.service_block_content_inner {
    padding: 25px;
    padding-top: 0px;
    min-height: 177px;
}

.service_block_content_inner h2 {
	color: #000000;
	letter-spacing: 0.8px;
	font-size: 33px;
	text-transform: uppercase;
}

.service_block_content_inner a {
    color: #D73529;
    font-family: 'Cabin-SemiBold';
    display: flex;
    align-items: center;
}

.service_block_content_inner a img {
    height: 9px;
    margin-left: 7px;
    transition: 0.5s;
}

.service_block:hover .service_block_content_inner a img {
    margin-left: 15px;
}

.service_block:hover .service_block_content_inner a {
    color: #f59e2d;
    text-decoration: none;
}

.service_slider .swiper-pagination {
    position: static !IMPORTANT;
    margin-top: 35px;
}

.service_block:hover .service_feature_image img {
    transform: scale(1.3);
}

/* service css */

/* about css */

section.about_section {
    margin: 60px 0px;
}

.about_content {
    padding-left: 20px;
}

/* about css */


/* footer css */

.border_yellow {
    border-top: 5px solid #f59e2d;
    border-bottom: 5px solid #eb3d2a;
}

footer {
	background: #0A0A08;
	padding: 80px 0px 50px 0px;
}

.footer_widget p {
    color: #fff;
}

.footer-logo {
    margin-bottom: 30px;
}

.widget1 {
    width: 332px;
}

.widget2 {
    width: 180px;
}

.widget3 {
    width: 280px;
}

.widget4 {
    width: 265px;
}

.widget5 {
    width: 230px;
}

.footer-logo img {
    height: 130px;
    width: auto;
}

.footer_widget h4 {
	font-family: 'ApotekBold';
	color: #fff;
	font-size: 30px;
	margin-bottom: 15px;
	text-shadow: 0px 2px 2px #F59E2D;
}

.footer_widget ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer_widget ul li a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

.contact_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 14px;
}

.contact_info img {
    height: 38px;
}

.contact_info_data {
    flex: 1;
    padding-left: 7px;
}

.contact_info_data a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.row.footer_row {
    justify-content: space-between;
}

.footer_image_groups img:nth-child(1) {
    height: 64px;
}

.footer_image_groups {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    gap: 17px;
}

.footer_widget ul li {
    margin-bottom: 3px;
}

.footer_widget ul li a:hover, .contact_info_data a:hover {
    color: #d73529;
}

.copyright_section {
    background: #42393D;
    padding: 5px 0px;
}

.flex_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex_footer p, .flex_footer p a {
    color: #fff;
    text-decoration: none;
    margin: 0px;
    font-family: 'Cabin-Regular';
    font-size: 15px;
}

.flex_footer p a:hover {
    color: #d73529;
}

.announcement_follow ul li a img:hover {
    opacity: 0.5;
}


/* footer css */

.footer_cta_main {
    background: #42393D;
    border-radius: 20px;
    border: 1px solid #D73529;
    padding: 10px 35px;
    justify-content: space-between;
}

.footer_cta_title h3 {
	margin: 0;
	font-size: 40px;
	text-shadow: 0px 2px 2px #F59E2D;
}

section.footer_cta_section {
    position: relative;
    margin-bottom: -40px;
}

section.faq_section {
    padding: 60px 0px;
    position: relative;
    margin-bottom: -30px;
    background-position: left bottom !important;
}

.accordion-item {
    border: 1px solid #EEEEEE ! IMPORTANT;
    margin-bottom: 10px;
    overflow: hidden;
    background: #EEEEEE;
    border-radius: 28px ! IMPORTANT;
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
    border-bottom: 1px solid #B5B5B5;
}
button.accordion-button {
    background: #EEEEEE ! IMPORTANT;
    outline: none ! IMPORTANT;
    box-shadow: none ! IMPORTANT;
    color: #000000 ! IMPORTANT;
    font-size: 20px;
    font-family: 'Cabin-SemiBold';
}
.accordion-item:has(.accordion-button:not(.collapsed)) {
    border-radius: 14px !important;
}
.faq_title {
    margin-bottom: 30px;
}

section.blog_section {
    padding: 60px 0px;
}

.blog_title {
    margin-bottom: 30px;
}

.blog_title h2 {
    color: #ffffff;
}
.blog_block {
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
.blog_block a {
    display: block;
    text-decoration: none;
    color: #fff;
}
.blog_block a img {
    width: 100%;
    object-fit: cover;
}
.blog_block_inner {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.blog_block_inner h5 {
    margin-top: auto;
    display: inline-block;
    background: #FFFFFF;
    color: #000;
    font-family: 'Cabin-Regular';
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 19px;
}
.blog_block_inner h2 {
	font-size: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-transform: uppercase;
}
.blog_block_inner h6 {
    margin: 0px;
    display: inline-block;
    text-decoration: underline;
    font-family: 'Cabin-SemiBold';
    font-size: 18px;
}
section.portfolio_section {
    padding: 60px 0px;
}

section.portfolio_section .button_group {
    margin-top: 20px;
}
.portfolio_title {
    margin-bottom: 30px;
}
section.areas_we_serve_section {
    padding: 60px 0px;
}
ul.areas_ul {
    list-style: none;
    padding: 0px;
    margin: 20px 0px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
ul.areas_ul li {
    /* width: 25%; */
    margin-bottom: 22px;
    /* padding: 0px 15px; */
}
ul.areas_ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
    grid-gap: 6px;
}
ul.areas_ul li img {
    width: 30px;
}
ul.areas_ul li p {
    margin: 0px;
    font-family: 'Cabin-SemiBold';
}
.areas_we_serve_map p {
    margin: 0;
}

.areas_we_serve_map iframe {
    width: 100%;
    border: 4px solid #D73529 !important;
    border-radius: 21px;
    outline: 4px solid #F59E2D;
}





aside#secondary {
    display: none;
}

div#comments {
    display: none;
}

/* why us css */

section.why_us_section {
    padding: 60px 0px;
}

.why_choose_content {
    background: #6B6B6B;
    border-radius: 20px;
    padding: 45px;
    height: 100%;
}

.why_choose_content h3 {
    color: #ffffff;
    letter-spacing: 1.4px;
    font-size: 40px;
    line-height: 45px;
    text-shadow: 2px 2px 0px #f59e2d;
}

.why_choose_content h4 {
    font-size: 23px;
}

.why_choose_content {
    color: #fff;
    font-family: 'Cabin-SemiBold';
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.why_choose_block_main {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
}

.why_choose_block_main_inn {
    position: relative;
    z-index: 3;
    padding: 20px;
    border: 1px solid #42393D;
    border-radius: 15px;
    background: #fff;
    height: 100%;
    transition:0.5s;
}

.why_choose_bg_image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.why_choose_bg_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.why_choose_block_img {
    background: #D73529;
    height: 70px;
    width: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.why_choose_block_content {
    width: calc(100% - 70px);
    padding-left: 20px;
}

.why_choose_block_img img {
    height: 38px;
}

.why_choose_block_content h4 {
    color: #000000;
    letter-spacing: 1.4px;
    font-size: 35px;
    line-height: 35px;
    font-family: 'ApotekBold';
}

.why_choose_block_content p {
    margin: 0px;
}

section.why_us_section .col-lg-6.col-md-12.col-12.mb-3 {
    margin-bottom: 35px !IMPORTANT;
}

section.why_us_section .col-lg-6.col-md-12.col-12.mb-3:nth-child(n+3) {
    margin-bottom: 0px !IMPORTANT;
}

.why_choose_block_main:hover .why_choose_block_main_inn {
    background: linear-gradient(90deg, #ffffff 36%, #ffffff78);
}

/* why us css */



/* process css */

section.process_section {
    background: #0A0A08;
    padding: 60px 0px;
    padding-bottom: 185px;
}

.text-white h2 {
    color: #fff;
}

.process_block {
    text-align: center;
    padding: 0px 20px;
}

.process_block h4 {
    font-family: 'ApotekBold';
    letter-spacing: 0.8px;
    font-size: 30px;
    margin: 10px 0px;
}

.cta_block {
    border: 4px solid #f59e2d;
    outline: 4px solid #eb3d2a;
    border-radius: 20px;
    overflow: hidden;
    padding: 34px;
}

.cta_block h3 {
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    text-shadow: 2px 2px 0px #f59e2d;
    letter-spacing: 1px;
}

.cta_block h6 {
    color: #fff;
    font-family: 'Cabin-Regular';
    font-size: 16px;
    margin: 16px 0px;
    margin-bottom: 25px;
}

section.cta_section {
    position: relative;
    margin-top: -135px;
}

/* process css */

/* testimonial css */

section.testimonial_section {
    margin: 60px 0px;
}

.testimonial_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 10px #d7352942;
    overflow: hidden;
    border-radius: 20px;
}

.testimonial_block span {
    margin-top: auto;
    color: #D73529;
    font-family: 'Cabin-SemiBold';
    font-size: 16px;
}

img.border_image_test {
    margin-top: auto;
}

.testimonial_block_inner img {
    display: block;
    margin: 0 auto;
}

img.google_image {
    height: 35px;
    margin-bottom: 15px;
}

img.star_image {
    height: 20px;
    margin-bottom: 13px;
}

.testimonial_block_inner {
    padding: 27px;
}

.testimonial_block_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
/*     min-height: 570px; */
}

/* testimonial css */

.common-hero-banner {
    padding: 70px 0px;
    position: relative;
    z-index: 0;
    background: #0A0A08;
}

.about-hero-title.text-center.text-white h1 {
	font-family: 'ApotekBold';
	text-transform: uppercase;
	margin: 0px;
	font-size: 70px;
	letter-spacing: 2px;
}

/* about page start */
section.business_section {
    padding: 60px 0px;
}

section.different_section {
    padding: 60px 0px;
}

.different_title h2 {
    color: #ffffff;
}

.different_title {
    color: #ffffff;
}
section.values_section {
    padding: 60px 0px 20px 0px;
}
.values_block {
    background: #fff;
    border: 1px solid #42393D;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    text-align: center;
    padding: 20px;
}

/* .values_image {
    border: 4px solid #f59e2d;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: 4px solid #eb3d2a;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 15px;
}

.values_image img {
    height: 50px;
} */

.values_block h4 {
    color: #000000;
    font-family: 'ApotekBold';
    text-transform: uppercase;
    font-size: 30px;
}
.values_block:hover {
    box-shadow: 0px 0px 10px #d7352942;
}
.page-id-259 h2,
.page-id-305 h2 {
    text-transform: uppercase;
}
.about_cta {
    background: #42393D;
    border-radius: 20px;
    border: 2px solid #D73529;
    padding: 35px;
}

section.about_cta_section {
    padding: 0px 0px 60px 0px;
}

.about_cta_title h3, 
.about_cta_title h3 a {
	font-size: 50px;
	text-shadow: 0px 2px 2px #F59E2D;
	font-family: 'ApotekBold';
	text-decoration: none;
	margin: 0;
	text-transform: uppercase;
}
.about_cta_title h3 a {
	color: #D73529;
}
.business_image img {
    border-radius: 20px;
    border: 4px solid #42393D;
}
.values_image img {
    border-radius: 20px;
    border: 4px solid #42393D;
}

.row.values_row {
    margin-bottom: 60px;
}

.row.values_row:nth-child(even) {
    flex-direction: row-reverse;
}
/* about page end */

/* our service page start */
.our_service_block {
    height: 100%;
}
section.local_roofing_section {
    padding: 60px 0px;
}

section.our_service_section {
    padding: 60px 0px;
}
section.our_service_cta {
    padding: 0px 0px 60px 0px;
}
.our_service_section .service_block_content_inner {
	height: 345px !important;
	display: flex !important;
	flex-direction: column;
}
.our_service_section .service_block_content_inner a {
	margin-top: auto !important;
}
/* our service page end */

/* service detail page start */
section.texas_section {
    padding: 60px 0px;
}
section.service_detail_service_sec {
    padding: 60px 0px;
}

.service_detail_service_title {
    margin-bottom: 40px;
}

.service_detail_block {
    background: #fff;
    border: 1px solid #42393D;
    border-radius: 18px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    height: 100%;
}

.service_detail_block img {height: 50px;}

.service_detail_block h4 {
    color: #000000;
    font-family: 'ApotekBold';
    font-size: 27px;
}

.service_detail_block p {
    margin: 0;
}
.service_detail_block_image {
    border: 4px solid #f59e2d;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: 4px solid #eb3d2a;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 11px;
}
.service_detail_block_image {
    border: 4px solid #f59e2d;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: 4px solid #eb3d2a;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 11px;
}

section.service_process_section {
    background: #0A0A08;
    padding: 60px 0px;
}

.service_process_title {
    margin-bottom: 40px;
}

.service_process_title h2 {
    color: #ffffff;
}

.service_process_block {
	color: #ffffff;
	text-align: center;
	background: #6B6B6B;
	height: 100%;
	padding: 20px;
	border-radius: 18px;
	border: 1px solid #D73529;
}

.service_process_block img {
    width: 60px;
    margin-bottom: 12px;
}

.service_process_block h4 {
    font-family: 'ApotekBold';
    font-size: 28px;
}

.service_process_block p {
    margin: 0;
}
section.county_section {
    padding: 60px 0px;
}
.service_detail_block:hover {
    box-shadow: 0px 0px 10px #d7352942;
}
.texas_title h2,
.service_detail_service_title.text-center h2,
.service_process_title h2,
.county_title h2 {
    text-transform: uppercase;
}
.texas_image img,
.county_image img {
    border: 4px solid #42393D;
    border-radius: 20px;
}
.service_block_description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}

.service_block_description.active {
    -webkit-line-clamp: unset;
}
button.read_more_btn {
    background: none;
    border: none;
    color: #D73529;
    cursor: pointer;
    font-family: 'Cabin-SemiBold';
    font-size: 16px;
    margin: 10px 0 0px 0;
}
.service_detail_block_inner h2 {
    font-size: 26px;
}
.page-id-367 section.service_detail_service_sec .swiper-wrapper {
    display: flex;
    justify-content: center;
}
.service_detail_block_inner {
    min-height: 200px !important;
}
/* service detail page end */

/* gallery page start */
section.gallery_page_sec {
    padding: 60px 0px;
}
/* gallery page end */

/* testimonial page start */
.testimonial-desc {
    max-height: 80px; /* adjust as per design */
    overflow: hidden;
    position: relative;
    transition: 0.3s ease;
}

.testimonial-desc.expanded {
    max-height: 500px; /* large enough */
}

.read-toggle {
    background: none;
    border: none;
    color: #D73529;
    cursor: pointer;
    font-family: 'Cabin-SemiBold';
    font-size: 16px;
    margin: 10px 0 15px 0;
}
.swiper.testimonial-slider {
    padding-top: 10px;
}
section.testimonial_page_section {
    padding: 60px 0px;
}
/* testimonial page end */

/* contact us page start */
.contact-info-main {
    border-radius: 20px;
    padding: 20px;
    height: 100%;
    background: #000000;
    text-align: center;
    border: 4px solid #D73529;
}
.contact-info-main img {
    margin: 0 0 10px 0;
    width: 45px;
}
.contact-info-main h4 {
    font-size: 22px;
    margin: 0 0 10px 0;
    font-family: 'Cabin-SemiBold';
    color: #ffffff;
}
.contact-info-main p {
    margin: 0;
    color: #ffffff;
}
.contact-info-main a {
    text-decoration: none;
}
.contact-info-main p:hover {
    color: #D73529;
}
.contact_page_form_data {
    background: #000000;
    padding: 30px;
    border: 4px solid #D73529;
    border-radius: 20px;
}

.contact_page_form_data h2 {
    font-size: 46px;
    color: #ffffff;
    margin: 0 0 12px 0;
}
.contact_iframe iframe {
    width: 100%;
    border: 5px solid #D73529 !important;
    border-radius: 20px;
}
section.contact-info {
    padding: 60px 0px;
}
section.contact_page_location {
    padding: 0 0 60px 0px;
}
/* contact us page end */

/* blog detail start */
section.post__detail {
    margin: 50px 0px;
}
.post__detail article.post p.post-meta {
    margin-bottom: 20px;
}
.post__detail article.post p.post-meta, .post__detail article.post p.post-meta a {
	color: #000000;
	text-decoration: none;
	font-size: 16px;
}
.post-content img {
    border-radius: 20px;
}
.post__detail .post h2 {
	font-size: 30px;
	margin: 0 0 12px 0;
	color: #000000;
	font-family: 'Cabin-Bold';
}
.post__detail .post h3 {
	font-size: 26px;
	color: #000000;
	margin: 0 0 12px 0;
	font-family: 'Cabin-Bold';
}
.post__detail .post h4 {
	font-size: 22px;
	color: #000000;
	margin: 0 0 12px 0;
	font-family: 'Cabin-Bold';
}
.post-navigation {
    display: none;
}
.single__post__sidebar {
    position: sticky;
    top: 110px;
}
.single__post__sidebar .sidebar__data {
    border: 2px solid #D73529 !important;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: #ffffff !important;
    color: #000000;
}
.sidebar__data h4 {
	margin-bottom: 10px;
	color: #000000;
	font-size: 24px;
	font-family: 'Cabin-Bold';
}
.search__post__sidebar form {
    display: flex;
    align-items: center;
    position: relative;
}
.search__post__sidebar form input {
    width: 100%;
    height: 45px;
    padding: 10px;
    border-radius: 18px;
    border: 2px solid #D73529 !important;
    padding-right: 46px;
    font-size: 15px;
    outline: none;
}
.search__post__sidebar form button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    background: transparent ! IMPORTANT;
    border: none ! IMPORTANT;
    outline: none ! IMPORTANT;
    color: #000000;
}
ul.category-list-items {
    margin: 0px;
    list-style: none;
    padding: 0;
}
ul.category-list-items li a {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #000000;
    color: #000000;
}
p.post-meta a {
    color: #D73529 !important;
}
/* blog detail end */
main#primary {
    padding: 50px 0px;
}
.gallery-images img {
    border-radius: 20px;
    border: 2px solid #42393D;
    width: 100%;
    height: 450px;
    object-fit: cover;
}

section.community-section {
    padding: 50px 0px;
}
.community-section-box {
    background: #ffffff;
    box-shadow: 0px 0px 13px #42393d;
    height: 100%;
    padding: 30px;
    border: 1px solid #42393d;
    border-radius: 20px;
    text-align:left !important;
}
.community-section-box h3 {
    color: #000000;
    letter-spacing: 1.4px;
    font-size: 35px;
    line-height: 35px;
    font-family: 'ApotekBold';
    margin-bottom: 20px;
}
section.community-section h2 {
    margin-bottom: 40px;
}
.community-section-box img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 20px;
}
.community-section-box p {
    margin-bottom: 10px;
}

@media(max-width:1400px){
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 14px;
	}

	p, a {
		font-size: 14px;
		line-height: 25px;
	}

	.button_group a img {
		height: 23px;
	}

	.button_group a {
		min-width: 147px;
		height: 42px;
	}

	.header_logo a img {
		height: 76px;
	}

	.announcement_row {
		padding-left: 213px;
	}

	.google_ratting img {
		height: 15px;
	}

	.google_ratting {
		font-size: 13px;
	}

	.announcement_follow p {
		font-size: 13px;
	}

	.announcement_text p {
		font-size: 16px;
	}

	.announcement_follow ul li a img {
		height: 28px;
	}

	.announcement_follow ul {
		margin-left: 10px;
	}

	.hero_content h5 {
		font-size: 14px;
	}

	.hero_content h1 {
		font-size: 62px;
		line-height: 63px;
	}

	.hero_content p {
		font-size: 17px;
		line-height: 28px;
	}

	.hero_form_title h2 {
		font-size: 34px;
		text-shadow: 1px 1px 0px #f59e2d;
	}

	.block_data h2 {
		font-size: 20px;
	}

	.block_image {
		width: 120px;
		height: 145px;
		margin-top: -20px;
		margin-bottom: -20px;
		border-radius: 0px 80px 80px 0px;
		box-shadow: 9px 9px 0px #d73529;
	}

	section.block_section {
		margin-top: -63px;
	}

	.title_text h5 {
		font-size: 14px;
	}

	.title_text h2 {
		font-size: 46px;
		line-height: 46px;
		text-shadow: 1px 1px 0px #f59e2d;
	}

	.service_feature_image img {
		height: 190px;
	}

	.service_block_content_inner h2 {
		font-size: 28px;
	}

	.service_block_content_inner {
		min-height: 158px;
		padding: 20px;
		padding-top: 0px;
	}

	section.about_section {
		margin: 50px 0px;
	}

	.title_text.about_content {
		padding-left: 0px;
	}

	section.why_us_section {
		padding: 50px 0px;
	}

	.why_choose_content {
		padding: 35px;
	}

	.why_choose_block_img {
		height: 55px;
		width: 55px;
	}

	.why_choose_block_img img {
		height: 30px;
	}

	.why_choose_block_content {
		width: calc(100% - 55px);
	}

	.why_choose_block_content h4 {
		font-size: 29px;
		line-height: 30px;
	}

	section.process_section {
		padding-top: 50px;
	}

	.process_block h4 {
		font-size: 23px;
	}

	.process_block img {
		height: 65px;
	}

	.cta_block h3 {
		font-size: 38px;
		line-height: 40px;
		text-shadow: 1px 1px 0px #f59e2d;
	}

/* 	.testimonial_block_inner {
		min-height: 530px;
	} */

	section.testimonial_section {
		margin: 50px 0px;
	}

	ul.areas_ul {
		grid-template-columns: repeat(2, 1fr);
		padding: 0px;
		margin: 10px 0px;
	}

	ul.areas_ul li {
		margin-bottom: 12px;
	}

	section.portfolio_section {
		padding: 50px 0px;
	}

	section.blog_section {
		padding: 50px 0px;
	}

	.blog_block_inner h5 {
		font-size: 13px;
	}

	.blog_block_inner h2 {
		font-size: 25px;
		letter-spacing: 0.8px;
	}

	.blog_block_inner h6 {
		font-size: 14px;
	}

	section.faq_section {
		padding: 50px 0px;
	}

	button.accordion-button {
		font-size: 18px;
	}

	.footer_cta_title h3 {
		font-size: 32px;
	}

	.footer_widget h4 {
		font-size: 25px;
		text-shadow: 0px 1px 1px #F59E2D;
	}

	.widget1 {
		width: 290px;
	}

	.footer-logo img {
		height: 107px;
	}

	.widget2 {
		width: 125px;
	}

	.widget3 {
		width: 200px;
	}

	.contact_info img {
		height: 30px;
	}

	.widget4 {
		width: 233px;
	}

	.flex_footer p, .flex_footer p a {
		font-size: 13px;
	}
	
	.hero_form_input input {
		height: 40px;
	}

	.hero_form_input textarea {
		height: 68px;
	}
	.about-hero-title.text-center.text-white h1 {
		font-size: 60px;
	}
	.our_service_section .service_block_content_inner {
		height: 305px !important;
	}
	.service_detail_block h4 {
		font-size: 22px;
	}
	.service_process_block h4 {
		font-size: 24px;
	}
	.contact_iframe iframe {
		height: 410px;
	}
	.service_detail_block_inner h2 {
		font-size: 22px;
	}
	.service_detail_block_inner {
		min-height: 180px !important;
	}
	.community-section-box ul li strong {
        font-size: 16px;
    }
}



@media(max-width:1200px){
	
	.announcement_text p {
		letter-spacing: 1px;
	}

	.header_logo a img {
		height: 65px;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		padding: 0px 8px;
	}

	.header_block_main {
		margin-left: 10px;
	}

	.announcement_row {
		padding-left: 152px;
	}

	.button_group a {
		height: 39px;
		min-width: 135px;
		font-size: 13px;
	}

	.button_group a img {
		height: 21px;
	}

	.hero_content h5 {
		font-size: 13px;
	}

	.hero_content h1 {
		font-size: 52px;
		line-height: 57px;
	}

	.hero_content p {
		font-size: 14px;
		line-height: 25px;
	}

	.swiper-pagination span {
		height: 12px;
		width: 12px;
	}

	.hero_form_title h2 {
		font-size: 29px;
	}

	.border_yellow {
		border-top: 4px solid #f59e2d;
		border-bottom: 4px solid #eb3d2a;
	}

	section.block_section .row {
		gap: 25px 0px;
	}

	section.service_section {
		margin-top: -189px;
		padding-top: 235px;
	}

	.title_text h5 {
		font-size: 13px;
	}

	.title_text h2 {
		font-size: 38px;
		line-height: 38px;
	}

	.title_text.service_content_main {
		padding-left: 0px;
	}

	.why_choose_block_content {
		padding-left: 10px;
	}

	.why_choose_block_content h4 {
		font-size: 22px;
		line-height: 26px;
	}

	.why_choose_content h3 {
		font-size: 32px;
		line-height: 36px;
		text-shadow: 1px 1px 0px #f59e2d;
	}

	.why_choose_content h4 {
		font-size: 18px;
	}

	.process_block h4 {
		font-size: 21px;
	}

	.process_block img {
		height: 54px;
	}

	.process_block.text-white {
		padding: 0px;
	}

	.cta_block {
		border: 3px solid #f59e2d;
		outline: 3px solid #eb3d2a;
		padding: 23px;
	}

	img.google_image {
		height: 30px;
	}

	img.star_image {
		height: 18px;
	}

	.testimonial_block span {
		font-size: 14px;
	}

	.blog_block_inner h2 {
		font-size: 20px;
	}

	button.accordion-button {
		font-size: 17px;
	}

	.footer_cta_title h3 {
		font-size: 26px;
	}

	.row.footer_row {
		gap: 25px 0px;
	}

	.areas_we_serve_map iframe {
		border: 3px solid #D73529 !important;
		border-radius: 15px;
		outline: 3px solid #F59E2D;
	}

	section.areas_we_serve_section {
		padding: 50px 0px;
	}
	
	section.why_us_section .col-lg-6.col-md-12.col-12.mb-3 {
		margin-bottom: 20px ! IMPORTANT;
	}
	
}

@media(max-width:1199px) {
	.about-hero-title.text-center.text-white h1 {
		font-size: 55px;
	}
	.values_block h4 {
		font-size: 28px;
	}
	.about_cta_title h3, .about_cta_title h3 a {
		font-size: 45px;
	}
}

@media(max-width:993px){
	
	.header_block_main {
		margin: 0px;
		justify-content: end;
		flex-direction: row-reverse;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		background: #d73529;
	}

	.mega-menu-toggle {
		background: transparent !IMPORTANT;
	}

	.announcement_text.text-white {
		display: none;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 16px;
	}

	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open ~ button.mega-close {
		visibility: hidden !IMPORTANT;
	}
	
}



@media(max-width:992px){
	.hero_content h1 {
		font-size: 38px;
		line-height: 41px;
	}

	.hero_content_main .col-md-8 {
		width: 60%;
	}

	.hero_content_main .col-md-4 {
		width: 40%;
	}

	.hero_form_input input {
		height: 37px;
	}

	.hero_form_input textarea {
		height: 60px;
	}

	.service_block_content_inner h2 {
		font-size: 24px;
	}

	.service_block_content_inner {
		min-height: 200px;
		display: flex;
		flex-direction: column;
	}

	.service_block_content_inner a {
		margin-top: auto;
	}

	section.why_us_section .col-lg-6.col-md-12.col-12.mb-3, section.why_us_section .col-lg-6.col-md-12.col-12.mb-3:nth-child(n+3) {
		margin-bottom: 20px !IMPORTANT;
	}

	.why_choose_content {
		padding: 18px;
		border-radius: 15px;
	}

	section.process_section .row {
		gap: 25px 0px;
	}

	.flex_footer {
		flex-direction: column-reverse;
		text-align: center;
	}

	.flex_footer p, .flex_footer p a {
		text-align: center;
	}

	.blog_block a img {
		height: 250px;
	}

	.blog_block {
		border-radius: 15px;
		overflow: hidden;
	}
	.contact_iframe iframe {
        height: 392px;
    }
}

@media(max-width:991px) {
	section.values_section .row .col-lg-4.col-md-6.col-12 {
		margin-bottom: 25px;
	}
	.about_cta_title h3, .about_cta_title h3 a {
        font-size: 35px;
    }
	.about_cta {
		padding: 30px;
	}
	section.service_process_section .row .col-lg-3.col-md-6.col-12 {
		margin-bottom: 25px;
	}
	section.service_detail_service_sec .row .col-lg-3.col-md-6.col-12 {
		margin-bottom: 25px;
	}
	section.contact-info .row .col-lg-4.col-md-6.col-12 {
		padding-bottom: 20px;
	}
}

@media(max-width:767px){
	
	.google_ratting {
		display: none;
	}

	.announcement_bar {
		display: none;
	}

	.header_logo {
		margin: 0px;
	}

	.header_data_button .button_group {
		display: none !IMPORTANT;
	}

	.hero_content_main .col-md-8, .hero_content_main .col-md-4 {
		width: 100%;
	}

	section.hero_section .row {
		gap: 25px;
	}

	.hero_content {
		text-align: center;
	}

	.hero_content .button_group {
		justify-content: center;
	}

	header.header_menubar {
		border-bottom: 2px solid #D73529;
	}

	section.service_section {
		margin-top: -326px;
		padding-top: 365px;
	}

	.title_text {
		text-align: center;
	}

	.service_block_content_inner {
		min-height: 180px;
	}

	section.about_section .row {
		gap: 25px 0px;
	}

	.title_text .button_group {
		justify-content: center;
	}

	section.why_us_section .row {
		gap: 25px;
	}

	.why_choose_content {
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.why_choose_content .button_group {
		justify-content: center;
		width: 100%;
	}

	section.why_us_section .col-lg-6.col-md-12.col-12.mb-3, section.why_us_section .col-lg-6.col-md-12.col-12.mb-3:nth-child(n+3) {
		margin-bottom: 0px !IMPORTANT;
	}

	.cta_block h3 {
		font-size: 32px;
		line-height: 34px;
	}

	.cta_block {
		text-align: center;
	}

	.cta_block .button_group {
		justify-content: center;
	}

	img.border_image_test {
		width: 100%;
	}

/* 	.testimonial_block_inner {
		min-height: 377px;
	} */

	section.areas_we_serve_section .row {
		gap: 25px 0px;
	}

	.areas_we_serve_map iframe {
		height: 250px !IMPORTANT;
	}

	section.blog_section .row {
		gap: 25px 0px;
	}

	.footer_cta_main {
		flex-wrap: wrap !IMPORTANT;
		justify-content: center;
		gap: 15px;
		text-align: center;
	}

	.footer_widget {
		width: 100% !IMPORTANT;
	}

	.footer_image_groups {
		justify-content: start;
		align-items: start;
	}
	.common-hero-banner {
        padding: 40px 0px;
    }
	.about-hero-title.text-center.text-white h1 {
        font-size: 50px;
    }
	.business_image {
		margin-bottom: 25px;
	}
	.local_roofing_image {
		margin-bottom: 25px;
	}
	.our_service_section .service_block_content_inner {
        height: auto !important;
    }
	.texas_image,
	.county_image {
		margin-bottom: 25px;
	}
	.service_detail_service_title,
	.service_process_title {
		margin-bottom: 20px;
	}
	section.county_section .row {
		flex-direction: column-reverse;
	}
	section.county_section {
		padding: 60px 0px 30px 0;
	}
	.county_title ul li {
		text-align: left;
	}
	section.contact-info {
		padding: 60px 0px 40px 0px;
	}
	.contact_page_form_data h2 {
		font-size: 36px;
	}
	.contact_page_form_data {
		margin-bottom: 25px;
	}
	.contact-info-main h4 {
		font-size: 20px;
	}
	.row.values_row {
		margin-bottom: 40px;
		flex-direction: column-reverse;
	}
	.row.values_row:nth-child(even) {
		flex-direction: column-reverse;
	}
	.values_image img {
		margin-bottom: 20px;
	}
	.post__detail .post h2{
		    font-size: 24px;
	}
	
	.post__detail .post h3{
		font-size: 22px;
	}
	
	.post__detail .post h4{
		font-size: 20px;
	}
	
	.sidebar__data h4 {
		font-size: 20px;
	}
	.single__post__sidebar {
		position: inherit;
		margin-top: 30px;
	}
	.gallery-images img {
		height: 300px;
	}
	.community-section-box h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px;
    }
}


@media(max-width:510px){
	
	.block_image img {
		height: 55px;
	}

	.block_image {
		width: 92px;
		height: 130px;
		margin-top: -20px;
		margin-bottom: -20px;
		border-radius: 0px 80px 80px 0px;
		box-shadow: 9px 9px 0px #d73529;
	}

	.block_data h2 {
		font-size: 18px;
	}

	section.service_section {
		margin-top: -290px;
		padding-top: 325px;
		border: 1px solid red;
	}

	.hero_content h1 {
		font-size: 40px;
        line-height: 42px;
	}

	.hero_content h5 {
		letter-spacing: 0px;
		font-size: 12px;
	}

	.hero_form_title h2 {
		font-size: 28px;
	}

	.title_text h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.why_choose_content h3 {
		font-size: 28px;
		line-height: 32px;
	}

	.cta_block h3 {
		font-size: 28px;
		line-height: 32px;
	}

/* 	.testimonial_block_inner {
		min-height: 450px;
	} */

	ul.areas_ul {
		grid-template-columns: repeat(1, 1fr);
	}

	.footer-logo img {
		height: 80px;
	}
	
	.about-hero-title.text-center.text-white h1 {
        font-size: 45px;
    }
}

@media(max-width:375px) {
	.about_cta_title h3, .about_cta_title h3 a {
        font-size: 32px;
    }
}