.sec-details {
	padding: 80px 0 171px
}


.lstDetails .blcLeft {
	width: 480px;
	-webkit-box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 1px -1px 20px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	padding: 45px 50px
}
.lstDetails .blcLeft .logo {
	margin-bottom: 30px;
	display: block;
}
.lstDetails .blcLeft .logo img {
	width: 100%;
}


.lstInfo ul li {
	margin-bottom: 15px
}

.lstInfo ul li strong {
	color: var(--red);
	text-transform: uppercase;
	font-weight: bold
}

.lstInfoContact li  {
	margin-bottom: 5px;
	min-height: 25px
}
.lstInfoContact li a {
	position: relative;
	padding-left: 24px;
	display: block;
}

.lstInfoContact li a .ico {
	position: absolute;
	left: 0;
	top: 2px;
}

/*.lstInfoContact li.tel a {
	background: url(../images/tel4.png) no-repeat left  center;
}
.lstInfoContact li.whatsapp a {
	background: url(../images/whatapp.png) no-repeat left  center;
}
.lstInfoContact li.mail a {
	background: url(../images/mail4.png) no-repeat left  center;
}
.lstInfoContact li.site a {
	background: url(../images/web.png) no-repeat left  center;
}*/
.lstInfoContact li a:hover {
	color: var(--red)
}
.lstInfo {
	margin-bottom: 24px;
}

.lstDetails .blcRight {
	background-color: var(--green);
	padding: 60px;
	width: calc(100% - 480px);
	margin-top: 80px
}

.lstCompetence h3 {
	color: var(--white);
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px
}
.lstCompetence p {
	margin-bottom: 10px;
	color: #fff
}
.lstDetails .back {
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 30px;
	text-decoration: underline;
}
.lstDetails .back:hover  {
	color: var(--red)
}
.lstDetails {
	position: relative;
}
.blcPresentation {
	padding: 80px 0 0
}
.blcPresentation h2 {
	margin-bottom: 20px
}

.blcPresentation ul li {
	position: relative;
	padding-left: 15px;
}

.blcPresentation ul {
	margin-bottom: 30px
}

.blcPresentation ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	background: var(--red);
	position: absolute;
	left: 0;
	top: 10px;
}
.blcPresentation p strong {
	font-weight: bold
}


.lstCompetence ul li {
	position: relative;
	padding-left: 15px;
	color: #fff
}


.lstCompetence  ul {
	margin-bottom: 30px
}

.lstCompetence  ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	background: var(--white);
	position: absolute;
	left: 0;
	top: 10px;
}
.lstCompetence {
	color: #fff;
}
.blcPresentation ul li strong {
	font-weight: bold;
}



  @media (max-width:1200px) { 
  	.lstDetails .blcRight {
		padding: 60px 40px;

	}
	.lstDetails .blcLeft {
		padding: 45px 40px
	}
  }

    @media (max-width:991px) { 
    	.sec-details {
			padding: 60px 0 40px;
		}
		.blcPresentation {
			padding: 40px 0 0;
		}
		.lstDetails {
			flex-direction: column;
		}
		.lstDetails .blcLeft {
			width: 100%;
			padding: 40px
		}
		.lstDetails .blcRight {
			padding: 40px;
			width: 100%;
			margin-top: 0;
		}
		.lstDetails .back {
			position: static;
			margin-bottom: 20px;
		}
		

    }

        @media (max-width:600px) { 
        	.sec-details {
				padding: 20px 0 0;
			}
			.lstDetails .blcLeft {
				padding: 20px;
			}
			.lstDetails .blcRight {
				padding: 20px;
		
			}
			.blcPresentation {
				padding: 20px 0 0;
			}
			.blcPresentation p:last-child {
				margin-bottom: 10px;
			}
        }