footer#footer {
	border-top: 1px solid #acacac;
	background-color: #fff;
	font-family: 'Lato', sans-serif;
	padding: 3rem 0 7rem 0;
	clear: both;
}
.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
footer#footer .subscribe .form-group {
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
  border: 1px solid #e6e6e6;
}
footer#footer .subscribe .form-group button {
	position: absolute;
	border: none;
	background: none;
	font-size: 1.5rem;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	top: .5rem;
	right: .3rem;
	line-height: 0;
}
footer#footer .subscribe .form-group input[type="tel"] {
	height: 45px;
	border: none;
	background: #e6e6e6;
    outline: none;
    box-shadow: none;
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}
footer#footer .nav-links.nav-left li:first-child {
	padding-left: 0;
}
footer#footer .nav-links li {
	display: inline-block;
}
footer#footer .nav-links li a {
	color: #777;
	padding: 10px;
}
footer#footer .site-logo a {
	font-size: 30px;
	color: #3e64ff;
	font-weight: 900;
}

footer#footer .social li a {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #e6e6e6;
	color: #333333;
}
footer#footer .social li a > span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#bottom-fixed-page {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em 0;
	box-shadow: 0 0 6px #ccc;
	background: #fff;
    font-family: 'Lato', sans-serif;
}

#bottom-fixed-page .bottom-fixed-big-text {
	font-size: 25px;
	color: #3e64ff;
	font-weight: 700;
    margin: 0;
}


/******** HEADER *********************/
.navbar-header button.navbar-toggle{
    font-size: 28px;
    padding: 0px 10px;
    display: none;
}
.navbar-default .mu-menu li {
	list-style: none;
	position: relative;
}
.navbar-default .navbar-nav{
	flex-direction: row;
}

.navbar-default .navbar-nav .nav-item:hover .sub-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.navbar-default .navbar-nav li .sub-menu {
	background: #fff;
	width: 220px;
	max-height: 300px;
	overflow-y: scroll;
	text-align: left;
	position: absolute;
	top: calc(100%+20px);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	padding: 15px;
	left: 0;
	margin: 0;
	-webkit-box-shadow: 1px 4px 12px rgba(51, 51, 51, 0.25);
	box-shadow: 0px 13px 20px rgba(153, 153, 153, 0.06);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 9999999;
	border-radius: 0 0 3px 3px;
  }
  .navbar-default .navbar-nav li .sub-menu li{
	margin: 10px 0;
  }
  .navbar-default .navbar-nav li .sub-menu li a{
	color:#0259e1;
	margin: 10px 15px 5px 0;
  }
  .navbar-default .navbar-nav li .sub-menu li a::after{
	background: #0259e1;
  }
  #mu-header.page-header{
    background: #0259e1;
    
  }
  .top_margin {
	margin-top: 8em;
}
.breadcrumbs {
	height: 250px;
	background-size: cover;
	background-position: center;
	padding: 4em 0;
    position: relative;
    color: #fff;
    text-align: center;
    background-color: #0259e1;
}
.breadcrumbs::after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0003;
}

