

body {

    font-family: "Poppins", sans-serif;

    background-color:#fff;

	color:#000;

    margin:0px;padding:0px;font-size:21px;

}



p {

    font-size: 18px;

    padding: 0px 0px 10px 0px;

    margin: 0px;

    font-family: "Poppins";

    line-height: 23px;

}



h1,h2,h3,h4,h5{

	padding:0px ;

	margin:0px 0px 10px 0px;

	font-family: "Poppins", sans-serif;

}



h1{font-size:30px;}

h2{font-size:28px;}

h3{font-size:26px;}

h4{font-size:24px;}

h5{font-size:22px;}



ul{

	list-style:none;

}

img {

    max-width: 100%;

}



.main{

	width:90%;

	margin:auto;

}

.maindiv{width:80%;margin:auto;}

.clear{

	clear:both;

}

.top img{width:70%;}

.top { 

    position: fixed;

    bottom: 90px;

    right: 15px;

    z-index: 1000;

	display:none;

}

html {

  scroll-behavior: smooth;

}

.mobileview{

	display:none;

}



.contentheadertwo {

    color: #d33448;

    font-size: 40px;

    margin: 0px;

	line-height: 1.2;

}



.contentheaderfour{

	margin:0px;

}



.knowmorebtn{

    background:#cf2038;

    display:inline-block;

    border-radius:25px;

    padding:10px 20px;

}



.knowmorebtn p{

    margin:0;

    padding:0;

    color:#fff;

    text-align:center;

}



.knowmorebtn p img{

    display:inline-block;

    vertical-align:middle;

    margin-left:8px;

}



.knowmorebtn p{

    vertical-align:middle;

    line-height:24px;

}



/* header */



.hanumanheaderlog{

	float:left;

	width:20%;

}





.hanumanheader {

    margin-top: 31px;

}

.hanumanheaderright {

    float: right;

    width: 80%;

    padding-top: 30px;

}



/*.hanumanmenu {

    float: left;

    width: 80%;

	text-align:end;

}*/



.hanumanmenu {

    float: left;

    width: 100%;

	text-align:right;

}





.hanumanmenu ul li{

    display:inline-block;

    width:12%;

    text-align:center;

}



.hanumanmenu h4 {

    font-size: 16px;

}



.hanumanmenu ul li{

    display:inline-block;

    width:auto;

    margin-left:25px;

}



.hanumanmenu li a{

	font-size:18px;

	text-align:end;

}



.hanumanmenu li a:hover {

    color: #cf2037;

}

.hanumanmenu li:nth-of-type(4n){

	text-align:center;

}



/*.hanumansocialicons {

    float: right;

	width: 20%;

}*/

.hanumansocialicons {display:none;}



.hanumansocialicons ul{

	padding: 0px 0px 0px 4%;

}



.hanumansocialicons li{

	display:inline-block;

	width:30%

}



.hanumansocialicons img {

    width: 65%;

}



/* header */



/* banner */



.hanumanbanner{

	display:table;

	background-image:url("../images/BANNER-Bg.jpg");

	background-repeat:no-repeat;

	background-size:cover;

	

}



.hanumanbanner.mobileview {

    display: none;

}



.hanumanbannertxt{

	display:table-cell;

	width:50%;

	vertical-align:middle;

}



.hanumanbannerimg{

	display:table-cell;

	width:50%;

}



/* banner */





/* about us */



.hunmanaboutus{

	text-align:center;

	display:table;

	background-color:#efefef;

	padding:20px 0% 20px 0%

}



.hunmanaboutus .contentheadertwo{

	padding-bottom:20px;

}



.aboutusimg{

	display:table-cell;

	width:50%;

	vertical-align:top;

}



.aboutustxt{

	display:table-cell;

	width:50%;

	vertical-align:top;

	text-align:start;

	padding-left:3%;

}



.aboutustxt .knowmorebtn {

	display:inline-block;

    background-color: #cf2038;

    width: 29%;

    border-radius: 25px;

}



.aboutusicons{

	background-color: #d02037;

	padding:10px 0px;

}



.aboutusicons ul {

    width: 100%;

    padding: 0px;

    margin: 0px;

	 

}

.aboutusicons li i {

    display: block;

    margin: 0 auto;

}

