/*
* Sections
*/

//
// Section Spacing
// 
.section-xs {
	padding: 25px 0;
}

.section-sm,
.section-md,
.section-lg,
.section-xl {
	padding: 50px 0;
}

// Section collapse
.section-collapse + .section-collapse {
	padding-top: 0;
}

.section-collapse:last-child {
	padding-bottom: 0;
}

// Section with bottom zero padding
html [class*='section-'].section-bottom-0 {
	padding-bottom: 0;
}

@include media-breakpoint-down(md) {
	section.section-sm,
	section.section-md,
	section.section-lg,
	section.section-xl,
	section.section-xxl {
		&:first-of-type {
			padding-top: 40px;
		}
	}
}

@include media-breakpoint-up(md) {
	.section-sm {
		padding: 60px 0;
	}

	.section-md {
		padding: 70px 0;
	}

	.section-lg {
		padding: 85px 0;
	}
}

@include media-breakpoint-up(lg) {
	.section-md {
		padding: 80px 0 90px;
	}

	.section-lg {
		padding: 100px 0;
	}
}

@include media-breakpoint-up(xl) {
	.section-lg {
		padding: 115px 0;
	}
}

//
// Custom sections
//

// Section single
.section-single {
	display: flex;
	text-align: center;

	p {
		margin-left: auto;
		margin-right: auto;
	}

	* + .rights {
		margin-top: 35px;
	}
	* + .countdown-wrap {
		margin-top: 35px;
	}
	.countdown-wrap + * {
		margin-top: 35px;
	}

	@include media-breakpoint-up(lg) {
		* + .rights {
			margin-top: 60px;
		}
		.countdown-wrap + * {
			margin-top: 35px;
		}
	}

	.rd-mailform-wrap {
		max-width: 670px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	* + .rd-mailform-wrap {
		margin-top: 20px;
	}
}

.section-single-header {
	padding: calc(1em + 3vh) 0 calc(1em + 2vh);
}

.section-single-main {
	padding: calc(1em + 4vh) 0;
}

.section-single-footer {
	padding: calc(1em + 2vh) 0 calc(1em + 3vh);
}

.section-single-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 100vh;

	> * {
		width: 100%;
	}
}

@supports (display: grid) {
	.section-single-inner {
		display: grid;
		justify-items: center;
		align-content: space-between;
		grid-template-columns: 1fr;
	}
}

.main-section{
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	padding: 100px 0;
	overflow: hidden;
	* > {
		z-index: 2;
	}

	@include media-breakpoint-up(lg){
		padding: 120px 0;
	}
	@include media-breakpoint-up(xxl){
		padding: 215px 0;
	}
}

.cta-section{
	background-position: center;
	background-repeat: no-repeat;
	padding: 50px 0;
	@include media-breakpoint-up(sm){
		padding: 100px 0;
	}
	background-color: $white;
	@include media-breakpoint-up(md){
		background-position: bottom right;
	}
}
.cta-creative{
	padding: 155px 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.slider-modern{
	padding-bottom: 50px;
	@include media-breakpoint-up(xl){
		padding-bottom: 60px;
	}
}
.counters-section{
	margin-bottom: 50px;
  @include media-breakpoint-up(xl){
		margin-bottom: 125px;
	}
	> .container{
		border-top: 1px solid $gray-lighten;
		border-bottom: 1px solid $gray-lighten;
	}
}
.slider-creative{
  overflow: hidden;
}
.dots-creative{
	position: relative;
	&:before{
		content: '';
		position: absolute;
		background: radial-gradient(circle at 3px 3px, rgba(#DCDCDC, .5) 3px, transparent 3px);
		right: -105px;
		top: 0;
		height: 485px;
		width: 655px;
		display: block;
		background-size: 27px 27px;
		background-position: 100%;
		background-repeat: repeat;
	}
}