.breadcrumbs .container {
	position: relative;
	z-index: 1;
}
  @media (min-width: 992px) {
    #navbar-menu.navbar-collapse{
        width: initial;
    }
}
@media (max-width: 991px) {
    .navbar-header button.navbar-toggle{
        display: inline-block;
        float: right;
    }
    .navbar-header{
        width: 100%;
    }
    .navbar-default .navbar-collapse {
        background-color: #000000;
        text-align: center;
        width: 300px;
        position: absolute;
        top: 55px;
        right: 10px;
        border-radius: 5px;
        padding: 5px;
        max-height: 380px;
        overflow-y: scroll;
        display: none;
    }
    .navbar-default .navbar-collapse.in{
        display: block;
    }
    .navbar-default .mu-menu li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #4a4a4a;
    }
    .navbar-default .navbar-nav li .sub-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        position: relative;
        width: 100%;
        padding: 0 10px;
        background: #111;
        text-align: center;
    }
    .navbar-default .navbar-nav .nav-item:hover .sub-menu{
        top: 0;
        
    }
    .navbar-default .navbar-nav li .sub-menu li a{
        color: #fff;
    }
    .navbar-default .navbar-nav li .sub-menu li:last-child{border-bottom: none;}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav .nav-item:hover .sub-menu {
	  top: 0;
	}
  }
  
  @media (max-width: 767px) {
	.navbar-nav .nav-item:hover .sub-menu {
	  top: 0;
	}
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav .nav-item .sub-menu {
	  position: relative;
	  width: 100%;
	  top: 0;
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}
  }
  
  @media (max-width: 767px) {
	.navbar-nav .nav-item .sub-menu {
	  position: relative;
	  width: 100%;
	  top: 0;
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}
  }
  
  


  /************************* RAPPEL ******************************/
  .rappel-form {
    border: 1px solid #e2e4ea;
    background: #fff;
    border-radius: 4px;
  }
  
  .rappel-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    padding: 5px 5px 5px 0;
  }
  
  .rappel-form form .single-field-item {
    position: relative;
    flex: 1;
    padding: 0 10px;
    height: 100%;
    margin-bottom: 0;
  }
  
  .rappel-form form .single-field-item label {
    display: block;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-transform: inherit;
    margin: 0;
  }
  
  .rappel-form form .single-field-item input {
    width: 100%;
    border: none;
    color: #999;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    height: auto;
    line-height: inherit;
    outline: none;
    box-shadow: none;
  }
  
  .rappel-form form .submit-btn {
    max-width: 100%;
  }
  
  .rappel-form form .submit-btn .btn {
    background-color: #2042e3;
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .rappel-form form .submit-btn .btn:hover {
    -webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
            box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
    background-color: #081828;
    color: #fff;
    border-color: transparent;
  }
  
  .rappel-form form .single-field-item:first-child::after {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    background-color: #e2e4ea;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  /************************* /RAPPEL ******************************/

  .mu-book-overview-single{
    padding: 0;
    position: relative;
    box-shadow: 0 0 6px #eee;
    border-radius: 5px;
    overflow: hidden;
  }
  .mu-book-overview-single a {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .mu-book-overview-single .mu-book-overview-text h4{
        margin-bottom: 10px;
    }
    .mu-book-overview-single .mu-book-overview-text p{
        text-align: justify;
    }
    .mu-book-overview-single:hover .mu-book-overview-text h4{color : #0259e1;}
    
  .mu-book-overview-single .mu-book-overview-icon-box{
    height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
  }
  .mu-book-overview-single .mu-book-overview-icon-box img{
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      max-width: initial;
      height: 100%;

  }
  .mu-book-overview-single .mu-book-overview-text{
    height: 150px;
    padding: 5px 15px;
  }


  .logo_footer_devis {
    display: flex;
  }
  
  .logo_footer_devis .col_logo_footer_devis {
    flex: 1;
    margin: 10px;
  }
  
  .logo_footer_devis .col_logo_footer_devis img {
    max-width: 100%;
  }

  h2.title {
    font-size: 23px;
    margin: 20px 5px 20px;
  }
  .job-details-sidebar{
    box-shadow: 0 0 6px #c5c5c5;
    border-radius: 5px;
  }

  .tab-btns{
    display: flex;
    margin: 0 0 20px;
    list-style: none;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 10px;
}
.tab-btns li {
	display: inline-block;
    list-style: none;
}
.tab-btns li a {
	display: inline-block;
	margin-right: 20px;
	padding: 10px;
	border-radius: 50px;
    border: 1px solid #0d6efd;
    font-size: 15px;
}

  @media screen and (max-width:575px) {
    #bottom-fixed-page .phone-fixed{
      font-size: 20px;
    }
    #bottom-fixed-page .btn-devis-fixed{
      font-size: 14px;
    }
  }
  @media screen and (max-width:400px) {
    #bottom-fixed-page .col{
      flex: 0 0 100%;
      text-align: center;
    }
   
  }



  /*******************************************************************/
  .panel_medias {
    display: block;
    width: 98%;
    height: 200px;
    border: 1px solid #bebebe;
    position: relative;
    overflow: hidden;
      cursor: pointer;
  }
  .panel_medias img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .panel_medias .zoom_image_galeri {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004f;
    display: none;
  }
  .panel_medias:hover .zoom_image_galeri {
    display: block;
  }
  .panel_medias .zoom_image_galeri i {
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .zo_modal {
      display:none;
      position:fixed;
      z-index:1071;
      padding-top:100px;
      left:0;
      top:0;
      width:100%;
      height:100%;
      overflow:auto;
      background-color:#000;
      background-color:rgba(0,0,0,0.9)
     }
     .zo_close {
      position:absolute;
      top:15px;
      right:35px;
      color:#f1f1f1;
      font-size:40px;
      font-weight:700;
      transition:.3s
     }
     .zo_close:hover,
     .zo_close:focus {
      color:#bbb;
      text-decoration:none;
      cursor:pointer
     }
     .zo_modal-content {
      margin:auto;
      display:block;
      width:80%;
      max-width:700px;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%)
     }
     #zo_caption {
      margin:auto;
      display:block;
      width:80%;
      max-width:700px;
      text-align:center;
      color:#ccc;
      padding:10px 0;
      height:150px
     }
  .video_panel iframe{
      width: 100%;
  }