/*
DOCUMENT INFORMATION
Document: GROUNDHOGS
Version: 1.0.0
Client:	GROUNDHOGS
Author:	kumbhdesign.com
*/

 /********************************************************************
**************************** GLOBAL CSS ******************************
*********************************************************************/
@font-face
{
	font-family: 'Raleway-Regular';
	src: local('Raleway-Regular'), url('../fonts/Raleway/Raleway-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face
{
	font-family: 'Raleway-Bold';
	src: local('Raleway-Bold'), url('../fonts/Raleway/Raleway-Bold.ttf') format('truetype');
	font-display: swap;
}
.font-raleway-regular
{
	font-family: 'Raleway-Regular';
}
.font-raleway-bold
{
	font-family: 'Raleway-Bold';
}
html, body
{
	font-family: Raleway-Regular;
	color: #000;
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	scroll-behavior: smooth;
}
body::-webkit-scrollbar
{
	width: 5px;
}
body::-webkit-scrollbar-track
{
	background: #ffffff;
}
body::-webkit-scrollbar-thumb
{
	background: #000;
}
a,button,.btn
{
	color: #000;
	font-size: 18px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}	
a:hover,a:focus,.btn:hover,.btn:focus,button:focus
{
	outline: none;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
a:hover
{
	color: #fff !important;
}
.btn.focus, .btn:focus
{
	outline: none !important;
	box-shadow: none !important;
}
h1
{
	font-size: 45px;
}
h2
{
	font-size: 38px;
	letter-spacing: 2px;
}
h3
{
	font-size: 30px;
}
h4
{
	font-size: 22px;
}
h5
{
	font-size: 18px;
}
h6
{
	font-size: 14px;
}
p
{
	font-size: 18px;
	color: #000;
	margin-top: 30px;
	margin-bottom: 0;
}
img
{
	max-width: 100%;
	height: auto;
}
img:hover
{
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.navbar-fixed-top
{
	margin-top: 15px;
}
.navbar-fixed-top.scrolled
{
	margin-top: 0;
	background-color: #fff;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.navbar-fixed-top .navbar-brand
{
	background-image: url(../images/altenerg-logo-1.png);
	visibility: visible;
	background-size: cover;
	height: 60px;
	width: 148px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.navbar-fixed-top.scrolled .navbar-brand
{
	background-image: url(../images/altenerg-logo-1-1.png);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.groundhogs-main-navigation li a
{
	font-size: 18px;
	border-bottom: 4px solid transparent;
}
.groundhogs-main-navigation
{
	margin-right: 0px !important;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before
{
	transition: all .5s;
}
nav.stroke ul li a
{
	position: relative;
}
nav.stroke ul li a:after
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '.';
	color: transparent;
	border-bottom: 4px solid #fdaf17;
}
nav.stroke ul li a:hover
{
	color: #fff !important;
}
nav.stroke ul li a:hover:after, nav.stroke ul li a.active:after
{
	width: 100%;
}
.groundhogs-main-navigation .nav-link.active
{
	color: #fff !important;
}
.groundhogs-main-navigation .nav-link
{
	color: #fff !important;
}
.groundhogs-main-navigation .nav-item:last-child
{
	padding-right:0;
}
.groundhogs-main-navigation .nav-item 
{
	padding:0px 20px;
}
.navbar-fixed-top.scrolled .groundhogs-main-navigation .nav-link.active
{
	color: #000 !important;
}
.navbar-fixed-top.scrolled .groundhogs-main-navigation .nav-link
{
	color: #000 !important;
}
#home-groundhogs-carousel .carousel-indicators li
{
	width: 25px;
	height: 4px;
}
#home-groundhogs-carousel .carousel-indicators .active
{
	background-color: #fdaf17;
}
.bg-orange
{
	background-color: #fdaf17;
}
.bottom-border
{
	border-bottom: 4px solid #fff;
	max-width: 230px;
}
.bottom-orange-border
{
	border-bottom: 4px solid #fdaf17;
	max-width: 230px;
}
.bg-about
{
	background-image: url(../images/vision-and-mission.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
}
.bg-offering
{
	background-image: url(../images/offerings.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
}
.bg-focus-areas
{
	background-image: url(../images/focus-areas.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
}
.bg-clients
{
	background-image: url(../images/our-clients.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
}
.bg-opacity
{
	background-color: rgba(0,0,1,.7);
}
.bg-about p, .bg-offering p, .bg-focus-areas p
{
	color: #f8f9fa;
}
.font-weight-custom
{
	font-weight: 600;
}
.p-custom
{
	padding: 74px;
}
.p-fa
{
	padding: 40px;
	height: 500px;
}
.client-carousel .owl-stage
{
	margin-right: auto;
	margin-left: auto;
	width: max-content!important;
}
.client-carousel .owl-item
{
	width: auto!important;
}
.btn-send
{
	font-size: 20px;
	color: #fff;
	background-color: #000;
	padding: 8px 50px;
}
.btn-send:hover
{
	color: #000;
	background-color: #fff;
}
#home_contact_form .inp
{
	outline: none;
	background-color: #fdaf17;
	border: 1px solid #fff;
	color: #000;
	font-size: 18px;
}
#home_contact_form [placeholder]::-webkit-input-placeholder
{
	color: #000;	
}

#home_contact_form [placeholder]:focus::-webkit-input-placeholder
{
	transition: text-indent 0.4s 0.4s ease; 
	text-indent: -100%;
	opacity: 1;
}
#home_contact_form .form-control:focus
{
	box-shadow: none;
}
#home_contact_form .form-control.is-invalid, .was-validated .form-control:invalid
{
	border-radius: 0;
}
#home_contact_form .form-control.is-valid, .was-validated .form-control:valid
{
	border-radius: 0;	
}
#home_contact_form .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus
{
	box-shadow: none;
	border-radius: 0;
}
#home_contact_form .form-control.is-valid:focus, .was-validated .form-control:valid:focus
{
	box-shadow: none;
	border-radius: 0;
}
.bg-footer
{
	background-color: #000;
}
.left-float p
{
	float: left;
	color: #6b6b6b;
	font-size: 16px;
	margin: 0;
}
.right-float, .right-float ul
{
	float: right;
	margin: 0;
}
.footer-links li
{
	display: inline-block;
}
.footer .footer-links a
{
	color: #fff;
}
.footer .footer-links a:hover
{
	color: #fdaf17!important;
}
ul.footer-links li:after
{
	content: " | ";
	color: #fff;
	letter-spacing: 5px;
}
ul.footer-links li:last-child:after
{
	content: " ";
}
.orange-color
{
	color: #fdaf17;
}
.contact p, .contact a
{
	display: flex;
	font-size: 20px;
}
.contact .fa
{
	margin-right: 20px;
	font-size: 35px;
	color: #fff;
	min-width: 25px;
	text-align: center;
}
.m-custom
{
	margin: 80px 0 80px 0;
}
.mt-custom
{
	margin-top: 80px;
}
.mb-custom
{
	margin-bottom: 80px;
}
#return-to-top
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 999;
}
#return-to-top i
{
	color: #fff;
	margin: 0;
	position: relative;
	left: 21px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover
{
	background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i
{
	color: #fff;
	top: 5px;
}
.custom-toggler.navbar-toggler
{
	border-color: #fdaf17!important;
}
.custom-toggler .navbar-toggler-icon
{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(253, 175, 23)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.gallery-img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:8px;
    cursor:pointer;
    transition:0.3s;
}

.gallery-img:hover{
    transform:scale(1.03);
}

/* Lightbox */
.custom-lightbox{
    display:none;
    position:fixed;
    z-index:999999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.95);
    text-align:center;
}

.lightbox-content{
    max-width:80%;
    max-height:90vh;
    margin-top:30px;
    border-radius:10px;
}

.close-lightbox{
    position:absolute;
    top:15px;
    right:30px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
}

.lightbox-prev,
.lightbox-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:#fff;
    font-size:50px;
    cursor:pointer;
    padding:15px;
}

.lightbox-prev{
    left:20px;
}

.lightbox-next{
    right:20px;
}

.lightbox-prev:hover,
.lightbox-next:hover,
.close-lightbox:hover{
    color:#fdaf17;
}