/*
Theme Name: Shreesasthacreations
Theme URI: http://shreesasthacreations.com/
Description:
Version: 1.0.0
Author: Shreesasthacreations
Author URI: http://shreesasthacreations.com/

*/

*{
	margin:0px; padding:0px;
}
body{
	font-family: 'Poppins', sans-serif !important;
	font-family: 'Open Sans', sans-serif;
	}


h1, h2, h3, h4, h5, h6
{
	font-family: 'Poppins', sans-serif !important;
}


@font-face {
  font-family: 'Papyrus';
  src: url(../fonts/PAPYRUS.TTF);
}
body p 
{
	  font-family: 'Papyrus' !important;
}


ul{
margin:0;
padding:0;}

a:hover 
{
	text-decoration:none;
	transition:all 0.5s ease;
}


@media (min-width:1200px)
{
	header .container {
  max-width: 99%;
  padding:0px;
    padding-top: 15px;
}
}



.overlay-background {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}

.banner-home {
  position: relative;
}

.home header {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 888;
  top: 0;
    background:transparent;
}

header {
  position: relative;
  background: #000;
}

header nav .navbar-brand .img-fluid {
  width: 110px;
}

header .navbar.navbar-expand-lg #navbarSupportedContent .navbar-nav {
  margin-left: auto;
}

header .navbar.navbar-expand-lg #navbarSupportedContent .navbar-nav .menu-item .nav-link {
  color: #fff;
  text-transform: uppercase;
  padding: 0px 18px;
}

header .navbar.navbar-expand-lg #navbarSupportedContent .navbar-nav .menu-item .nav-link:hover
{
	color:#e00074;
}

.navbar.navbar-expand-lg {
  padding-bottom: 24px;
}
#navbarSupportedContent #primary-menu-list .current-menu-item .nav-link {
  color: #e00074;
}

.banner-home .img-fluid {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.about-section p {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  line-height:30px;
}

.about-section {
  padding: 70px 0px 50px;
  text-align: center;
}

.about-section p a {
  color: #ffb300;
}

.three-pannels .img-fluid {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition:all 0.5s ease;
}
.three-pannels .img-fluid:hover 
{
	transition:all 0.5s ease;
	transform:scale(1.1)
}
.three-pannels h4 {
  text-align: center;
  font-weight: 600;
  margin-top: 30px;
}

.three-pannels h4 a 
{
	color:#ffb300;
}

.we-focus {
  text-align: center;
  padding-top:60px;
}



.we-focus h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 110px;
}

.we-focus h4 {
  text-transform: uppercase;
  font-weight: 600;
  color: #ffb300;
	margin-bottom: 50px;
}

.we-focus {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 100px;
}


.recycle-content {
  background: #332b29;
  color: #fff;
  padding: 40px 0px;
}

.recycle-content h4 
{
	text-align:center;
	font-size:18px;
	font-weight:600;
	margin-bottom:0px;
	color:#e00074;
}

footer {
  background: #000;
  text-align: center;
}

footer .prvacy-condition {
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 10px;
}

footer .prvacy-condition li {
  display: block;
  margin:0px 20px;
}

footer .prvacy-condition li a {
  color: #fff;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:2px;
}
footer .prvacy-condition li a:hover 
{
	color:#ffb300;
}
.social-icon {
display: flex;
justify-content: center;
padding-top: 50px;
padding-bottom: 40px;
}

.social-icon li 
{
display: block;
padding: 5px 10px;	
}
.social-icon li a 
{
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
color: #fff;
font-size: 22px;
line-height: 40px;
}

.social-icon li a:hover 
{
	background:#fff;
	color:#000;
}

footer .copyrights {
  color: #fff;
  font-weight: 600;
  display: block;
  padding-bottom: 60px;
}


.mainheading-main {
background: linear-gradient(#f4f4f4,#fff5dd);
padding: 50px 0px;
text-align: center;
margin-bottom: 50px;
}

.mainheading-main a {
  color: #2b2b2b;
  text-transform: uppercase;
}










@media (max-width:992px)
{
	header .navbar-toggler .navbar-toggler-icon {
  color: #fff;
  font-size: 20px;
  height: auto;
}

header .navbar .navbar-collapse {
  background: rgba(0,0,0,0.8);
  padding: 20px;
}



header .navbar.navbar-expand-lg #navbarSupportedContent .navbar-nav .menu-item .nav-link {
  color: #fff;
  text-transform: uppercase;
  padding: 8px 18px;
}

}

@media (max-width:768px) 
{
		.banner-home .img-fluid {
  height: 330px;
  width: 100%;
  object-fit: cover;
}
.about-section p 
{
	font-size:16px;
	line-height:24px;
}
.three-pannels h4 {
  margin-top: 20px;
}
.we-focus h3, .we-focus h4 
{
	font-size: 20px;
}


.we-focus h3 
{
	margin-bottom:70px;
}
footer .prvacy-condition li {
  display: block;
  margin: 0px 10px;
}
.social-icon 
{
	padding-top: 25px;
padding-bottom: 25px;
}
}