/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
#header{
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.first-bloc{
	clip-path: polygon(0 5%, 0 95%, 100% 100%, 100% 0%);
}
.second-bloc {
    clip-path: polygon(0 0%, 0 100%, 100% 100%, 100% 6%);
}
.top-div-right-bot-flat{
	clip-path: polygon(0 0%, 0 95%, 100% 95%, 100% 6%);
}
.top-div-flat-bot-flat{
	clip-path: polygon(0 10%, 0 95%, 100% 95%, 100% 10%);
}
.rig-div-rtl{
	clip-path: polygon(0 10%, 0 90%, 100% 90%, 100% 10%);
}
.lef-div-rtl{
	clip-path: polygon(0 10%, 0 90%, 100% 90%, 100% 10%);
}
#services{
	clip-path: polygon(0 0%, 0 95%, 100% 100%, 100% 0%);
}
#pret{
	clip-path: polygon(0 0%, 0 100%, 100% 95%, 100% 5%);
}
#footer{
	clip-path: polygon(0 5%, 0 100%, 100% 100%, 100% 0%);
}
.wrapper{
	display: grid;
	grid-gap: 1.1vmin;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
}
.dots:before{
	content: "";
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-blend-mode: overlay;
	filter: contrast(20) blur(2px);
	mix-blend-mode: screen;
	background: 
		linear-gradient(0deg, #999, #000), 
		repeating-conic-gradient(#ddd, #000 12.5% 37.5%, #ddd 50%) 0 / 0.5em 0.5em;
	font-size: initial;
}

.cone{	
	background: 
		radial-gradient(circle at 60% 50%, #ff4a4a 0 4vmin, #fff0 10vmin 100%), 
		repeating-conic-gradient(from 0deg at 60% 50%, #ff4a4a 0 6deg, #ed3535 0 12deg);
}

.gradient-dots:before{
	content: "";
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: 
		linear-gradient(-60deg, #777, #000),
		repeating-linear-gradient(30deg, #000, #999, #000 5%), 
		repeating-linear-gradient(-60deg, #000, #999, #000 5%);
	background-blend-mode: screen, difference;
	filter: contrast(20) blur(0.5px);
	mix-blend-mode: soft-light;
	font-size: initial;
}

.splash{
	width: 20vmin;
	height: 16vmin;
	left: 42vmin;
	top: 2.9vmin;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0 0 0.1vmin #000) drop-shadow(0 0 0.1vmin #000) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000);
}

.splash:before {
	width: 100%;
	height: 100%;
	background: #fff;
	clip-path: polygon(0% 0%, 27% 24%, 28% 0%, 46% 24%, 60% 0%, 71% 28%, 99% 1%, 83% 30%, 99% 28%, 84% 40%, 100% 51%, 82% 60%, 100% 69%, 78% 73%, 100% 100%, 66% 79%, 61% 100%, 45% 78%, 33% 100%, 28% 81%, 0% 100%, 21% 65%, 0% 61%, 24% 47%, 0% 32%, 15% 28%);
}

.splash:after {
	right: -14vmin;
	top: 1.25vmin;
	width: 80%;
	height: 70%;
	transform: rotate(-14deg);
	background: #fff;
	clip-path: polygon(0% 35%, 53% 33%, 44% 51%, 100% 32%, 23% 73%, 33% 45%, 0% 50%);
}