#TOP_SLIDERS {
	 font-size: 6px;
	 padding: 40px 20px;
	 font-family: 'Work Sans', sans-serif;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 @media (min-width: 860px) {
	 #TOP_SLIDERS {
		 font-size: 8px;
		 padding: 30px 50px;
	}
}
 @media (min-width: 1200px) {
	 #TOP_SLIDERS {
		 font-size: 10px;
	}
}

.slider-wrapper {
	 position: relative;
	 width:100%;
	 background: #fff;
	 margin: 0 0;
	 overflow: hidden;
}
 .slider-wrapper .slider {
	 position: relative;
	 height: 65rem;
	 padding: 5rem 0;
}
 .slider-wrapper .slider::after {
	 content: "";
	 display: table;
	 clear: both;
}
 .slider-wrapper .slider .slide-wrapper {
	 position: relative;
	 display: block;
	 width: 100%;
	 height: 100%;
}
 .slider-wrapper .slide-navigation__squares, .slider-wrapper .slide-navigation__txt {
	 width: 10%;
	 position: relative;
	 float: left;
	 overflow: hidden;
}
 .slider-wrapper .slide-navigation__squares::after, .slider-wrapper .slide-navigation__txt::after {
	 content: "";
	 display: table;
	 clear: both;
}
 .slider-wrapper .slide-navigation__txt {
	 display: block;
	 height: 100%;
}
 .slider-wrapper .slide-navigation__txt::after {
	 content: "";
	 display: table;
	 clear: both;
}
 .slider-wrapper .slide-navigation__txt ul {
	 margin: 0;
	 list-style: none;
	 padding: 0;
	 position: absolute;
	 display: table-cell;
	 width: 30rem;
	 transform: rotate(90deg);
	 transform-origin: 0;
	 margin-left: calc(50% - 0.14rem);
}
 .slider-wrapper .slide-navigation__txt ul::after {
	 content: "";
	 display: table;
	 clear: both;
}
 .slider-wrapper .slide-navigation__txt li {
	 text-transform: uppercase;
	 letter-spacing: 0.2rem;
	 margin: 0 1.2rem;
	 position: relative;
	 float: left;
	 font-size: 1.2rem;
	 font-weight: 600;
	 color: #a1a5b8;
}
 .slider-wrapper .slide-navigation__txt li span {
	 cursor: pointer;
	 transition: all 0.5s ease;
	 display: block;
}
 .slider-wrapper .slide-navigation__txt li span.active {
	 transform: scale(1.1, 1.1);
	 color: rgba(30, 108, 217, 0.9);
}
 .slider-wrapper .slide-navigation__squares {
	 display: block;
	 height: 100%;
}
 .slider-wrapper .slide-navigation__squares .squares-wrapper {
	 position: absolute;
	 margin-left: calc(50% - 0.4rem);
	 bottom: 5rem;
	 height: 4.6rem;
	 overflow: hidden;
}
 .slider-wrapper .slide-navigation__squares .squares-slider {
	 position: relative;
	 display: block;
	 margin-top: -2.5rem;
	 transform: translateY(-2.5rem);
}
 .slider-wrapper .slide-navigation__squares .square {
	 width: 0.6rem;
	 height: 0.6rem;
	 display: block;
	 margin: 1.3rem 0;
	 background: #a1a5b8;
}
 .slider-wrapper .slide-navigation__squares .square.red {
	 background: rgba(30, 108, 217, 0.9);
}
 .slider-wrapper .slides-container {
	 position: relative;
	 width: 80%;
	 float: left;
	 height: 100%;
}
 .slider-wrapper .slide {
	 position: absolute;
	 display: block;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 visibility: hidden;
	 overflow: hidden;
	 z-index: 1;
}
 .slider-wrapper .slide img {
	 max-width: 100%;
	 display: block;
	 height: 100%;
	 object-fit: cover;
}
 .slider-wrapper .slide .slide-content {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 padding: 5rem 5.8rem;
	 overflow: hidden;
}
 .slider-wrapper .slide .slide-content h1 {
	 text-transform: uppercase;
	 color: white;
	 font-weight: 900;
	 font-size: 10rem;
	 text-align: center;
	 margin: 0;
	 opacity: 0.6;
	 position: relative;
}
 .slider-wrapper .slide .slide-content h2 {
	 color: rgba(30, 108, 217, 0.9);
	 font-size: 4.8rem;
	 max-width: 80%;
	 margin: 0;
	 margin-top: -6rem;
	 font-weight: 900;
	 line-height: 1;
	 position: relative;
}
 .slider-wrapper .slide .slide-txt {
	 position: relative;
	 display: block;
	 width: 100%;
	 margin-top: 30%;
}
 .slider-wrapper .slide .slide-txt::after {
	 content: "";
	 display: table;
	 clear: both;
}
 .slider-wrapper .slide .slide-txt p {
	 margin: 0;
	 max-width: 100%;
	 color: #fff;
     text-shadow: 0 0 3px #000;
	 font-size: 1.7rem;
	 line-height: 1.4;
	 float: left;
}
 .slider-wrapper .slide .slide-txt button,.button-button {
	 display: block;
	 float: right;
	 width: 18rem;
	 text-align: center;
	 background-color: #fff;
	 border: 0.28rem solid rgba(30, 108, 217, 0.9);
	 text-transform: uppercase;
	 padding: 0.8rem 0.5rem;
	 font-size: 1.5rem;
	 color: rgba(30, 108, 217, 0.9);
	 font-weight: 600;
	 letter-spacing: 0.2rem;
	 outline: none;
	 overflow: hidden;
}

