@charset "utf-8";

/*@import url("framework.css");*/


* {
    margin: 0px;
    padding: 0;
}
body {
    font-family: 'Raleway', sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
}
p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}
/*.wrapper1{display:block; position:fixed; width:100%; margin:0; padding:0; text-align:center; word-wrap:break-word;background-color:#fff; z-index: 1000;border:solid; border-width:0px 0 1px 0;border-color:#fff;
    filter: alpha(opacity=100);line-height:160px;}*/
.wrapper1 {
    display: block;
    position: fixed;
    width: 100%;
    top: -5px !important;
    margin: 0;
    padding: 0;
    text-align: center;
    word-wrap: break-word;
    background-color: #ffffff;
    z-index: 1000;
    border: none;
    border-width: 0px 0 1px 0;
    border-color: #fff;
    /*filter: alpha(opacity=100);*/
    line-height: 160px;
}

.wrapper1.shrink {
    height: 50%;
    line-height:50%;
}
.wrapper1 h1
{
    font-size:50%;
    font-weight:normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper1.shrink h1
{
    font-size:50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}
/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin-left:0; padding:0; list-style:none;}

/*Image Navigation*/
#mainav1, #breadcrumb, .sidebar nav{line-height:normal;margin-left:0px;}
#mainav1 .drop::after, #mainav1 li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px; color:#000;}

/* Top Navigation */
#mainav1{text-align:left;}
#mainav1 ul{text-transform:uppercase;}
#mainav1 ul ul{z-index:9999; position:absolute; width:180px; text-transform:none; text-align:left;}
#mainav1 ul ul ul{left:180px; top:0;}
/*#mainav1 li{display:inline-block; position:relative; margin:0 30px 0 0; padding:0;} change on 07-08-2023 by sumit*/
	#mainav1 li {
		display: inline-block;
		position: relative;
		margin: 0 3% 0 0;
		padding: 0;
	}
#mainav1 li:last-child{margin-right:0;}
#mainav1 li li{width:100%; margin:0;}
#mainav1 li a{display:block; padding:20px 0;}
#mainav1 li li a{border:solid; border-width:0 0 1px 0;}
#mainav1 .drop{padding-left:15px;}
#mainav1 li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav1 .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav1 .drop::after{top:25px; left:5px;}
#mainav1 li li .drop::after{top:15px; left:5px;}
#mainav1 ul ul{visibility:hidden; opacity:0;}
#mainav1 ul li:hover > ul{visibility:visible; opacity:9;}

#mainav1 form{display:none; margin:0; padding:20px 0;}
#mainav1 form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
/*#mainav1 form select{width:100%; padding:5px; border:1px solid;}*/
	#mainav1 form select {
		width: fit-content;
		padding: 5px;
		border: 1px solid;
	}
#mainav1 form select option{margin:5px; padding:0; border:none;}
/*End Image Navigation*/
/*start add on 17-04-2023 by SUmit*/
#mainav {
	line-height: normal;
}
/*end
	Also Remove #mainav from Next line
*/
 #breadcrumb, .sidebar nav{line-height:normal;margin-left:70px;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px; color:#000;}

/* Top Navigation */
#mainav{text-align:right;float:right;}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none; text-align:left;}
#mainav ul ul ul{left:180px; top:0;}
	/*#mainav li{display:inline-block; position:relative; margin:0 30px 0 0; padding:0;} change on 07-08-2023 by sumit*/
	#mainav li {
		display: inline-block;
		position: relative;
		margin: 0 3% 0 0;
		padding: 0;
	}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding-top:20px;padding-bottom:20px;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:25px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:9;}

#mainav form{display:none; margin:0; padding:20px 0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}



/* Header */
#header a{color:inherit;}

/* Navigation */
#mainav li a{color:#000;}
#mainav .active a, #mainav a:hover> a{color:Orange; background-color:inherit;}
#mainav a:hover, #mainav li:hover {color:#e77e23; text-decoration:none;}

/*74D3D3*/
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(51,54,59,.65)/* #33363B */; border-color:rgba(51,54,59,.65)/* #33363B */;}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#ab2886;}
/*74D3D3*/
/*#mainav form select{color:#FFFFFF; background-color:#2B2F32; border-color:rgba(255,255,255,.2);*//* #FFFFFF *//*}*/
#mainav form select {
	color: #FFFFFF;
	background-color: #34608e; /*#2B2F32*/
	border-color: rgba(255,255,255,.2); /* #FFFFFF */
}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#74D3D3;}

.container .sidebar nav a{color:#115ea2; border-color:#D7D7D7;}
/*inherit*/
.container .sidebar nav a:hover{color:#b12683;}
/*74D3D3*/
.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#74D3D3;}

#backtotop{color:#FFFFFF; background-color:#ad2885;}

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
/*Add on 07-08-2023*/
.hoc1 {
	
	max-width: 300px;
}
@media screen and (min-width:978px){
	/*.hoc{max-width:978px;}*/
	.hoc{max-width:70%;} /*Changes on 05-05-2023*/
/*Add on 05-05-2023*/
	.hoc1 {
		/*max-width: 350px; Change on 05-05-2023*/
		max-width: 300px;
	}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
/*@media screen and (max-width:900px)*/
/*Changes on 05-04-2023*/
@media screen and (max-width:1050px) {
	.hoc {
		max-width: 90%;
	}

	#header {
	}

	#mainav {
	}

		#mainav ul {
			display: none;
		}

		#mainav form {
			display: block;
			/*Add on 07-08-2023 by sumit*/
			float: right;
			padding: 5% 0px;
		}

	#breadcrumb {
	}

	.container {
	}

	#comments input[type="reset"] {
		margin-top: 10px;
	}

	.pagination li {
		display: inline-block;
		margin: 0 5px 5px 0;
	}

	#footer {
	}

	#copyright {
	}

		#copyright p:first-of-type {
			margin-bottom: 10px;
		}
}

/*Add on 05-05-2023 by sumit*/
@media screen and (min-width:501px) and (max-width:975px) {
	.hoc1 {
		width: 350px;
	}
}
/*Add on 06-05-2023 by sumit*/
@media screen and (max-width:500px) {
	.hoc1 {
		width: 65%;
	}
	.hoc {
		width: 30%;
	}
}

@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 50px 0; padding:0;}

	#pageintro{padding:120px 0;}
	#pageintro article{max-width:none;}
	#pageintro .heading{font-size:2.2rem;}
	
	.sectiontitle, .testimonials article{text-align:left;}
	.testimonials article{max-width:none;}

	#footer{padding-bottom:30px;}/* Not needed, just looks better. Compensates for the grid elements bottom margin when stacked */
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
}
/*Add on 17-04-2023 by sumit*/
@media screen and (max-width:500px) {
	.hoc1 {
		max-width: 70%;
	}

	/*-----------------------------------------------------------*/