@font-face 
{
	font-family:Nunito;
	src: url("https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap");
}
@font-face 
{
	font-family: mv-semibold;
	src: url('https://fonts.googleapis.com/css2?family=Mukta+Vaani:wght@600&display=swap');
}

@font-face 
{
	font-family: nunito-bold;
	src: url("https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap");
}

@font-face {
	font-family: 'Nunito-Regular';
	src: url('../font/Nunito-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'Nunito-Bold';
	src: url('../font/Nunito-Bold.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'Nunito-ExtraBold';
	src: url('../font/Nunito-ExtraBold.ttf');
	font-weight: normal;
}

body{
	overflow-x: hidden;
	font-family: "Nunito-Regular";
}

img {
	max-width: 100%;
}
.container
{
	max-width: 1280px;
}
.text-org{
	color: #fe9f23;
}
p {
	font-size: 16px !important;
	color: #000000;
}
.header
{
	height: auto;
	background: rgba(0,0,0,0.7);
	position: fixed;
	width: 100%;
	z-index: 9999;
	border-bottom: 2px solid #b7b7b7;
}
.logo
{
	padding: 10px 0;
}
.menu .nav-container .login button
{
	background: #fe9f23 ;
	color: white;
	margin-top: -5px;
	margin-bottom: 16px;
	font-weight: 650;
	padding:7px 25px;
	border-radius: .25rem;
	border: 0;
	margin-left: 50px;
	margin-right: -80px;
}
header.active {
	background: rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}


/* banner */
.banner{
	background-image: url("../img/BG Image.png");
	background-size: cover;
	padding-top: 270px;
	padding-bottom: 40px;
	overflow: hidden;
}
.banner-info h2{
	font-size: 36px;
	color: #ffffff;
	font-family: "Nunito-Bold";
	margin-bottom: 2px;
}

.banner-info p{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 20px;
}
.banner-info .btn{
	font-size: 18px;
	color: #000000;
	background-color: #fe9f23;
	padding: 5px 13px;
	font-family: "Nunito-ExtraBold";
	border-radius: 12px;
}
.border-img{
	margin-bottom: 8px;
}
.move-down {
	margin: 100px 0 30px;
}
.banner .carousel-item {
	min-height: 350px;
}
.banner-slider .carousel-caption{
	top: 40%;
}

/* banner end */

/* Mission */
.our-mission{
	padding: 36px 0;
	position: relative;
	overflow: hidden;
}
.shap-1{
	position: absolute;
	top: 50px;
	left: 50px;
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.shap-2{
	position: absolute;
	top: 50px;
	right: 0px;
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.section-title h3{
	font-size: 28px;
	color: #000000;
	font-family: "Nunito-Bold";
}
.section-title p{
	font-size: 18px;
	color: #000000;
	font-family: "Nunito-Regular";
}

.mission-title{
	font-size: 20px;
	color: #fe9f23;
	font-family: "Nunito-ExtraBold";
	margin-bottom: 8px;
   margin-top: 10px;
}
.mission-dis{
	font-size: 16px;
	color: #000000;
	font-family: "Nunito-Regular";
	text-align: justify;
   word-break: break-all;
}
.mission-box.text-center {
	border: 4px solid;
	border-radius: 30px;
	margin-top: 80px;
   padding: 0 30px 30px;
}
.mission-icon img {
	border: 35px solid #ffffff;
	border-bottom: 10px solid transparent;
	background: #ffffff;
}
.mission-icon {
	margin-top: -90px;
}
/* End Mission */

/* what-we-do */
.what-we-do{
	background-image: url("../img/BG Image.jpg");
	background-size: cover;
   background-repeat: no-repeat;
	padding: 36px 0;
	overflow: hidden;
}

.what-box h4{
	font-size: 22px;
	color: #000000;
	font-family: "Nunito-Bold";
	text-transform: uppercase;
}
.what-box p{
	font-size: 16px;
	color: #000000;
	font-family: "Nunito-Regular";
}
/* End what-we-do */

/* Services */
.services{
	padding: 36px 0;
	padding-bottom: 0;
	position: relative;
}
.shap-3{
	position: absolute;
	top: 50px;
	left: 50px;
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.shap-4{
	position: absolute;
	top: 50px;
	right: 0px;
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.services-box{
	padding: 40px 50px;
    background-size: cover;
    position: relative;
    margin-top: 58px;
	 margin: 29px;	
	 margin-bottom: 20px;
}
.services-box-1{
	background-image: url("../img/manufacturer_Img.jpg");
}
.services-box-2{
	background-image: url("../img/Retail_Img.jpg");
}
.services-box-3{
	background-image: url("../img/Lab_Img.jpg");
}
.services-box h4{
	font-size: 22px;
	color: #fe9f23;
	font-family: "Nunito-ExtraBold";
	margin-bottom: 20px;
}
.services-box p{
	font-size: 12px;
	color: #ffffff;
	font-family: "Nunito-Regular";
}
img.line-1 {
	position: absolute;
	bottom: -3px;
	left: -15px;
}
img.line-2 {
	position: absolute;
	bottom: -15px;
	left: -3px;
}
img.line-3 {
	position: absolute;
	top: -3px;
	right: -15px;
}
img.line-4 {
	position: absolute;
	top: -15px;
	right: -3px;
}
/* End Services */

/* Blog */
.blog{
	padding: 36px 0;
	position: relative;
}
.shap-5{
	position: absolute;
	top: 50px;
	left: 50px;
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.shap-6{
	position: absolute;
	top: 50px;
	right: 0px;
	animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.blog-slider h4{
	font-size: 22px;
	color: #fe9f23;
	font-family: "Nunito-Bold";
}
.blog-slider p{
	font-size: 14px;
	color: #000000;
	font-family: "Nunito-Regular";
	text-align: justify;
    word-break: break-word;
    max-width: 417px;
}
.carousel-indicators li{
	width: 12px;
	height: 12px;
	background-color: #323232;
	border-radius: 12px;
	border: 1px solid transparent;
}
.carousel-indicators .active {
	background-color: #fe9f23;
}
.carousel-indicators {
	position: inherit;
	z-index: auto;
}
.blog-slider .btn {
	font-size: 15px;
	color: #000000;
	background-color: #fe9f23;
	padding: 3px 13px;
	font-family: "Nunito-ExtraBold";
}
.banner-owl .item {
	height: 100vh;
	position: relative;
 }
 .banner-owl .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
 }
 .banner-owl .item .cover {
	padding: 75px 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
 }
 .banner-owl .item .cover .header-content {
	position: relative;
	padding: 56px;
	overflow: hidden;
 }
 .banner-owl .item .cover .header-content .line {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 30px;
	top: 0;
	position: absolute;
	border: 9px solid #fff;
	-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
	clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
 }
 .banner-owl .item .cover .header-content h2 {
	font-weight: 300;
	font-size: 35px;
	color: #fff;
 }
 .banner-owl .item .cover .header-content h1 {
	font-size: 56px;
	font-weight: 600;
	margin: 5px 0 20px;
	word-spacing: 3px;
	color: #fff;
 }
 .banner-owl .item .cover .header-content h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	color: #fff;
 }
 .banner-owl .owl-item.active h1 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
 }
 .banner-owl .owl-item.active h2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
 }
 .banner-owl .owl-item.active h4 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
 }
 .banner-owl .owl-item.active .line {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInLeft;
	animation-delay: 0.3s;
 }
 .banner-owl .owl-nav .owl-prev {
	position: absolute;
	left: 15px;
	top: 43%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 40px;
	cursor: pointer;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0;
 }
 .banner-owl .owl-nav .owl-prev span {
	font-size: 1.6875rem;
	color: #fff;
 }
 .banner-owl .owl-nav .owl-prev:focus {
	outline: 0;
 }
 .banner-owl .owl-nav .owl-prev:hover {
	background: #000 !important;
 }
 .banner-owl .owl-nav .owl-next {
	position: absolute;
	right: 15px;
	top: 43%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 40px;
	cursor: pointer;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0;
 }
 .banner-owl .owl-nav .owl-next span {
	font-size: 1.6875rem;
	color: #fff;
 }
 .banner-owl .owl-nav .owl-next:focus {
	outline: 0;
 }
 .banner-owl .owl-nav .owl-next:hover {
	background: #000 !important;
 }
 .banner-owl:hover .owl-prev {
	left: 0px;
	opacity: 1;
 }
 .banner-owl:hover .owl-next {
	right: 0px;
	opacity: 1;
 }
 .banner-owl .owl-dots {
	position: absolute;
	bottom: 13px;
	display: flex;
	/* align-items: center; */
	width: 100%;
	justify-content: center;
}

/* End Blog */

/* .slider
{
	height: auto;
	background: #fbfbfb;
	padding: 50px;
	overflow: hidden;
}

.b_dtl h2
{
	padding-top: 100px;
	font-weight: bold;
	font-size: 42px;
}
.b_dtl p
{
	padding-top: 50px;
	padding-bottom: 50px;
	color: grey;
}
.b_dtl .btn
{
	background: #393939;
	padding: 8px 20px;
	color: white;
}
.offer
{
	height: auto;
	background: #fbfbfb;
	text-align: center;
	padding: 50px;
}
.other 
{
	padding-bottom: 50px;
}
.other h4
{
	font-weight: bold;
	padding-bottom: 10px;
}
.other p
{
	color: grey;
	padding: 0 370px;
}
.diff_dtl h5
{
	font-weight: bold;
	padding-top: 30px;
}
.diff_dtl p
{
	font-size: 14px;
	color: grey;
	padding: 10px;
}
.site
{
	height: auto;
	padding-top: 100px;
	padding-bottom: 100px;
}
.site_dtl h3
{
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
.site_dtl ul
{
	float: right;
	list-style-type:square;
}
.site_dtl ul li
{
	color: #5a5a5a;
	padding-top: 10px;
}
.choose
{
	height: auto;
	padding-top: 100px;
	padding-bottom:  100px;
}
.why_dtl h3
{
	font-weight: bold;
	padding-bottom:  30px;
	font-size:38px; 
}
.why_dtl p,.why_dtl1
{
	color: grey;
	padding-bottom: 30px;
}
.why_dtl .btn
{
	border: 1px solid grey;
	color: grey;
	padding: 10px 17px;
	margin-top: 30px;
}
.client
{
	height: auto;
	padding-top: 50px;
	padding-bottom: 100px;
	text-align: center;
}
.client p
{
	padding-top: 20px;
	color: grey;
}
.client .btn
{
	background: #fe9f23;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 15px;
}
.price
{
	height: auto;
	
	text-align: center;
	padding-bottom: 50px;
}
.price p
{
	padding-top: 20px;
	color: grey;
	padding-bottom: 40px;
}
.price .btn a
{
	padding: 15px 40px;
	text-decoration: none;
	color: #1e1e1e;
	border:2px solid #1e1e1e;
	font-weight: bold;
	font-size: 17px;
}
.plan
{
	padding-top:50px; 
	margin-top: 50px;
	padding-bottom: 50px;
	height: auto;
	background: #f8f8f8;
}
.plan h4
{
	text-align: center;
}
.plan h2
{
	font-size: 45px;
	font-weight: bold;
}
.plan p
{
	padding-bottom: 0;
}
.plan ul
{
	list-style-type: none;
}
.plan ul li
{
	padding-top: 10px;
}
.rate1 .btn
{
	color: white;
	background-color: #5a5a5a;
	padding: 10px 24px;
	margin-top: -30px;
}
.trial
{
	height: auto;
	padding:  50px;
}
.week
{
	background: #fe9f23;
	padding: 30px 50px;
	border-radius: 10px;
	color: white;
}
.week_start .btn
{
	background: #1e1e1e;
	color: white;
	padding: 12px 30px;
	margin-top: 30px;
} */
.footer
{
	height: auto;
	background: #323232;
	padding-top:45px;
	color: white;
	text-transform: capitalize
}
.ftr1
{
	padding-bottom: 40px;
}
.ftr1 p,.ftr01 p
{
	color: white;
	font-weight: lighter;
}
.ftr1 i
{
	color: grey;
    background: #f5f5f5;
    height: 45px;
    width: 45px;
    margin-left: 10px;
    text-align: center;
    font-size: 22px;
    line-height: 44px;
    border-radius: 50%;
}
.ftr01 input
{
	height: 48px;
	border-radius: 0;
	max-width: 320px;
}
.ftr01 .btn
{
	background: #fe9f23;
	color: white;
	padding: 0 22px;
	border-radius: 0;
	border: 0;
	font-weight: bold;
	z-index: auto;
}
.ftr2
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	color: #c1c1c1;
}
.ftr2 .ft-icon
{
	margin: 0 5px 0;
}
.ftr3
{
	padding-top: 20px;
	padding-bottom: 10px;
}
.ftr3 h6
{
	padding-bottom: 10px;
	font-weight: bold;

}
.ftr3 h6 a{
	color: white;
}
.ftr3 p
{
	font-weight: lighter;
	font-size: 14px;
	color: #c1c1c1;
}
.ftr_nm
{
	height: auto;
	text-align: center;
	background: #000000;
	padding-top: 10px;
	padding-bottom: 1px;
	margin-bottom: 0;
	color: lightgrey;
	font-weight: lighter;
	margin: 0;
}
.ftr_nm p
{
	margin-bottom: .50rem;
	font-size: 14px;
	color: #d3d3d3 !important;
}
.ftr3 a
{
	text-decoration: none;
}


/*My user*/
.myuser
{
	height: auto;
	padding: 50px;
	text-align: center;
}
.user_form h2
{
	font-size: 20px;
	font-weight: bold;
	color: #fe9f23;
}
.user_form h5
{
	color: grey;
	padding-bottom: 10px;
	font-size: 16px;
}
.user_form .form-group label
{
	font-family: 'mv-semibold', sans-serif ;
}
.user_form .form-group input::placeholder
{
	color: #C0C0C0;
	font-size: 18px;
	font-family: 'mv-semibold', sans-serif ;
}
.user_form .form-group input
{
	background-color:#fbfbfb;
	font-family: 'mv-semibold', sans-serif ;

}
.user_form .btn
{
	padding: 10px 50px;
	background-color: #1e1e1e;
	color: white;
	font-weight: 600;
}


/*manager user list*/
.manager_user
{
	height: auto;
	padding: 110px 0 40px;
}
.user_list
{
	padding-bottom: 50px;
}
.m_user .m_user_ttl h2
{
	font-size: 20px;
	font-weight: bold;
	font-family: 'mv-semibold', sans-serif ;
}
.m_user .m_user_ttl h5
{
	color: grey;
	font-size: 20px;
}
.m_user .add_new_user_btn .btn
{
	color: white;
	padding: 7px 12px;
	float: right;
	text-transform: capitalize;
}
.m_user .add_new_user_btn .btn img
{
	height: 17px;
	margin-top: -3px;
}
.m_user .add_new_user_btn .btn span
{
	padding-left: 10px;
}
.m_user_list .table
{
	text-align: center;
}
.m_user_list .table tbody tr td 
{
	font-size: 16px;
	font-weight: bold;
}
.m_user_list .table tbody tr td .usrnm
{
	color: #ababab;
}
.m_user_list .table tbody tr td .nm
{
	font-size: 16px;
	font-weight: bold;
}
.m_user_list .table tbody tr td ul
{
	list-style-type: none;
}
.m_user_list .table tbody tr td ul li
{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.m_user_list .table tbody tr td ul li a
{
	text-decoration: none;
	color:  #1e1e1e;
	cursor: pointer;
	font-size: 13px;
}

.user_list .table tbody tr td ul
{
	list-style-type: none;
}
.user_list .table tbody tr td ul li
{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.user_list .table tbody tr td ul li a
{
	text-decoration: none;
	color:  #1e1e1e;
	cursor: pointer;
	font-size: 13px;
}
.user_list .table tbody tr td  a
{
	text-decoration: none;
	color:  #1e1e1e;
	cursor: pointer;
	font-size: 13px;
}
.m_user_list .table tbody tr td ul li a[type=button]
{
	background: transparent !important;
	border: 0 !important;
}
.m_user_list .table tbody tr td ul li a button
{
	background: transparent !important;
	border: 0 !important;
}


.m_user_list .table tbody tr td
{
	padding: 12px 0;
	vertical-align: middle;
}
.user_list .page-item
{
	padding: 5px;
	margin-top: 30px;
}
.user_list .page-item .page-link
{
	padding: 6px 12px;
	color: #1e1e1e;
	font-size: 16px;
	border-radius: .25rem;
	border:1px solid lightgrey;
}
.user_list .page-item .page-link i
{
	font-size: 26px;
}
.user_list .page-item .page-link:hover
{
	color: white;
	background-color: #1e1e1e;
}
.page-item.active .page-link
{
	color: white !important;
	background-color: #1e1e1e;
}
.m_user_list .responsive thead tr th .action_img
{
	max-width: 50% !important;
}
.m_user_list .table tbody tr td .usrnm::after
{
	content: "\a";
	white-space: pre;
}

/*update licence popup on edit [manager user list]*/

.m_user_list .input-group-text
{
	background-color: white;
}
.m_user_list .form-control
{
	height: calc(2.8em + .75rem + -8px);
}
.m_user_list .input-group-append img
{
	padding: 11px;
}
.switch {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 31px;
	margin: 8px;
}

.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.pswitch {
	position: relative;
	display: inline-block;
	width: 47px;
	height: 23px;
	margin: 8px;
}

.pswitch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.input-group-append
{
	border:1px solid #ced4da;
}
.slider_check {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	padding: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider_check:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider_check {
	background-color: #2196F3;

}

input:focus + .slider_check {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_check:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.pricelist_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	padding: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.pricelist_slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 2px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .pricelist_slider {
	background-color: #2196F3;

}

input:focus + .pricelist_slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .pricelist_slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.pricelist_formgroup{
	margin-bottom: -10px;
	margin-top: -17px;
}
/* Rounded sliders */

.slider_check.round
{
	border-radius: 34px;
}

.slider_check.round:before {
	border-radius: 50%;
}


.pricelist_slider.round
{
	border-radius: 34px;
}

.pricelist_slider.round:before {
	border-radius: 50%;
}
 .modal-footer
{
	justify-content: center;
	align-items: center;
}
.modal-footer .btn
{
	background-color: #1e1e1e;
	padding: 14px 70px;
	color: white;
}
 .modal-title,.m_user_list .modal-title1
{
	text-align: center;
}
.modal_header
{	
	text-align: center;
}

 .modal_header .close, .modal_header1 .close
{
	font-weight: lighter;
	font-size:45px;
	padding: 0;
	margin-top: -120px;
	margin-right: 0px;
}
 .modal_header1	.close
{	
	font-size: 45px;
	margin-top: -150px;
	margin-right: 10px;
}
#modal1 .modal_header1	.close, #modal2 .modal_header1	.close, #modal3 .modal_header1	.close,
#modal4 .modal_header1	.close, #modal25 .modal_header1	.close, #modal6 .modal_header1	.close
{	
	font-size: 45px;
	margin-top: -70px;
	margin-right: 10px;
}

.modal_header1	h5
{
	padding: 30px 10px 0px 10px;
	
	font-weight: bold;
	font-family:'nunito-bold' , sans-serif;
}
.modal_header h5,.m_user_list .form-row h5
{
	padding: 10px;
	font-size: 22px;
	font-weight: bold;
	font-family:'nunito-bold' , sans-serif;
}
.modal_header p
{
	margin-bottom: 30px;
}
.modal_header1 p
{
	padding: 10px;
	text-align: center;
}
.m_user_list .form-row p
{
	padding:0px 10px;
}
.able-disable
{
	padding: 10px;
	font-size: 18px;
}
.m_user_list .user_plan .form-control
{
	height: calc(2em + .75rem + 2px);
}
.m_user_list .user_submit .btn
{	
	padding: 8px ;
}
.modal-dialog .select_plan
{
	padding: 15px;
}

/*Pricing List*/

.price_list_title
{
	height: auto;
	padding: 110px 0px 40px;
	text-align: center;
	background-color: #f8f8f8;
}
.price_list_title h2
{
	font-size: 20px;
	font-weight: bold;
	font-family: 'mv-semibold', sans-serif ;
}

.price_list_title p
{
	font-size: 16px;
	font-family: 'mv-semibold', sans-serif ;
	color: grey;
}
.user_list .table th a {
	color: white;
	vertical-align:middle;
}
.user_list .table td  {
	
	vertical-align:middle;
}
.user_list .table th img {
	width: 13px;
}
.table_filtration
{
	height: auto;
	padding: 30px 0;
}
.fltr .dropdown
{
	float: right;
	margin-top: 20px;

}
.fltr .dropdown .btn
{		
	width: 190px;
	padding: 12px ;
	border:1px solid #ccc;
	background-color:#f8f8f8;
	border-radius: 0;
	margin-left: 5px;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}
.fltr .dropdown .dropdown-menu .dropdown-item
{
	font-weight: bold;
}
.fltr .dropdown .dropdown-toggle::after
{
	float: right;
	margin-left: 0;
	margin-top: 10px;
}
.fltr label
{
	font-size: 14px;
	font-weight: bold;
}
.main_table
{	
	padding: 50px 0;
	text-align: center;
	font-size: 17px;
	background-color: #f8f8f8;
}
.main_table input{
	max-width:60px;
	height: 25px;
	margin: auto;
}
.main_table .table td,.main_table .table th {
	vertical-align: middle;
}
.main_table .table td,.main_table .table th
{
	padding: 8px;
	font-family: 'mv-semibold', sans-serif ;
}
.fltr .dropdown .dropdown-menu
{
	min-width: 12rem;
}
.sub_fltr_btn
{
	float: right;	
	height: auto;
	/* padding: 45px 0 0px 0;	 */
}
.sub_fltr_btn .btn
{
	border-radius: 0;
	padding: 13px 30px;	
	font-size: 14px;
	margin-left: 5px;
	font-family: 'mv-semibold', sans-serif ;
}
.sub_fltr_btn .search_fltr .btn 
{
	background-color: #1e1e1e;
	color: white;
	font-weight: bold;
}
.sub_fltr_btn .clear_fltr .btn 
{
	background-color: #c8c8c8;
	font-weight: bold;
}

/*contact us*/
.contact
{
	height: auto;
	background: #f8f8f8;
	padding-bottom: 60px;
}
.main_contact .row
{
	border: 1px solid lightgrey;
	margin-left: 1px;
	margin-right: 1px;

}
.contact_form
{
	padding:50px 35px ;
}
.contact_form h3
{
	font-weight: bold;
}
.contact_form h5
{
	color: darkgrey;
	padding-bottom: 30px;
}
.resetpwd_form
{
	padding:30px 35px ;
}
.resetpwd_form h3
{
	font-weight: bold;
	margin-bottom: 20px;
}
.resetpwd_form h5
{
	color: darkgrey;
	padding-bottom: 30px;
}
.contact_form .form-control
{
	background: #f8f8f8;
}
.contact_form .form-control::placeholder
{
	font-size: 16px; 
}
.contact_form .btn
{
	background: #1e1e1e;
	color: white;
	font-weight: bold;
	padding: 12px;
	font-size: 14px;
}
.resetpwd_form .form-control::placeholder
{
	font-size: 16px; 
}
.resetpwd_form .btn
{
	background: #1e1e1e;
	color: white;
	font-weight: bold;
	padding: 12px;
	font-size: 14px;
}
.contact_dtl
{
	color:lightgrey;
}
.contact_dtl img
{
	height: 604px;
}
.ct_dtl
{
	top: 0;
	position: absolute;
	padding: 50px 25px;
	text-align: justify;
}
.ct_dtl h2
{
	font-family: 'nunito-bold', sans-serif;
	font-size: 30px;
}
.ct_dtl h4
{
	font-size: 20px;
	padding-bottom: 30px ;
	padding-right: 100px ;
	font-family: 'nunito-bold', sans-serif;
}
.ct_dtl i
{
	font-size: 30px;
	padding-bottom: 35px;
}
.ct_dtl .fa-phone
{
	font-size: 35px;
}
.ct_dtl .fa-map-marker
{
	font-size: 35px;
	margin-right: 5px;
	margin-left: 5px;
}
.ct_dtl span,.ct_dtl .address 
{
	padding-left: 10px;
	font-size: 20px;
	top: -3px;
	position: relative;
	font-family: 'nunito-bold', sans-serif
}
.ct_dtl .address 
{
	padding: 5px 140px 50px 45px;
}
.c_map
{
	height: auto;
	margin-bottom: 50px;
}
.c_map iframe
{
	height: 450px;
	border: 0;
}

/*about us*/

.about
{
	height: auto;
	background: #f8f8f8;
}
.abt_mission
{
	padding:10px 10px 40px;
	text-align: justify;
	background-color: white;
	border-radius: 12px;
}
.abt_mission h5
{
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
	font-family: 'mv-semibold', sans-serif;
}
.abt-vision
{
	padding-top: 30px;
}
.abt_img img
{
	width: 90%;
}
.abt_main_srvc
{
	height: auto;
	padding: 35px 32px;
	width: 100%;
	left: 0;
	background: #1e1e1e;
	margin-bottom: 20px;
}
.abt_srvc_dtl
{
	color:lightgrey;
	height: auto;
	padding: 50px 0 0 0;
	text-align: justify;
}
.abt_srvc_dtl h5
{
	position: relative;
	padding-left: 60px;
	font-size: 18px;
	padding-top: 65px;
	font-family:'mv-semibold', sans-serif;
}
.abt_srvc_dtl h5::before 
{
	position: absolute;
	content: "";
	width: 54px;
	height: 2px;
	background: white;
	top: 0;
	left:0;
	top:90%;
	transform: translateY(-50%);
}
.abt_srvc_dtl h2
{
	font-weight: bold;
	font-size: 43px;
	color: white;
	font-family:'mv-semibold', sans-serif;
	padding-top: 10px;
}
.abt_srvc_dtl h6
{
	font-size: 20px;
	padding-top: 38px;
	padding-bottom: 20px;
	color: white;
	line-height: 30px;
}
.abt_srvc_dtl p
{
	font-size: 15px;
	line-height: 22px;
	color: #d3d3d3;
}
.abt_team
{
	height: auto;
	margin-bottom: 90px;
}

.team_ttl h5
{
	position: relative;
	padding-left: 60px;
	padding-top: 65px;
	font-size: 19px;
	color: #1e1e1e;
	font-family:'mv-semibold', sans-serif;
}
.team_ttl h5::before 
{
	position: absolute;
	content: "";
	width: 54px;
	height: 2px;
	background: #1e1e1e;
	top: 0;
	left:0;
	top:86%;
	transform: translateY(-50%);
}
.team_ttl h2
{
	font-weight: bold;
	font-size: 40px;
	font-family:'mv-semibold', sans-serif;
	/*padding-top: 10px;*/
	padding-bottom: 50px;
}

/*terms and condition*/

.terms
{
	height: auto;
	background: #f8f8f8;
	padding:0 0 70px 0;
}
.tc
{
	background: white;
	height: auto;
	padding:10px;
	border-radius: 12px;
}
.tc h5
{
	font-weight: bold;
	position: relative;
}




/*FAQ*/

.faq
{
	padding-bottom:70px;
	background: #f8f8f8;
}
.faq_ttl h2
{
	font-weight: bold;
	font-family: 'mv-semibold',sans-serif;
}
.faq .accordion 
{
	height: auto;
	margin: 0 auto;
	padding: 60px 10px;
	background: white;
	border-radius: 12px;
}
.faq .accordion h3 
{
	font-weight: 700;
	font-size: 24px;
	line-height: 1.42;
	margin-bottom: 24px;
}
.faq .accordion__item
{
	margin-bottom: 20px;

}
.faq .accordion__item:last-child 
{
	margin-bottom: 0;
}
.faq .accordion__item > div 
{
	padding: 20px;
	display: none;
	border: 1px solid #CED8E3;
}
.faq .accordion__item h4
{
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.01em;
	background: #EEF0F2;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	padding: 13px 22px 16px 27px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.faq .accordion__item h4 i 
{
	color: rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.faq .accordion__item h4:hover, .accordion__item h4.active 
{
	margin-bottom: 0;
	background: #1e1e1e;
	color: #fe9f23;
}
.faq .accordion__item h4:hover i,
.faq .accordion__item h4.active i 
{
	color: #fff;
}
.faq .accordion__item h4.active i 
{
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}


/* Prelaoder */
/*#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}

#preloader:before {
	content: "";
	position: fixed;
	top: calc(48% - 30px);
	left: calc(50% - 30px);
	border: 5px solid #f2f2f2;
	border-top: 5px solid #1e1e1e;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}
#preloader img
{
	position: fixed;
	top: calc(51% - 28px);
	left: calc(52% - 29px);
}
@-webkit-keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background:rgba(0,0,0,0.5);
    
}
#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    border: 5px solid #f2f2f2;
    border-top: 5px solid #000000;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}
#preloader img {
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 26px);
    filter: brightness(0) invert(1);
    width: 42px;
}
@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*profile dropdown*/
.pro-drp
{
	padding-bottom: 50px;
}
.pro-drp ul li a:hover
{
	border: 0;
}
.pro-drp .top_nav 
{
	margin-right: -150px;
	cursor: pointer;
}
.pro-drp .navbar-nav .open .dropdown-menu 
{	
	position: relative;
	border: 1px solid #d9dee4;
}
.pro-drp .user-profile img 
{
	width: 29px;
	height: 29px;
	border-radius: 50%;
	margin-right: 10px;
}
.pro-drp input[type="checkbox"]:checked ~ .dropdown-menu:after
{
	content: '';
	position: absolute;
	top: 100%;
	right: calc(50% - 10px);
	display: block;
	border-style: solid;
	border-width: 7px 10px 0 10px;
	border-color: orange transparent transparent transparent;
	width: 0;
	height: 0;
}
.pro-drp .dropdown-menu:after {
	bottom: 100%;
	left: 83%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #1e1e1e;
	border-width: 8px;
	margin-left: -8px;
}
.modal-backdrop {
	z-index: 1040 !important;
}
#editmodal ,#manageusermodel{
	z-index: 9999;
}
/*#editmodal .flp .label_hover {
	padding: 13px 10px !important;
}
#modal1 .flp .label_hover, #modal2 .flp .label_hover, #modal3 .flp .label_hover,
#modal4 .flp .label_hover, #modal5 .flp .label_hover, #modal6 .flp .label_hover {
	padding: 8px 10px !important;
}*/

#modal1 .form-control, #modal2 .form-control, #modal3 .form-control,
#modal4 .form-control, #modal5 .form-control, #modal6 .form-control {
	/*padding: 8px 10px !important;*/
	border-radius: .25rem !important;
}

.user_form{
	background: #f8f8f8;
	padding: 20px;
	border-radius: 12px;
}
/* shap */
@keyframes spin{
	from{
	  transform: rotateX(-20deg) rotateY(0deg);
	}
 
	to{
	  transform: rotateX(-20deg) rotateY(360deg);
	}
 }

/* shap */
/* =============profile page css============= */
.tbl-full-box{
	margin-top: -33px;
}
 .profle-box {
  height: 100%;
}
.profile-list-section {
  padding: 15px 0px;
}

.profile-list .profile-img {
  margin: 20px 0px 15px 0px;
}

.profile-menu {
  margin: 10px 0px;
}

.profile-list .profile-menu .nav-tabs {
  border-bottom: none;
  display: inline-block;
  width: 100%;
}

.profile-list .profile-menu .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
  font-weight: 600;
  color: #5d7084;
  font-size: 14px;
}

.profile-list .profile-menu .nav-tabs .nav-item {
  margin-bottom: 0;
}

.profile-list .nav-tabs .nav-item.show .nav-link, .profile-list .nav-tabs .nav-link.active {
  color: #094f8c;
  background-color: #e5e8eb;
}
/*=========== image upload css start ===========*/
.profle-upload {
  position: relative;
  max-width: 205px;
  margin-top: 100px ;
}

.profle-upload .profle-edit {
  position: absolute;
  /*right: 12px;
  z-index: 1;
  bottom: 10px;*/
  	right: 58px;
	z-index: 1;
	bottom: -45px;
}



.profle-upload .profle-edit input {
  display: none;
}

.profle-upload .profle-edit input + label {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #5d7084;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

/*.profle-upload .profle-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}*/
.profle-upload .profle-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #fff;
  position: absolute;
  top: 6px;
  left: 2px;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 20px;
}
.profle-upload .profle-edit-2  label {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #5d7084;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.profle-edit-2 {
  position: absolute;
  right: 102px;
  z-index: 1;
  bottom: 1px;
  top: 169px;
}
/*.profle-upload .profle-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}*/
.profle-upload .profle-edit-2  label:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  color: #fff;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 20px;
}
.profle-upload .profle-preview {
  width: 170px;
  height: 170px;
  margin: 0 auto;
  position: relative;
  border-radius: 100%;
}

.profle-upload .profle-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

label.label_hover span:last-child {
    padding-right: 5px;
}

label.label_hover span:first-child {
    padding-left: 5px;
}