.aboutusicons li {

    background-image: url(../images/SHADED-LINE.png);

    background-repeat: no-repeat;

    background-position: right center;

    width: 19%;

	padding: 30px 3%;

    vertical-align: top;

    text-align: center;

    float: left;

}



/*

.cards{

	transition: all 0.3s ease;

}





.cards:hover{

	transform: translatex(-14px);

}



*/



.aboutusicons li:last-of-type {

    background-image: none;

}



.aboutusicons p {

    text-align: center;

    color: #fff;



}







/* about us */





/* mission vision */

/*@keyframes animatedBackgrounds {

  from {

    background-position: 0 0;

  }

  to {

    background-position: 0 100%;

  }

}



.missionvision {



  height: 540px;

 background-image: url(../images/IMG-BAND.jpg);

  background-repeat: repeat-y; 

  background-position: 0 0;

  animation: animatedBackgrounds 10s linear infinite alternate;

}*/

.missionvision {

    background-image: url(../images/IMG-BAND.jpg);

    background-repeat: repeat-y;

   /* background-size: cover;*/

    background-position: center top;

    padding: 50px 0 100px;

    

	background-attachment:fixed;

}



@keyframes scrollTopToBottom {

    from {

        background-position: center top;

    }

    to {

        background-position: center bottom;

    }

}



@keyframes scrollY{

  from {

    background-position: 0 ;

  }

  to {

    background-position: 0 100%;

  }

}





.missionvisionstatement ul{

	padding:0px;

	margin:0px;

}



.missionvisionstatement li{

    display: inline-block;

    width: 36%;

    box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 15px;

	border-radius: 45px;

    margin-right: 2%;

    vertical-align: top;

    background-color: rgba(255, 255, 255, 2.8);

    opacity: 0.6;

	height:210px;

}



.missionvision .contentheadertwo{

	padding-bottom:20px;

}



.missionvisionstatement .contentheaderfour{

	padding:10px 5%;	

}



.missionvisionstatement p {

    padding: 0px 7% 45px 6%;

}



/* products */



.products{

	text-align:center;

	padding:20px 0% 20px 0%;

	background-color:#efefef;

}



.products h3{

	color:#ce2135;

}



.products .contentheadertwo{

	padding-bottom:20px;

}



.products ul{

	padding:0px 0% 20px 0%;

	margin:0px;

}



.products li{

	display:inline-block;

	text-align:center;

	width:30%;

	margin-right:3%;

	vertical-align:top;

	background-color:#ffffff;

	border-radius:25px;

}



.products li img{

	border-radius:25px;

}



.products li h3{

	margin:0px;

}



.products li p {

    font-size: 18px;

    padding: 0px 3% 20px 3%;

}

/*

.products .cards{

	transition: all 0.3s ease;

	transform: scale(1);

}

	

.products .cards:hover{

	transform: scale(1.2);

}

*/





.products .knowmorebtn{

	text-align:center;

	display:inline-block;

}



/* product */





/* banding */

@keyframes animatedBackground {

  from {

    background-position: 0 0;

  }

  to {

    background-position: 100% 0;

  }

}

.branding{

  width: 100%;

  height: 660px;

background-image:url("../images/BAND-IMG-2.jpg");

  background-position: 0px 0px;

  background-repeat: repeat-x;

  animation: animatedBackground 10s linear infinite alternate;

}



.bandingtxt{

    padding: 60px 0% 0px 20%;

}



.bandingtxt h3 span{

	background-color:#d02036;

	color:#fff;

	padding: 5px 10px;

}



/* banding */





/* enquiry form */



.enquiryform {

    background-image:url("../images/BAND-IMG-3.jpg");

	background-repeat:no-repeat;

	background-size:100% 100%;

	padding: 30px 0% 20px 0%;

}



.contactdetails{

	float:left;

	width:40%;

}



.formsec{

	float:right;

	width:60%;

}

.formsec h2 {

    margin: 0;

    padding-left: 2%;

	color: #d33448;

}

.submitbtn {

    padding-left: 2%;

}

.contcacttxt a{

	text-decoration:none;

	color:black;

}



.enquiryform ul {

	width:100%;

	padding:0px;

	margin:0px;

}



.enquiryform ul li{

	width:100%;

	vertical-align:top;

	display:inline-block;
margin-bottom: 10px;
}





.enquiryform .contentheadertwo{

	padding-bottom:10px;

}



