*
{
	margin:0px 0;
	padding:0px;	
}
body
{
	width:100%;
	height:auto;
    font-family: 'Roboto', sans-serif;
    counter-reset: section;
}
h1,h2,h3,h4
{
	font-family: 'Lora', serif;
}
:focus
{
	outline: none;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
    text-decoration:none;
}
button:focus
{
	outline: none;
}

header
{
  padding:30px 0;
}
.logo
{
	text-align: center;
}
.logo img
{
	max-width:100%;
	max-height:138px;
}



a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    width:100%;
    background: #1E191E;
    color: #fff;
    transition: all 0.3s;
    margin: 0 0 40px 0
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
}
#sidebar ul li
{
	margin: 0 0 13px 0;
}

#sidebar ul li a {
    padding: 10px 30px;
    font-size: 15px;
    display: block;
}
#sidebar ul li a span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  margin: 0 10px 0 0;
  display: inline-block;
  text-align: center;
  padding: 8px 0 0 0;
}
#sidebar ul li a span img
{
	max-height: 18px;
    max-width: 23px;
}

#sidebar ul li a:hover {
    color: #D4AF3C;
    background:rgba(255,255,255,0.1);
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background:rgba(255,255,255,0.1);
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul li
{
	margin-bottom: 0px;
}
#sidebar ul ul a {
    font-size: 14px !important;
    padding-left:80px !important;
    border-bottom:1px dotted #504650;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}


