/*Menu starts*/	
		#mainNav{
			width: 100%;
			background: white; 
			border-bottom: 1px solid black;
			position: fixed;
			z-index: 9;
			top: 0px;
			text-align: center;
		}
			#mnNvBdy{
				margin: auto;
			}
				#mnNv1{
					text-align: left;
					vertical-align: middle;
				}
					#mnNvLogo {
					}
					#mnNvLogo img {
						width: auto;
						height: 34px;
						padding: 0px;
						margin: 0px;
						vertical-align: top;
						margin-top: 3px;
					}
				#mnNv2{
					vertical-align: middle;
				}
				#mnNv3{
					vertical-align: middle;
				}
					.mnNv{
						text-align: center;
					}
					#mnNvMenu ul {
						margin: 0px;
						padding: 0px;
					}
						#mnNvMenu ul li{
							display: inline-block;
							vertical-align: top;
						}
						#mnNvMenu ul li a {
							padding: 10px 16px;
							display: inline-block;
							text-decoration: none;
						}
						.mnNvDrop i{
							margin-right: 6px;
						}
						.mnNvDropBox{
							padding: 0px;
							display: none;
						}
							.mnNvDropBox:hover{
								display: block;
							}
							.mnNvDropBox li{
								display: block !important;
								width: 100%;
							}
	@media only screen and (max-width: 992px) { /*less than 992px*/
				#mnNv2{
					text-align: right;
				}
				#mnNv3{
					display: none;
					text-align: center;
				}
						#mnNvMenu ul li{
							width: 100%;
						}
						.mnNvDropBox{
							text-align: center;
							background: #fff8f8;
							font-size: 14px;
						}
	}
	@media only screen and (min-width: 992px) { /*more than 992px*/
				#mnNv2{
					text-align: center;
				}
				#mnNv3{
					text-align: right;
				}
						.mnNvDropBox{
							text-align: left;
							background: white;
							font-size: 14px;
							position: absolute;
							border-left: 1px solid black;
						}
	}
	/**menu hamberger starts**/
	#hmbrgrMnuCntnr {
		display: inline-block;
		cursor: pointer;
	}
		.mnuBar1, .mnuBar2, .mnuBar3 {
			width: 90%;
			max-width: 35px;
			height: 5px;
			background-color: #333;
			margin: 6px 0;
			transition: 0.4s;
		}
		.chngHmbrgr .mnuBar1 {
			-webkit-transform: rotate(-45deg) translate(-9px, 6px);
			transform: rotate(-45deg) translate(-9px, 6px);
		}
		.chngHmbrgr .mnuBar2 {
			opacity: 0;
		}
		.chngHmbrgr .mnuBar3 {
			-webkit-transform: rotate(45deg) translate(-8px, -8px);
			transform: rotate(45deg) translate(-8px, -8px);
		}
	/**menu hamberger ends**/
