#avantgardia-slider {
	position: relative;
	height: 500px;
}

.ag-slides-wrap {
    height: 100%;
    position: relative;
    width: 100%;
	font-family: "Open Sans Condensed";
	font-weight: bold;	
    line-height: 1;
}

.ag-slides-wrap .ag-slide,
.ag-slides-wrap .owl-item {
    background-color: #ffffff;
    float: left;
    height: 100%;
    width: 100%;
    color: #ffffff;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
}

.ag-slides-wrap .owl-wrapper-outer, 
.ag-slides-wrap .owl-wrapper {
    height: 100% !important;
}

.ag-slide-image {
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.ag-slider-post-title  {
	font-size: 48px;
	line-height: 55px;
	font-weight: bold;
}

.sfs-layout-type-1 .ag-slide-meta {
    font-size: 25px;
    left: 0;
    padding: 20px 100px;
    position: absolute;
    top: 0;
    width: 100%;
}

.sfs-layout-type-1 .ag-slider-post-cat {
    margin-bottom: 15px;
}

.sfs-layout-type-1 .ag-slider-post-title {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 50px 100px;
    position: absolute;
    width: 100%;
}

.ag-slider-navigation,
.ag-slides-wrap .owl-controls  {
    height: 30px;
    left: 0;
    padding-right: 100px;
    padding-top: 20px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
}

.ag-slider-dot,
.owl-page {
    background-color: #000000;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    width: 10px;
	opacity: 0.2;
}

.ag-slider-dot:hover,
.ag-slider-dot.active,
.owl-page:hover,
.owl-page.active {
	background-color: #ffffff;
	opacity: 0.8;
}

.ag-slider-arrows {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ag-arrow {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 40px;
    z-index: 10;
    background-position: 0 50%;
    background-color: transparent;
    background-repeat: no-repeat;
	display: none;
}

.ag-slides-wrap:hover .ag-arrow {
	display: block;
}

.ag-arrow:hover {
	background-position: 100% 50%;
}

.ag-slider-arrow-left {
    background-image: url("angle-left.png");
    left: 20px;
    top: 0;
}

.ag-slider-arrow-right {
    background-image: url("angle-right.png");
    right: 20px;
    top: 0;
}

.ag-slide-meta i {
    margin-right: 10px;
}

.sfs-layout-type-1,	
.sfs-layout-type-2,	
.sfs-layout-type-3 {	
    font-family: "Open Sans Condensed";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.sfs-layout-type-1 a,
.sfs-layout-type-2 a,
.sfs-layout-type-3 a{
	color: #ffffff;
}

.sfs-layout-type-2 .ag-slide-meta {
    font-size: 25px;
    font-weight: normal;
    left: 0;
    padding-top: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.sfs-layout-type-2 .ag-slider-post-title {
    left: 0;
    padding: 20px 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sfs-layout-type-3 .owl-controls .owl-pagination{
    display: none !important;
}

.sfs-layout-type-3 .ag-slider-content {
    height: 100%;
    left: 0;
    padding: 35px 80px 35px 80px;
    position: absolute;
    top: 0;
    width: 65%;
}

.sfs-layout-type-3 .ag-slide:before {
	content: "";
	position: absolute;
	max-width: 300px;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0.45+50,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.7)), color-stop(50%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0) 100%); /* IE10 preview */
	background: linear-gradient(to right,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

.sfs-layout-type-3 .ag-slide-cat {
    font-size: 25px;
    margin-bottom: 30px;
}

.sfs-layout-type-3 .ag-slide-meta {
    bottom: 0;
    font-size: 25px;
    padding-bottom: 50px;
    position: absolute;
}

.sfs-layout-type-3 .ag-slide-meta > div {
    float: left;
    margin-right: 35px;
}

.post-and-slide-title-list-wrap a {
	color: #ffffff;
}

.post-and-slide-title-list-wrap {
    height: 100%;
	padding: 35px 80px 10px 90px;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
	font-family: "Open Sans Condensed";
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #ffffff;
    z-index: 100;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+50,0.9+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.7) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.7) 100%); /* IE10 preview */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 */
}

.post-and-slide-title-list {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.post-and-slide-cat {
    font-weight: lighter;
    text-transform: uppercase;
	margin-bottom: 5px;
}

.post-and-slide-title-link {
    font-weight: bold;
    height: 38px;
    overflow: hidden;
}

.post-and-slide-title {
    height: 90px;
    width: 100%;
	position: relative;
	cursor: pointer;
}

.post-and-slide-title-separator {
    background-color: #ffffff;
    bottom: 15px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 75px;
}

.sfs-layout-type-3 .ag-slides-wrap .owl-controls {
	padding: 0;
	height: 0;
}

@media all and (max-width: 960px) {
	.has-sidebar .post-and-slide-title-list-wrap {
		display: none;
	}
		
	.has-sidebar .sfs-layout-type-3 .ag-slider-content {
		width: 100%;
	}
}

@media all and (max-width: 768px){
    .ag-slider-post-title {
        font-size: 32px;
    }
}

@media all and (max-width: 640px) {
	.ag-slider-navigation,
	#avantgardia-slider .ag-slides-wrap .owl-controls {
		bottom: 20px;
		top: auto;
		left: 0;
		padding-right: 0;
		text-align: center;
		width: 100%;
	}
	
	.ag-slider-post-title {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	
	.sfs-layout-type-1 .ag-slider-post-title {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.sfs-layout-type-1 .ag-slide-meta {
		text-align: center;
	}
	
	.sfs-layout-type-3 .ag-slider-content {
		width: 100%;
	}
	
	.post-and-slide-title-list-wrap {
		display: none;
	}
	
	.sfs-layout-type-3 .ag-slide-cat {
		text-align: center;
	}	
		
	.sfs-layout-type-3 .ag-slide-meta {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
			
	.sfs-layout-type-3 .ag-slide-meta > div {
		width: 100%;
		margin: 0;
		text-align: center;
	}
	
	.ag-slider-post-title  {
		font-size: 26px;
		line-height: 45px;
		font-weight: bold;
	}
	
	.sfs-layout-type-3 .ag-slider-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.sfs-layout-type-3 .ag-slide-cat {
		font-size: 22px;
		margin-bottom: 27px;
	}
	
	.sfs-layout-type-3 .ag-slide-meta {
		font-size: 22px;
	}
}

 
 
/* Native slider runtime: reference dimensions and styles above are retained. */
.page-slider-wrap{position:relative;margin:0 10px 40px;padding:0}
#avantgardia-slider .ag-slides-wrap{overflow:hidden}
#avantgardia-slider .ag-slide{position:absolute;inset:0;float:none;opacity:0;pointer-events:none;transition:opacity .7s ease}
#avantgardia-slider .ag-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
#avantgardia-slider .ag-slide-image{display:block;object-fit:cover;object-position:center}
#avantgardia-slider .ag-slide:before{z-index:1;pointer-events:none}
#avantgardia-slider .ag-slider-content{z-index:2}
#avantgardia-slider .ag-slider-arrows{pointer-events:none;z-index:3}
#avantgardia-slider .ag-arrow{border:0;padding:0;pointer-events:auto}
#avantgardia-slider:hover .ag-arrow,#avantgardia-slider:focus-within .ag-arrow{display:block}
#avantgardia-slider .post-and-slide-title{display:block;border:0;padding:0;background:none;text-align:left;color:#fff;font:inherit;text-shadow:inherit}
#avantgardia-slider .post-and-slide-cat,#avantgardia-slider .post-and-slide-title-link{display:block}
#avantgardia-slider .ag-slide-meta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px;margin-right:10px}
#avantgardia-slider .slider-pause{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#avantgardia-slider .slider-pause:focus{clip-path:none;width:auto;height:auto;bottom:10px;left:10px;z-index:110;background:#fff;color:#222;padding:8px}
@media(prefers-reduced-motion:reduce){#avantgardia-slider .ag-slide{transition:none}}
.slider-preview-notice{padding:18px 20px;background:#f5f5f5;margin:0 0 20px;font-family:"Open Sans",Arial,sans-serif;font-size:13px}.slider-preview-notice a{margin-left:20px;text-decoration:underline}
html{overflow-y:scroll}.page-slider-wrap{margin-left:20px;margin-right:20px}@media(max-width:960px){.page-slider-wrap{margin-left:10px;margin-right:10px}}@media(max-width:640px){.page-slider-wrap{margin-left:10px;margin-right:10px}}
@font-face{font-family:SliderIcons;src:url("fonts/fontawesome-webfont.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}#avantgardia-slider .slider-clock{font-family:SliderIcons;font-style:normal;font-weight:normal}#avantgardia-slider .slider-clock:before{content:"\f017"}#avantgardia-slider .post-and-slide-title-list{height:434px}
#avantgardia-slider .slider-comments{font-family:SliderIcons;font-style:normal;font-weight:normal}#avantgardia-slider .slider-comments:before{content:"\f0e6"}
#avantgardia-slider .post-and-slide-title-list-wrap{pointer-events:none}#avantgardia-slider .post-and-slide-title-list{pointer-events:auto}
/* Font Awesome 4.5.0 by Dave Gandy. Icon font: SIL OFL 1.1; source package: licensed Kablolama theme. */
/* Shared shell edges: slider follows the header, including wide desktop screens. */
.page-slider-wrap{max-width:1320px;width:calc(100% - 40px);margin-left:auto;margin-right:auto}@media(max-width:800px){.page-slider-wrap{width:calc(100% - 20px);margin-left:auto;margin-right:auto}}