.contcaticon{

	float:left;

	width:8%;

} 



.contcacttxt{

	float:right;

	width:90%;

}



.contcacttxt a:nth-of-type(1n){

	padding-right: 66%;

}



.contcacttxt a:nth-of-type(2n) {

    padding-right: 67%;

}



.formsec li{

	padding:10px;

}



.formsec input{

	width:75%;

	padding: 13px;

	border:1px solid #d34051;

	border-radius:5px;

}



.formsec input::placeholder{

	color:black;

	font-family: "Poppins", sans-serif;

	font-size:18px;

}



.formsec textarea{

	width: 76%;

	padding:10px;

	border:1px solid #d34051;

	border-radius:8px;

}



.formsec textarea::placeholder{

	color:black;

	font-family: "Poppins", sans-serif;

	font-size:18px;

}



.submitbtn button{

    background:#cf2038;

    color:#fff;

    border:none;

    border-radius:10px;

    padding:10px 25px;

    cursor:pointer;

}



.submitbtn button p{

    margin:0;

    padding:0;

    color:#fff;

    font-size:18px;

    font-weight:700;

    line-height:24px;

    text-align:center;

}



.submitbtn button img {

    display: inline-block;

    vertical-align: middle;

    padding-left: 10px;

}







.footer {

    background-color: #d02037;

	color:#fff;

font-size: 16px;

}

