@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?s6bvyu');
  src:  url('../fonts/icomoon.eot?s6bvyu#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?s6bvyu') format('truetype'),
    url('../fonts/icomoon.woff?s6bvyu') format('woff'),
    url('../fonts/icomoon.svg?s6bvyu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-briefcase:before {
  content: "\e900";
}
.icon-business .path1:before {
  content: "\e901";
  color: rgb(48, 56, 71);
}
.icon-business .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(99, 108, 132);
}
.icon-business .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(125, 132, 158);
}
.icon-business .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(154, 159, 184);
}
.icon-business .path5:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(154, 159, 184);
}
.icon-business .path6:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(176, 181, 198);
}
.icon-cloud:before {
  content: "\e907";
}
.icon-customer-service:before {
  content: "\e908";
}
.icon-draw:before {
  content: "\e909";
}
.icon-folder:before {
  content: "\e90a";
}
.icon-gear:before {
  content: "\e90b";
}
.icon-internet:before {
  content: "\e90c";
}
.icon-layer .path1:before {
  content: "\e90d";
  color: rgb(26, 116, 146);
}
.icon-layer .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(32, 142, 178);
}
.icon-layer .path3:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(38, 166, 209);
}
.icon-layers:before {
  content: "\e910";
}
.icon-network:before {
  content: "\e911";
}
.icon-social-media:before {
  content: "\e912";
}
.icon-trophy:before {
  content: "\e913";
}

.xp-small-nav-inner .xp-nav-point ul li {

	float: none !important;

}

.footermenu {
	text-align: center;
}

.xp-post-list.xp-last-space.clearfix {
	margin-bottom: 15px;
}

.sidebar-slider-fade {
	position: relative;
}
.sidebar-slider-fade a {
	-webkit-transition: opacity .8s ease-out;
	   -moz-transition: opacity .8s ease-out;
	     -o-transition: opacity .8s ease-out;
	        transition: opacity .8s ease-out;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
}
.sidebar-slider-fade a.active {
	position: absolute;
	opacity: 1;
	z-index: 2;
}

ul li ul li ul {
	left: 100%;
	position: relative;
	top: 0;
}

ul li ul li ul {
	display:none;
}
ul li ul li:hover ul {
	display:block;
}

/* Custom style for comments */
.article_comm_btn {
  border: none;
  background-color: #a1a1a1;
  color: #fff;
  font-size: 13px;
  font-family: "Montserrat",sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  padding: 17px 27px;
  transition: all 0.5s ease-in-out;
}

.article_comm_btn:hover {
  background-color: #89d41b;
}

.xp-singlepost-inner .xp-lorem-contant p a {
  color: #89d41b;
} 

.cards--ranking {
  display: flex;
  flex-direction: column;
}


.xp-text-box {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}

.xp-text-box--footer {
  justify-content: space-evenly;
}

.place {
  background-color: #89d41b;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  font-size: 40px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.grid-view {
  display: flex;
  flex-direction: column;
}

/*Custom text box ranking*/
.custom-box {
	position: relative;
	padding: 30px;
	background: #fafafa;
	border: 1px solid rgba(0, 0, 0, 0.05); 
}

.custom-box__text {
	text-align: left; 
}
  
.custom-box .author-name span {
	color: rgba(0, 0, 0, 0.4); 
}
  
.custom-box .custom-box__details {
	margin: 15px 0;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px; }
    
.custom-box .custom-box__details a {
	color: rgb(255 255 255);
  background-color: #000000ab;
  border-radius: 3px;
	transition: all .3s ease-out;
}

.custom-box .custom-box__details a:hover,
.custom-box .custom-box__details a:focus,
.custom-box .custom-box__details a:active {
	color: rgb(0, 0, 0);
	background-color: transparent;
}

.xp-first-banner p{
  
  position: absolute;
  top: 20px;
}

.xp-first-banner a {
  color: rgb(255 255 255) ;
  font-size: 20px; 
 font-weight: 700;
}

.xp-first-banner a:hover {
  color: #89d41b;
}

.pagination-wrap {
  margin-top: 2.5rem;
}

.pagination-wrap ul.pagination li a {
  color: #000;
}

.pagination-wrap ul.pagination li.active a {
  background-color: #89d41b;
  border-color: #89d41b;
  color: #fff;
}