.projects{
    padding: 5px;
}
.projects .image-overlay{
    height:100px;
    background-size:cover;
    background-position:center;
}
.projects .the-content-text {
/*                border:1px solid #000;*/
}

.projects .action-button{
    margin-top: 10px;
}

 .assia-blog-card {
	 display: flex;
	 flex-direction: column;
	 margin: 1rem auto;
	 box-shadow: 0 3px 7px -1px rgba(0, 0, 0, .1);
	 margin-bottom: 1.6%;
	 background: #fff;
	 line-height: 1.4;
	 border-radius: 5px;
	 overflow: hidden;
	 z-index: 0;
}
 .assia-blog-card a {
	 color: inherit;
}
 .assia-blog-card a:hover {
	 color: #f5883c;
}
 .assia-blog-card:hover .photo {
	 transform: scale(1.3) rotate(3deg);
}
 .assia-blog-card .meta {
	 position: relative;
	 z-index: 0;
	 height: 200px;
}
 .assia-blog-card .photo {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background-size: cover;
	 background-position: center;
	 transition: transform 0.2s;
}
 .assia-blog-card .details, .assia-blog-card .details ul {
	 margin: auto;
	 padding: 0;
	 list-style: none;
}

.assia-blog-card .description h1{
    color: rgba(30, 108, 217,1);
    font-size: 15px;
}
 .assia-blog-card .details {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: -100%;
	 margin: auto;
	 transition: left 0.2s;
	 background: rgba(0, 0, 0, .6);
	 color: #fff;
	 padding: 10px;
	 width: 100%;
	 font-size: 0.9rem;
}
 .assia-blog-card .details a {
	 text-decoration: dotted underline;
}
 .assia-blog-card .details ul li {
	 display: inline-block;
}
 .assia-blog-card .details .author:before {
	 font-family: FontAwesome;
	 margin-right: 10px;
	 content: "\f007";
}
 .assia-blog-card .details .date:before {
	 font-family: FontAwesome;
	 margin-right: 10px;
	 content: "\f133";
}
 .assia-blog-card .details .tags ul:before {
	 font-family: FontAwesome;
	 content: "\f02b";
	 margin-right: 10px;
}
 .assia-blog-card .details .tags li {
	 margin-right: 2px;
}
 .assia-blog-card .details .tags li:first-child {
	 margin-left: -4px;
}
 .assia-blog-card .description {
	 padding: 1rem;
	 background: #fff;
	 position: relative;
	 z-index: 1;
}

 .assia-blog-card .description h1 {
	 line-height: 1;
	 margin: 0;
	 font-size: 1.7rem;
     text-transform: uppercase;
}
 .assia-blog-card .description h2 {
	 font-size: 1rem;
	 font-weight: 300;
	 text-transform: uppercase;
	 color: #a2a2a2;
	 margin-top: 5px;
}

 .assia-blog-card .description p {
	 font-size: 1rem;
	 font-weight: 300;
	 text-transform: uppercase;
	 color: #a2a2a2;
	 margin-top: 5px;
}
 .assia-blog-card .description .read-more {
	 text-align: right;
}
 .assia-blog-card .description .read-more a {
	 color: #f5883c;
	 position: relative;
}
 .assia-blog-card .description .read-more a:after {
	 content: "\f061";
	 font-family: FontAwesome;
	 margin-left: -10px;
	 opacity: 0;
	 vertical-align: middle;
	 transition: margin 0.3s, opacity 0.3s;
}
 .assia-blog-card .description .read-more a:hover:after {
	 margin-left: 5px;
	 opacity: 1;
}
 .assia-blog-card p {
	 position: relative;
	 margin: 1rem 0 0;
}
 .assia-blog-card p:first-of-type {
	 margin-top: 1.25rem;
}
 .assia-blog-card p:first-of-type:before {
	 content: "";
	 position: absolute;
	 height: 5px;
	 background: #f5883c;
	 width: 35px;
	 top: -0.75rem;
	 border-radius: 3px;
}
 .assia-blog-card:hover .details {
	 left: 0%;
}
 @media (min-width: 640px) {
	 .assia-blog-card {
		 flex-direction: row;
		 max-width: 700px;
	}
	 .assia-blog-card .meta {
		 flex-basis: 40%;
		 height: auto;
	}
	 .assia-blog-card .description {
		 flex-basis: 60%;
	}
	 .assia-blog-card .description:before {
		 transform: skewX(-3deg);
		 content: "";
		 background: #fff;
		 width: 30px;
		 position: absolute;
		 left: -10px;
		 top: 0;
		 bottom: 0;
		 z-index: -1;
	}
	 .assia-blog-card.alt {
		 flex-direction: row-reverse;
	}
	 .assia-blog-card.alt .description:before {
		 left: inherit;
		 right: -10px;
		 transform: skew(3deg);
	}
	 .assia-blog-card.alt .details {
		 padding-left: 25px;
	}
}

.meta .pen-title {
  font-family: 'Droid Serif', serif;
  text-align:center
}

.meta{
  box-shadow:none !important
}