.pop-activities-section {
	text-align: center;
	position: relative;
	z-index: 1;

	&:before {
	    content: "";
	    background: rgba(0,0,0,0.5);
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 60%;
	    position: absolute;
	    z-index: 1;
	}

	&:after {
	    content: "";
	    background-image: url(images/activities-sec-bg.jpg);
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 60%;
	    background-size: cover;
	}

	.section-grid {
		margin-top: 60px;
		padding-bottom: 100px;
	}//.section-grid

	.activities-block {
		border-radius: 5px;
		overflow: hidden;
		position: relative;

		.activities-img {
			position: relative;

			.activities-title {
				background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.8));
				background: -moz-linear-gradient(transparent, rgba(0,0,0,0.8));
				background: -ms-linear-gradient(transparent, rgba(0,0,0,0.8));
				background: -o-linear-gradient(transparent, rgba(0,0,0,0.8));
				background: linear-gradient(transparent, rgba(0,0,0,0.8));
				position: absolute;
				bottom: 0;
				text-align: center;
				left: 0;
				right: 0;
				padding: 60px 20px 20px 20px;
				@include transition(all ease 0.35s);
			}
		}//.activities-img

		.activities-title {
			margin-top: 0;
			margin-bottom: 0;
			font-size: 1.125em;
			font-weight: 500;
			color: #fff;
		}

		.activities-content-wrap {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 100%;
			background: rgba(0,0,0,0.8);
			padding: 60px 20px 20px 20px;
			display: flex;
			flex: 1;
			flex-direction: column;
			justify-content: center;
			opacity: 0;
			visibility: hidden;
			@include transition(all ease 0.35s);

			&:after {
				content: "";
				background: $primary_color;
				width: 100%;
				height: 5px;
				position: absolute;
				bottom: 0;
				left: 0;
			}

			.activities-content {
				color: #fff;
				line-height: 1.6;
				margin-top: 20px;
			}

			.button-wrap {
				margin-top: 20px;
			}//.button-wrap

			.btn-readmore {
				border: 1px solid #fff;
				color: #fff;
				font-size: 0.875em;
				font-weight: 500;
				padding: 5px 15px;
				border-radius: 5px;
				display: inline-block;
				text-decoration: none;

				&:hover {
					background: #fff;
					color: $primary_color;
				}
			}//.btn-readmore
		}//.activities-content-wrap

		&:hover .activities-img .activities-title {
			padding-bottom: 40px;
			opacity: 0;
			visibility: hidden;
		}

		&:hover .activities-content-wrap {
			padding-top: 20px;
			opacity: 1;
			filter: alpha(opacity=100);
			visibility: visible;
		}
	}//.activities-block

	.owl-carousel {

		.owl-nav {
	    text-align: center;
	    margin-top: 50px;
	    position: relative;

	    &:before {
		    content: "";
		    background: #fff;
		    width: 60px;
		    height: 2px;
		    position: absolute;
		    top: 50%;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		}

	    button[class*="owl-"] {
		    width: 45px;
		    height: 45px;
		    border: 2px solid #fff;
		    border-radius: 100%;
		    margin-right: 40px;
		    background-color: transparent;
		    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path></svg>');
		    background-repeat: no-repeat;
		    background-size: 15px;
		    background-position: center;
		    text-indent: 50px;
		    overflow: hidden;
		    padding: 0;

		    &:hover {
		    	border-color: $primary_color;
		    	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%232d76b9" d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path></svg>');
		    }
		}

		button.owl-next {
			margin-right: 0;
			margin-left: 40px;
		    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>');

		    &:hover {
				background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%232d76b9" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>');		    	
		    }
		}
	}//.owl-nav
	}//.owl-carousel
}//.pop-activities-section

@media screen and (max-width: 767px) {
	.pop-activities-section {

		&:before, &:after {
			height: 45%;
		}

		.section-grid {
			padding-bottom: 60px;
		}//.section-grid
	}//.pop-activities-section
}//max-width: 767px