.sliderherodemonine .slick-slide{
  padding: 0px !important;
}

section.sliderherodemonine{
  margin-top: 100px;
}

.sliderherodemonine{
  position: relative;
}

.overlay1005 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
}
.imagesliderherodemonine{
  width: 100%;
  height: 640px;
  overflow: hidden;
}
.imagesliderherodemonine img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.herotextsliderdemonine{
  position: absolute;
top: 40%;
width: 100%;
right: 0px;
left: 0px;
text-align: center;
}

.herotextsliderdemonine span{
color: #FFF;
font-size: 14px;
font-weight: normal;
margin-bottom: 13px;
display: block;
}

.herotextsliderdemonine h3{
  color: #FFF;
    font-size: 35px;
    font-weight: bold;
text-align: center;
line-height: 50px;
margin-bottom: 35px;
}
a.bottomlinkdemonineone{
  border: 1px solid #fff;
  color: #fff;
  border-width: 2px;
  border-radius: 3px;
  margin: 5px 5px 5px 15px;
  padding: 6px 33px 6px 33px;
  transition: all 0.2s ease;
}
a.bottomlinkdemonineone:hover{
  background-color: transparent;
      color: #FFFFFF;
      background-image: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
      border-color: #FED40A;
}
a.bottomlinkdemoninetwo{
  border: 1px solid #fff;
  color: #fff;
  border-width: 2px;
  border-radius: 3px;
  margin: 5px 5px 5px 15px;
  padding: 6px 33px 6px 33px;
  transition: all 0.2s ease;
  background-color: transparent;
      background-image: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
}
a.bottomlinkdemoninetwo:hover{
  background-color: transparent;
  background-image: linear-gradient(180deg, #D1606000 0%, #F2295B00 100%);
}




section.boxbottomherodemonineone{
  position: relative;
}
.boxbottomherodemonineone{
  width: 100%;
  height: 290px;
margin-top: -80px;
background-color: #FFFFFF;
    padding: 30px 15px 10px 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}
.boxbottomherodemonineone:hover{
  background: #002240;
}
.boxbottomherodemonineone:hover h3{
  color: #ffffff;
}
.boxbottomherodemonineone:hover span{
  color: #ffffff;
}
.boxbottomherodemonineone i{
  text-align: center;
  margin: 0px auto;
  display: table;
  background-color: transparent;
  color: #FFFFFF;
  background-image: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
  padding: 10px 15px 0px 15px;
  font-size: 35px;
  transform: rotate(0deg);
}
.boxbottomherodemonineone h3{
  color: #002240;
  font-weight: 700;
font-size: 1.25rem;
text-align: center;
margin-top: 17px;
margin-bottom: 17px;
}
.boxbottomherodemonineone span{
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  height: 75px;
  line-height: 25px;
}

.texticonaboutusdemonine{
  position: relative;
}
.textaboutdemonine h2{
      margin-bottom: 20px;
      font-size: 25px;
color: #002240D4;
font-weight: bold;
}
.texticonaboutusdemonine i{
  padding: 5px;
    background: #fff;
    color: #FBB52D;
    position: absolute;
    top: 33px;
    right: 21px;
    border-radius: 50%;
    font-size: 20px;
}
.lineaboutusdemonine{
  width: 76px;
height: 2px;
background: #FBB52D;
}
.decaboutusdemonine{
  margin-bottom: 40px;
}
.decaboutusdemonine span{
  display: block;
margin-top: 30px;
text-align: justify;
font-size: 15px;
line-height: 30px;
    color: #002240D4;
}
.progressdemonine .progress{
  margin-bottom: 20px !important;
}
.progressdemonine span{
  color: #002240;
font-size: 12px;
margin-bottom: 10px;
display: block;
}
.imageaboutusdemonine{
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
}
.imageaboutusdemonine img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.texticonservicedemonine{
  position: relative;
  text-align: center;
}
.textservicedemonine h2{
      margin-bottom: 20px;
      font-size: 25px;
color: #fff;
font-weight: bold;
}
.texticonservicedemonine i{
  padding: 4px 8px 3px 8px;
    background: #002240;
    color: #FBB52D;
    position: absolute;
    top: 33px;
    right: 0;
    border-radius: 50%;
    font-size: 20px;
    margin: 0 auto;
    display: table;
    left: 0;
}
.lineservicedemonine{
  width: 76px;
height: 2px;
background: #FBB52D;
margin: 0 auto;
display: table;
}
.decservicedemonine{
  text-align: center;
  margin-top: 25px;
  color: #fff;
}
.decservicedemonine span{
  display: block;
  margin-bottom: 45px;
}
.serviceboxdemonine{
  position: relative;
}
.serviceboxdemonine:hover .hoverboxservicedemonine {
  transform: translateX(100%) translateY(0);
}
.boxicontextservicedemonine{
  text-align: center;
  padding: 50px 0 50px 0;
  background: #fff;
}
.serviceboxdemonine i{
  font-size: 50px;
background: #FED40A;
padding: 20px 20px 6px 20px;
color: #fff;
}
.boxicontextservicedemonine h4{
  color: #222;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 700;
    padding: 0px 20px 0px 20px;
  margin-bottom: 20px;
}
.boxicontextservicedemonine span{
  font-size: 13px;
  color: #000;
  line-height: 28px;
  padding: 0px 20px 0px 20px;
  display: block;
  height: 90px;
  overflow: hidden;
}


.serviceboxdemotwodemonine{
  position: relative;
  background: #fff;
  padding: 25px 25px;
    height: 280px;
    transition: all 0.4s ease;
}
.serviceboxdemotwodemonine i{
  font-size: 55px;
text-align: center;
margin: 0 auto;
display: table;
background: #FED40A;
color: #fff;
padding: 9px 25px 0px 27px;
}
.serviceboxdemotwodemonine h2{
  font-size: 18px;
  text-align: center;
  margin-top: 26px;
  color: #222;
  font-weight: 800;
}
.serviceboxdemotwodemonine small{
  text-align: center;
  font-size: 13px;
  line-height: 25px;
  color: #222;
  font-weight: 400;
  height: 70px;
  overflow: hidden;
  display: block;
}

.overlayboxtextservicedemotwodemonine{
  opacity: 0;
      transition: all 0.4s ease;
}
.serviceboxdemotwodemonine:hover .overlayboxtextservicedemotwodemonine{
  opacity: 1;
}
.imageoverlayboxtextservicedemotwodemonine{
  width: 100%;
  height: 280px;
  position: relative;
}
.imageoverlayboxtextservicedemotwodemonine img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overlayservicedemonine{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay100001{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.textservicedemotwodemonine{
  top: 5%;
  right: 20px;
  position: absolute;
}
.textservicedemotwodemonine h2{
  color: #fff;
  text-align: center;
      font-size: 18px;
      margin-bottom: 15px;
      margin-top: 10%;
      padding: 0 20px;
      line-height: 1;
font-weight: 800;
}
.textservicedemotwodemonine span{
  margin-bottom: 57px;
font-size: 14px;
display: block;
height: 75px;
overflow: hidden;
text-align: center;
color: #fff;
padding: 0 20px;
margin-top: 20px;
line-height: 25px;
}
.textservicedemotwodemonine a{
  color: #002240;
background-color: #FED40A;
font-size: 12px;



border-radius: 3px;
display: block;
font-size: 15px;
line-height: 1;
padding: 12px 24px;
fill: #fff;
text-align: center;
transition: all .3s;
width: fit-content;
margin: 0 auto;

}










.cardservicedemonine{
  position: relative;
  width: 100%;
  height: 400px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 15px 60px rgba(0,0,0, .5);
  border-radius: 15px;
}

.cardservicedemonine .face{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cardservicedemonine .face.face1{
  box-sizing: border-box;
  padding: 20px;
}

.cardservicedemonine .face.face1 h2{
  margin: 0;
  padding: 0;
}

.cardservicedemonine .face.face1 .content{
  font-size:1.2em;
  margin:0;
  padding:0 0 1em 0;
  font-weight:500;
}
.cardservicedemonine .face.face1 .content i{
  font-size: 45px;
  text-align: center;
  margin: 0 auto;
  display: table;
  background: #FBB52D;
  color: #fff;
  padding: 25px 25px 19px 25px;
  border-radius: 20px;
}
.cardservicedemonine .face.face1 .content h2{
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
  font-weight: 800;
}
.cardservicedemonine .face.face1 .content span{
  font-size: 15px;
  color: #757575;
  height: 90px;
  overflow: hidden;
  line-height: 28px;
  display: block;
  margin-top: 20px;
  text-align: justify;
  padding: 0 18px;
}
.cardservicedemonine .face.face2{
  background: #111;
  transition: 0.5s;
}

.cardservicedemonine:nth-child(1) .face.face2{
  background: linear-gradient(45deg, #e91e63, #ffeb3b);
  border-radius: 15px;
}
.cardservicedemonine:hover .face.face2{
  height: 60px;
  border-radius: 0 0 15px 15px;
}

.cardservicedemonine .face.face2:before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width: 50%;
  height: 100%;
  background: rgba(255,255,255, 0.1);
  border-radius: 15px 0 0 15px;
}

.cardservicedemonine .face.face2 h2{
  margin: 0;
  padding: 0;
  font-size: 10em;
  color: #fff;
  transition: 0.5s;
  text-shadow: 0 2px 5px rgba(0,0,0, .2);
}

.cardservicedemonine:hover .face.face2 h2{
  font-size: 2em;
}












.texticonworkdemonine{
  position: relative;
  text-align: center;
}
.textworkdemonine h2{
      margin-bottom: 20px;
      font-size: 25px;
color: #002240;
font-weight: bold;
}
.texticonworkdemonine i{
  padding: 4px 8px 3px 8px;
    background: #fff;
    color: #FBB52D;
    position: absolute;
    top: 33px;
    right: 0;
    border-radius: 50%;
    font-size: 20px;
    margin: 0 auto;
    display: table;
    left: 0;
}
.lineworkdemonine{
  width: 76px;
height: 2px;
background: #FBB52D;
margin: 0 auto;
display: table;
}
.decworkdemonine{
  text-align: center;
  margin-top: 25px;
  color: #002240;
}
.decworkdemonine span{
  display: block;
  margin-bottom: 45px;
}
.boxworkdemonine{
  padding: 12px;
  background: #fff;
  text-align: center;
  transition: all 0.3s ease;
}
.boxworkdemonine:hover span{
  background: #002240ED;
  color: #fff;
}
.boxworkdemonine:hover i{
  color: #fff;
  background: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
  border: none !important;
}

.boxworkdemonine span{
  color: #002240ED;
border-style: dotted;
border-width: 1px 1px 1px 1px;
border-radius: 50px 50px 50px 50px;
padding: 8px 13px 8px 13px;
font-size: 12px;
}
.fonticonworkdemonine{
  margin-top: 42px;
}
.fonticonworkdemonine i{
  color: #002240;
padding: 15px 18px 10px 18px;
border-style: dotted;
border-width: 1px 1px 1px 1px;
border-color: #002240;
font-size: 40px;
transform: rotate(270deg);
}
.boxworkdemonine small{
  display: block;
  margin-top: 30px;
  color: #002240EB;
font-size: 14px;
font-weight: 700;
}

.boxblogprojectdemonine:hover .city-images i{
  opacity: 1;
}
.boxblogprojectdemonine:hover .overly3300{
  opacity: 1;
}
.boxblogprojectdemonine:hover img{
	transform: scale(1.3);
}

.city-images{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
  margin-top: -262px;
  width: 100%;
  height: 262px;
  transition: all 0.3s ease;
}
.city-images i{
  position: absolute;
top: 38%;
right: 43%;
background: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
color: #fff;
border-radius: 50%;
padding: 14px 15px 10px 15px;
opacity: 0;
}

.city-images:hover img{
	transform: scale(1.3);
}

.city-images img{
	transition: all 0.4s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overly3300{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgb(26, 35, 126, 0.6);
  opacity: 0;
  transition: all 0.3s ease;
}
.textsectionprojectdemonine{
  background: #fff;
  padding: 25px;
}
.textsectionprojectdemonine h4{
  margin: 20px 20px 20px 20px;
      color: #002240;
          font-size: 20px;
          text-align: center;
}
.textsectionprojectdemonine p{
  text-align: justify;
color: #002240C7 !important;
font-size: 14px;
line-height: 1.8em;
margin: 10px 20px 25px 20px;
}
.textsectionprojectdemonine i{
  margin: 0 auto;
  display: table;
  background-color: transparent;
  color: #FFFFFF;
  background-image: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
  padding: 6px 10px 6px 12px;
}

.slider19st{
  margin-top: 35px;
}
.textcommentindexboxdemonine{
  justify-content: flex-start;
  background: #FCF8F8;
  margin: 9px 10px 10px 10px !important;
  padding: 33px 20px 33px 20px;
}
.textcommentindexboxdemonine:hover{
    background-image: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
}
.textcommentindexboxdemonine:hover i{
  color: #fff;
}
.textcommentindexboxdemonine:hover span{
  color: #fff;
}
.textcommentindexboxdemonine i{
  color: #757575;
  font-size: 30px;
  font-weight: 900;
  display: block;

}
.textcommentindexboxdemonine span{
  display: block;
  text-align: justify;
  font-size: 15px;
  color: #002240CC;
}
.imagetextcommentindexboxdemonine{
  text-align: center;
}
.textnamecommentindexdemonine{
  margin-top: 20px;
  margin-bottom: 18px;
}
.textnamecommentindexdemonine h4{
  color: #002240;
      margin: 4px 0px 6px 0px !important;
      font-size: 17px;
      text-align: center;
      font-weight: bold;
}
.textnamecommentindexdemonine h5{
  color: #757575;
      margin: 4px 0px 6px 0px !important;
      font-size: 13px;
      text-align: center;
      font-weight: bold;
}
.imagecommentindexboxdemonine{
  width: 57px;
  height: 62px;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.imagecommentindexboxdemonine img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px 100px 100px 100px;
}

.texticonblogdemonine{
  position: relative;
  text-align: center;
}
.textblogdemonine h2{
      margin-bottom: 20px;
      font-size: 25px;
color: #002240;
font-weight: bold;
}
.texticonblogdemonine i{
  padding: 4px 8px 3px 8px;
    background: #FCF8F8;
    color: #FBB52D;
    position: absolute;
    top: 33px;
    right: 0;
    border-radius: 50%;
    font-size: 20px;
    margin: 0 auto;
    display: table;
    left: 0;
}
.lineworkdemonine{
  width: 76px;
height: 2px;
background: #FBB52D;
margin: 0 auto;
display: table;
}
.decblogdemonine{
  text-align: center;
  margin-top: 25px;
  color: #002240;
}
.decblogdemonine span{
  display: block;
  margin-bottom: 45px;
}







.boxblogblogdemonine:hover .boxblogdemonine i{
  opacity: 1;
}
.boxblogblogdemonine:hover .overly3400{
  opacity: 1;
}
.boxblogblogdemonine:hover img{
	transform: scale(1.3);
}

.boxblogdemonine{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
  width: 100%;
  height: 219px;
  transition: all 0.3s ease;
}
.boxblogdemonine i{
  position: absolute;
top: 35%;
right: 43%;
color: #FED40A;
border-radius: 50%;
padding: 14px 15px 10px 15px;
opacity: 0;
font-size: 30px;
}

.boxblogdemonine:hover img{
	transform: scale(1.3);
}

.boxblogdemonine img{
	transition: all 0.4s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overly3400{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgb(26, 35, 126, 0.6);
  opacity: 0;
  transition: all 0.3s ease;
}
.textsectionblogdemonine{
  background: #fff;
  padding: 25px;
}
.textsectionblogdemonine ul{
  padding: 0;
  list-style: none;
  display: inline-flex;
  margin-bottom: 3px;
}
.textsectionblogdemonine ul li{
  color: #002240B5;
font-size: 12px;
margin-left: 13px;
}
.textsectionblogdemonine ul li i{
  color: #00224047;
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.textsectionblogdemonine h4{
  margin: 8px 0px 19px 0px;
color: #002240;
line-height: 1.4;
font-weight: 800;
font-size: 18px;
}
.textsectionblogdemonine p{
  text-align: justify;
color: #002240C7;
font-size: 14px;
line-height: 1.8em;
height: 80px;
overflow: hidden;
    margin-bottom: 27px;
}
.textsectionblogdemonine a i{
  background-color: transparent;
color: #FFFFFF;
background-image: linear-gradient(180deg, #FBB52D 0%, #FED40A 100%);
padding: 10px 10px 8px 13px;
font-weight: 900;
margin-bottom: 9px;
display: inline-block;
}
.textsectionblogdemonine a:hover i{
  background: #002240;
}
.formindexboxdemonine{
  position: relative;
}
.boximageformindexboxdemonine{
  width: 100%;
  height: 690px;
  overflow: hidden;
}
.boximageformindexboxdemonine img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overlay45000{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgb(26, 35, 126, 0.9);
  transition: all 0.3s ease;
}
.contentformindexdemonine{
  position: absolute;
  top: 10%;
  right: 20px;
  left: 20px;
  color:#fff;
}




.texticonformindexdemonine{
  position: relative;
  margin-bottom: 40px;
}
.textformdemonine h2{
      margin-bottom: 20px;
      font-size: 25px;
color: #002240D4;
font-weight: bold;
}
.texticonformindexdemonine i{
  padding: 5px;
    background: #FCF8F8;
    color: #FBB52D;
    position: absolute;
    top: 33px;
    right: 21px;
    border-radius: 50%;
    font-size: 20px;
}
.lineaboutusdemonine{
  width: 76px;
height: 2px;
background: #FBB52D;
}
.contentformindexdemonine label{
  width: 100%;
}
.contentformindexdemonine input{
  background: none !important;
border: 1px solid #fff;
padding: 10px 10px;
margin-top: 13px;
color: #fff !important;
width: 100%;
}
.contentformindexdemonine textarea{
  background: none !important;
border: 1px solid #fff;
padding: 10px 10px;
margin-top: 13px;
color: #fff !important;
width: 100%;
}

/*responsive*/
@media (max-width: 2500px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 1920px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 1200px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 1199px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 992px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .boxbottomherodemonineone{
    margin-bottom: 120px !important;
  }
  .serviceboxdemotwodemonine {
    margin-bottom: 40px;
}
.city-images{
  margin-top: 23px;
}
section#projectdemonine{
      padding: 50px 0 29px 0 !important;
}
.boxblogblogdemonine{
  margin-bottom: 35px;
}
.formindexboxdemonine{
  margin-bottom: 45px;
}
}

@media (max-width: 991px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .boxblogblogdemonine{
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 767px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}

@media (max-width: 576px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .herotextsliderdemonine h3{
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}