@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Raleway:200,300,400,400i,500,500i,600,600i,700,700i,800&display=swap');

html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Raleway', sans-serif;
}
h1,h2,blockquote {
	font-family: 'Playfair Display', serif;
}
h3,h4,h5,h6 {
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	text-transform: uppercase;
}
a {
	color:#4dbc15;
}
.quote {
	font-family: 'Playfair Display', serif;
	font-size: 22px;
	font-weight:400i;
	font-style: italic;
	color:#4dbc15;
	text-transform:none;
	padding:12px 24px;
}

.section {
	padding: 60px 0;
}
.section_bg {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.48)), url(../images/header_background_original.jpg);
	background-size: cover;
}
.navbar-brand {
	position: relative;
}

.logo_img img {
	width: 115px;
}
.logo_text {
	position: absolute;
	top: 43px;
	font-size: 28px;
	font-weight:400;
}
.navbar-brand span {
	display: inline-block;
}


@media screen and (min-width: 1201px) {
header {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.48)), url(../images/header_background_original.jpg);
	background-size: cover;
	z-index: 99;
}}
@media screen and (max-width: 1200px) {
header {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.48)), url(../images/header_background_original_mob.jpg);
	background-size: cover;
	z-index: 99;
}}
.header_social_icons {
	background: #292929;
	position: absolute;
	right: 0;
	padding: 6px 20px;
	border-radius: 0 0 6px 6px;
	z-index: 9;
}
.header_social_icons a {
	color: white;
	display: inline-block;
	font-size: 24px;
	padding: 0 6px;
	transition: 0.2s ease all !important;
}

.header_social_icons a:hover {
	color: #49BF12;
}

.p-relative {
	position: relative;
}

.navbar-light .navbar-nav .nav-link {
	color: black !important;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 17px;
	padding: 8px 2px;
	margin: 7px 8px;
}

.hvr-underline-from-left:before {
	background: #49BF12;
	height: 1.5px;
}

.main {
	background: url(../user_files/HG-McDonnell-IMG-5615.jpg);
	background-size: cover;
	background-position: center;
	height: 75vh;
	padding: 60px 0;
	margin-top: 215px;
}
.main_content h1 {
	color: white;
	font-size: 90px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 1px 1px black;
}





header {
	position: absolute;
	top: 0;
	width: 100%;
}


.affix {

}
.affix .logo_img img {
	width: 44px;
	margin-right: 10px;
}
.affix {
	position: fixed;
	top: 0;
	width: 100%;
	transition: 0.5s ease all;
	-webkit-animation: animatenav 2s infinite; /* Safari 4.0 - 8.0 */
	animation: animatenav 2s infinite;
	animation-iteration-count: 1;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes animatenav {
	0%   {top: -100%;}
	50%  {top: -50%}
	100% {top: 0;}
}

/* Standard syntax */
@keyframes animatenav {
	0%   {top: -100%;}
	50%  {top: -50%}
	100% {top: 0;}
}


.affix .logo_text {
	/* display: none; */
	position: unset;
	font-size: 20px;
	width: 225px;
	white-space: normal;
}
.affix .topbar {
	display: none;
}

.affix .navbar-brand {
	display: flex;
	align-items: center;
}

.affix .navbar>.container, .affix  .navbar>.container-fluid {
	align-items: center !important
}

blockquote {
	border-left: 2px solid #49BF12;
	font-size: 35px;
	padding: 0 30px;
	font-weight: 500;
}

.sp_paragraph {
	padding-left: 80px;
}
.sp_paragraph p {
	font-size: 15px;
	font-weight: 400;
	color: rgb(40, 40, 40);
}

.cta a {
	font-size: 16px;
	text-transform: uppercase;
	padding: 7px 28px !important;
}

.section_sponser {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.48)), url(../images/header_background_original.jpg);
	background-size: cover;
	padding: 30px 0;
}
.sp_img img {
	max-width: 100px;
	display: block;
}

.sp_img a {
	display: block;
}
.sp_img {
	padding: 0 28px;
}
.background {
	background-size: cover !important;
	background-position: center !important;
}

.vog1 {
	height: 80vh;
}
.btn-dark {
	padding: 10px 22px;
	font-weight: 300;
	margin-right: 16px;
	font-size: 14px;
	letter-spacing: 1.5px;
	background: #292929;
}
.btn-dark:hover {
	background: black;
}
.vog2 {
	height: 40vh;
	background: white;
	padding: 20px 40px;
}
.vog_s {
	height: 40vh;
}

