/*default settings that applies to all elements*/
.same-height:not(.owl-carousel),
.isotope-container {
	margin-left: -15px;
	margin-right: -15px;
}

.same-height .isotope-element,
.isotope-container .isotope-element {
	margin-bottom: 3rem;
	padding-left: 15px;
	padding-right: 15px;
}

.owl-carousel.isotope-container  {
	margin-bottom: 0;
}

/*gutter generic*/
.gutter-50 .row,
.gutter-50 .container-data > .row {
	margin-right: -25px;
	margin-left: -25px;
}

.gutter-50 .row [class*=col-],
.gutter-50 .row .isotope-element {
	padding-right: 25px;
	padding-left: 25px;
}

.gutter-50 .row .isotope-element {
	margin-bottom: 5rem;
}

.gutter-40 .row,
.gutter-40 .container-data > .row {
	margin-right: -20px;
	margin-left: -20px;
}

.gutter-40 .row [class*=col-],
.gutter-40 .row .isotope-element {
	padding-right: 20px;
	padding-left: 20px;
}

.gutter-40 .row .isotope-element {
	margin-bottom: 4rem;
}

.gutter-30 .row,
.gutter-30 .container-data > .row {
	margin-right: -15px;
	margin-left: -15px;
}

.gutter-30 .row [class*=col-],
.gutter-30 .row .isotope-element {
	padding-right: 15px;
	padding-left: 15px;
}

.gutter-30 .row .isotope-element {
	margin-bottom: 3rem;
}

.gutter-20 .row,
.gutter-20 .container-data > .row {
	margin-right: -10px;
	margin-left: -10px;
}

.gutter-20 .row [class*=col-],
.gutter-20 .row .isotope-element {
	padding-right: 10px;
	padding-left: 10px;	
}

.gutter-20 .row .isotope-element {
	margin-bottom: 2rem;
}

.gutter-10 .row,
.gutter-10 .container-data > .row {
	margin-right: -5px;
	margin-left: -5px;
}

.gutter-10 .row [class*=col-],
.gutter-10 .row .isotope-element {
	padding-right: 5px;
	padding-left: 5px;	
}

.gutter-10 .row .isotope-element {
	margin-bottom: 1rem;
}

.gutter-0 .row,
.gutter-0 .container-data > .row {
	margin-right: 0;
	margin-left: 0;
}

.gutter-0 .row [class*=col-],
.gutter-0 .row .isotope-element {
	padding-right: 0;
	padding-left: 0;	
}

.gutter-0 .row .isotope-element {
	margin-bottom: 0;
}

/*vertical gutter*/
.gutter-v-50 .row .isotope-element {
	margin-bottom: 5rem;
}

.gutter-v-40 .row .isotope-element {
	margin-bottom: 4rem;
}

.gutter-v-30 .row .isotope-element {
	margin-bottom: 3rem;
}

.gutter-v-20 .row .isotope-element {
	margin-bottom: 2rem;
}

.gutter-v-10 .row .isotope-element {
	margin-bottom: 1rem;
}

.gutter-v-0 .row .isotope-element {
	margin-bottom: 0;
}

/*horizontal gutter*/
.gutter-h-50 .row,
.gutter-h-50 .container-data > .row {
	margin-right: -25px;
	margin-left: -25px;
}

.gutter-h-50 .row [class*=col-],
.gutter-h-50 .row .isotope-element {
	padding-right: 25px;
	padding-left: 25px;
}

.gutter-h-40 .row,
.gutter-h-40 .container-data > .row {
	margin-right: -20px;
	margin-left: -20px;
}

.gutter-h-40 .row [class*=col-],
.gutter-h-40 .row .isotope-element {
	padding-right: 20px;
	padding-left: 20px;
}

.gutter-h-30 .row,
.gutter-h-30 .container-data > .row {
	margin-right: -15px;
	margin-left: -15px;
}

.gutter-h-30 .row [class*=col-],
.gutter-h-30 .row .isotope-element {
	padding-right: 15px;
	padding-left: 15px;
}

.gutter-h-20 .row,
.gutter-h-20 .container-data > .row {
	margin-right: -10px;
	margin-left: -10px;
}

.gutter-h-20 .row [class*=col-],
.gutter-h-20 .row .isotope-element {
	padding-right: 10px;
	padding-left: 10px;	
}

.gutter-h-10 .row,
.gutter-h-10 .container-data > .row {
	margin-right: -5px;
	margin-left: -5px;
}

.gutter-h-10 .row [class*=col-],
.gutter-h-10 .row .isotope-element {
	padding-right: 5px;
	padding-left: 5px;	
}

.gutter-h-0 .row,
.gutter-h-0 .container-data > .row {
	margin-right: 0;
	margin-left: 0;
}

.gutter-h-0 .row [class*=col-],
.gutter-h-0 .row .isotope-element {
	padding-right: 0;
	padding-left: 0;	
}