body {
	margin: 0;
	padding: 0;
 }
@media screen and (max-width: 600px) {
	.swiper-container{
		margin: 0 20px !important;
	}
}
.heading {
    margin-top: 25px;
}
.sinistre {
    width: 275px;
    text-align: left;
    margin: 20px auto;
}
#phone_call{
  font-size: 40px;
}
p.text-muted{
	text-align: justify;
}
span.stack {
    width: 170px;
    height: 170px;
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: #9bc334!important;
    border-radius: 100%;
    border: 7px solid #e9ecef;
}
.stack i{
	font-size: 6rem !important;
	color: #ffffff;
	line-height: 1.5 !important;
}
.timeline-image{
	background-color: #9bc334!important;
}
.timeline-image .densisol {
    font-size: 6rem;
    line-height: 1.6;
}
.form-check{
	margin: 10px 0;
}
.form-check-input {
    margin-top: 0 !important;
    margin-left: -35px !important;
    width: 25px !important;
    height: 25px !important;
}
.house{
	width: 100%;
	padding:25px;
	height: auto;
	position: relative;
	display: block;
}
.lg{
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}
.lg input {
    padding: 8px;
    margin: 12px;
}
.step button {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#007dc1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	margin: 20px;
}
.step button:hover {
	background-color:#0061a7;
}
.step button:active {
	position:relative;
	top:1px;
}
.fissures {
    width: 100%;
    max-width: 180px;
    text-align: left;
    margin: 0 auto;
}
.fieldset {
    margin-bottom: 20px;
}
.form {
    max-width: 450px;
    text-align: left;
    margin: 0 auto;
    width: 100%;
}

 #background 
{ 
    overflow: visible;
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	}
 #background img
{
	width: 100%;
}
/* CHECK AND CROSS */
.success, .error{
width: 100%;
height: auto;
position: relative;
display: block;
}
.ui-success,
.ui-error {
  width: 100px;
  height: 100px;
  margin-top:40px;
  margin-bottom:20px;
  margin-left: auto;
  margin-right: auto;
}
.green{
color: #A5DC86;
font-size: 25px;
}
.red{
color: #F74444;
font-size: 25px;
}
.ui-success-circle {
  stroke-dasharray: 260.75219025px, 260.75219025px;
  stroke-dashoffset: 260.75219025px;
  transform: rotate(220deg);
  transform-origin: center center;
  stroke-linecap: round;
  animation: ani-success-circle 1s ease-in both;
}
.ui-success-path {
  stroke-dasharray: 60px 64px;
  stroke-dashoffset: 62px;
  stroke-linecap: round;
  animation: ani-success-path 0.4s 1s ease-in both;
}
@keyframes ani-success-circle {
  to {
    stroke-dashoffset: 782.25657074px;
  }
}
@keyframes ani-success-path {
  0% {
    stroke-dashoffset: 62px;
  }
  65% {
    stroke-dashoffset: -5px;
  }
  84% {
    stroke-dashoffset: 4px;
  }
  100% {
    stroke-dashoffset: -2px;
  }
}
.ui-error-circle {
  stroke-dasharray: 260.75219025px, 260.75219025px;
  stroke-dashoffset: 260.75219025px;
  animation: ani-error-circle 1.2s linear;
}
.ui-error-line1 {
  stroke-dasharray: 54px 55px;
  stroke-dashoffset: 55px;
  stroke-linecap: round;
  animation: ani-error-line 0.15s 1.2s linear both;
}
.ui-error-line2 {
  stroke-dasharray: 54px 55px;
  stroke-dashoffset: 55px;
  stroke-linecap: round;
  animation: ani-error-line 0.2s 0.9s linear both;
}
@keyframes ani-error-line {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ani-error-circle {
  0% {
    stroke-dasharray: 0, 260.75219025px;
    stroke-dashoffset: 0;
  }
  35% {
    stroke-dasharray: 120px, 120px;
    stroke-dashoffset: -120px;
  }
  70% {
    stroke-dasharray: 0, 260.75219025px;
    stroke-dashoffset: -260.75219025px;
  }
  100% {
    stroke-dasharray: 260.75219025px, 0;
    stroke-dashoffset: -260.75219025px;
  }
}

@media (max-width: 768px) {
	.timeline-image .densisol{
		font-size: 2.6rem;
		line-height: 1.5;
	}
}
@media (min-width: 769px) and (max-width: 992px) {
	.timeline-image .densisol{
		font-size: 3.5rem;
		line-height: 1.5;
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.timeline-image .densisol{
		font-size: 5.2rem;
		line-height: 1.6;
	}
}
.py-5 img {
    margin-top: 20px;
}
li.nav-item.call {
    background-color: #337c3e;
    border-radius: 100%;
    padding: 0;
    width: 35px;
    height: 35px;
}
li.nav-item.call a {
    margin: 0;
    padding: 4px;
}
li.nav-item.call i {
font-size: 22px;
}
@media (max-width: 992px) {
  li.nav-item.call a {
      margin: 0px;
      padding: 4px 8px;
  }
}