/* ----------------------------------------------------------------
    begin css
-----------------------------------------------------------------*/

.shadow-lg {
  box-shadow: 0 1rem 4rem rgba(43,135,218,0.25) !important;
}

.bg-color-1 { background-color: #0046c0 !important; }


.section-img img { width: 100%; border: 10px solid #FFF; }

.section-yogas .card {
	padding: 35px;
	background-image: url("images/card-wave-2.svg");
	background-repeat: repeat-x;
	background-position: 0% 101%;
	background-size: cover;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0;
	border-top: 6px solid var(--cnvs-themecolor);
}

@media (min-width: 992px) {

	.section-scroll {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
	}

	.section-scroll .section-sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 200px;
	}

	.p-md-6novo {
		<!--padding: 2rem !important;-->
		top: 5rem !important;
		right: 5rem !important;
		bottom: 0;
		left: -1.2rem;
	}


	.hero-features1 {
		transform: translateY(-50%);

		max-width: 80%;
		margin-left: auto;
        /*border-left: 4px solid rgba(0, 0, 0, .2);*/
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
}


.device-video-wrap::before,
.dotted-bg1::before {
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	left: 35%;
	width: 110%;
	height: 120%;
	background-size: 12px 12px;
	background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(#3D80E4 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	z-index: -1;
}

.dotted-bg1::before { background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%); z-index: 0;}
.dotted-bg1.dotted-bg-dark::before { background-image: radial-gradient(rgba(23, 89, 176, 0.2) 14%, transparent 14%); z-index: 0;}