@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';
@import 'vendor/default-font.min.css?family=Default:300,400,600,700,800,900';


.intro {
	margin-bottom: 20px
}

.intro h1:first-child,
.intro h2:first-child,
.intro h3:first-child {
	margin-top: 0
}



.highlights .items .item {
	margin-bottom: 1.5rem
}

.highlights .items .item:last-child {
	margin-bottom: 0
}

.highlights p {
	white-space: pre-wrap
}


.offers .items .item .icon {
	background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
	background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent
	
}

 
.menu .items {
	margin-left: -5px;
	width: calc(100% + 10px)
}
.items .item:first-child .card1.featured:hover:before,
.items .item:last-child .card1.featured:hover:before {
	width: 100%;
	height: 100%;
	opacity: .5
}

.items .item:not(:first-child):not(:last-child) .card1.featured:before {
	display: none
}

.items .item:first-child .card1.featured:before {
	top: -10px;
	right: 0;
	bottom: 0;
	left: -10px
}

.items .item:last-child .card1.featured:before {
	right: -10px;
	bottom: -10px
}

.card1.featured:before {
    position: absolute;
    z-index: -1;
    content: '';
    width: calc(50% + 10px);
    height: calc(50% + 10px);
    border: none;
    background-image: -webkit-linear-gradient(45deg,var(--secondary-color) 15%,var(--primary-color) 65%);
    background-image: linear-gradient(45deg,var(--secondary-color) 15%,var(--primary-color) 65%);
    transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    transition-duration: .4s;
    transition-property: opacity,transform;
}

	body .offers .items .item {
		margin-bottom: 0
	}

	body .offers .items .item {
		margin-bottom: 30px
	}
	
		body .highlights:not(.image-right):not(.image-center) .intro {
		margin-top: 50px
	}

	body .highlights:not(.image-left) .items .item:last-child {
		margin-bottom: 50px
	}



	body .blog-grid:not(.masonry) .items .item {
		margin-bottom: 0
	}

	body .blog-grid:not(.masonry) .items .item {
		margin-bottom: 30px
	}




.card1-columns {
	margin: 0 15px;
	column-gap: 30px
}

.card1-columns .card1 {
	margin-bottom: 30px
}

.card1 {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 35px;
	border: none;
	border-radius: 2px;
	background-color: var(--card1-bg-color);
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	transition-timing-function: cubic-bezier(.25, .25, .75, .75);
	transition-duration: .4s;
	transition-property: opacity, transform
}

.card1.no-hover {
	background-color: transparent;
	box-shadow: none
}


.card1:not(.no-hover):hover {
	background: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
	background: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
	transform: translateY(-7.5px)
}


.card1:not(.no-hover):hover:before,
.card1:not(.no-hover):hover:after {
	opacity: 0
}

.card1:hover .image-person img {
	transform: scale(1.1)
}

.card1:not(.no-hover):hover h3,
.card1:not(.no-hover):hover h4,
.card1:not(.no-hover):hover p {
	color: #f5f5f5
}

.card1:not(.no-hover):hover span,
.card1.stycky:not(.no-hover) span {
	color: #f5f5f5;
	-webkit-text-fill-color: #f5f5f5
}

.card1:not(.no-hover):hover a,
.card1.sticky:not(.no-hover) a {
	color: #f5f5f5;
	-webkit-text-fill-color: #f5f5f5
}

.card1:not(.no-hover):hover i,
.card1.sticky:not(.no-hover) i {
	color: #f5f5f5;
	-webkit-text-fill-color: #f5f5f5
}

.card1:not(.no-hover):hover .icon,
.card1.sticky:not(.no-hover) .icon {
	background-color: transparent;
	color: #f5f5f5;
	-webkit-text-fill-color: #f5f5f5
}

.card1:hover .card1-footer,
.card1.sticky .card1-footer {
	color: #f5f5f5;
	border-color: rgba(255, 255, 255, .25)
}

.card1:hover .btn-icon {
	color: #f5f5f5
}

.card1:hover .share-list i {
	color: #f5f5f5
}

.card1.featured:before {
	position: absolute;
	z-index: -1;
	content: '';
	width: calc(50% + 10px);
	height: calc(50% + 10px);
	border: none;
	background-image: -webkit-linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
	background-image: linear-gradient(45deg, var(--secondary-color) 15%, var(--primary-color) 65%);
	transition-timing-function: cubic-bezier(.25, .25, .75, .75);
	transition-duration: .4s;
	transition-property: opacity, transform
}



.card1.featured:after {
	position: absolute;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: none;
	background-color: inherit
}



.items .item:last-child .card1.featured:before {
    right: -10px;
    bottom: -10px;
}

.items .item:first-child .card1.featured:before {
    top: -10px;
    right: 0;
    bottom: 0;
    left: -10px;
}
.card1.featured:before {
    position: absolute;
    z-index: -1;
    content: '';
    width: calc(50% + 10px);
    height: calc(50% + 10px);
    border: none;
    background-image: -webkit-linear-gradient(45deg,var(--secondary-color) 15%,var(--primary-color) 65%);
    background-image: linear-gradient(45deg,var(--secondary-color) 15%,var(--primary-color) 65%);
    transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    transition-duration: .4s;
    transition-property: opacity,transform;
}

body .container .card1.featured:before {
		content: none
	}
	body .card1-columns {
		column-count: 3
	}

	body .card1-footer {
		margin: 0
	}
		body .card1-columns {
		column-count: 2
	}
@media(max-width:576px) {


	body .card1-columns {
		column-count: 1
	}
}