.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slider--hero {
    position: relative;
    z-index: 1;
}

.slider {
    background-color: #333333;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.section--hero__slider {
    padding: 75px 0 80px;
}

.section--hero.section--hero__slider .slider__item {
    display: block !important;
    position: relative;
    height: 320px;
}

.slider__item__content {
    width: 100%;
    margin-top: auto;
    position: absolute;
    left: 0; bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
    padding: 30px 30px 30px;
    z-index: 1;
}

.slider__item__background {
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slick-arrow {
    bottom: 0;
    border: 0;
    display: none !important;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 50%;
    height: 64px;
    z-index: 1;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    
    transition: background .3s ease-in-out;
    
}

.slick-dots {
    padding: 0; margin: 0;
    width: 100%; left: 0;
    text-align: center;
    position: absolute;
    bottom: -60px;
}

.slick-dots li {
    display: inline-block;   
    margin: 0 4px;
}

.slick-dots li button {
    margin: 0;
    border-radius: 16px;
    text-indent: -9999px;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    display: block;
    padding: 0 0 0 0;
    background-color: rgba(255, 255, 255, 0.4);
    border: 0;
}

.slick-dots li button:focus {
    outline: 0;
}

.slick-dots li.slick-active button {
    background-color: #ffffff;
}

.slick-arrow:focus,
.slick-arrow:active {
    outline: 0;
}

.slick-arrow:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.slick-next {
    background-color: rgba(255, 255, 255, 0.3);
    background-image: url('assets/dist/images/arrow-next.png');
    right: -72px;
}

.slick-prev {
    background-image: url('assets/dist/images/arrow-prev.png');
    left: -72px;
}

.section--hero .slider__item__title {
    font-size: 38px;
}
.section--hero .slider__item__subtitle {
    font-size: 22px;
}

@media screen and (min-width: 992px) {
    .slick-dots {
        display: none !important;   
    }
    .section--hero.section--hero__slider .slider__item {
        height: 480px;   
    }
    .slider__item__content {
        padding: 60px 60px 60px;
    }
    .section--hero__slider {
        padding: 165px 0 60px;
    }
    .section--hero .slider__item__title {
        font-size: 64px;
    }
    .section--hero .slider__item__subtitle {
        margin-top: 4px;
        font-size: 28px;
    }
    .slick-arrow {
        display: inline-block !important;
    }
}

@media screen and (max-width: 767px) {
    .section--hero .slider__item__title {
        font-size: 24px;
    }
    .section--hero .slider__item__subtitle {
        margin-top: 4px;
        font-size: 42px;
    }
}

@media (min-width: 1200px) {
    .slick-arrow {
        height: 100px;
        top: 50%; bottom: auto;
        margin-top: -50px;
        width: 60px;
    }
    .slick-next {
        background-color: rgba(255, 255, 255, 0.2);
    }
}

.page-header__title {
    z-index: 1;
}

.single .page-header__title {
    font-size: 56px;
}

.site-main--articles {
    padding-top: 60px;
    padding-bottom: 60px;
}

.navigation {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #f2f2f2;
	text-align: center;
}

.pagination .nav-links {
    display: inline-block;
    width: auto;
}

.pagination .nav-links a,
.pagination .nav-links span {
    padding: 6px 14px;
    background-color: #f2f2f2;
    display: inline-block;
    margin: 0 2px;
}

.article {
	
}

.article + .article {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #f2f2f2;
}

.article__inner {
	width: 100%;	
}Success

.article-single .article__thumbnail {
    padding-bottom: 56.25%;
}

.article__thumbnail {
	display: block;
	position: relative;
	width: 100%;
}

	.article__thumbnail__image {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		left: 0; top: 0;
		height: 100%;
		width: 100%;
	}

.article__content {
	padding-bottom: 40px;
	padding-top: 40px;
	width: 100%;
}

	.article__title {
	    margin-bottom: 10px;
        font-size: 22px;
	}
	
@media (min-width: 992px) {
    .article__inner {
    	display: flex;
    	flex-direction: row;
    }
    .article-single .article__inner {
        display: block;
    }
    .article__thumbnail {
        width: 35%;   
    }
    .article__content {
        padding-left: 40px;
    	padding-bottom: 60px;
    	padding-top: 60px;
    	width: 65%;
    }
    
    .article-single .article__thumbnail,
    .article-single .article__content {
        padding-left: 0;
        width: 100%;
    }
    
    .article-single .article__content {
        padding-right: 30px;
        padding-left: 30px;   
    }
    
    .article-single .article__thumbnail {
        padding-bottom: 35%;   
    }
}



.topbar .container {
    position: relative;
}

@media screen and (min-width: 1200px) {
    .topbar__tagline {
        padding-right: 100px;
    }
}

.social-list {
    position: absolute;
    right: 15px; top: -10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.social-list li {
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	float: left;
}

.social-list li:hover {
	opacity: 0.8;
}

.social-list li a {
	display: block;
	position: relative;
	height: 43px;
	width: 43px;
}

.social-list li a svg {
	fill: #ffffff !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%; top: 50%;
	display: block;
	height: 20px;
	width: 20px;
}

.social-list li:nth-child(1) a { background-color: rgba(0, 0, 0, 0.1); }
.social-list li:nth-child(2) a { background-color: rgba(0, 0, 0, 0.2); }
.social-list li:nth-child(3) a { background-color: rgba(0, 0, 0, 0.3); }