.footer a{color:#fff; text-decoration:none;}

.footerlogo {

    float: left;

    width: 35%;

    text-align: center;

	margin-top: 20px;

}

.copyright p {

    font-size: 15px;

	padding:5px 0px;

}

.footerright{

	float:right;

	width:65%;

	padding-top: 25px;

}

.hanumanmenu a{color:#000;text-decoration:none;}



.footerlogo img {

    width: 40%;

}



.footerright .quicklink{

	float:left;

	width:35%

}



.footerright .Product {

    float: right;

    width: 65%;

}



.quicklink ul{

	padding:0px;

	

}



.quicklink li{

	display:block;

	width: 45%;

}





.Product ul{

    padding: 0px;

}



.Product li{

	display:block;

	width: 49%

}



.products .knowmorebtn{

    width: 13%;

}







.copyright {

  text-align: center;

    margin-top: 2px;

    border-top: 2px solid #fff;

}





.aboutusimg,

.cards,

.hanumanbannerimg

{

    opacity: 0;

    transform: scale(0.85) translateY(40px);

    transition: all 0.8s ease;

    will-change: transform, opacity;



}



.aboutusimg.ready,



.cards.ready,



.hanumanbannerimg.ready



{

    opacity: 1;

    transform: scale(1) translateY(0);



}

.has-error {

    position: relative;

}



.has-error .help-block {

    display: block;

    color: #dc3545;

    font-size: 12px;

    margin-top: 5px;

}

span.help-block.form-error {

    font-size: 16px;

    color: #f42b44;

}



/* footer */

.mobmenu{display:none;}

.txtInput:focus-visible,textarea:focus-visible {outline:none !important}



.aboutusicons h4 {

    text-align: center;

    color: #fff;

   

}







.sprite {

     background-image: url('../images/spritesheet.png');

    background-repeat: no-repeat;

    display: block;

}



.sprite-CALL-ICON {

    width: 39px;

    height: 45px;

    background-position: -5px -5px;

}

.sprite-FB-ICON {

    width: 58px;

    height: 61px;

    background-position: -54px -5px;

}



.sprite-ICON-1 {

    width: 149px;

    height: 146px;

    background-position: -54px -5px;

}



.sprite-ICON-2 {

    width: 149px;

    height: 146px;

    background-position: -5px -161px;

}



.sprite-ICON-3 {

    width: 149px;

    height: 146px;

    background-position: -164px -161px;

}



.sprite-ICON-4 {

    width: 149px;

    height: 146px;

    background-position: -213px -5px;

}

.sprite-INSTA-ICON {

    width: 58px;

    height: 61px;

    background-position: -440px -5px;

}



.sprite-LOC-ICON {

    width: 39px;

    height: 45px;

    background-position: -372px -5px;

}

.sprite-MAIL-ICON {

    width: 39px;

    height: 45px;

    background-position: -421px -5px;

}

.sprite-WHATSAPP-ICON {

    width: 58px;

    height: 61px;

    background-position: -440px -76px;

}



button.btncaptcha {

    padding: 4px 1%;

    margin: 5px;

    background-color: #cf2038;

    color: #fff;

    border: none;

cursor: pointer;

}











@media (max-width: 1258px){



.knowmorebtn{

	background-color:#cf2038;

	width: 30%;

	border-radius:25px;

}

.contcacttxt a:nth-of-type(1n) {

    padding-right: 59%;

}



.contcacttxt a:nth-of-type(2n) {

	padding-right: 61%;

}

	

}



@media (max-width: 999px){

	

.main{

	width:96%;

	margin:auto;

}

	

.hanumanheaderright{

	display:none;

}





.aboutustxt .knowmorebtn {

	width: 40%;

}



.aboutusicons li{

    width:48%;

    float:left;

	padding:0px;

}



.products .knowmorebtn {

    width: 14%;

}



.aboutusicons li:nth-child(2n){

    background-image:none;

}



.aboutusicons li:nth-child(3){

    clear:left;

}





.missionvisionstatement li {

	width: 47%;

}

	

.products li {

    margin-bottom: 20px;

	width: 28%;

}



.contcacttxt a:nth-of-type(1n) {

	padding-right: 58%;

}

	

.contcacttxt a:nth-of-type(2n) {

	padding-right: 60%;

}





.mobmenu{display:block;}

.homemain {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.aside-section {

  top: 0;

  bottom: 0;

  position: absolute;

  z-index:99;

}



.aside-left {

  display: none;

  width: 40%;

  left: 0;

  background-color: #ff5964;

  -webkit-transform: translateY(-100%);

  -moz-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  -o-transform: translateY(-100%);

  transform: translateY(-100%);

  transition: transform 0.4s ease-in-out;

}



.aside-right {

  width: 100%;

  right: 0;

  background-color:#d22f44;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

  transition: transform 0.4s ease-in-out;

}



.aside-list {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 150px;

  text-align: left;

  padding-left: 50px;

}



.aside-content {

  margin-top: 150px;

  padding: 0 40px;

  position: relative;

  color: white;

  text-align: center;

}



.aside-list li {

  margin-bottom: 20px;

}



.aside-anchor::after {

  content: "";

  position: absolute;

  bottom: 0;

  background-color: #ff5964;

  left: 0;

  right: 0;

  height: 3px;

  border-radius: 3px;

}



.aside-anchor::before {

  border-radius: 3px;

  content: "";

  position: absolute;

  bottom: 0;

  background-color: #fff;

  left: 0;

  height: 3px;

  z-index: 1;

  width: 50%;

  -webkit-transition: transform 0.2s ease-in-out;

  -o-transition: transform 0.2s ease-in-out;

  transition: transform 0.2s ease-in-out;

}



.aside-anchor:hover:before {

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}



.aside-anchor {

  padding-bottom: 7px;

  color: #000;

  text-decoration: none;

  font-size: 26px;

  position: relative;

  font-weight: 500;

}



.mobmenu input[type="checkbox"] {

  display: none;

}



.mobmenu input[type="checkbox"]:checked ~ aside .aside-left {

  transform: translateY(0%);

}



.mobmenu input[type="checkbox"]:checked ~ aside .aside-right {

  transform: translateX(0%);

}



.mobmenu input[type="checkbox"]:checked ~ label .bar {

  background-color: #000;

}



.mobmenu input[type="checkbox"]:checked ~ label .tops {

  -webkit-transform: translateY(0px) rotateZ(45deg);

  -moz-transform: translateY(0px) rotateZ(45deg);

  -ms-transform: translateY(0px) rotateZ(45deg);

  -o-transform: translateY(0px) rotateZ(45deg);

  transform: translateY(0px) rotateZ(45deg);

}



.mobmenu input[type="checkbox"]:checked ~ label .bottom {

  -webkit-transform: translateY(-15px) rotateZ(-45deg);

  -moz-transform: translateY(-15px) rotateZ(-45deg);

  -ms-transform: translateY(-15px) rotateZ(-45deg);

  -o-transform: translateY(-15px) rotateZ(-45deg);

  transform: translateY(-15px) rotateZ(-45deg);

}



.mobmenu input[type="checkbox"]:checked ~ label .middle {

  width: 0;

}



.middle {

  margin: 0 auto;

}



.mobmenu label {

  top: 30px;

  display: inline-block;

  padding: 7px 10px;

  background-color: transparent;

  cursor: pointer;

  margin: 10px;

  z-index: 9999;

  position: absolute;

  right:0;

}



.bar {

  display: block;

  background-color:#d22f44;

  width: 30px;

  height: 3px;

  border-radius: 5px;

  margin: 5px auto;

  transition: background-color 0.4s ease-in, transform 0.4s ease-in,

    width 0.4s ease-in;

}



}



@media (max-width: 867px){

	

.contcacttxt a:nth-of-type(1n) {

	padding-right: 50%;

}



.contcacttxt a:nth-of-type(2n) {

	padding-right: 52%;

}

	

.knowmorebtn {

   width: 40%;



}



.aboutustxt .knowmorebtn{

	display:block;

	width:40%;

	margin:20px auto 0;

}



.aboutusicons li {

	width: 49%;

}



.products .knowmorebtn {

        width: 27%;

    }



.footerright .quicklink {

    width: 49%;

}



.footerright .Product {

    width: 49%;

}





.quicklink li{

    width: 41%;

}



.Product li{

    width: 48%;

}



}

@media (max-width: 767px){

.enquiryform {

    background-image:url("../images/svsCONTACT-SECTION-BG-2.jpg");

    background-repeat:no-repeat;

    background-size:100% 100%;

    padding: 30px 0% 20px 0%;

}



	

.webview{

	display:none;

}

		

.hanumanbanner.mobileview {

    display: block;

	width:100%;

}



.hanumanbannerimg {

	display:block;

	width:100%;

}





.knowmorebtn{

	width: 30%;

	display:inline-block;

}





.hanumanbannertxt {

	text-align:center;

}



.aboutusimg {

	display:block;

	width:100%;	

}



.aboutustxt {

	width:100%;

    padding-left: 0%;

}



.aboutusicons li{

    width:46%;

    float:left;

    padding:30px 2%;

}

.aboutusicons li:nth-child(2n){

    background-image:none;

}



.aboutusicons li:nth-child(3){

    clear:left;

}





.missionvision{

	text-align:center;

}



.missionvisionstatement li{

    display: block;

	width:100%;

	margin-bottom:30px;

	text-align:center;



}



.products li {

	display:block;

	width:100%;

}



.products li img {

    width: 100%;

    border-radius: 37px;

}



.contactdetails{

	display:block;

	width:100%;

	

}



.contactdetails .contentheadertwo{

	text-align:center;

}





.contcacttxt a:nth-of-type(1n) {

	padding-right: 0%;

}





.contcacttxt a:nth-of-type(2n) {

	padding-right: 0%;

}



.formsec{

	display:block;

	width:100%;

	text-align:center;

}



.formsec li {

    padding: 10px 0px;

}



.footerlogo{

	display:block;

	width:100%;

	float:none;

}



.footerright {

    float: none;

    width: 100%;

}



.footerright .quicklink {

	width: 48%;

	text-align:start;

}



.footerright .Product {

    width: 50%;

}



.Product ul{

	padding:0px;

}



.quicklink li {

	width: 48%;

}



.Product li {

	width: 48%;

}

.hanumanheaderlog {

    

    width: 199px;

}

.hanumanheader {

    margin-top: 10px;

}

.footer {padding-top:10px;}

}

@media (max-width: 500px){

.aboutusicons {

   padding-top:20px;

}

.footerright {

    display: none;

}

.aboutustxt .knowmorebtn {

	width: 40%;

}

	

.hanumanbannertxt .knowmorebtn {

	width: 41%;

}	



.aboutusicons li{

    display:block;

    width:100%;

    float:none;

    background-image:none;

	padding: 0px;

}





.products .knowmorebtn {

	width: 36%;

}

	

.footerright .quicklink {

    float: none;

    width: 100%;

	text-align:start;

}



.footerright .Product {

	float: none;

    width: 100%;

	text-align:start;

}





.quicklink li{

	width:  33%;

}

.Product li {

	width: 48%;

}

.formsec input,.formsec textarea{

	width:85%;

}	

}



@media (max-width: 400px){

.bandingtxt {

    padding: 56px 0% 0px 0%;

}

.bandingtxt h3 span{font-size:22px;}

.contentheadertwo{font-size:32px;}

}