.dots { position: absolute; top: -53%; left: -88%;  z-index: -1;}
.msg-left { position: absolute; bottom: 47%; right: 30%; z-index: 2;}
.msg-right { position: absolute; bottom: 35%; right: -13%; z-index: 2;}
.msg-big {position: absolute; bottom: 29%; right: 17%; z-index: 1;}
.phone { position: absolute; bottom: 0; right:-3%;}
.people { position: absolute; bottom: 0; right: -29%; z-index: 1;}
.services-circle {position: absolute; top: 28%; left: 47%; z-index: 0;}
.dots-on-photo { position: absolute; bottom: -7%; left: -12%;}
.semicircle-1 {position: absolute; top: 10%; right: -3%;}
.yellow-circle {position: absolute; top: 28%; left: 13%;}
.dots-2 { position: absolute; top: 17%; left: -72%; z-index: -1;}
.white-circle-line { position: absolute; top: 32%; right: 26%; z-index:-1; }
.semicircle-2 { position: absolute; top: 2%; right: -16%; z-index: 1}
.girl {position: absolute; bottom: 0; right: -25%; z-index: -1;}
.flower-near-girl {position: absolute; bottom: 0; right: 27%; z-index: -2;}
.semicircle-3 { position: absolute; bottom: 100px; left: -4%; z-index: -1;}
.blog-circle { position: absolute; right: 6%; top: 590px; z-index: 0;}
.semicircle-4 { position: absolute; top: 16%; left: 1%; z-index: -1;}
.semicircle-5 { position: absolute; bottom: 51%; left: 1%; z-index: -1;}
.semicircle-6 { position: absolute; top: 23%; right: 11%;}
.circle-under-line { position: absolute; bottom: 40%; right: -11%;}
.dots-3 { position: absolute; bottom: 10%; right: 0;}
@media(max-width: 1300px){ .semicircle-4, .semicircle-5 { display:none;}}
@media(min-width: 768px) and (max-width: 1024px){
    .hide-on-table,.semicircle-1, .dots-2, .semicircle-2,.semicircle-3,.semicircle-6, .dots-3 { display:none;}
    .people { right: -11%;}
    .phone { right: 174px; width: 330px;}
    .msg-left { right: 1%;}
    .msg-right { bottom: 29%; right: 2%;}
    .msg-big { bottom: 22%; right: 41%;}
    .flower-near-girl { right: 48%}
}
@media(max-width: 767px){
    .hide-on-mobile, .semicircle-1, .dots-2, .semicircle-2,.semicircle-3,.semicircle-6{ display:none;}
    .custom-price .pricing-column-wrapper { min-width: 90%!important;}
    .gem-client-item { width: 33%!important;}
    .msg-big { bottom: 14%; right: 56%; width: 154px;}
    .msg-right { bottom: 19%; right: 1%; width: 105px;} 
    .msg-left { bottom: 25%; right: 3%; width: 105px;}
    .people { right: -14%; width: 480px;}
    .phone { right: 60px; width: 220px;}
}
.second-row .vc_column-inner { z-index: 1;}
.first-row, .background-quick { overflow: visible!important;}
.vc_custom_1606203841553
{padding-top: 30px !important;
padding-right: 30px !important;
padding-bottom: 30px !important;
padding-left: 30px !important;
background-image: url(12-id-89.png) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;}

tr {
  height: 200px; 
  vertical-align: top;
}
td {
  vertical-align: top;
  border-radius: 25px;
}
p  {
  line-height: 30px;
  font-size: 20px;
}

div.nav {
  justify-content: center;
  grid-template-columns: 100px 1fr;
  gap: 30px;
  width:100%; 
  display:flex;
  vertical-align:middle;
  margin:0;
}

div.navlink {
  vertical-align: middle;
  padding:10px; 
  padding-left:25px;
  padding-right:25px;  
  background-image: url(12-id-89.png); 
  border: 1px solid black; 
  border-radius: 25px;
}

div.content {
  max-width: 1400px;
  margin: auto;
}


.posts {
}

.smooth_corners_window{
	background-color: rgba(162, 212, 234, .4); 
	border: 1px solid black; 
	border-radius: 10px; 
	padding:10px;
}

.footer {
  max-width: 75%;
  margin: auto;
  display: grid;
  grid-template-columns: auto auto;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  width:100%;
  margin-bottom:40px;
}
.post {
	background-color: rgba(162, 212, 234, .8); 
	border: 1px solid black;  
	border-radius: 25px;
	box-shadow: 0px 0px 10px grey;;
}
img.post {
	border-radius: 25px; 
	float:center; 
	object-fit: cover; 
	width:100%;
}
img.midscreen {
	margin: auto;
	display: block;
	max-width:60%;
	max-height:60%;
}
h1 {
	line-height: 50px;
	font-size: 45px;
}

h2 {
	line-height: 30px;
	font-size: 38px;
}
h3 {
	line-height: 30px;
	font-size: 24px;
}
h4,h5,h6 {
	line-height: 24px;
	font-size: 20px;
}


a	{
	text-decoration:none;
}
	img{
		max-width:100%;
		height:auto;
	}
@media (max-width: 1200px) {
	.wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	div.content {
		max-width: 100%;
	}
	img{
		width:100%;
	}
}