.cta_2 {
	padding-left: 35px;
}
.cta_2 a {
	padding: 10px 22px;
	font-weight: 300;
	margin-right: 16px;
	font-size: 14px;
	letter-spacing: 1.5px;
}

.reivew_houzz h3 {
	font-size: 16px;
	font-family: Raleway;
	font-weight: 600;
	margin:;
	padding: 13px 0;
	letter-spacing: 1.5px;
}
.reivew_houzz h3 img {
	max-width: 140px;
	margin-left: 18px;
}


.pst_post {
	display: block;
	background-size: cover !important;
	background-position: center !important;
	color: white !important;
	text-decoration: none !important;
}
.pst_post .pst_post_content {
	background: rgba(0, 0, 0, 0.53);
	padding: 25px 25px;
	height: 230px;
	opacity: 0;
	transform: scale(0.0);
	transition: 0.7s ease all !important;
}
.pst_post:hover .pst_post_content {
	opacity: 1;
	transform: scale(1);
}
.pst_post_content h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	margin-bottom: 15px;
}
.pst_post_content h5 {
	font-family: 'Raleway', sans-serif;
	margin-bottom: 15px;
	font-size: 18px;
}
.pst_post_content p {
	margin: 0;
}

.rr_main {
	margin: 15px 0;
}
.tt_si .social_icons {
	background: #d2d2d2;
	display: inline-block;
	font-size: 27px;
	padding: 7px 19px;
	border-radius: 7px;
	word-spacing: 10px;
}
.tt_si a {
	color: black;
}
.tt_si a:hover {
	color: #49BF12;
}

.tt_hsh p {
	margin: 0;
	text-align: right;
	font-size: 19px;
}
.tt_title p {
	text-align: center;
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

.ArchNews {
}
.ArchNews img {
	float:right;
	padding:12px;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
	margin:0px 0px 10px 20px;
	background:#fff;
}
.ArchNews p {
	padding-left:26px;
}
.ArchNews span {
	border-left:2px solid #4dbc15;
	padding-left:24px;
	float:left;
	z-index:999;
}


footer {
	padding: 60px 0;
}

.footer_ct1 {

}
.footer_ct1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer_ct1 li {
	display: inline-block;
}
.footer_ct1 ul li a {
	padding: 4px 2px;
	margin: 0 3px;
	text-transform: uppercase;
	color: black !important;
	text-decoration: none !important;
	font-weight: 500;
	display: inline-block;
	font-size: 13px;
}
.footer_ct2 {
	text-align: center;
}
.footer_ct2 a {
	margin: 0;
	padding: 8px 12px !important;
}

.footer_ct3 p {
	padding: 4px 2px;
	text-align: right;
	margin: 0;
	font-weight:300;
	font-size: 13px;
}

.ftr_main h2 {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 25px;
	max-width: 400px;
	margin: auto;
}
.ftr_main .footer_social_icons {
	text-align: center;
	padding: 15px 0;
}
.ftr_main .footer_social_icons a {
	color: #4dbc15;
	font-size: 29px;
	display: inline-block;
	padding: 0 7px;
	transition: 0.3s ease all !important;
}
.ftr_main .footer_social_icons a:hover {
	color: black;
}

.s2_content blockquote {
	margin-bottom: 45px;
}

#news_top{
	margin-top: 215px;
}
.btn.btn-light.news_btn {
	color: #212529;
	background-color: #ffffff;
	border-color: #ffffff;
	border: 1px solid #49bf12;
}
.modal {
	z-index: 49999;
}
.news_modal .modal-body {
	padding: 40px;
}
.news_modal .modal-content {
	background: rgba(255, 255, 255, 0.95) !important;
}
a.all_projects_link.btn {
	padding: 7px 8px !important;
}
.pro_info {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
}
.pst_post_content h3 {
	text-transform: capitalize;
}
.pst_post_content h5 {
	font-size: 18px;
}
.pst_post_content h3 {
	font-size: 22px;
}
.pst_post_content p {
	font-size: 15px;
}
.navbar-nav li.nav-item:last-child a {
	font-weight: 600;
}
.active .hvr-underline-from-left{
	border-bottom: 1.5px solid #49BF12 !important;
}
.active .hvr-underline-from-left:before {
	background: #49BF12;
	height: 1.5px;
}
.active .hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.rr_main a {
display: block;
height: 230px;
}

.rr_main a img {
height: 100%;
width: 100%;
object-fit: cover;
}