/*****************/
/*****LANDING*****/
/*****************/

/****VAR****/
:root{
--wh: #ffffff;
/*--blk: #32373B;*/
--light: #F6F8F9;
--middle: #EAEEF0;
--dark: #545454;
}

/****STRUCTURE****/
.ldg_widzmain{
width: 1228px;
margin-right: auto;
margin-left: auto;
}

/****HEADER****/
#ldg_header{
margin-bottom: 22px;
}
#ldg_header_content{
padding: 25px 0;
}

/****EDITO****/
.ldg_main_top{
display: flex;
flex-wrap: wrap;
margin-bottom: 90px;
}
.ldg_hentry{
flex: 1;
padding-top: 58px;
margin-right: 4%;
}
.ldg_hentry_title{
display: block;
line-height: 18px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
}
.ldg_pic_block{
display: block;
width: 55%;
}
.ldg_pic_block img{
display: block;
width: auto;
max-width: 100%;
height: auto;
border-radius: 28px;
}

/****CONTACT****/
.ldg_main_bott{
display: block;
background: var(--light);
border-radius: 28px;
margin-bottom: 90px;
}
.ldg_main_bott_content{
display: flex;
flex-wrap: wrap;
padding: 45px 4%;
}
.ldg_map_wrapp{
display: block;
width: 55%;
margin-right: 8%;
}
.ldg_map_block{
height: 0;
padding-bottom: 56.25%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.ldg_map_block iframe{
height: 84%;
width: 84%;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ldg_datas_block{
flex: 1;
display: flex;
padding-top: 20px;
}
.ldg_datas_block_content{
margin: auto 0;
}
.ldg_datas_group{
display: block;
padding-left: 36px;
position: relative;
}
.ldg_datas_group p{
line-height: 25px;
margin-bottom: 17px;
}
.ldg_datas_group:before{
content: '';
display: block;
width: 24px;
height: 24px;
background-color: var(--dark);
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.ldg_datas_group.ldg_datas_add:before{
mask: url(../img/landing/ldg_pic_marker.svg) no-repeat center;
-webkit-mask: url(../img/landing/ldg_pic_marker.svg) no-repeat center;
}
.ldg_datas_group.ldg_datas_tel:before{
mask: url(../img/landing/ldg_pic_tel.svg) no-repeat center;
-webkit-mask: url(../img/landing/ldg_pic_tel.svg) no-repeat center;
}
.ldg_social_strap{
display: block;
padding: 10px 0 0;
}
.ldg_social_item{
display: inline-block;
margin: 0 14px 0 0;
}
a.ldg_social_item_link{
display: flex;
width: 36px;
height: 36px;
font-size: 0;
}
a.ldg_social_item_link:before{
content: '';
display: block;
width: 36px;
height: 36px;
background-color: var(--dark);
background-size: auto 100%;
margin: auto;
transition: all 0.3s;
}
a.ldg_social_item_link.ldg_social_item_link_fb:before{
mask: url(../img/landing/ldg_pic_fb.svg) no-repeat 100% center;
-webkit-mask: url(../img/landing/ldg_pic_fb.svg) no-repeat 100% center;
mask-size: 100%;
}
a.ldg_social_item_link.ldg_social_item_link_li:before{
mask: url(../img/landing/ldg_pic_li.svg) no-repeat center;
-webkit-mask: url(../img/landing/ldg_pic_li.svg) no-repeat center;
mask-size: 100%;
}
a.ldg_social_item_link.ldg_social_item_link_insta:before{
mask: url(../img/landing/ldg_pic_insta.svg) no-repeat center;
-webkit-mask: url(../img/landing/ldg_pic_insta.svg) no-repeat center;
mask-size: 100%;
}
a.ldg_social_item_link.ldg_social_item_link_yt:before{
mask: url(../img/landing/ldg_pic_yt.svg) no-repeat center;
-webkit-mask: url(../img/landing/ldg_pic_yt.svg) no-repeat center;
mask-size: 100%;
}
a.ldg_social_item_link:hover:before{
background-color: var(--blk);
transition: all 0.3s;
}

/****RESPONSIVE****/
@media screen and (max-width: 1280px){
	.ldg_widzmain{
	width: auto;
	margin-right: 50px;
	margin-left: 50px;
	}
}
@media screen and (max-width: 880px){
	.ldg_hentry{
	padding-top: 10px;
	}
	.ldg_pic_block{
	width: 45%;
	}
}
@media screen and (max-width: 780px){
	.ldg_hentry{
	flex: none;
	width: 80%;
	margin: 0 auto 30px;
	}
	.ldg_pic_block{
	width: 80%;
	margin: 0 auto;
	}
	.ldg_map_wrapp{
	width: 80%;
	margin: 0 auto 30px;
	}
	.ldg_datas_block{
	flex: none;
	width: auto;
	max-width: 250px;
	padding: 0;
	margin: 0 auto;
	}
}
@media screen and (max-width: 580px){
	.ldg_main_top,
	.ldg_main_bott{
	margin-bottom: 50px;
	}
	.ldg_pic_block img,
	.ldg_main_bott {
	border-radius: 14px;
	}
	.ldg_hentry,
	.ldg_pic_block,
	.ldg_map_wrapp{
	width: 100%;
	}
	.ldg_map_block iframe {
	height: 94%;
	width: 94%;
	}
}
@media screen and (max-width: 380px){
	.ldg_widzmain{
	margin-right: 30px;
    margin-left: 30px;
	}
	.ldg_main_bott_content{
	padding: 25px 20px;
	}
	.ldg_datas_block{
	width: 100%;
	max-width: unset;
	}
	a.ldg_social_item_link,
	a.ldg_social_item_link:before{
	width: 26px;
	height: 26px;
	}
}