/* ==== profile section ===== */
.profilecontainer{padding: 0px; background: #f3f3f3;}
.profilecontainer .prpcontainer{float: left; width: 100%; position: relative;}
.profilecontainer .profileleftpanel{float: left; width: 100%; background: #1E191E; padding: 40px 0px 0px 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 14px rgb(202, 202, 202, 0.57); box-shadow: 0px 0px 14px rgb(202, 202, 202, 0.57);}
.profilecontainer .profileleftpanel .usercolumn{float: left; width: 100%; background: transparent; padding: 0px 0px 30px 25px; text-align: left;color: #fff;}
.profilecontainer .profileleftpanel .usercolumn h3{color: #fff; text-align: left; margin: 0px 0px 0px 0px; font-size: 22px; padding: 4px 0px 4px 20px; border-left: 5px solid #D0AB37;}
.profilecontainer .profileleftpanel .usercolumn p{color: #1d1b1b; text-align: left; margin: 0px 0px 8px 0px; font-size: 15px; padding: 0px; font-weight: 400;}
.profilecontainer .profileleftpanel .usernavlist{float: left; width: 100%; margin: 0px; padding: 0px 0px 15px 0px;}
.profilecontainer .profileleftpanel .usernavlist ul{float: left; width: 100%; margin: 0px; padding: 0px;}
.profilecontainer .profileleftpanel .usernavlist ul li{float: left; width: 100%; margin: 0px; padding: 0px 0px; position: relative; list-style: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.profilecontainer .profileleftpanel .usernavlist ul li + li{border-top: none; margin-top: 15px;}
.profilecontainer .profileleftpanel .usernavlist ul li a{float: left; width: 100%; font-size: 15px; margin: 0px; padding: 16px 10px 16px 75px; color: #fff; text-decoration: none; position: relative; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.profilecontainer .profileleftpanel .usernavlist ul li a i{position: absolute; left: 25px; top: 50%; border: none; color: #D0AB37; width: 34px; height: 34px; text-align: center; line-height: 33px; font-size: 1.2em; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;background: rgba(255,255,255,0.2);}
.profilecontainer .profileleftpanel .usernavlist ul li:hover a{background: #353035; color: #D0AB37;}
.profilecontainer .profileleftpanel .usernavlist ul li:hover a i{background: rgba(255,255,255,0.2); border-color: #000; color: #D0AB37;}
.profilecontainer .profileleftpanel .usernavlist ul li.active a{background: rgba(255,255,255,0.1); color: #D0AB37;}
.profilecontainer .profileleftpanel .usernavlist ul li.active a i{background: rgba(255,255,255,0.2); border-color: #000; color: #D0AB37;}
.profilecontainer .profileleftpanel .usernavlist ul li.logout{margin-top: 15px; padding-top: 5px;}
.profilecontainer .profileleftpanel .usernavlist ul li.logout a{background: transparent; color: #43bfff;}
.profilecontainer .profileleftpanel .usernavlist ul li.logout:before{content: ""; position: absolute; top: 0px; left: 20px; right: 20px; border-top: 1px solid #fff;}
.profilecontainer .rightprofile{float: left; width: 100%; padding: 30px; position: relative; -webkit-border-radius: 0px; border-radius: 0px; background: #ffffff; height: 100%; -webkit-box-shadow: 0px 0px 14px rgb(202, 202, 202, 0.57); box-shadow: 0px 0px 14px rgb(202, 202, 202, 0.57);}
.profilecontainer .rightprofile h2{color: #32353c; font-size: 22px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-align: left; margin: 0px 0px 25px 0px; padding: 0px; position: relative;}
.profilecontainer .rightprofile p{color: #32353c; text-align: left; margin: 0px 0px 30px 0px; font-size: 15px; padding: 0px; font-weight: 400;}

.profilecontainer .dashboardbox{float: left; width: 100%; background: #fff; padding: 20px 20px; height: 100%; border: 1px solid #D0AB37; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; text-align: left; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.profilecontainer .dashboardbox .dashboardboxinner{display: block; text-align: left;}
.profilecontainer .dashboardbox .dashboardboxinner .dashicon{display: table-cell; vertical-align: middle; padding-right: 15px;}
.profilecontainer .dashboardbox .dashboardboxinner .dashcontent{display: table-cell; vertical-align: middle; width: 100%;}
.profilecontainer .dashboardbox i{display: inline-block; width: 60px; height: 60px; color: #fff; font-size: 2em; background: #D0AB37; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; -webkit-border-radius: 8px 20px 8px 20px; border-radius: 8px 20px 8px 20px;}
.profilecontainer .dashboardbox h3{color: #D0AB37; font-size: 16px; font-weight: 600; margin: 0px;}
.profilecontainer .dashboardbox:hover{text-decoration: none;}
.profilecontainer .rightprofile .dl-horizontal{font-size: 15px;}
.profilecontainer .rightprofile .dl-horizontal dt strong{font-weight: 600;}
dl{margin-top: 0; margin-bottom: 20px;}

.profilecontainer .rightprofile .form-group{margin-bottom: 20px;}
.profilecontainer .rightprofile .form-group i{position: absolute; right: 0px; top: 12px; color: #2b2b2b; font-size: 18px;}
.profilecontainer .rightprofile .form-group i.eye{font-size: 24px;}
.profilecontainer .rightprofile .form-group label{color: #6a6a6a; font-size: 15px; font-weight: 500; margin: 0px 0px 0px 0px;}
.profilecontainer .rightprofile .form-group .form-control{height: 44px; background: transparent; color: #2b2b2b; font-size: 14px; font-weight: 500; padding: 0px 0px; border: none; border-bottom: 1px solid #b1b1b1; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px;}
.profilecontainer .rightprofile .form-group textarea.form-control{height: 90px;}
.profilecontainer .rightprofile .form-group select.form-control{ -webkit-appearance: auto; -moz-appearance: auto; -o-appearance: auto;}
.profilecontainer .rightprofile .form-group select.form-control::-ms-expand{display: none;}
.profilecontainer .rightprofile .form-group .form-control.dateicon{background: url(../images/datepicker.png) no-repeat right center;}
.profilecontainer .rightprofile .form-group input:-webkit-autofill,
.profilecontainer .rightprofile .form-group input:-webkit-autofill:hover,
.profilecontainer .rightprofile .form-group input:-webkit-autofill:focus
.profilecontainer .rightprofile .form-group input:-webkit-autofill,
.profilecontainer .rightprofile .form-group textarea:-webkit-autofill,
.profilecontainer .rightprofile .form-group textarea:-webkit-autofill:hover
.profilecontainer .rightprofile .form-group textarea:-webkit-autofill:focus,
.profilecontainer .rightprofile .form-group select:-webkit-autofill,
.profilecontainer .rightprofile .form-group select:-webkit-autofill:hover,
.profilecontainer .rightprofile .form-group select:-webkit-autofill:focus{-webkit-text-fill-color: #2b2b2b; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s;}
.profilecontainer .rightprofile .submitbtn{display: inline-block; border: none; outline: none; min-width: 160px; text-decoration: none; background: #D0AB37; color: #fff; font-size: 17px; font-weight: 400; padding: 8px 25px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.profilecontainer .rightprofile .submitbtn:hover{background: #000;}

.profilecontainer .rightprofile .table thead tr th{background: #D0AB37; vertical-align: middle; color: #fff; font-size: 14px; font-weight: 600; padding: 12px 10px; border-color: #fff; border-bottom-width: 1px;}
.profilecontainer .rightprofile .table tbody tr td{min-width: 114px; font-size: 14px; color: #000000; font-weight: 400; padding: 10px 10px; border-color: #D0AB37; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.profilecontainer .rightprofile .table tbody tr td .btn{background: #ff0000; font-size: 16px; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; border-color: #ff0000; padding: 1px 5px;}
.profilecontainer .rightprofile .table tbody tr td .btn i{font-size: inherit;}
.profilecontainer .rightprofile .table tbody tr{-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.profilecontainer .rightprofile .table tbody tr:nth-child(even){background: #eff5f1;}

.profilecontainer .rightprofile .cartbxc .cartbxcontent h4{font-size: 18px;}
.profilecontainer .rightprofile .cartbxc .cartbxcontent p{font-size: 14px; margin: 0px 0px 10px 0px;}

.profilecontainer .rightprofile .deliveryaddressbtx{display: block; padding-bottom: 20px;}
.profilecontainer .rightprofile .deliveryaddressbtx h4{font-size: 20px; margin: 0px 0px 8px 0px;}
.profilecontainer .rightprofile .deliveryaddressbtx p{font-size: 15px; margin: 0px 0px 10px 0px;}
.profilecontainer .rightprofile .deliveryaddressbtx .theme-btn{color: var(--white); text-decoration: none;}
.profilecontainer .rightprofile .deliveryaddressbtx .theme-btn i{padding-right: 5px;}
.ProfileBtn {
  display: none;
}
.side-photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #ccc;
  margin: 0px auto 30px;
  box-shadow: 0 5px 14px #ccc;
  position: relative;
}
.side-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.side-photo .fa-camera {
  position: absolute;
  top: 0;
  right: 0;
  background: #D0AB37;
  padding: 11px;
  border-radius: 50%;
  color: #fff;
}
.side-photo input[type="file"] {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.profilecontainer .rightprofile h2 span {
    float: right;
}
.profilecontainer .rightprofile h2 span a {
  background: #D0AB37;
  color: #fff;
}

.invalid{
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

/* 05102022 */
.fc-theme-standard .fc-scrollgrid{border-color: #9c9c9c !important;}
.fc-theme-standard td, .fc-theme-standard th{border-color: #9c9c9c !important;}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}

/***************************/

.banner
{
	width:100%;
	height:auto;
	position:relative;
}
.banner img
{
	width:100%;
}
.inner-section
{
	padding: 50px 0;
}
.inner-section .container
{
	max-width: 1280px;
} 
.pro-full
{
	padding:7px;
	border:1px solid #D4AF3C;
	border-radius: 5px;
	margin: 0 0 5px 0;
	background: #fff;
}
.pro-pic
{
	width:100%;
	height: 170px;
	overflow: hidden;
	margin: 0 0 10px 0;
	position: relative;
}
.pro-pic img
{
	width:100%;
	height: 100%;
	-webkit-object-fit: cover;
	object-fit: cover;
}
.pro-full:hover
{
  background: #D4AF3C;
}
.pro-details
{
	width:100%;
	height: auto;
	overflow: hidden;
}
.pro-details h5
{ 
	color:#9A9A9A;
	font-size: 15px;
}
.pro-details h4
{ 
	color:#000;
	font-size: 18px;
}
.pro-details h4 a
{
	color:#000;
}
.rating
{
	width:100%;
	height: auto;
	color:#FFC107;
	margin: 0 0 10px 0;
}
.rating .fa
{
	margin: 0 3px 0 0;
}
.pric-full
{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
}
.pric-left
{
	width:auto;
	height:auto;
	float: left;
	color:#000000;
	font-size: 18px;
}
.pric-right
{
	width:auto;
	height:auto;
	float: right;
}
.pric-right a
{
	padding: 8px 15px;
	background: #335B39;
	color:#fff;
	font-size: 12px;
	border-radius: 5px;
}
.pro-full:hover h5
{
  color:#fff;
}
.pro-full:hover .rating
{
  color:#fff;
}
.pro-full:hover h4 a
{
  color:#fff;
}
.pro-full:hover .pric-left
{
	color:#fff;
}



.pro-1-details
{
	width:100%;
	height: auto;
}
.pro-1-details h4
{
	color:#1E1E1E;
	font-size: 18px;
	text-align: center;
}
.pro-1-details p
{
	color:#979797;
	font-size: 13px;
	text-align: center;
}
.pric-btm
{
	width:107%;
	height: auto;
	overflow: hidden;
	background: #335B39;
	padding: 7px 10px;
	margin: 0 0 0 -6.3px;
	border-radius: 0 0 5px 5px;
}
.pric-btm-left
{
	width:auto;
	height:auto;
	float: left;
	color:#fff;
	font-size: 13px;
}
.pric-btm-right
{
	width:auto;
	height:auto;
	float: right;
	color:#fff;
	font-size: 13px;
}
.pert-2 .pro-full
{
	padding-bottom: 0px;
}
.read
{
	text-align: center;
	width:100%;
	height:auto;
	margin: 20px 0 30px 0;
}
.read a
{
	padding: 8px 20px;
	background: #335B39;
	color:#fff;
	font-size: 13px;
	border-radius: 25px;
}
.pro-full:hover .pro-1-details p
{
   color:#fff;
}
.clip-full
{
	width:100%;
	height: auto;
	overflow: hidden;
	margin: 10px 0;
}
.clip-left
{
	width:100%;
	height: auto;
	float: left;
}
.cl-left
{
	width:30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.cl-left img
{
	width:100%;
}
.cl-right
{
	width: calc(100% - 45px);
	height: auto;
	margin: 0 0 0 10px;
	float: left;
}
.cl-right h5
{
	font-size: 14px;
	color:#000000;
	margin: 0 0 0 0;
}
.cl-right h6
{
	font-size: 12px;
	color:#747474;
}
.clip-right
{
    position: absolute;
    right: 0px;
    bottom: 10px;
	font-size: 13px;
	background: #335B39;
	color:#fff;
	margin: 0 0 0 0;
	padding: 4px 10px;
	text-align: right;
}
.clip-right span
{
	font-size: 10px;
}
.pro-full:hover .clip-right
{
	color:#563131;
}

.stem-heading h2
{
   color:#000000;
   font-family: 'Roboto', sans-serif;
   font-size: 30px;
   margin: 0 0 20px 0;
}
/*.stem-heading h2::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 35px;
  background: url(../img/ln.png) no-repeat;
  width: 300px;
  height: 20px;
}*/
.stem-heading h3
{
   color:#000000;
   font-family: 'Roboto', sans-serif;
   font-size: 28px;
   margin: 0 0 20px 0;
}
.dis-none
{
	display: none;
}
.webn
{
	padding:30px 7px 10px;
	border: 1px solid #D4AF3C;
	border-radius: 5px;
	margin: 0 0 30px 0;
	text-align: center;
	background: #fff;
}
.webn-pic
{
	width:150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0px auto 15px;
	position: relative;
}
.webn-pic img
{
	width:100%;
	height: auto;
}
.wb-opacity
{
	position: absolute;
	top: 0;
	width:100%;
	height: 150px;
	background: rgba(0,0,0,0.6);
	padding-top: 60px;
}
.wb-opacity img
{
	width:30px;
}
.webn-details h4
{ 
	color:#000;
	font-size: 18px;
	margin: 0 0 20px 0;
}
.webn-details h5
{ 
	color:#000;
	font-size: 14px;
	margin: 0 0 20px 0;
}
.webn-details h5 img
{
	width:15px;
	margin: 0 4px 0 0;
}
.webn-details h5 span
{ 
	margin: 0 0 0 -22px;
}

.webn:hover
{
	background: #D4AF3C;
}
.tbl
{
	width:100%;
	height:auto;
}
.tbl .table-bordered {
  border: 1px solid #A99EA9;
  width: 100%;
  text-align: center;
}
.tbl .table-bordered thead
{
	background: #403840;
	color:#fff;
	border-radius:5px 5px 0 0 ;
	overflow:hidden;
}
.tbl .table-bordered thead th
{
	padding:15px 0;
	font-weight: 400;
	font-size: 12px;
}
.tbl .table-bordered th
{
	 border: 1px solid #403840;
}
.tbl .table-bordered tbody
{
	background: #1E191E;
	color:#A99EA9;
}
.tbl td
{
	padding:10px;
	font-size: 12px;
}
.tbl .table-bordered td {
  border: 1px solid #4B414B;
}
.remin
{
	width: 100%;
	height: auto;
	margin: 50px 0 0 0;
	background: #1E191E;
	padding: 15px;
	border-radius: 15px;
}
.remin-full
{
	background:url(../img/bg-1.png) repeat-x;
	padding: 15px;
	border-radius: 15px;
	background-size: 100% 100%;
}
.re-full
{
	background: #fff;
	padding: 10px;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.re-left
{
	width:30%;
	height: auto;
	float: left;
	text-align: center;
	padding-right: 5px;
}
.re-left img
{
	max-width: 100%;
}
.re-right
{
	width:70%;
	height: auto;
	float: left;
}
.re-right p
{
	color:#000000;
	font-size: 14px;
}
.re-right h5 {
  color: #000;
  font-size: 14px;
  margin: 0 0 5px 0;
}
.re-right h5 span {
  margin: 0 0 0 22px;
}
.re-right h6 {
  color: #CBA83A;
  font-size: 15px;
  margin: 0 0 10px 0;
}
.remin-full h4
{
	color:#000000;
	font-size: 22px;
	margin: 0 0 20px 0;
	font-family: 'Roboto', sans-serif;
}
.edc
{
	position: absolute;
	right: 0;
	top: 50px;
	width: auto;
}
.edc a
{
	padding: 10px 30px;
	border-radius: 20px;
	color:#D4AF3C;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	background: #1E1E1D;
	text-decoration: underline;
}
.edc a:hover
{
  background: #D4AF3C;
  color:#000;
}
.sel
{
	width:100%;
	height: auto;
	margin-bottom:5px;
}
.bg-grey
{
	background: #D8D8D8;
	padding: 20px 30px 5px !important;
}
.sel .form-control
{
   color: #000;
   font-size: 14px;
}
.ls-3 
{
	width:100%;
	float: right;
	height: auto;
	max-width: 150px;
}
.stem-heading
{
	margin-top: 20px;
}

.ls-1 h3
{
  color:#000000;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  margin:0 0 0px 0;
}
.ls-1 p
{
  color:#000000;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  margin:0 0 20px 0;
}
form.example input[type=text] {
  padding: 10px;
  font-size: 15px;
  border: 1px solid #777777;
  float: left;
  width: 80%;
  background: none;
  border-radius: 5px 0 0 5px;
  border-right: 0px;
  font-family: 'Roboto', sans-serif;
  color:#000;
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #D4AF3C;
  color: white;
  font-size: 15px;
  border: 1px solid #D4AF3C;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  border-radius: 0 5px 5px 0;
}

form.example button:hover {
  background: #000;
  border: 1px solid #000;
}
.no-right
{
	padding-right: 0px !important;
}
.ld-page ul.pagination li
{
	border-radius: 50%;
    margin:0 0 0 10px;
    width:38px;
    height: 38px;
    text-align: center;
    padding: 8px 0 0 0;
}

.ld-page ul.pagination li.active {
  background-color: #D4AF3C;
  border-color: #D4AF3C;
  color:#000;
}
.ld-page ul.pagination li:first-child,.ld-page ul.pagination li:last-child
{
 background: none !important;
}
.ld-page ul.pagination li {
  color: #000;
  background-color: rgba(255,255,255,0.5);
  border:0px solid #5f7d22;
  font-weight: 500;
}

.ld-page .page-link:focus, .catg-list .page-link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #D4AF3C;
  border-color: #D4AF3C;
  border-radius: 50%;
}
.s-first
{
	margin-top: 6px;
	color:#000;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.s-last
{
	margin-top: 6px;
	color:#000;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	margin-left: 15px;
}
.pagi .container {
  max-width: 1280px;
}
.pagi 
{
	color:#000;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	border-top:1px solid #F0F0F0;
	margin: 10px 0;
    padding-top: 10px;
}
.pagi a
{
	color:#D4AF3C;
	font-weight: 500;
}

.dets .pric-right a
{
  background: #1F1B1B;
}


/******************************/


.pert_1
{
	width:100%;
	height:auto;
	padding:50px 0 ;
}

footer
{
	background: #141414;
	padding:30px 0;
	text-align: center;
}
.return-btn
{
	width:100%;
	height: auto;
	margin: 20px 0 30px 0;
}

.return-btn a
{
    padding: 10px 80px;
	border-radius: 30px;
	color:#0D0D0D;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	background: #D4AF3C;
	text-transform:capitalize;
}
footer p
{
	color:#fff;
	font-size: 14px;
}
footer p a
{ 
	color:#fff;
}
footer p a:hover
{ 
	color:#D4AF3C;
}
.ft-menu
{
	width: 100%;
	text-align: center;
	margin: 20px 0 0 0;
}
.ft-menu a
{
	color: #fff;
	font-size: 15px;
	margin: 0 20px;
	font-weight: 300;
}
.ft-menu a:hover
{ 
	color:#D4AF3C;
}




.margin-top-50
{
	margin-top:50px;
}
.margin-top-40
{
	margin-top:40px;
}
.margin-top-30
{
	margin-top:30px;
}
.margin-top-20
{
	margin-top:20px;
}
.margin-top-10
{
	margin-top:10px;
}
.bt
{
	background: url(../img/round.png) no-repeat;
	background-position: 6px;
}

.bt span
{
	color:#D4AF3C;
}

/*dashboard*/

.dashboard-section
{
  width:100%;
  background: linear-gradient(90deg, #1E191E 50%, #D8D8D8 50%);
}
.dashboard-section .container
{
   max-width:1300px;
}
.my-cource
{
	background: #fff;
	padding: 20px;
	min-height: 465px;
}
.full-cource
{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 8px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin:0 0 5px 0;
}
.full-cource:last-child
{
	border-bottom: 1px solid rgba(0,0,0,0.0);
	margin:0 0 0px 0;
	padding: 0 0 0px 0;
}
.c-1
{
	width:30%;
	float: left;
	height: auto;
}
.c-1 p
{
	color:#9A9A9A;
	font-size: 13px;
	margin:0 0 2px 0;
}
.c-1 h4
{
	color:#000000;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
.c-2
{
	width:35%;
	float: left;
	height: auto;
	margin-top: 14px;
}
.yl-left
{
	width:30%;
	height: auto;
	float: left;
	color:#9A9A9A;
	font-size: 13px;
	text-align: center;
}
.c-2 .progress
{
	width:70%;
	float: left;
	height: 10px;
	margin-top: 4px;
}
.c-2 .progress .yl
{
  background: #D4AF3C;
}
.c-3
{
	width:15%;
	float: left;
	height: auto;
	text-align: center;
	color:#000000;
	font-family: 'Lora', serif;
	font-size: 15px;
	margin-top: 10px;
}
.c-3 span
{
	color:#FFC107;
}
.c-4
{
	width:20%;
	float: left;
	height: auto;
	text-align: right;
	margin-top: 7px;
}
.c-4 a
{
   background:#D4AF3C;
   font-size: 12px;
   border:1px solid #D4AF3C;
   color:#fff;
   border-radius: 20px;
   padding: 7px 10px;
}
.c-4 a:hover
{
	background:#000;
	border:1px solid #000;
}

.pd-all
{
	background: #fff;
	padding: 20px;
	min-height: 465px;
}
.pd-full
{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 8px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin:0 0 9px 0;
}
.pd-full:last-child
{
	border-bottom: 1px solid rgba(0,0,0,0.0);
	margin:0 0 0px 0;
}
.pd-pic
{
	width:20%;
	float: left;
	height: auto;
}
.pd-pic img
{
	max-width: 90%;
}
.pd-text
{
	width:80%;
	float: left;
	height: auto;
	color:#000000;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
}
.pd-text a
{
	color:#000;
}
.messag
{
	background: #fff;
	padding:20px;
}
.messag .pd-text a
{
	color:#767F86;
}
.messag .pd-text p
{
	color:#D4AF3C;
	margin:0px;
	text-align: right;
}
.messag .pd-pic img
{
   border-radius: 50%;
}
.dash-webi
{
	background: #fff;
	padding:20px;
}


.d-webi-full
{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 9px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin:0 0 10px 0;
}
.d-webi-full:last-child
{
	border-bottom: 1px solid rgba(0,0,0,0.0);
	margin:0 0 0px 0;
	padding: 0 0 1px 0;
}
.d-webi-pic
{
	width:12%;
	float: left;
	height: auto;
}
.d-webi-pic img
{
	max-width: 90%;
}
.d-webi-text
{
	width:50%;
	float: left;
	height: auto;
	color:#000000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	line-height: 17px;
}
.d-webi-text a
{
	color:#000;
}
.d-webi-dt
{
	width:33%;
	float: left;
	height: auto;
	color:#000000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	margin:0 0 0 5px;
}
.d-webi-dt-pic
{
	width:20%;
	height: auto;
	float: left;
}
.d-webi-dt-pic img
{
	max-width: 90%;
}
.d-webi-dt-dec
{
	width:80%;
	height: auto;
	float: left;
	color:#000000;
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
	line-height:15px;
}
.up-coming
{
	background: #fff;
	padding:20px;
}
.up-coming .table th
{
	color:#949494;
	font-size: 11px;
	font-weight: 400;
	border:none;
	background: transparent;
}
.up-coming .table thead
{
	box-shadow: 20px 20px 100px rgba(0, 0, 0, 0.1);
}
.up-coming .table th:first-child
{
   width:114px;
}
.up-coming .table tbody tr:first-child td
{
	border-top: 0px solid #dee2e6;
}

.jn-pic
{
	width:30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.jn-pic img
{
	width:100%;
}
.jn-dec
{
	width:70px;
	height: auto;
	float: left;
	color:#000000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	padding: 5px 0 0 10px;
}
.up-coming .table td
{
	color:#000000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	line-height: 15px;
}
.btn-1
{
	padding-top: 15px !important;
}
.btn-1 a
{
	border:1px solid #000;
	padding: 5px 7px;
	color:#000;
	font-size: 10px;
	border-radius: 30px;
	margin-top: 5px;
}
.btn-1 a:hover
{
	background: #D4AF3C;
	border:1px solid #D4AF3C;
	color:#fff;
}
.up-coming .table th {
  padding:10px 5px 16px;
}
.up-coming .table td {
  padding:10px 5px;
}
.sts
{
	width:6px;
	height: 6px;
	background: #21CC7A;
	border-radius: 50%;
	margin:10px auto 0;
}
.up-coming .table th:nth-child(3)
{
   width:102px;
   
}
.up-coming .table tr td:nth-child(3)
{
   color:#979797 !important;
   font-size: 12px;
}
.dash-payment
{
	padding:20px;
	background: #fff;
	min-height: 362px;
}
.d-pay-full
{
	width:100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 9px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin:0 0 10px 0;
}
.d-pay-left
{
    width:73%;
	height: auto;
	float: left;
}
.d-pay-left h5
{
	color:#000000;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	line-height:20px;
	margin:0 0 0px 0;
}
.d-pay-left p
{
	color:#979797;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	line-height:20px;
	margin:0 0 0 0;
}
.d-pay-right
{
    width:27%;
	height: auto;
	float: left;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color:#000;
	text-align: right;
}
.d-pay-full:last-child
{
	border-bottom: 1px solid rgba(0,0,0,0.0);
	margin:0 0 0px 0;
	padding: 0 0 0 0;
}
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker th {
  text-align: center;
  width: 20px;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size:20px;
  font-weight:400;
}
.datepicker td {
  text-align: center;
  width: 20px;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size:16px;
  font-weight:400;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;

  color: #000 !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #ff8c00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #ff8c00;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #ff8c00;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #ff8c00;

  color: #fff !important;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #ff8c00;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: ##ff8c00;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;

  color: #000;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}

.datepicker .dow {
  border-bottom: 0px solid #e7e7e7;
  color: #D4AF3C;
  font-size: 13px;
}

.datepicker-months .prev,
.datapicker-months .next,
.datepicker-years .prev,
.datepicker-years .next {
  width: 58px;
}

.datepicker-days tbody td:nth-child(6),
.datepicker-days tbody td:nth-child(7) {
  color: #D44;
}
/* app */
.charset {
	box-shadow: 1px 1px 10px #000;
}

.app {
	width:100%; 
	height:auto;
	margin: 0px auto;
}
.app:after {
	content: "";
	display: table;
	clear: both;
}
	.app__side {
		background: #333;
		width: 35%; 
		height: 100%;
		padding: 40px;
		float: left;

		color: #ff8c00;
	}
	.app__main {
		background: #fff;
		width: 100%; 
		height: 100%;
		float: left;
		padding: 0px;
	}



/* b-calendar */
.calendar {
	padding: 0px;
}
	.calendar .datepicker {
		width: 100%;
	}
		.calendar .datepicker table {
			width: 100%;
		}

.dash-calender
{
	background: #fff;
	padding:20px;
	min-height: 423px;
}
.dash-activity
{
	background: #fff;
	padding:10px;
}
.hfr
{
	width:100%;
	height: auto;
	min-height: 35px;
	color:#000000;
	font-size: 15px;
}
.hfr span
{
	float: right;
	text-align: right;
}
.hfr span a
{
	color:#D4AF3C;
}
.dash-header .container
{
   max-width: 1300px;
}
.hd-right
{
	width:auto;
	float: right;
	height: auto;
	margin-top: 40px;
}
.top-social
{
	width: auto;
	float: left;
	height: auto;
	margin:0 20px 0 0;
}
.soc
{
	width:35px;
	height: 35px;
	border:2px solid #000;
	color:#000;
	float: left;
	text-align: center;
	border-radius: 50%;
	margin:0 8px 0 0;
	padding: 3px 0 0 0;
}
.soc a
{
	display: block;
	color: #000;
}
.soc:hover
{
	background: #000;
	color: #fff;
}
.soc:hover a
{
	color:#fff;
}
.top-login
{
	width:auto;
	float: left;
	height: auto;

}
.top-login-photo
{
	width:37px;
	height:37px;
	float: left;
	overflow: hidden;
	border-radius: 50%;
}
.top-login-photo img
{
	width:100%;
	height: auto;
}
.top-login-name
{
	width:auto;
	float: left;
	margin:5px 0 0 10px;
	font-size: 16px;
	color:#000;
}
.cop
{
	color:#fff;
	font-size: 13px;
	font-weight: 400;
	padding: 0 20px;
	position: absolute;
	bottom: 30px;
}
.my-cource .nav-tabs {
  border-bottom: 0px solid #dee2e6;
  width: auto;
  float: right;
  margin-bottom: 7px;
}
.my-cource .tab-content
{
	width: 100%;
	overflow: hidden;
}
.my-cource .nav-tabs li
{
  margin:0 0 0 15px;
  font-size: 15px;
}
.my-cource .nav-tabs li.active a
{
	color:#D4AF3C;
}
.my-cource .tab-content > .active {
  opacity: 1;
}
.my-cource .nav-tabs li a.active
{
	color:#D4AF3C !important;
}
.service-list .pro-full
{
	background: #D4AF3C;
}
.service-list .pro-full .clip-right
{
	color:#fff;
}
.service-list .pro-full .cl-right h6 {
  color: #77601a;
}
.service-list .pro-full h5 {
  color: #fff;
}
.service-list .pro-1-details h4
{
  color: #fff;
}
.service-list .pro-1-details p {
 color: #fff;
}
.service-banner
{
	min-height: 200px;
	padding: 70px 0;
	/*background: url(../img/service-list-banner.jpg) no-repeat;*/
	background-size: cover !important;
}
.servi-full
{
	max-width: 1100px;
	margin:0px auto;
	text-align: center;
}
.boxs
{
	width: auto;
	min-width: 170px;
	min-height:80px;
	border:1px solid #f6d56f;
	background:rgba(0,0,0,0.5);
	display: inline-block;
	text-align: left;
	border-radius: 5px;
	padding: 20px 20px 10px 10px;
	margin:0 12px;
	position: relative;
}

.boxs h5
{
	color:#fff;
	font-size: 15px;
	margin:0 0 4px 0;
}
.boxs h4
{
	color:#fff;
	font-size: 18px;
	margin:0 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.edi
{
   position: absolute;
	right: -8px;
	top: -10px;
}
.ser-sec
{
	padding: 0px 0
}
.gray
{
	background:#f5f5f5;
}
.service-list .ld-page
{
	margin-bottom: 50px;
}
.job-list {
  padding: 30px 10px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 0 10px 0;
  text-align: center;
  background: #fff;
  position: relative;
  min-height: 100%;
}
.job-pic {
   width: 125px;
	height: 125px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0px auto 15px;
	position: relative;
	border: 1px solid #ccc;
}
.job-list h4 {
  color: #000;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: 500;
}
.job-list h6 {
  color: #7c7c7c;
  font-size: 14px;
  margin: 0 0 10px 0;
}
.job-list p {
  color: #a59f8c;
  font-size: 15px;
  margin: 0 0 10px 0;
}

.job-btn {
  text-align: center;
  width: 100%;
  height: auto;
  margin: 20px 0 30px 0;
}
.job-btn a {
  padding:12px 20px;
  background: #335B39;
  color: #fff;
  font-size: 13px;
  border-radius: 25px;
}
.job-tag
{
	position: absolute;
	top: 10px;
	left: 10px;
	color:#fff;
	border-radius: 15px;
	background:#335b39;
	font-size: 10px;
	padding: 5px 10px;
}
.job-list:hover 
{
	background: #d4af3c;
	border: 1px solid #d4af3c;
}
.job-list:hover h4
{
	color:#fff;
}
.job-list:hover h6
{
	color:#fff;
}
.job-list:hover p
{
	color:#fff;
}

.view-more {
  text-align: center;
  width: 100%;
  height: auto;
  margin:30px 0 40px 0;
}
.view-more a {
  padding:14px 30px;
  background: #335b39;
  color: #fff;
  font-size: 15px;
  border-radius: 25px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.view-more a:hover
{
   background: #d4af3c;
}
.sel input[type=submit]
{
   background: #d4af3c;
   border: 1px solid #d4af3c;
   color:#fff;
   height:37px;
   width: 100%;
   text-align: center;
   border-radius: 10px;
}
.sel input:hover
{
	background:#000;
	border: 1px solid #000;
}
.serv-form
{
	padding: 0 0px;
	margin:65px 0 0 0;
}
.girl-image
{
	width: 100%;
	height:auto;
}
.girl-image img
{
	max-width: 100%;
	height:auto;
}
.sfr-full
{
	width: 100%;
	height: auto;
	padding: 15px 20px;
	background: #fff;
	border:1px solid #d4af3c;
	float: left;
	margin:0 0 20px 0;
}
.sfr-dec
{
	width: 60%;
	height: auto;
	float: left;
	font-family: 'Lora', serif;
	color: #000;
	font-size: 22px;
	padding: 3px 0 0 0;
}
.sfr-select
{
	width:40%;
	height: auto;
	float: left;
}
.sl-full
{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.sf-menu
{
	width:100%;
	height:auto;
	text-align: right;
	margin:30px 0 0 0;
	float: left;
}
.sf-menu a {
  padding:17px 40px;
  background: #335b39;
  color: #fff;
  font-size: 15px;
  border-radius: 25px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.sf-menu a:hover
{
   background: #d4af3c;
}
.sf-menu button{
  padding:17px 40px;
  background: #335b39;
  color: #fff;
  font-size: 15px;
  border-radius: 25px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
  border: none;
}
.sf-menu button:hover
{
   background: #d4af3c;
   border: none;
}
.serv-list #sidebar
{
    margin:0px;
}
.serv-list #sidebar ul.components {
  margin: 0;
}
.job-search-header
{
	width:100%;
	max-width:600px;
	margin:0px auto;
	overflow: hidden;
}
.jb-1
{
	width:220px;
	height:auto;
	float: left;
}
.jb-1 input
{
	width:99%;
	height: 50px;
	background: rgba(0,0,0,0.5);
	border:1px solid #000;
	color:#fff;
	font-size:16px;
	padding: 0 10px;
}
.jb-2
{
	width:250px;
	height:auto;
	float: left;
}
.jb-2 input
{
	width:99%;
	height: 50px;
	background: rgba(0,0,0,0.5);
	border:1px solid #000;
	color:#fff;
	font-size: 16px;
	padding: 0 10px;
}
.jb-3
{
	width:120px;
	height:auto;
	float: left;
}
.jb-3 input
{
	width:100%;
	height: 50px;
	background: #d4af3c;
	border:1px solid #d4af3c;
	color:#fff;
	font-size: 16px;
	padding: 0 10px;
}

.ret-btn
{
	width:100%;
	height:auto;
	text-align: right;
	margin:5px 0 0 0;
	float: left;
}
.ret-btn a {
  padding:15px 30px;
  background: #090909;
  color: #fff;
  font-size: 15px;
  border-radius: 25px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.ret-btn a:hover
{
   background: #d4af3c;
}
.no-border
{
	border-top:0px;
}
.sd-1
{
	background: #fff;
	border-radius: 5px;
	border:1px solid #d4af3c;
	min-height: 100px;
	width:100%;
	margin:0px auto 40px;
	padding: 40px;
}


.sd-2
{
	border-radius: 5px;
	border:1px solid #d4af3c;
	width:100%;
	min-height: 470px;
	padding:20px 40px;
}
.sd-3
{
	border-radius: 5px;
	border:1px solid #d4af3c;
	width:100%;
	min-height: 470px;
	padding:20px 20px;
}
.sd-3 h2
{
	margin:0 0 20px 0;
}
.achive
{
	width: 100%;
	margin:0 0 7px 0;
	color:#000000;
	font-size: 17px;
	font-style: italic;
}
.achive span
{
	margin:0 10px 0 0;
}
.sd-3-progress .progress
{
	height: 3px;
	margin:0 0 20px 0;
}
.s-red
{
	background: #ff4444 !important;
}
.s-blue
{
	background: #44b0ff !important;
}
.s-pink
{
	background: #ff44cb !important;
}
.s-green
{
	background: #14bf44 !important;
}
.progress-name
{
	width: 100%;
	height: auto;
	font-size: 14px;
	margin:0 0 5px 0;
}
.progress-name span
{
	float: right;
	font-style: italic;
}
.lp
{
   width: 100%;
   height:auto;
   padding:0 0 0 10px;
   border-left: 2px dotted #ccc;
}
.lp ul
{
	padding: 0px;
	margin:0px;
}
.lp ul li
{
	margin: 0 0 7px 0;
}
.lp ul li h5
{
    color:#000;
    font-size: 14px;
    letter-spacing: 3px;
    margin:0 0 3px 0;
}
.lp ul li p
{
    color:#000;
    font-size: 15px;
    line-height: 18px;
    margin:0 0 0px 0;
}
.ret-btn-1
{
	width:100%;
	height:auto;
	text-align: center;
	margin:35px 0;
}
.ret-btn-1 a {
  padding:18px 50px;
  background: #335b39;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.ret-btn-1 a:hover
{
   background: #d4af3c;
}
.sd-4
{
	background: #fff;
	border-radius: 5px;
	border:1px solid #d4af3c;
	width:100%;
	margin:0px auto 40px;
	padding:30px 30px 10px;
}
.msg
{
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 30px 0 0;
}
.msd-full
{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
	margin:0 0 20px 0;
}
.msd-pic
{
	width:80px;
	height:80px;
	float: left;
	border:1px solid #f4f4f4;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 20px 0 0;
}
.msd-pic img
{
	width: 100%;
	height: 100%;
}
.msd-dec
{
	width:90%;
	height: auto;
	float: left;
}
.msd-dec h4
{
	color:#000;
	font-size: 20px;
	margin:0 0 2px 0;
	font-family: 'Roboto', sans-serif;
}
.star
{
	width: 100%;
	height: auto;
	color:#d4af3c;
	font-size: 15px;
}
.msd-full:last-child
{
	border:0px;
}
.ms .pro-full
{
	background: none;
}
.ms .pro-full:hover
{
	background:#d4af3c;
}
.ms .pro-pic img {
  border-radius: 5px;
}
.cr
{
	width:200px;
	height:200px;
	text-align: center;
	border:1px solid #ccc;
	border-radius: 50%;
	float: right;
}
.cr h2
{
	font-size: 100px;
	margin: 22px 0 0 0;
	line-height: 91px;
}
.cr-prog
{
	width: 100%;
	height: auto;
	margin: 0 0 7px 0;
	overflow: hidden;

}
.cr-prog-name
{
	width: 15%;
	height: auto;
	float: left;
}
.cr-prog .progress
{
	width: 65%;
	height: 5px;
	float: left;
	margin: 10px 0 0 0;
}
.cr-prog-dec
{
	width: 15%;
	height: auto;
	float: left;
	margin: 0 0 0 10px;
}
.s-brown
{
	background: #d4af3c !important;
}
.s-gray
{
	background: #e7e7e7 !important;
}
.cr-right
{
	margin:18px 0 0 0;
}
.sv-pagination
{
	text-align: center;
}
.sv-pagination .pagination
{
	display: inline-block;
}
.sv-pagination .pagination li
{
	float: left;
}
.sv-pagination .page-link
{
	background: #e9e9e9;
}
.no-color .cr-prog-name
{
   color:#ccc;
}
.no-color .cr-prog-dec
{
   color:#ccc;
}
.sd-1-social
{
	width:35%;
	float: left;
	height: auto;
}
.sd-1-social-inner
{
	width:auto;
	float: right;
	margin: 76px 0 0 0;
}
.scl
 {
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  border: 2px solid #d4af3c;
	  text-align: center;
	  float: left;
	  margin: 0 0 0 10px;
	  line-height: 34px;
}
.scl a
{
	color:#d4af3c;
	display: block;
}
.scl:hover
{
	background: #d4af3c;
}
.scl:hover a
{
	color:#fff;
}
.sd-1-photo-sec
{
	width:30%;
	float: left;
	height: auto;
	text-align: center;
}
.sec-icon
{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 37px;
	top: 21px;
}
.sec-icon img
{
	max-width: 100%;
	height: auto !important;
}
.sd-1-photo
{
	width:230px;
	height: 230px;
	border:1px solid #e4e4e4;
	padding: 10px;
	border-radius: 50%;
	margin:0px auto 20px;
	position: relative;
}
.sd-1-photo img
{
	width:208px;
	height: 208px;
	border-radius: 50%;
}
.sd-1-share
{
	width:35%;
	float: left;
	height: auto;
	padding: 76px 0 0 0;
}
.scl-right
 {
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  border: 2px solid #d4af3c;
	  text-align: center;
	  float: left;
	  margin: 0 15px 0 0;
	  line-height: 34px;
}
.scl-right a
{
	color:#d4af3c;
	display: block;
}
.scl-right:hover
{
	background: #d4af3c;
}
.scl-right:hover a
{
	color:#fff;
}
.sd-1-share span
{
	line-height: 39px;
	color:#4c4c4c;
	font-size: 17px;
}
.sd-1-photo-sec h3
{
	color:#000000;
	font-size: 48px;
	margin: 0;
}
.sd-1-list
{
	width:100%;
	height: auto;
	margin:10px 0 0 0;
}
.sd-1-list ul
{
	padding: 0px;
	margin:0px;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.sd-1-list ul li
{
	width: auto;
	display: inline-block;
	text-align: left;
	padding: 0 20px;
	border-right: 2px solid #e4e4e4;
}
.sd-1-list ul li:last-child
{
border-right: 0px solid #e4e4e4;
}
.sd-1-list ul li h5
{
	font-size: 18px;
	color:#868686;
	font-family: 'Lora', serif;
}
.sd-1-list ul li h4
{
	font-size: 23px;
	color:#000000;
}
.sd-1-btns
{
	width:100%;
	height: auto;
	text-align: center;
	margin: 23px auto 0;
	padding: 20px 0 40px;
	border-bottom: 1px solid #e4e4e4;
	max-width: 80%;
}
.sd-1-btns a
{
    padding: 18px 40px;
	background: #335b39;
	color: #fff;
	font-size: 15px;
	border-radius: 30px;
	margin:0 10px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.sd-1-btns a:hover
{
	background: #d4af3c;
}
.black-bg
{
	background: #000 !important;
}
.black-bg:hover
{
	background: #d4af3c !important;
}

.sd-1-badge
{
	width:100%;
	height: auto;
	margin:20px 0 0 0;
}
.sd-1-badge ul
{
	padding: 0px;
	margin:0px;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.sd-1-badge ul li
{
	width: auto;
	display: inline-block;
	text-align: left;
	padding: 0 20px;
	color:#000000;
	font-size: 18px;
}
.sd-1-badge ul li span
{
	margin:0 7px 0 0;
}
.netwr {
  padding:25px 10px;
  border-radius: 5px;
  margin: 0 0 5px 0;
  background: #d4af3c;
  text-align: center;
  min-height:270px;
}
.netwr-pic
{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border:1px solid #f9de8d;
	margin: 0px auto 20px;
	padding: 5px;
}
.netwr-pic img
{
	width: 108px;
    height: 108px;
	border-radius: 50%;
}
.netwr h4
{
  color:#fff;
  font-size: 20px;
  margin: 0 0 0 0;
  font-family: 'Roboto', sans-serif;
}
.netwr p
{
  color:#77601a;
  font-size: 13px;
  margin: 0 0 0 0;
}
.net-more {
  width: 100%;
  height: auto;
  margin: 30px 0 15px 0;
}
.net-more a {
  padding: 13px 30px;
  background: #335b39;
  color: #fff;
  font-size: 13px;
  border-radius: 25px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.net-more a:hover
{
	background: #000;
}
.jd-1
{
	padding: 20px;
	border:1px solid #d4af3c;
	border-radius: 10px;
	margin:0 0 20px 0;
	min-height: 246px;
}
.jd-1 h1
{
	margin: 0 0 20px 0;
	color:#000000;
	font-size: 36px;
}
.jd-1 h5
{
	font-size:20px;
	color:#080808;
	font-family: 'Lora', serif;
	font-weight: 600;
}
.jd-1 p
{
	font-size: 16px;
	line-height: 24px;
	color:#514b3b;
}
.jd-list
{
	width: 100%;
	height: auto;
	padding: 0 0 0 10px;
	border-left: 2px dotted #ccc;
	margin: 0 0 0 10px;
}
.jd-list ul {
  padding: 0px;
  margin: 0px;
}
.jd-list ul li {
  margin: 0 0 17px 10px;
  color: #383838;
  font-size: 16px;
  line-height: 20px;
  list-style: none;
  position: relative;
  font-weight: 500;
}
.jd-list ul li:before
{
	content: "";
	display: block;
	width:15px;
	height:15px;
	background:url(../img/act.png) no-repeat;
	left:-28px;
	top: 0;
	position: absolute;
	background-size: 100%;
}
.jd-2
{
	padding: 20px;
	border:1px solid #d4af3c;
	border-radius: 10px;
	margin:0 0 20px 0;
	background: #d4af3c;
}
.jd-2 h2
{
	margin: 0 0 20px 0;
	color:#fff;
	font-size:30px;
}

.jd-2 p
{
	font-size: 16px;
	line-height: 24px;
	color:#fff;
}
h6.cm
{
   font-weight: 600;
   margin: 0 0 10px 0;
}
h6.cm a:hover
{
	color:#fff;
}
.jd-list-2
{
	width:100%;
	height:auto;
}
.jd-list-2 ul li
{
	width:100%;
	height:auto;
	padding: 13px 0;
	border-bottom: 1px solid #c6a338;
	list-style: none;
}
.jd-list-2 ul li:last-child
{
	border-bottom: 0px solid #735d19;
}
.jd-list-2 ul li h4
{
	color:#ffffff;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.jd-list-2 ul li h5
{
	color:#ffffff;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 5px 0;
}
.jd-list-2 ul li h5 span
{
	float: right;
	color:#614f16;
}
.jd-list-2 ul li p
{
	color:#ffffff;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 5px 0;
}
.jd-list-2 ul li p .fa
{
	font-size: 16px;
}
.jd-list-2 ul li h6
{
	color:#735d19;
	font-size: 12px;
	margin: 0 0 0 0;
	font-style: italic;
	font-weight: 500;
}
.aply-btn
{
  text-align: center;
  width: 100%;
  height: auto;
  margin:20px 0 40px 0;
}
.aply-btn a
{
	padding: 14px 40px;
	background: #335b39;
	color: #fff;
	font-size: 15px;
	border-radius: 25px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.aply-btn a:hover {
  background: #d4af3c;
}
.sj .job-list
{
  border:1px solid #d4af3c;
  max-width: 90%;
  margin:0px auto 30px;
  padding: 30px 32px 20px;
}
.sj .owl-dots
{
	margin:0 0 40px 0;
	text-align: center;
}
.sj .owl-dot
{
	width:10px;
	height:10px;
	border:1px solid #d4af3c !important;
	border-radius: 50%;
	margin:0 5px !important;
}
.sj .owl-dot.active
{
	background: #d4af3c !important;
	border:1px solid #d4af3c !important;
}
.com-pic
{
	width:125px;
	height: 125px;
	float: left;
}
.com-dec
{
	width:85%;
	float: right;
	height: auto;
}
.com-dec-btn
{
	text-align: right;
}
.com-dec-btn a
{
	padding: 14px 40px;
	background: #335b39;
	color: #fff;
	font-size: 15px;
	border-radius: 25px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.2);
	margin:0 0 0 10px;
}
.com-dec-btn a:hover
{
	background: #d4af3c;
}
a.blk
{
	background: #090909;
}
.com-dec h2
{
	color:#080808;
	font-size: 30px;
	margin:0;
}

.com-dec h6
{
	color:#7c7c7c;
	font-size: 16px;
	font-weight: 600;
}
.com-dec-list
{
	width:100%;
	height: auto;
	float: left;
	margin:8px 0 10px 0;
}
.com-dec-list ul
{
	padding: 0px;
	margin:0px;
}
.com-dec-list ul li
{
	list-style: none;
	min-width:100px;
	float: left;
	margin:0 15px 0 0;
}
.com-dec-list ul li:last-child
{
	margin:0 0 0 0;
}
.lis-icon
{
	width:40px;
	height: 40px;
	border:2px solid #d4af3c;
	float: left;
	margin:0 7px 0 0;
	border-radius: 50%;
	text-align: center;
	color:#d4af3c;
	padding:2px 0 0 0;
}
.lis-dec
{
	width:auto;
	min-width: 100px;
	float: left;
	max-width: 250px;
	font-size: 15px;
	color:#000000;
	line-height: 15px;
    padding: 7px 0 0 0;
}
.lis-dec span
{
	font-size: 13px;
	color:#9b9b9b;
}
.com-dec p
{
	font-size: 14px;
	color:#adadad;
}
.com-dec p span
{
	color:#000;
	margin:0 7px 0 0;
}

.de-1
{
	width: 100%;
	height: auto;
	margin:0 0 30px 0;
}
.de-1 img
{
	max-width: 100%;
	height: auto;
}
.de-1 h1
{
	color:#000000;
	font-size:36px;
	margin:0 0 30px 0;
}
.de-1-list
{
  padding: 0px 0 20px ;
  margin:0px;
  overflow: hidden;
  line-height: 8px;
}
.de-1-list li
{
	width: auto;
	padding: 0 15px 0 0;
	margin:0 15px 0 0;
	float: left;
	border-right: 2px solid #a0a0a0;
	list-style: none;
	font-family: 'Lora', serif;
}
.de-1-list li:last-child
{
	border-right: 0px solid #a0a0a0;
}
.de-1 p
{
	color:#000000;
	font-size:16px;
	margin:0 0 10px 0;
}
.de-right
{
	padding:30px;
	border:1px solid #d4af3c;
	border-radius: 10px;
}
.de-right ul
{
	padding: 0px;
	margin:0px;
}
.de-right ul li
{
	padding:16px 0;
	border-bottom: 1px solid #f0f0f0;
	color:#000000;
	font-size: 16px;
	list-style: none;
}
.de-right ul li:last-child
{
	border-bottom:0px solid #f0f0f0;
}
.de-right ul li span
{
	float: right;
}
.de-hd
{
	width:100%;
	height: auto;
	text-align: center;
	margin: 30px 0 20px;
}
.de-hd a
{
	color:#d4af3c;
	text-decoration: underline;
	font-size: 16px;
}
.de-hd a:hover
{
	color:#000;
	text-decoration: underline;
}
.d-4
{
	padding:30px 30px 0px;
	border:1px solid #d4af3c;
	border-radius: 5px;
	margin-bottom: 30px;
	height: auto;
    float: left;
}
.d-4 h3
{
	color:#000000;
	font-size: 25px;
	margin:0 0 30px 0;
}
.d-4 ul
{
	padding: 0px;
	margin:0px;
}
.d-4 ul li
{
	margin: 0 0 26px 30px;
	color: #383838;
	font-size: 16px;
	line-height: 20px;
	list-style: none;
	position: relative;
	font-weight:400;
	width:45%;
	float: left;
}
.d-4 ul li::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/act.png) no-repeat;
  left: -28px;
  top: 0;
  position: absolute;
  background-size: 100%;
}
.d-4-pic img
{
	max-width: 100%;
}

.d-2-left
{
	padding: 30px 30px 30px;
	border: 1px solid #d4af3c;
	border-radius: 5px;
	margin-bottom: 30px;
}
.d-2-left h1
{
	color:#d4af3c;
	font-size: 36px;
	margin:0 0 15px 0;
}
.d-2-left h4
{
	color:#000000;
	font-size: 18px;
	font-weight: 600;
}
.d-2-left p
{
	color:#000000;
	font-size:16px;
}
.d-2-left ul
{
	padding: 0px;
	margin:0px;
}
.d-2-left ul li
{
	padding: 0px 0 0 30px;
	margin:0px 0 15px 0;
	color:#000000;
	font-size:16px;
	list-style: none;
	position: relative;
}
.d-2-left ul li:after {
  content: '';
  display: inline-block;
  height: 7px;
  width:7px;
  background: #d7b54a;
  position: absolute;
  border-radius: 50%;
  left: 12px;
  top: 7px;
}
.d-2-more
{
	text-align: right;
}
.d-2-more a
{
	color:#d4af3c;
	text-decoration: underline;
	font-family: 'Lora', serif;
}
.d-2-more a:hover
{
	color:#000;
}


.d-2-right
{
	padding: 30px 30px 30px;
	border: 1px solid #d4af3c;
	border-radius: 5px;
	margin-bottom: 30px;
	overflow: hidden;
}
.d-2-right h1
{
	color:#d4af3c;
	font-size: 36px;
	margin:0 0 15px 0;
}
.d-2-right-list ul
{
	padding: 0px 0 0 0;
	margin:0px 0 0 0;
	float: left;
}
.d-2-right-list ul li
{
	padding: 0px 0 26px 30px;
	margin:0px 0 0px 20px;
	color:#000000;
	font-size:16px;
	list-style: none;
	position: relative;
	float: left;
	border-left: 3px solid #ccc;
}
.d-2-right-list ul li:last-child
{
	border-left: 3px solid #fff;
}
.d-2-right-list ul li:after {
  content: '';
  display: inline-block;
  height:30px;
  width:30px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
  left:-17px;
  top: 0px;
  border:1px solid #ccc;
  counter-increment: section;
  content: "0 " counter(section) " ";
  font-size: 14px;
  letter-spacing: -1px;
  padding: 5px 0 0 5px;
  color:#2b2a2a;
}
.ds-left
{
	width:80%;
	height: auto;
	float: left;
}
.ds-right
{
	width:20%;
	height: auto;
	float: left;
	text-align: right;
}
.d-2-right-list
{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.rvs
{
	width:100%;
	height: auto;
	overflow: hidden;
	margin: 0 0 20px 0;
}
.rvs-left
{
	width:auto;
	float: left;
	height: auto;
	margin: 0 50px 0 0;
}
.rvs-left h4
{
	color:#000000;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
.rvs-left h5
{
	color:#000000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}
.rvs-left h5 .fa
{
	color:#ffc107;
	font-size: 18px;
}
.rvs-left h5 span
{
	font-style: italic;
	color:#000000;
	font-weight: 300;
}
.de-right-top
{
	width: 100%;
	margin: 0 0 40px 0;
	overflow: hidden;
}

.de-right-top-left
{
	width:auto;
	float: left;
	height: auto;
	color:#000000;
	font-size:34px;
}

.de-right-top-left span
{
	color:#939393;
	font-size:16px; 
}
.de-right-top-right
{
	width:auto;
	float:right;
	height: auto;
	margin: 15px 0 0 0;
}
.de-right-top-right a
{
	padding: 8px 15px;
	background: #d4af3c;
	color: #fff;
	font-size: 13px;
	border-radius: 15px;
}
.de-right-top-right a:hover
{
	background: #000;
}
.sd .pro-pic {
  height: 188px;
}
.sd-heading h1
{
	margin: 0 0 30px 0;
	position: relative;
}
.sd-heading h1:before
{
  content: '';
  display: inline-block;
  height:30px;
  width:220px;
  background:url(../img/ln-2.png) no-repeat;
  position: absolute;
  left:46%;
  top: 53px;
}
.serv-dt
{
	width:100%;
	height: auto;
	float: right;
	max-width:70%;
	margin: 0 0 40px 0;
}
.serv-dt-pic
{
	width: 150px;
	height: 150px;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	float: left;
	padding: 11px;
}
.serv-dt-pic img
{
	width: 136px;
	height: 136px;
	border-radius: 50%;
}
.serv-dt-dec
{
	width: auto;
	float: left;
	margin: 34px 0 0 20px;
}
.serv-dt-dec h2
{
	color:#000000;
	font-size:42px;
	margin: 0px;
}
.serv-dt-dec h5
{
	color:#5e5e5e;
	font-size:18px;
	margin: 0px;
}
.sv-det
{
	width:80%;
	float: right;
	height: auto;
	margin:0 0 70px 0;
	
}

.sv-det .tbl td {
  padding: 15px 10px;
  font-size: 17px;
  color: #fff;
}
.sv-det .tbl {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 -7px 96px rgba(0,0,0,0.2)
}
.sv-det .bt span
{
	color:#a995a9;
}
.sv-det .bt
{
	background-position: 50%;
}
.sv-det .tbl .table-bordered thead th {
  font-size: 15px;
}
.selec
{
	width:100%;
	height: auto;
}
.selec select
{
	width:80%;
	height: 45px;
	color:#000000;
	font-style: 13px;
	border:1px solid #b6b6b6;
	padding: 5px 10px;
	border-radius: 5px;
	background: #f7f7f5;
}
.selec-heading
{
	width:100%;
	height: auto;
	padding: 10px 0;
	color:#fff;
	font-size:30px;
	font-family: 'Lora', serif;
	background: #000000;
	text-align: center;
	border-radius: 5px;
	margin:15px 0 0 0;
}
.selec-dec
{
    width:100%;
	height: auto;
	background: #fff;
	text-align: center;
	padding: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border-radius: 5px;
}
.selec-dec ul
{
	padding: 0px;
	margin:0px;
}
.selec-dec ul li
{
	list-style: none;
	padding: 12px 0;
	border-bottom: 1px solid #eaeaea;
	font-size:20px;
	color:#000000;
	font-weight: 500;
}

.selec-dec ul li.selected
{
	list-style: none;
	padding: 12px 0;
	border-bottom: 1px solid #eaeaea;
	font-size:20px;
	color:red;
	font-weight: 1000;
}

.selec-dec ul li:last-child
{
	border-bottom: 0px solid #eaeaea;
}

.top-sel
{
	width:100%;
	height: auto;
	margin:00px 0 20px 0;
	overflow: hidden;
}
.top-sel .selec select
{
	width:95%;
}
.top-sel-1
{
	width:200px;
	float: left;
	height: auto;
}
.top-sel-2
{
	width:120px;
	float: left;
	height: auto;
}
.mg
{
	margin-top:65px;
}
.ast
{
	text-align: center;
	margin:0 0 80px 0;
}
.ast a
{
	background: #d4af3c;
}
.ast a.blk
{
	background: #000000;
}
.der
{
	background: url(../img/bg-11.png) no-repeat;
	background-position: 0 100%;
	background-size: 100%;
}
.lnc
{
	width: 89%;
	height: 1px;
	border:1px solid #f3f3f3;
	float: right;
	margin:20px 40px 50px;
}
.sd-rg
{
	max-width: 80%;
}
/***24-4-22***/

/*.btn.editprofile,.btn.addqualification
{
	background: #D0AB37;
    color: #fff;
    position: absolute;
	right:6px;
	top:6px;
}*/
.btn.editprofile,.btn.btncommon
{
	background: #D0AB37;
    color: #fff;
    position: absolute;
	right:6px;
	top:6px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.rightprofile .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin: 0 4px 0 0;
}

/* Change background color of buttons on hover */
.rightprofile .tab button:hover {
  background-color: #D0AB37;
  color: #fff;
}

/* Create an active/current tablink class */
.rightprofile .tab button.active {
  background-color: #D0AB37;
  color: #fff;
}

/* Style the tab content */
.rightprofile .tabcontent {
  display: none;
  padding:50px 20px 20px;
  border: 1px solid #ccc;
  border-top: none;
  position: relative;
}
.modal.pp .modal-header .close {
  position: absolute;
  top: -13px;
  right: -14px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  width: 36px;
  height: 36px;
  padding: 0 !important;
  opacity: 1;
  margin: 0 !important;
  line-height: 15px;
}
.modal.pp .modal-header .close:hover
{
	color: #D0AB37;
}
.modal.pp .modal-header
{
  display: block !important;
  text-align: center;
  padding: 18px 0 !important;
  border-bottom: 0px !important;
  background: rgba(0,0,0,0.1);
}
.modal.pp .modal-header h5
{
	font-family: 'Lora', serif;
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	margin: 0px;
}
.modal.pp .modal-body
{
  padding: 20px 40px;
}
.modal.pp .modal-body .form-control
{
	border-width: 0 0 2px 0;
	font-size: 15px;
}
.modal.pp .col-form-label {
  color: #fff;
  font-size: 16px;
  padding: 0px 0 10px 10px;
  width: 100%;
}
.modal.pp .modal-content
{
   background:#D0AB37;
}
.pp .dtd
{
	background: #000;
	color:#fff;
	width: 100%;
	margin: 10px 0 0 0;
}
.pp .dtd:hover
{
	background: #ccc;
	color:#000;
	border:1px solid #ccc;
}
.tfg a
{
  padding:7px 9px;
	background: #D0AB37;
	color: #fff;
	border-radius: 3px;
	margin: 0 2px;
}
.tfg a:hover
{
	color:#000;
}


.logincontainer{padding: 50px 0px; background: #f3f3f3;}
.logincontainer .logininnerbox{float: left; width: 100%; padding: 0px; background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.logincontainer .logininnerbox .lboxcontent{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; text-align: center; -ms-flex-align: center; align-items: center; background: #D4AF3C;}
.logincontainer .logininnerbox .lboxcontent .lboxcontentinner{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 30px;}
.logincontainer .logininnerbox h1{text-align: center; color: #fff; font-size: 30px; font-weight: 900; margin: 0px 0px 15px 0px; }
.logincontainer .logininnerbox h1.sign{text-transform: uppercase; letter-spacing: 5px;}
.logincontainer .logininnerbox p{color: #fff; font-size: 16px; line-height: 26px; margin: 0px 0px 25px 0px;} 

.logincontainer .subtn{display: inline-block; background: #fff; position: relative; color: #333; text-transform: uppercase; letter-spacing: 2px; border: none; padding: 12px 30px; margin: 0px; font-weight: 600; text-decoration: none; font-size: 16px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.logincontainer .subtn:hover{text-decoration: none; color: #fff; background: #06a4f1;}

.logincontainer .logininnerbox .lblright{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -ms-flex-align: center; align-items: center;}
.logincontainer .logininnerbox .lblright .lblrightinner{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 40px 60px;}
.logincontainer .logininnerbox .lblright .lblrightinner .innerbox{padding: 10px 0px;}
.logincontainer .logininnerbox .lblright .lglogoright{display: block; text-align: center; margin: 0px 0px 15px 0px;}
.logincontainer .logininnerbox .lblright .lglogoright img{max-width: 100%; max-height: 58px;}
.logincontainer .logininnerbox .lblright .lgheading{display: block; line-height: 100%; text-align: center; color: #3e3d40; font-size: 35px; font-weight: 700; margin: 0px 0px 10px 0px;}
.logincontainer .logininnerbox .lblright .resocialbox{display: block; text-align: center; padding: 15px 0px 15px 0px;}
.logincontainer .logininnerbox .lblright .resocialbox a{display: inline-block; width: 42px; height: 42px; text-decoration: none; text-align: center; line-height: 42px; border-radius: 50%; background: #ffffff; border: 1px solid #3e3d40; margin: 0px 7px 5px 0px; color: #3e3d40; font-size: 1.2em; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.logincontainer .logininnerbox .lblright .resocialbox a.facebook{background: #3f5387; border-color: #3f5387; color: #fff;}
.logincontainer .logininnerbox .lblright .resocialbox a.gplus{background: #D71717; border-color: #D71717; color: #fff;}
.logincontainer .logininnerbox .lblright p{color: #212529; font-size: 14px; line-height: 20px; text-align: center; margin: 0px 0px 30px 0px;} 
.logincontainer .logininnerbox .lblright .lform{display: block; padding: 0px 0px;}
.logincontainer .logininnerbox .lblright .form-group{position: relative;}
.logincontainer .logininnerbox .lblright .form-group .formgroupinner{display: block; position: relative;}
.logincontainer .logininnerbox .lblright .form-group i{position: absolute; left: 34px; top: 18px;}
.logincontainer .logininnerbox .lblright .form-group .formgroupinner i.fa-mobile{font-size: 1.2em;}
.logincontainer .logininnerbox .lblright .form-group .form-control{background: #fff; border: 1px solid #D0D0D0; height: 50px; font-size: 14px; padding: 4px 15px 4px 50px; -webkit-box-shadow: 0px 0px 0px #fff; box-shadow: 0px 0px 0px #fff; -webkit-border-radius: 30px; border-radius: 30px;}
.logincontainer .logininnerbox .lblright .form-group .form-control:focus{border-color: var(--default);}
.logincontainer .logininnerbox .lblright .form-group .form-control.error{border-color: red;}
.logincontainer .logininnerbox .lblright .forgotbox{display: block; text-align: center; margin: 0px 0px 15px 0px;}
.logincontainer .logininnerbox .lblright .forgotbox a{text-decoration: none; color: #3e3d40; font-size: 14px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.logincontainer .logininnerbox .lblright .forgotbox a:hover{text-decoration: underline;}
.logincontainer .logininnerbox .lblright .createaccount{display: block; text-align: center; margin: 10px 0px 5px 0px;}
.logincontainer .logininnerbox .lblright .createaccount a{text-decoration: none; color: #3e3d40; font-size: 14px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.logincontainer .logininnerbox .lblright .createaccount a:hover{text-decoration: underline;}
.registercontainer .logininnerbox .lboxcontent .lboxcontentinner{padding: 30px 30px 30px 30px;}
.logincontainer .logininnerbox .lboxcontent .lboxcontentinner .theme-btn{border-color: #000; background: #000; color: #fff; text-decoration: none; font-size: 16px; padding: 10px 50px; margin-top: 5px; -webkit-border-radius: 30px; border-radius: 30px;}
.logincontainer .logininnerbox .lboxcontent .lboxcontentinner .theme-btn:hover{background: #fff; color: var(--default); text-decoration: none;}
.logincontainer .logininnerbox .lblright .lform .theme-btn{background:#0F75BC;color:#fff;font-size: 16px; padding: 10px 50px; width: 100%; border: none; outline: none; margin-top: 5px; -webkit-border-radius: 30px; border-radius: 30px;}
.registercontainer .logininnerbox .lblright .lblrightinner{padding: 40px 40px;}
.registercontainer .logininnerbox .lblright .form-group .control-label{display: block; text-align: left; margin: 0px 0px 2px 0px;}
.registercontainer .logininnerbox .lblright .lform .theme-btn{max-width: 100%;}
.registercontainer .logininnerbox .lblright .form-group .form-control{padding: 4px 15px 4px 20px;}

input[type="password"]:not(:placeholder-shown) {
font-family: "pass";
font-size:24px !important;
}
@-moz-document url-prefix() {
input[type="password"]:not(:placeholder-shown) {
font-size: 18px;
}
} 
.logincontainer .logininnerbox .lblright .form-group .formgroupinner i {
  position: absolute;
  left: 22px;
  top: 18px;
}
.logincontainer .logininnerbox .lblright .form-group .formgroupinner i.togglePass {
  left: 92%;
}
.bts
{
	width:100%;
	height:auto;
	background:#D4AF3C;
	color: #fff;
	padding: 10px 0 !important;
	width: 100%;
	border: none;
	outline: none;
	margin-top: 5px;
	-webkit-border-radius: 30px !important;
	border-radius: 30px !important;
}
.bts:hover
{
	background:#000;
	border-color: #000;
}
.fw
{
	margin:10px 0 0 0;
}
.fw a
{
	color:#D4AF3C !important;
}
.fw a:hover
{
	color:#000 !important;
}
.innerbox label
{
	text-align: left;
}
.innerbox .form-check
{
	text-align: left;
}

/*---------------16-06-2022--------------*/


.page-link {
    position: relative;
    display: inherit !important;
    padding: 0 !important;
    margin-left: 0px !important;
    line-height: inherit !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
}
li.page-item.s-first{width: 80px !important; padding-top: 10px !important;}
li.page-item.s-last{width: 55px !important; padding-top: 10px !important;}
.ld-page ul.pagination li{padding-top: 0px !important; line-height: 38px;}
.ld-page ul.pagination li .page-link:focus {box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);}
.ld-page ul.pagination li a{border-radius: 50%; width: 38px; height: 38px;}
.ld-page .page-link:focus, .catg-list .page-link:hover {color: #fff !important; text-decoration: none !important; background-color: #D4AF3C !important;
    border-color: #D4AF3C !important;}


.service-list .ld-page .pager
{
   display: flex;
}
.service-list .ld-page .pager .pageNumbers a
{
   min-width: 30px;
min-height: 30px;
color: #000;
background-color: rgba(255,255,255,0.5);
border: 0px solid #5f7d22;
font-weight: 500;
border-radius: 50%;
display: inline-block;
text-align: center;
padding: 4px 0 0 0;
margin: 0 4px;
}
.service-list .ld-page .pager .pageNumbers a.active
{
	background-color: #D4AF3C;
	border-color: #D4AF3C;
	color: #000;
}
.service-list .ld-page .pager .firstPage
{
	min-width: 15px;
    min-height: 15px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}

.service-list .ld-page .pager .previousPage
{
	min-width:15px;
    min-height:15px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}
.service-list .ld-page .pager .lastPage
{
	min-width:15px;
    min-height:15px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}

.service-list .ld-page .pager .nextPage
{
	min-width:15px;
    min-height:15px;
    color: #000;
    font-size: 20px;
    margin: 0 0 0 4px;
    cursor: pointer;
}



/*---------------22-06-2022--------------*/


.pay_sec {padding: 60px 0px; background: #ffffff; text-align: center;}
.pay_sec_ps i{width: 100px; height: 100px; margin-bottom: 15px; line-height: 100px; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border-radius: 100%; display: inline-block; text-align: center; background: #82ce34; color: #ffffff; font-size: 45px; font-weight: normal;} 
.pay_sec_ps h4{font-size: 32px; line-height: 42px; color: #212529; font-weight: 400; margin: 0px 0px 10px 0px; font-family: 'Roboto', sans-serif;}
.pay_sec_ps h5{font-size: 16px; line-height: 26px; color: #212529; font-weight: 400; margin: 0px 0px 15px 0px; font-family: 'Roboto', sans-serif;}

.pay_sec_pf i{width: 100px; height: 100px; margin-bottom: 15px; line-height: 100px; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border-radius: 100%; display: inline-block; text-align: center; background: #bc2626; color: #ffffff; font-size: 45px; font-weight: normal;} 
.pay_sec_pf h4{font-size: 32px; line-height: 42px; color: #212529; font-weight: 400; margin: 0px 0px 10px 0px; font-family: 'Roboto', sans-serif;}
.pay_sec_pf h5{font-size: 16px; line-height: 26px; color: #212529; font-weight: 400; margin: 0px 0px 15px 0px; font-family: 'Roboto', sans-serif;}

.selec-dec ul li.selected{background: #d3ae3c; color: #ffffff;}

.sbs{text-align: center;}
.sbs textarea{width: 100%;
    height: 90px;
    font: 400 16px/26px 'Roboto', sans-serif;
    background: #ffffff;
    color: #4a4a4a;
    outline: none;
    margin: 0px;
    padding: 10px 15px;
    border: 1px solid #c3c3c3;
    outline: 0px;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;}
.sbs h5{font-size: 16px; line-height: 26px; color: #212529; font-weight: 400; margin: 0px 0px 8px 0px; font-family: 'Roboto', sans-serif;}
.sbs .serv-dt {float: none; max-width: 100%; margin: 0 0 20px 0;}
.sbs .serv-dt-pic {float: none; display: inline-block; padding: 0px; line-height: 146px;}
.sbs .lnc{width: 100%;  margin: 20px 0px 20px;}


/*---------------22-06-2022--------------*/


.bks{padding: 25px; background: #ffffff; margin-top: 30px; -webkit-box-shadow: 0px 0px 29px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 29px -15px rgba(0,0,0,0.75);
box-shadow: 0px 0px 29px -15px rgba(0,0,0,0.75); border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px; margin-bottom: 40px;}
.bks h3{color: #d3ae3c; margin-bottom: 20px;}
.bks ul{list-style: none; text-align: left;}
.bks ul li{width: 100%; display: inline-block;}
.bks_list_left{width: 50%; float: left; font-weight: bold;}
.bks_list_right{width: 50%; float: right;}


/*---------------22-06-2022--------------*/


.ser-sec .ld-page .pager
{
   display: flex;
   margin-bottom: 30px;

}
.ser-sec .ld-page .pager .pageNumbers a
{
   min-width: 30px;
min-height: 30px;
color: #000;
background-color: rgba(255,255,255,0.5);
border: 0px solid #5f7d22;
font-weight: 500;
border-radius: 50%;
display: inline-block;
text-align: center;
padding: 4px 0 0 0;
margin: 0 4px;
}
.ser-sec .ld-page .pager .pageNumbers a.active
{
	background-color: #D4AF3C;
	border-color: #D4AF3C;
	color: #000;
}
.ser-sec .ld-page .pager .firstPage
{
	min-width: 15px;
    min-height: 15px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}

.ser-sec .ld-page .pager .previousPage
{
	min-width:15px;
    min-height:15px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}
.ser-sec .ld-page .pager .lastPage
{
	min-width:15px;
    min-height:15px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
}

.ser-sec .ld-page .pager .nextPage
{
	min-width:15px;
    min-height:15px;
    color: #000;
    font-size: 20px;
    margin: 0 0 0 4px;
    cursor: pointer;
}


/*--15-07-2022--*/

.collapse_social_main {float: left;}
.collapse_social .media-left{margin-right: 10px; margin-top: 0px;}
.collapse_social {list-style: none; position: relative;}
.collapse_social li{margin-bottom: 5px;}
.collapse_social li a:hover{color: #d4af3c;}
.sd-1-share .collapse_social li a:hover span{color: #d4af3c;}
.sd-1-share .collapse_social span {line-height: 20px;}


























/********************Responsive**********************/
@media only screen and (min-width: 1500px) and (max-width: 2000px) {
.myserv .container
	{
 		max-width: 1400px;
	}

}
@media only screen and (min-width: 981px) and (max-width: 1199px) {
	.c-1 {
  width: 50%;
}
.c-4 {
  width: 39%;
  float: right;
}
.c-3 {
  margin-top: 13px;
}
.pd-text {
  font-size: 11px;
  line-height: 12px;
}
.d-webi-text {
  font-size: 11px;
  line-height: 12px;
}
.d-webi-dt-dec {
  font-size: 9px;
  line-height: 11px;
}
.d-pay-left h5 {
  font-size: 11px;
  line-height: 13px;
}
.d-pay-right {
  font-size: 13px;
}
.jn-dec {
  width: auto;
  font-size: 10px;
  padding: 5px 0 0 0;
}
#sidebar {
  margin-left: 0;
}
#sidebar ul li a {
  padding: 10px 7px;
  font-size: 12px;
}
.sfr-dec {
  width: 50%;
  font-size: 14px;
}
.sfr-select {
  width: 50%;
}
.sfr-full {
  padding: 5px 10px;
  margin: 0 0 10px 0;
}
.sfr-full .margin-top-20 {
  margin-top: 9px;
}
.serv-form {
  margin: 0 0 0 0;
  position: absolute;
  bottom: 0;
  width: 95%;
}
#sidebar ul li {
  margin: 0 0 4px 0;
}
.serv-form-right p
{
   font-size: 12px;
}
.serv-dt {
  max-width: 100%;
}
.sv-det {
  width: 100%;
}
.sd-rg {
  max-width: 100%;
}
.ds-left {
  width: 100%;
}
.ds-right
{
  display: none;
}
.edc a {
  padding: 10px 10px;
  font-size: 12px;
}

}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.c-1 {
  width: 50%;
}
.c-4 {
  width: 39%;
  float: right;
}
.c-3 {
  margin-top: 13px;
}
.pd-text {
  font-size: 11px;
  line-height: 12px;
}
.d-webi-text {
  font-size: 11px;
  line-height: 12px;
}
.d-webi-dt-dec {
  font-size: 9px;
  line-height: 11px;
}
.d-pay-left h5 {
  font-size: 11px;
  line-height: 13px;
}
.d-pay-right {
  font-size: 13px;
}
.jn-dec {
  width: auto;
  font-size: 10px;
  padding: 5px 0 0 0;
}
#sidebar {
  margin-left: 0;
}
#sidebar ul li a {
  padding: 8px 7px;
  font-size: 12px;
}
.dash-calender {
  min-height: 391px;
}
.up-coming {
  max-height: 359px;
  overflow-y: scroll;
}
.msd-dec {
  width: 83%;
}
.myserv .pro-pic {
  height: 100px;
}
.sd-1-photo-sec h3 {
  font-size: 35px;
}
.sd-1-social {
  width: 30%;
}
.sd-1-photo-sec
{
	width: 40%;
}
.sd-1-share
{
  width: 30%;
}
.scl {
  margin: 0 0 0 7px;
}
.sfr-dec {
  width: 50%;
  font-size: 14px;
}
.sfr-select {
  width: 50%;
}
.sfr-full {
  padding: 5px 10px;
  margin: 0 0 2px 0;
}
.sfr-full .margin-top-20 {
  margin-top: 9px;
}
.serv-form {
  margin: 0 0 0 0;
  position: absolute;
  bottom: 0;
  width: 95%;
}
#sidebar ul li {
  margin: 0 0 4px 0;
}
.serv-form-right p
{
   font-size: 12px;
}
.sel {
  margin-bottom: 0;
}
.girl-image img {
  max-width: 107%;
}
.net-more a {
  padding: 10px 11px;
}
.com-dec {
  width: 81%;
}
.com-dec h2 {
  font-size: 21px;
}
.com-dec-btn a {
  padding: 8px 18px;
}
.com-dec-list ul li {
  margin: 0 15px 10px 0;
}
.serv-dt {
  max-width: 100%;
}
.sv-det {
  width: 100%;
}
.sd-rg {
  max-width: 100%;
}
.d-4 ul li {
  margin: 0 0 12px 19px;
}
.de-right ul li {
  padding: 8px 0;
}
.ds-left {
  width: 100%;
}
.ds-right
{
  display: none;
}
.edc a {
  padding: 10px 10px;
  font-size: 12px;
}
.de-right-top-left {
  font-size: 24px;
}
.de-right-top-right {
  margin: 4px 0 0 0;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.dis-none
{
	display: block;
	width: 50px;
	position: absolute;
	top: -48px;
	right: 9px;
}
.no-right
{
	padding-right: 15px !important;
}
#sidebar {
  width: 92%;
  position: absolute;
  z-index: 99;
  margin-left: -800px;
}
.s-first,.s-last
{
	display: none;
}
.edc {
  position: relative;
  top: 0;
  margin: 16px 0 10px 0;
  width: 100%;
  text-align: center;
}
.pric-btm {
  width: 104.3%;
}
.stem-heading h2 {
  font-size: 24px;
}
.stem-heading h3 {
  font-size: 20px;
}
.pro-full {
  margin: 0px auto 5px;
  max-width: 370px;
}
.webn {
  margin: 0px auto 5px;
  max-width: 370px;
}
.edc a {
  font-size: 14px;
}
.cop {
  position: relative;
  bottom: 0px;
  display: none;
}
.logo-1
{
	text-align: center;
}
.dashboard-section .dis-none {
  top: -102px;
  z-index: 99;
}
.hfr {
  margin: 20px 0 0 0;
}
.c-1 {
  width: 50%;
}
.c-4 {
  width: 39%;
  float: right;
}
.c-3 {
  margin-top: 13px;
}
.d-webi-dt-dec {
  font-size: 9px;
  line-height: 13px;
}
.jn-dec {
  padding: 5px 0 0 0;
}
.job-search-header {
  max-width: 90%;
}
.jb-1 {
  width: 100%;
}
.jb-1 input
{
	width:100%;
}
.jb-2 {
  width: 100%;
}
.jb-2 input
{
	width:100%;
}
.jb-3 {
  width: 100%;
}
.boxs {
  min-width: 157px;
  margin: 0 8px 20px;
}
.serv-list #sidebar {
  margin-left: -800px;
}
.serv-list #sidebar.active
{
	margin-left: 0;
}
.sfr-dec {
  font-size: 14px;
  padding: 8px 0 0 0;
}
.sf-menu {
  text-align: center;
  margin: 30px 0 40px;
}
.sd-1-social {
  width: 100%;
}
.sd-1-photo-sec {
  width: 100%;
}
.sd-1-share
{
	width: 100%;
	padding: 0px;
	text-align: center;
}
.sd-1-list {
  margin: 30px 0 0 0;
}
.sd-1-list ul li {
  width: 100%;
  text-align: center;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #e4e4e4;
  border-right: 0px;
}
.sd-1-btns {
  max-width: 100%;
}
.sd-1-btns a {
  padding: 11px 20px;
  font-size: 10px;
  margin: 0 0px;
}
.sd-1-badge ul li {
  width: 200px;
  padding: 0 0 10px;
}
.cr {
  float: none;
  margin: 0px auto;
}
.msg {
  padding: 0;
}
.msd-full {
  text-align: center;
}
.msd-dec {
  width: 100%;
}
.msd-pic {
  float: none;
  margin: 0 auto 10px;
}
.sd-1-social-inner {
  width: 100%;
  margin: 0 0 20px 0;
}
.scl {
  margin: 0 11px;
}
.serv-form {
  margin: 26px 0 0 0;
}
.sfr-full {
  padding: 4px 9px;
  margin: 0 0 5px 0;
}
.serv-form-right p
{
	font-size: 13px;
}
.sel {
  margin-bottom: 0;
}
.com-pic {
  float: none;
  margin: 0px auto 20px;
}
.com-dec {
  width: 100%;
}
.com-dec-btn {
  text-align: center;
  margin: 30px 0;
}
.com-dec-btn a {
  margin: 0 0 0 0;
}
.com-dec-list ul li {
  min-width: 50%;
  margin: 0 0 10px 0;
}
.com-dec h2 {
  text-align: center;
}
.com-dec h6 {
  text-align: center;
}
.sd-heading h1::before {
  left: 19%;
}
.de-right {
  margin: 0 0 30px 0;
}
.ds-left {
  width: 100%;
}
.ds-right
{
  display:none;
}
.d-4 ul li {
  width: 100%;
}
.de-1 h1 {
  font-size: 25px;
}
}

@media screen and (max-width: 767px) {


.modal.pp .modal-body {
    padding: 15px 30px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


/*---------------22-06-2022--------------*/


.pay_sec {
    padding: 30px 0px;
}
.pay_sec_ps h4 {
    font-size: 26px;
    line-height: 36px;
}
.pay_sec_pf h4{
    font-size: 26px;
    line-height: 36px;
}

.sbs textarea{margin-bottom: 0px;}


/*--15-07-2022--*/

.sd-1 {padding: 40px 15px;}
.sd-3 {margin-top: 40px;}






}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.dis-none
{
	display: block;
	width: 50px;
	position: absolute;
	top: -48px;
	right: 9px;
}
.no-right
{
	padding-right: 15px !important;
}
#sidebar {
  width: 92%;
  position: absolute;
  z-index: 99;
  margin-left: -500px;
}
.s-first,.s-last
{
	display: none;
}
.edc {
  position: relative;
  top: 0;
  margin: 16px 0 10px 0;
  width: 100%;
  text-align: center;
}
.pric-btm {
  width: 104.3%;
}
.stem-heading h2 {
  font-size: 24px;
}
.stem-heading h3 {
  font-size: 20px;
}
.pro-full {
  margin: 0px auto 5px;
  max-width: 370px;
}
.webn {
  margin: 0px auto 5px;
  max-width: 370px;
}
.edc a {
  font-size: 14px;
}
.cop {
  position: relative;
  bottom: 0px;
  display: none;
}
.logo-1
{
	text-align: center;
}
.dashboard-section .dis-none {
  top: -102px;
  z-index: 99;
}
.hfr {
  margin: 20px 0 0 0;
}
.c-1 {
  width: 50%;
}
.c-4 {
  width: 39%;
  float: right;
}
.c-3 {
  margin-top: 13px;
}
.d-webi-dt-dec {
  font-size: 9px;
  line-height: 13px;
}
.jn-dec {
  padding: 5px 0 0 0;
}
.job-search-header {
  max-width: 90%;
}
.jb-1 {
  width: 100%;
}
.jb-1 input
{
	width:100%;
}
.jb-2 {
  width: 100%;
}
.jb-2 input
{
	width:100%;
}
.jb-3 {
  width: 100%;
}
.boxs {
  min-width: 157px;
  margin: 0 8px 20px;
}
.serv-list #sidebar {
  margin-left: -500px;
}
.serv-list #sidebar.active
{
	margin-left: 0;
}
.sfr-dec {
  font-size: 18px;
  padding:5px 0 0 0;
}
.sf-menu {
  text-align: center;
  margin: 30px 0 40px;
}
.girl-image
{
	display: none;
}
.sd-1-social {
  width: 100%;
}
.sd-1-photo-sec {
  width: 100%;
}
.sd-1-share
{
	width: 100%;
	padding: 0px;
	text-align: center;
}
.sd-1-list {
  margin: 30px 0 0 0;
}
.sd-1-list ul li {
  width: 100%;
  text-align: center;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #e4e4e4;
  border-right: 0px;
}
.sd-1-btns {
  max-width: 100%;
}
.sd-1-btns a {
  padding: 11px 20px;
  font-size: 10px;
  margin: 0 0px;
}
.sd-1-badge ul li {
  width: 200px;
  padding: 0 0 10px;
}
.cr {
  float: none;
  margin: 0px auto;
}
.msg {
  padding: 0;
}
.msd-full {
  text-align: center;
}
.msd-dec {
  width: 100%;
}
.msd-pic {
  float: none;
  margin: 0 auto 10px;
}
.sd-1-social-inner {
  width: 100%;
  margin: 0 0 20px 0;
}
.scl {
  margin: 0 11px;
}
.com-pic {
  float: none;
  margin: 0px auto 20px;
}
.com-dec {
  width: 100%;
}
.com-dec-btn {
  text-align: center;
  margin: 30px 0;
}
.com-dec-btn a {
  margin: 0 0 0 0;
}
.com-dec-list ul li {
  min-width: 100%;
  margin: 0 0 10px 0;
}
.com-dec h2 {
  text-align: center;
}
.com-dec h6 {
  text-align: center;
}
.serv-dt {
  max-width: 100%;
  text-align: center;
}
.serv-dt-pic {
  float: none;
  margin: 0px auto;
}
.serv-dt-dec {
  width: 100%;
  margin: 34px 0 0 0;
}
.sv-det {
  width: 100%;
  margin: 0 0 0 0;
}
.sd-rg {
  max-width: 100%;
}
.sd-heading h1::before {
  left: 19%;
}
.de-right {
  margin: 0 0 30px 0;
}
.ds-left {
  width: 100%;
}
.ds-right
{
  display:none;
}
.d-4 ul li {
  width: 100%;
}
.de-1 h1 {
  font-size: 25px;
}


/*---------------22-06-2022--------------*/


.edc a {
    font-size: 12px;
}
.com-dec-btn a {
	font-size: 12px;
}

/*---------------22-06-2022--------------*/

.bks ul li {font-size: 13px;}






}

.termscontentdiv {height: 140px; overflow-y: auto; border: 2px solid #ccc; padding: 10px; margin-top: 10px;}

.profilecontainer .rightprofile .form-group.viewcls i { position:inherit; }

.ui-timepicker-container {z-index: 9999 !important;}

.pp .modal-dialog {
    max-width: 680px !important;
    }


.reset-filter {
    width: 100% !important;
    border-radius: 5px 5px 5px 5px !important;
	-webkit-border-radius: 5px 5px 5px 5px !important;
	-moz-border-radius: 5px 5px 5px 5px !important;
}





.btn-compose-email {
    padding: 10px 0px;
    margin-bottom: 20px;
}

.btn-danger {
    background-color: #E9573F;
    border-color: #E9573F;
    color: white;
}

.panel-teal .panel-heading {
	background-color: #1E191E;
	border: 1px solid #1e191e;
	color: white;
}

.panel .panel-heading {
    padding: 5px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #DDD;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.panel .panel-heading .panel-title {
    padding: 10px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

form .form-group {
    position: relative;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.inner-all {
    padding: 10px;
}


/*--04-08-2022--*/

.sn-1
{
	border-radius: 5px;
	border:1px solid #d4af3c;
	width:100%;
	padding:40px 40px;
	text-align: center;
	margin:0 0 40px 0
	
}
.sn-1 h2
{
	font-size: 40px;
	color:#000000;
	margin: 0 0 30px;
}


.sn-2
{
	border-radius: 5px;
	border:1px solid #d4af3c;
	width:100%;
	padding:40px 40px;
	
}
.sn-2 h2
{
	font-size: 40px;
	color:#000000;
	margin: 0 0 40px;
	text-align: center;
}
.sn-2-list
{
	width:100%;
	height: auto;
	overflow: hidden;
}
.sn-2-list ul
{
	padding: 0px;
	margin: 0px;
}
.sn-2-list ul li
{
	list-style:none;
	float: left;
	margin: 0 0 25px 0;
	width: 50%;
	height: auto;
}
.no-bottom-border
{
	border-bottom: 0px;
}
.sn-2-pic
{
	width:45px;
	height:45px;
	float:left;
	background:#335b39;
	text-align: center;
	border-radius:50%;
	padding: 10px 0 0 0;
	margin: 0 15px 0 0;
}
.sn-2-dec
{
	width:70%;
	height: auto;
	float: left;
	border-bottom: 1px solid #d9d9d9;
}
.sn-2-dec h5
{
	color:#868686;
	font-size: 18px;
	margin: 0 0 2px 0;
	font-family: 'Lora', serif;
}
.sn-2-dec h4
{
	color:#000000;
	font-size: 23px;
	margin: 0 0 18px 0;
	font-family: 'Lora', serif;
}
.sn-2-list ul li:nth-last-child(2) .sn-2-dec{
   border-bottom: 0px solid #d9d9d9;
}
.sn-2-list ul li:nth-last-child(1) .sn-2-dec{
   border-bottom: 0px solid #d9d9d9;
}
.cource-list .pro-full
{
  padding:7px 7px 0 6px;
}
.service-list .pric-btm
{
  min-height: 30px;
}
.ath-btn
{
	width: 100%;
	height: auto;
	padding: 20px 0;
	text-align: center;
}
.ath-btn a
{
	padding: 12px 25px;
	background: #335B39;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.ath-btn a:hover
{
	background: #D4AF3C;
}

.stempire_frm .form-group{margin-bottom: 0px;}
.stempire_frm .form-group label{
    color: #868686;
    font-size: 18px;
    margin: 0 0 2px 0;
    font-family: 'Lora', serif;
}
.stempire_frm .form-group .form-control{border: none; border-radius: 0px; border-bottom: 1px solid #d9d9d9; color: #000000;
    font-size: 23px; font-family: 'Lora', serif; opacity: 1; padding: 10px 0px 18px 0px;}
.stempire_frm .form-group .form-control::placeholder{opacity: 1; color: #000000;}
.stempire_frm .form-group .form-control:focus{outline: none; box-shadow: none;}
.stempire_frm .ul li{border-bottom:0px !important;}
.stempire_frm .sn-2-dec {border-bottom: 0px;}
.network .sel input:hover {
    background: #ffffff;
    border: 1px solid transparent;
}
.network .form-control:focus{box-shadow: none;}






/* ========================================================================
 * MAIL
 * ======================================================================== */
.nav-email > li:first-child + li:active {
  margin-top: 0px;
}
.nav-email > li + li {
  margin-top: 1px;
}
.nav-email li {
  background-color: white;
}
.nav-email li.active {
  background-color: transparent;
}
.nav-email li.active .label {
  background-color: white;
  color: black;
}
.nav-email li a {
  color: black;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.nav-email li a:hover {
  background-color: #EEEEEE;
}
.nav-email li a i {
  margin-right: 5px;
}
.nav-email li a .label {
  margin-top: -1px;
}

.table-email tr:first-child td {
  border-top: none;
}
.table-email tr td {
  vertical-align: top !important;
}
.table-email tr td:first-child, .table-email tr td:nth-child(2) {
  text-align: center;
  width: 35px;
}
.table-email tr.unread, .table-email tr.selected {
  background-color: #EEEEEE;
}
.table-email .media {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.table-email .media h4 {
  margin: 0px;
  font-size: 14px;
  line-height: normal;
}
.table-email .media-object {
  width: 35px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.table-email .media-meta, .table-email .media-attach {
  font-size: 11px;
  color: #999;
  position: absolute;
  right: 10px;
}
.table-email .media-meta {
  top: 0px;
}
.table-email .media-attach {
  bottom: 0px;
}
.table-email .media-attach i {
  margin-right: 10px;
}
.table-email .media-attach i:last-child {
  margin-right: 0px;
}
.table-email .email-summary {
  margin: 0px 110px 0px 0px;
}
.table-email .email-summary strong {
  color: #333;
}
.table-email .email-summary span {
  line-height: 1;
}
.table-email .email-summary span.label {
  padding: 1px 5px 2px;
}
.table-email .ckbox {
  line-height: 0px;
  margin-left: 8px;
}
.table-email .star {
  margin-left: 6px;
}
.table-email .star.star-checked i {
  color: goldenrod;
}

.nav-email-subtitle {
  font-size: 15px;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 15px;
  margin-top: 30px;
}

.compose-mail {
  position: relative;
  padding: 15px;
}
.compose-mail textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #DDD;
}

.view-mail {
  padding: 10px;
  font-weight: 300;
}

.attachment-mail {
  padding: 10px;
  width: 100%;
  display: inline-block;
  margin: 20px 0px;
  border-top: 1px solid #EFF2F7;
}
.attachment-mail p {
  margin-bottom: 0px;
}
.attachment-mail a {
  color: #32323A;
}
.attachment-mail ul {
  padding: 0px;
}
.attachment-mail ul li {
  float: left;
  width: 200px;
  margin-right: 15px;
  margin-top: 15px;
  list-style: none;
}
.attachment-mail ul li a.atch-thumb img {
  width: 200px;
  margin-bottom: 10px;
}
.attachment-mail ul li a.name span {
  float: right;
  color: #767676;
}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.form-control-feedback{
	position: absolute;
	top: 4px;
	right: 0;
}
#compose-modal .close{
	position: absolute;
	right: 6px;
	top: 0;
}
#compose-modal h4{
	font-size: 20px;
}
.cmpse{
	background: #000 !important;
color: #fff !important;
}
.cmpse:hover {
	background: #D7B23D !important;
	color: var(--black) !important;
}
.email-summary span {
	color: #D4AF3C;
	background: #000;
	padding: 7px 8px !important;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 600;
}

@media (max-width: 640px) {
  .compose-mail-wrapper .compose-mail {
    padding: 0px;
  }
}
@media (max-width: 360px) {
  .mail-wrapper .panel-sub-heading {
    text-align: center;
  }
  .mail-wrapper .panel-sub-heading .pull-left, .mail-wrapper .panel-sub-heading .pull-right {
    float: none !important;
    display: block;
  }
  .mail-wrapper .panel-sub-heading .pull-right {
    margin-top: 10px;
  }
  .mail-wrapper .panel-sub-heading img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .mail-wrapper .panel-footer {
    text-align: center;
  }
  .mail-wrapper .panel-footer .pull-right {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
  }
  .mail-wrapper .attachment-mail ul {
    padding: 0px;
  }
  .mail-wrapper .attachment-mail ul li {
    width: 100%;
  }
  .mail-wrapper .attachment-mail ul li a.atch-thumb img {
    width: 100% !important;
  }
  .mail-wrapper .attachment-mail ul li .links {
    margin-bottom: 20px;
  }

  .compose-mail-wrapper .search-mail input {
    width: 130px;
  }
  .compose-mail-wrapper .panel-sub-heading {
    padding: 10px 7px;
  }
}



/*--22-08-2022--*/

@media (max-width: 1199px) {

.job-list {min-height: 380px;}
.job-pic {width: 85px; height: 85px; margin-top: 20px;}



}




/*read msg*/

@media (min-width: 992px) {
    .inbox-wrapper .email-aside .aside-content {
        padding-right: 10px;
    }
}

.inbox-wrapper .email-aside .aside-content .aside-header {
    padding: 0 0 5px;
    position: relative;
}

.inbox-wrapper .email-aside .aside-content .aside-header .title {
    display: block;
    margin: 3px 0 0;
    font-size: 1.1rem;
    line-height: 27px;
    color: #686868;
}

.inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle {
    background: 0 0;
    display: none;
    outline: 0;
    border: 0;
    padding: 0 11px 0 0;
    text-align: right;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

@media (max-width: 991px) {
    .inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle {
        display: block;
    }

/*--22-08-2022--*/

.job-btn a {padding: 12px 15px; font-size: 12px; display: inline-block;}
.job-list {min-height: 100%;}






}

.inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle .icon {
    font-size: 24px;
    color: #71738d;
}

.inbox-wrapper .email-aside .aside-content .aside-compose {
    text-align: center;
    padding: 14px 0;
}

.inbox-wrapper .email-aside .aside-content .aside-compose .btn,
.inbox-wrapper .email-aside .aside-content .aside-compose .fc .fc-button,
.fc .inbox-wrapper .email-aside .aside-content .aside-compose .fc-button,
.inbox-wrapper .email-aside .aside-content .aside-compose .swal2-modal .swal2-actions button,
.swal2-modal .swal2-actions .inbox-wrapper .email-aside .aside-content .aside-compose button,
.inbox-wrapper .email-aside .aside-content .aside-compose .wizard > .actions a,
.wizard > .actions .inbox-wrapper .email-aside .aside-content .aside-compose a {
    padding: 11px;
}

.inbox-wrapper .email-aside .aside-content .aside-nav {
    visibility: visible;
    padding: 0 0;
}

.inbox-wrapper .email-aside .aside-content .aside-nav.collapse {
    display: block;
}

@media (max-width: 991px) {
    .inbox-wrapper .email-aside .aside-content .aside-nav.collapse {
        display: none;
    }
}

@media (max-width: 991px) {
    .inbox-wrapper .email-aside .aside-content .aside-nav.show {
        display: block;
    }
}

.inbox-wrapper .email-aside .aside-content .aside-nav .title {
    display: block;
    color: #3d405c;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 8px 14px 4px;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li {
    width: 100%;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    color: #71748d;
    padding: 7px 14px;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a:hover {
    text-decoration: none;
    background-color: rgba(114, 124, 245, 0.1);
    color: #727cf5;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a .icon svg {
    width: 18px;
    margin-right: 10px;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a .badge {
    margin-left: auto;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a svg {
    width: 18px;
    margin-right: 10px;
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li.active a {
    color: #ff3366;
    background: rgba(255, 51, 102, 0.1);
}

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li.active a .icon {
    color: #ff3366;
}

.inbox-wrapper .email-content .email-inbox-header {
    background-color: transparent;
    padding: 18px 18px;
}

.inbox-wrapper .email-content .email-inbox-header .email-title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1rem;
}

.inbox-wrapper .email-content .email-inbox-header .email-title svg {
    width: 20px;
    margin-right: 10px;
    color: #686868;
}

.inbox-wrapper .email-content .email-inbox-header .email-title .new-messages {
    font-size: .875rem;
    color: #686868;
    margin-left: 3px;
}

.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .btn,
.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .fc .fc-button,
.fc .inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .fc-button,
.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .swal2-modal .swal2-actions button,
.swal2-modal .swal2-actions .inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn button,
.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .wizard > .actions a,
.wizard > .actions .inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn a {
    border-radius: 0;
    padding: 4.5px 10px;
}

.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .btn svg,
.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .fc .fc-button svg,
.fc .inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .fc-button svg,
.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .swal2-modal .swal2-actions button svg,
.swal2-modal .swal2-actions .inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn button svg,
.inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn .wizard > .actions a svg,
.wizard > .actions .inbox-wrapper .email-content .email-inbox-header .input-search .input-group-btn a svg {
    width: 18px;
}

.inbox-wrapper .email-content .email-filters {
    padding: 20px;
    border-bottom: 1px solid #e8ebf1;
    background-color: transparent;
    width: 100%;
    border-top: 1px solid #e8ebf1;
}

.inbox-wrapper .email-content .email-filters > div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.inbox-wrapper .email-content .email-filters .email-filters-left .btn-group,
.inbox-wrapper .email-content .email-filters .email-filters-left .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group,
.fc .fc-toolbar.fc-header-toolbar .fc-left .inbox-wrapper .email-content .email-filters .email-filters-left .fc-button-group,
.inbox-wrapper .email-content .email-filters .email-filters-left .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group,
.fc .fc-toolbar.fc-header-toolbar .fc-right .inbox-wrapper .email-content .email-filters .email-filters-left .fc-button-group {
    margin-right: 5px;
}

.inbox-wrapper .email-content .email-filters .email-filters-left input {
    margin-right: 8px;
}

.inbox-wrapper .email-content .email-filters .email-filters-right {
    text-align: right;
}

@media (max-width: 767px) {
    .inbox-wrapper .email-content .email-filters .email-filters-right {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

.inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-indicator {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px;
}

.inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav .btn svg,
.inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav .fc .fc-button svg,
.fc .inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav .fc-button svg,
.inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav .swal2-modal .swal2-actions button svg,
.swal2-modal .swal2-actions .inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav button svg,
.inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav .wizard > .actions a svg,
.wizard > .actions .inbox-wrapper .email-content .email-filters .email-filters-right .email-pagination-nav a svg {
    width: 18px;
}

.inbox-wrapper .email-content .email-filters .be-select-all.custom-checkbox {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 30px 0 0;
}

.inbox-wrapper .email-content .email-list .email-list-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e8ebf1;
    padding: 10px 20px;
    width: 100%;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

.inbox-wrapper .email-content .email-list .email-list-item:hover {
    background: rgba(114, 124, 245, 0.08);
}

.inbox-wrapper .email-content .email-list .email-list-item:last-child {
    margin-bottom: 5px;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions {
    width: 40px;
    vertical-align: top;
    display: table-cell;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .form-check {
    margin-bottom: 0;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .form-check i::before {
    width: 15px;
    height: 15px;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .form-check i::after {
    font-size: .8rem;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .favorite {
    display: block;
    padding-left: 1px;
    line-height: 15px;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .favorite span svg {
    width: 14px;
    color: #686868;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .favorite:hover span {
    color: #8d8d8d;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-actions .favorite.active span svg {
    color: #fbbc06;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-detail {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-detail .from {
    display: block;
    font-weight: 400;
    margin: 0 0 1px 0;
    color: #000;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-detail .msg {
    margin: 0;
    color: #71738d;
    font-size: .8rem;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-detail .date {
    color: #000;
}

.inbox-wrapper .email-content .email-list .email-list-item .email-list-detail .date .icon svg {
    width: 14px;
    margin-right: 7px;
    color: #3d405c;
}

.inbox-wrapper .email-content .email-list .email-list-item.email-list-item--unread {
    background-color: rgba(114, 124, 245, 0.09);
}

.inbox-wrapper .email-content .email-list .email-list-item.email-list-item--unread .from {
    color: #000;
    font-weight: 800;
}

.inbox-wrapper .email-content .email-list .email-list-item.email-list-item--unread .msg {
    font-weight: 700;
    color: #686868;
}

.rtl .inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle .icon {
    position: absolute;
    top: 0;
    left: 0;
}

.rtl .inbox-wrapper .email-aside .aside-content .aside-nav .nav {
    padding-right: 0;
}

.rtl .inbox-wrapper .email-aside .aside-content .aside-nav .nav li a .icon svg {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .inbox-wrapper .email-aside .aside-content .aside-nav .nav li a .badge {
    margin-left: 0;
    margin-right: auto;
}

.rtl .inbox-wrapper .email-aside .aside-content .aside-nav .nav li a svg {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .inbox-wrapper .email-content .email-inbox-header .email-title svg {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .inbox-wrapper .email-content .email-inbox-header .email-title .new-messages {
    margin-left: 0;
    margin-right: 3px;
}

.rtl .inbox-wrapper .email-content .email-filters .email-pagination-indicator {
    margin-right: 0;
    margin-left: 13px;
}

.rtl .inbox-wrapper .email-content .email-list .email-list-item .email-list-detail .date .icon svg {
    margin-right: 0;
    margin-left: 7px;
}

.email-head {
    background-color: transparent;
}

.email-head-subject {
    padding: 25px 25px;
    border-bottom: 1px solid #e8ebf1;
}

@media (max-width: 767px) {
    .email-head-subject {
        padding: 25px 10px;
    }
}

.email-head-subject .title {
    display: block;
    font-size: .99rem;
}

.email-head-subject .title a.active .icon {
    color: #fbbc06;
}

.email-head-subject .title a .icon {
    color: silver;
    margin-right: 6px;
}

.email-head-subject .title a .icon svg {
    width: 18px;
}

.email-head-subject .icons {
    font-size: 14px;
    float: right;
}

.email-head-subject .icons .icon {
    color: #000;
    margin-left: 12px;
}

.email-head-subject .icons .icon svg {
    width: 18px;
}

.email-head-sender {
    padding: 13px 25px;
}

@media (max-width: 767px) {
    .email-head-sender {
        padding: 25px 10px;
    }
}

.email-head-sender .avatar {
    float: left;
    margin-right: 10px;
}

.email-head-sender .date {
    float: right;
    font-size: 12px;
}

.email-head-sender .avatar {
    float: left;
    margin-right: 10px;
}

.email-head-sender .avatar img {
    width: 36px;
}

.email-head-sender .sender > a {
    color: #000;
}

.email-head-sender .sender span {
    margin-right: 5px;
    margin-left: 5px;
}

.email-head-sender .sender .actions {
    display: inline-block;
    position: relative;
}

.email-head-sender .sender .actions .icon {
    color: #686868;
    margin-left: 7px;
}

.email-head-sender .sender .actions .icon svg {
    width: 18px;
}

.email-body {
    background-color: transparent;
    border-top: 1px solid #e8ebf1;
    padding: 30px 28px;
}

@media (max-width: 767px) {
    .email-body {
        padding: 30px 10px;
    }
}

.email-attachments {
    background-color: transparent;
    padding: 25px 28px 5px;
    border-top: 1px solid #e8ebf1;
}

@media (max-width: 767px) {
    .email-attachments {
        padding: 25px 10px 0;
    }


/*--04-08-2022--*/

.sn-1 {padding: 15px;}
.sn-2-list ul li{width: 100%;}
.sn-2 {padding: 15px;}





}

.email-attachments .title {
    display: block;
    font-weight: 500;
}

.email-attachments .title span {
    font-weight: 400;
}

.email-attachments ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}

.email-attachments ul > li {
    margin-bottom: 5px;
}

.email-attachments ul > li:last-child {
    margin-bottom: 0;
}

.email-attachments ul > li a {
    color: #000;
}

.email-attachments ul > li a svg {
    width: 18px;
    color: #686868;
}

.email-attachments ul > li .icon {
    color: #737373;
    margin-right: 2px;
}

.email-attachments ul > li span {
    font-weight: 400;
}

.rtl .email-head-subject .title a .icon {
    margin-right: 0;
    margin-left: 6px;
}

.rtl .email-head-subject .icons .icon {
    margin-left: 0;
    margin-right: 12px;
}

.rtl .email-head-sender .avatar {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .email-head-sender .sender .actions .icon {
    margin-left: 0;
    margin-right: 7px;
}

.email-head-title {
    padding: 15px;
    border-bottom: 1px solid #e8ebf1;
    font-weight: 400;
    color: #3d405c;
    font-size: .99rem;
}

.email-head-title .icon {
    color: #696969;
    margin-right: 12px;
    vertical-align: middle;
    line-height: 31px;
    position: relative;
    top: -1px;
    float: left;
    font-size: 1.538rem;
}

.email-compose-fields {
    background-color: transparent;
    padding: 20px 15px;
}

.email-compose-fields .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: -2px -14px;
}

.email-compose-fields .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    border-radius: 0;
    background: #727cf5;
    color: #ffffff;
    margin-top: 0px;
    padding: 4px 10px;
    font-size: 13px;
    border: 0;
}

.email-compose-fields .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice span {
    color: #ffffff;
}

.email-compose-fields .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search {
    line-height: 15px;
}

.form-group.row {
    margin-bottom: 0;
    padding: 12px 0;
}

.form-group.row label {
    white-space: nowrap;
}

.email-compose-fields label {
    padding-top: 6px;
}

.email.editor {
    background-color: transparent;
}

.email.editor .editor-statusbar {
    display: none;
}

.email.action-send {
    padding: 8px 0px 0;
}

.btn-space {
    margin-right: 5px;
    margin-bottom: 5px;
}

.breadcrumb {
    margin: 0;
    background-color: transparent;
}

.rtl .email-compose-fields .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    float: right;
}

.rtl .btn-space {
    margin-right: 0;
    margin-left: 5px;
}
.card {
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f2f4f9;
    border-radius: 0.25rem;
}
.badge {
    padding: 6px 5px 3px;
}
.text-white {
    color: #ffffff !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.float-right {
    float: right !important;
}
.badge-danger-muted {
    color: #212529;
    background-color: #f77eb9;
}

.sndmsgbtn {
	background: #000;
	border-radius: 25px !important;
	padding: 9px 18px !important;
	color: #fff;
}

.rply{
	padding: 10px;
	/*border-bottom: 1px solid #ccc;*/
	float: left;
	max-width: 500px;
	background: #f7f7f7 !important;
}
.rply h4{
	color: #000;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
}
.rply p{
	color: #666;
	font-size: 14px;
}
.rightmassage{
	max-width: 500px;
	float: right !important;
	background: #f2f2f2 !important;
}

.usepadd{
	margin-left: 20px;
}


.ath-btn {
	width: 100%;
	height: auto;
	padding: 20px 0;
	text-align: center;
}
.ath-btn a {
	padding: 12px 25px;
	background: #335B39;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
.ath-btn a:hover {
	background: #D4AF3C;
}
.indmessage{
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 8px 0;
	
}
.clr{
	padding: 8px 0;
	width: 95px;
	margin-left: 10px;
	margin-bottom: 1rem;
}
.de-1-pic img{
	width: 100%;
}
.inner-section {
	padding-bottom: 50px;
}


.inrhdr{
	color: #32353c;
	font-size: 24px;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	position: relative;
}







.graph-y-axis-label {
	transform-origin: 0 79%;
	transform: rotate(-90deg) translate(-50%, 50%);
	position: absolute;
	top: 0;
	bottom: 0;
	height: 2em;
	margin: auto;
	font-weight: bold;
	font-size: 1em;
	line-height: 2em;
}


.attachment a{
   color: #D0AB37;
}
/* 15042023 */
.sjxcarousel .owl-carousel .item{float: left; width: 100%; height: 100%;}
.sjxcarousel .owl-carousel .owl-stage{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.sjxcarousel .owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.sj .job-list{height: 100%; position: relative; padding: 30px 30px 50px 30px;}
.job-list{height: 100%; position: relative; padding: 30px 30px 55px 30px;}
.job-list .job-btn{position: absolute; left: 0px; right: 0px; bottom: 20px; margin: 0px; padding:0px; text-align: center;}
.job-list .job-btn a{display: inline-block;}
.de-hd{position: relative;}
.de-hd .collapse_social_main{left: 0px; top: 100%; padding: 0px 10px; position: absolute; background: #fff; z-index: 9;}
.de-hd .collapse_social_main .collapse_social li{padding: 9px 0;}

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border: none;
}

.select2-container--default .select2-search--inline .select2-search__field{
    display: none;
}



@media (max-width: 575px){
    .fc .fc-toolbar-title{font-size: 17px !important;}
    .fc-theme-standard td, .fc-theme-standard th{font-size: 13px !important;}
    .fc .fc-button{padding: 5px !important; font-size: 12px !important;}
}