/*Menu Ends*/
/*common*/
	/*html elements starts*/
	html, body{
		margin: 0px;
		height: 100%;
		font-family: sans-serif;
	}
		button{
			background: #989898;
			color: white;
		}
		input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"]{
			padding: 5px 10px;
			font-size: 14px;
			font-family: sans-serif;
			border-radius: 5px;
			margin: 5px;
			border: 1px solid #cccccc; 
			background: white;
		}
			input[type="number"]::-webkit-outer-spin-button,
			input[type="number"]::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}
			input[type="number"] {
				-moz-appearance: textfield;
			}
		textarea{
			padding: 10px;
			font-size: 14px;
			font-family: sans-serif;
			border-radius: 5px;
			margin: 5px;
		}
		select{
		    padding: 5px 5px;
			margin-left: 5px;
			border-radius: 5px;
			width: 200px;
		}
		input, textarea, select{
			outline: none;
		}
		div, span, p{
			font-size: 16px;
		}
	/*html elements ends*/
	.clm-0{
		display:none !important;
	}
	.clm-1{
		width: 10%;
	}
	.clm-2{
		width: 20%;
	}
	.clm-3{
		width: 30%;
	}
		.clm-33{
			width: 33%;
		}
	.clm-4{
		width: 40%;
	}
	.clm-5{
		width: 50%;
	}
	.clm-6{
		width: 60%;
	}
	.clm-7{
		width: 70%;
	}
	.clm-8{
		width: 80%;
		margin: auto;
	}
	.clm-9{
		width: 90%;
	}
	.clm-10{
		width: 100%;
	}
	@media only screen and (min-width: 10px) { /*less than 768px*/
		[class^="clm-xs"], [class*=" clm-xs"]{
			display: inline-block;
		}
		.clm-xs-0{
			display:none;
		}
		.clm-xs-1{
			width: 10%;
		}
		.clm-xs-2{
			width: 20%;
		}
		.clm-xs-3{
			width: 30%;
		}
			.clm-xs-33{
				width: 33%;
			}
		.clm-xs-4{
			width: 40%;
		}
		.clm-xs-5{
			width: 50%;
		}
		.clm-xs-6{
			width: 60%;
		}
		.clm-xs-7{
			width: 70%;
		}
		.clm-xs-8{
			width: 80%;
			margin: auto;
		}
		.clm-xs-9{
			width: 90%;
		}
		.clm-xs-10{
			width: 100%;
		}
	}
	@media only screen and (min-width: 768px) { /*768px and more*/
		[class^="clm-sm"], [class*=" clm-sm"]{
			display: inline-block;
		}
		.clm-sm-0{
			display:none;
		}
		.clm-sm-1{
			width: 10%;
		}
		.clm-sm-2{
			width: 20%;
		}
		.clm-sm-3{
			width: 30%;
		}
			.clm-sm-33{
				width: 33%;
			}
		.clm-sm-4{
			width: 40%;
		}
		.clm-sm-5{
			width: 50%;
		}
		.clm-sm-6{
			width: 60%;
		}
		.clm-sm-7{
			width: 70%;
		}
		.clm-sm-8{
			width: 80%;
			margin: auto;
		}
		.clm-sm-9{
			width: 90%;
		}
		.clm-sm-10{
			width: 100%;
		}
	}
	@media only screen and (min-width: 992px) { /*992px and more*/
		[class^="clm-md"], [class*=" clm-md"]{
			display: inline-block;
		}
		.clm-md-0{
			display:none;
		}
		.clm-md-1{
			width: 10%;
		}
		.clm-md-2{
			width: 20%;
		}
		.clm-md-3{
			width: 30%;
		}
			.clm-md-33{
				width: 33%;
			}
		.clm-md-4{
			width: 40%;
		}
		.clm-md-5{
			width: 50%;
		}
		.clm-md-6{
			width: 60%;
		}
		.clm-md-7{
			width: 70%;
		}
		.clm-md-8{
			width: 80%;
			margin: auto;
		}
		.clm-md-9{
			width: 90%;
		}
		.clm-md-10{
			width: 100%;
		}
	}
	@media only screen and (min-width: 1200px ) { /*1200px  and more*/
		[class^="clm-lg"], [class*=" clm-lg"]{
			display: inline-block;
		}
		.clm-lg-0{
			display:none;
		}
		.clm-lg-1{
			width: 10%;
		}
		.clm-lg-2{
			width: 20%;
		}
		.clm-lg-3{
			width: 30%;
		}
			.clm-lg-33{
				width: 33%;
			}
		.clm-lg-4{
			width: 40%;
		}
		.clm-lg-5{
			width: 50%;
		}
		.clm-lg-6{
			width: 60%;
		}
		.clm-lg-7{
			width: 70%;
		}
		.clm-lg-8{
			width: 80%;
			margin: auto;
		}
		.clm-lg-9{
			width: 90%;
		}
		.clm-lg-10{
			width: 100%;
		}
	}
	[class^="clm-"]{
		margin: auto;
		font-size: 16px;
	}
	.cntnt-cntr{
		text-align: center;
	}
	.cntnt-lft{
		text-align: left;
	}
	.hdn{
		display: none;
	}
	.row {
		font-size: 0;
	}
	.pdng div{
		padding: 2% 10%;
	}
	.img{
		width: 100%;
		border-radius: 10px;
	}
	.btn{
		padding: 0.7em 1em;
		font-size: 15px;
		border-radius: 10px;
		border: none;
		cursor: pointer;
	}
		.btn a{
			color: inherit;
			text-decoration: none;
		}    
	.full_hgt{
		min-height: 100%;
		display: block;
	}
	.hvr{
		cursor:pointer;
	}
/*common ends*/	

/*toggle switch starts*/
/*ONOFF*/
.onoff_tgl {
    position: relative; width: 100px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;
    vertical-align: top;
}
.onoff_tgl-checkbox {
    display: none;
}
.onoff_tgl-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 16px;
}
.onoff_tgl-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoff_tgl-inner:before, .onoff_tgl-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; 
    box-sizing: border-box;
}
.onoff_tgl-inner:before {
    content: "On";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
    text-align: left;
}
.onoff_tgl-inner:after {
    content: "Off";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoff_tgl-switch {
    display: block; width: 16px; margin: 5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 64px;
    border: 2px solid #999999; border-radius: 16px;
    transition: all 0.3s ease-in 0s; 
}
.onoff_tgl-checkbox:checked + .onoff_tgl-label .onoff_tgl-inner {
    margin-left: 0;
}
.onoff_tgl-checkbox:checked + .onoff_tgl-label .onoff_tgl-switch {
    right: 0px; 
}
/*--*/
/*toggle switch ends*/

/*tooltip starts*/
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
	
    top: 100%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/*tooltip ends*/

/*pagination starts */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
	.pagination>li {
		display: inline;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
		z-index: 0;
		color: #fff;
		cursor: default;
		background-color: #337ab7;
		border-color: #337ab7;
	}
	.pagination>li>a, .pagination>li>span {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #337ab7;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ddd;
	}
	.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
		z-index: 2;
		color: #23527c;
		background-color: #eee;
		border-color: #ddd;
	}
/*pagination ends*/

/*modal window starts*/
/* The Modal (background) */
body.modal-open {
    overflow: hidden;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 80%;
	min-width: 25%;
	min-height: 150px;
}
.mdl-btn-bx-two {
    margin-top: 15px;
}
	.modal-close{
		text-align: right;
	}
		.close {
			color: #aaaaaa;
			font-weight: bold;
			width: 100%;
			text-align: center;
		}
		.close:hover,
		.close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}
	.mdl-btn-bx .btn{
		margin: 0px 30px;
	}
		.mdl-btn-bx a{
			color: inherit;
			text-decoration: none;
		}
/*modal window starts*/
/*icons start*/
.icn-nd-txt{
	margin-right: .5em;
}
/*icons end*/