/*----------------------------------------------------------------------- 
fonts
-------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
<link href="//db.onlinewebfonts.com/c/7e2fc26bace3e6bb307518a10ef8f10d?family=Centrale+Sans+Light" rel="stylesheet" type="text/css"/> 

/*----------------------------------------------------------------------- 
Global 
-------------------------------------------------------------------------*/

* {
    box-sizing: border-box;
}

html, body .div {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.bgCream {
  background: #f5f5f5;
  width:94% !important;
  margin: 0px 3% 10px;
}
.menu-link {
  display: block;
  line-height: 22px;
  padding: 14px 5px;
  color:#fff;
  font-size: 16px;
  text-transform: uppercase;
}
.gutter-top {
  margin:0px auto;
  width:94%;
  padding-top:60px;
  background:#223045;

}
body {
    margin-bottom: 40px !important;
    /*padding: 0px 40px 0px;*/
    overflow-x: hidden;
    line-height: 28px;
    background-color: #223045;
    color:#101d26;
    font-family: 'Centrale Sans Light', sans-serif !important;
    font-size: 18px;
    letter-spacing: 1px;
    margin:0px;
}
/***LOGIN CSS***/
.login-header{
	text-align:center;
 /* min-height:65px !important;*/
	padding:15px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:30px;
}

svg {
    /*fill: blue;*/

}
.card{
	height:280px;
	top:50%;
  border-radius:0 !important;
  background-color:#e9e9e9 !important;
}
.login-btn{
	padding: 6px 15px;
  /*border-radius: 5px !important;*/
   cursor: pointer;
  outline: none;
  white-space: nowrap;
  line-height: 24px;
  background-color: #6c7c95;
  color: #EEE !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  font-weight: 500;
  font-size:14px;
  margin-top:10px;
}
.home-btn{
	padding-top: 8px;
}
/*.home-btn img{
	width: 30px;
    height: 30px;
    /*margin-top: 5px;*/
}*/
.home-button{
	width:45px;
	height:45px;
	border:none;
	padding:0px;
	/*border-radius:3px;*/
}

/***END OF LOGIN CSS***/

.container {
    display: block;
}
.header-logo a {
    color: #6c1525;
    font-size: 16px;
    font-weight: bold;
}

.header-logo a:hover,
.header-logo a:focus {
    text-decoration: none;
}

.login-links {
    /*padding: 0 0px;
    float: right !important;*/
    /*margin-right:-287px;*/
    /*margin-top:2%;*/
    padding:2.5% 2%;
    /*text-align:center; */
    display:flex;
    
}

.login-links a {
    /*color: #6c1525;*/
    font-size:18px;
}

.login-links a:hover,
.login-links a:focus {
    text-decoration: none;
    font-weight: 500;
}

.login-icon img {
    width: 20px;
    height:20px;
    position: relative;
    top: calc(50% - 20px);
   /* color: #6c1525;*/
}




/*----------------------------------------------------------------------- 
Start of Page head section
-------------------------------------------------------------------------*/

.page-head-section {

    /*background-image: url(../images/banners/1.jpg);*/
    /*padding-bottom: 50px;*/
    padding-bottom:78px;
    background-position: 50% 0%;
    position: relative;
    background-repeat: no-repeat;
    overflow: visible;
    top: 85px;
    margin-bottom: 0;
}

.page-head-overlay,
.page-head-overlay-2 {
    background-color: rgb(249, 249, 249);
    opacity: 0.90;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.page-head-overlay-2 {
    /* background-color: rgb(0, 0, 0); */
    opacity: 0.90;
}

.page-head-content {
    position: absolute;
    top: 30%;
    left: 0;
    /* transform: translateX(-30%); */
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.profile-section-head {
    position: relative;
    background:#f5f5f5;
    width: 94%;
    margin: 0 3%;
}

.banner-content {
    padding-top: 200px;
}

.portfolio {
    margin-top: -150px;
}

.profile-details {
    position: relative;
    display: block;
    min-height: 150px;
}

.profile-photo {
    position: absolute;
    margin-top: -100px !important;
   /* border-radius: 5px;*/
  /*min-width:222px;
    margin-top:-150px;*/
    min-width: 225px;
    margin-left: 0px;
    max-height:280px;
}
.gambar
{
    width:225px !important;
    height:225px !important;
}

.profile-info {
    padding-left: 255px;
  
}

.user-info {
    padding-top: 0px;
}

.user-info h1 {
    font-size: 30px;
    font-family:'Playfair Display', serif;
    /*color: #000;*/
    font-weight: 500;
    /*margin-top:-28px;*
    padding-top:33px;*/
    padding-top:45px;
    display:inline-block;
}

.user-info ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.user-info ul li {
    list-style: none;
    float: left;
    padding: 0 10px;
   /* border-right: 1px solid #ccc;*/
    width: 100%;
    line-height:25px;
   /* padding-bottom:10px;*/
}

.user-info ul li:last-child {
    border-right: 0;
}

.user-info ul li p {
    padding: 0;
    margin: 0;
    /*color: #000;*/
    font-size: 14px;
    line-height:25px;
    font-family:'Centrale Sans Light',sans-serif !important;
    display:inline-block;
}

.user-info ul li p.text-light {
    color: #777;
}

.share-memo-links {
    position: relative;
    text-align: right;
    margin-top: 100px;
}

.share-memo-links li {
    list-style: none;
    padding: 0 0 0 15px;
    display: inline-block
}

.share-memo-links li a {
    font-size: 14px;
   /* color: #6c1525;*/
}

.share-memo-links li a:hover,
.share-memo-links li a:focus {
    text-decoration: none;
}

.share-memo-links .links-icon-default {
    font-size: 18px;
    margin-right: 2px;
	color:#000000;
	vertical-align:sub;
}
.share-memo-links .links-icon-default img{
    width:20px;
    height:20px;

}
.side-menu .icon-default {
    margin-right: 5px;
}
.side-menu .icon-default img{
    width:20px;
    height:20px;
    margin-left:10px;
}

/*----------------------------------------------------------------------- 
End of Page head section
-------------------------------------------------------------------------*/

.inner-body {
    padding: 5px 0;  
    background:#f5f5f5;
    width: 94%;
    margin: 0 3%;
}

.side-menu {
  margin: 0 !important;
  padding:0;
  width: 225px;
    /*height:100% !important;
    /*margin-bottom:-30px;*/
   /*height:1050px;*/
  height: calc(100vh + 100px);
  display: flex;
  flex-direction: column;
  background-size:cover;
  background:#e9e9e9;
  padding-top:34px;
/* padding-bottom:450%;*/
  padding-bottom:10px;
  position: relative;
  top: -35px;
  bottom: 0;
  flex-grow:1 !important;
  /*min-height: 100%;*/

}

.side-menu li {
    list-style: none;
    margin-bottom: 5px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    border: none;
    font-weight:100;
    font-size:12px;
    padding:0px;
}

.side-menu li a {
    display: block;
   /*
menu 2   padding: 6px;*/
    padding:6px 12px;
   /* background: #6c1526;
    color: #fff;*/
   /* border-radius: 5px;*/
    font-size: 14px;
}
li a{
 /* width:100%;*/
  float:left;
  line-height:30px;
}
li a:hover{
 /* background:#444 !important;
  border-radius:0 !important;*/
  text-decoration:none !important;
}


.blog-section-right {
    margin-bottom: 20px;
    padding-left: 85px;
    /*padding-right:30px;*/
    
}

.blog-section-right-column {
    /*margin-bottom: 20px;*/
    padding-left: 0px;

}
.blog-single-comment-donation{
    background: #e9e9e9 !important;
    border-style: solid;
    border-width: 0;
    padding: 20px;
   /* margin-bottom: 20px;
    padding-bottom: 60px;*/
    height: auto;
    overflow: hidden;
    transition: all 1s;
    /*background-image: url('../images/cond_bg.png');
    background-repeat:no-repeat;*/
    margin-left:0px;
    margin-right:-15px;
    margin-bottom:-5px;
    
}
.blog-single-comment-donation h5{
    
    font-size:20px;
    font-family:'Centrale Sans Light', sans-serif !important;
}
.btnNext{
    vertical-align:middle;
    /*margin-bottom:30px;*/
    text-transform:uppercase; 
}
.btn{
    vertical-align:middle;
    border-radius:0px !important;
    text-transform:uppercase; 
}
.btn:hover{
  background:#444!important;
  color:#fff !important;
}
.form-control{
   border-radius:0px !important;
   height:36px;
   
}
.form-control::placeholder
{
  font-family:'Centrale Sans Light', sans-serif !important;
}
  
.blog-single-comment {
    /*box-shadow: 0 0px 5px #954e5c;*/
    background: #e9e9e9 !important;
    border-style: solid;
    border-width: 0;
    padding: 20px 20px;
    margin-bottom: 20px;
    padding-bottom: 60px;
    height: 120% !important;
    overflow: hidden;
    transition: all 1s;
    /*background-image: url('../images/cond_bg.png');*/
    background-repeat:no-repeat;
    margin-left:0px;
    margin-right:0px;
    top:0;
    padding-left:32px;
}

.blog-inner-info {
    position: relative;
   
   
}

.author-name {
    font-size: 30px;
    color: #000;
}

.author-dec {
    line-height: normal;
    color: #666;
}

.blog-single-comment.visible {
    height: auto;
}

.blog-toggle {
    background: url('../img/about-btnBg.png') repeat-x;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    line-height: 115px;
    cursor: pointer;
    color: #368383;
    text-align: center;
    left: 0;
    font-size:14px;
}

.date-stamp {
    position: absolute;
    bottom: 10px;
    right: 20px;
    float:left;
    /*font-size: 14px;*/
   
}

.blog-main-title {
    margin-bottom: 10px;
    padding: 0;
    padding-bottom:10px !important;
}

.blog-main-title h4 {
    font-size: 22px;
    /*color: #6c1526;*/
    font-weight: 500;
    display: inline-block;
    margin-top:0 !important;
    padding:0 !important;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.mr-1 {
    margin-right: 10px;
}

.p-1 {
    padding: 0px 10px 10px 10px;
}

.pt-2 {
    padding-top: 20px;
}

.pb-2 {
    padding-bottom: 20px;
}

.mb-2 {
    margin-bottom: 12px;
   word-wrap: break-word;
    padding-left:15px !important;
}

.mb-3 {
    margin-bottom: 30px;
}
.edit-candle-btn{
	 width:28px !important;
	 height:28px !important;
    padding: 5px;
    /*border-radius: 3px;*/
    text-align: center;
    margin-right:-1px;
		}
.edit-candle-btn img{
			width:20px;
			height:20px;
			padding-right:2px;
			padding-bottom:2px;
		}
		

.btn-custom {
   /* background: #661221;
    color: #fff;*/
    padding: 5px;
    border-radius:0 !important;
    width: 36px;
    height: 36px;
    text-align: center;
   /* box-shadow: 0 0px 5px #661221 !important;*
    margin-right:-1px;*/
}
.add-btn{
  float:right;
  vertical-align:middle;
  margin-top:5px !important;
}

.btn-custom:hover,
.btn-custom:focus {
   /* color: #fff;*/
    outline: none;
}

.condolences-title {
    font-size: 20px;
    /*color: #333;*/
}

.btn-readmore {
 /* D-e Style*/
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  /*margin: 5px;*/
  padding: 6px 15px;
  line-height: 24px;
  background-color: #6c7c95;
  color: #EEE !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  font-weight: 500;
 /* Mine Style*/ 
   /* background: #661221;
    color: #fff;
    padding: 6px 15px;
    border-radius: 3px;
    text-align: center;
    min-width: 140px;*/
	
}

.btn-readmore:hover {
    /*color: #fff;*/
    text-decoration: none;
}

.btn-readmore:focus {
   /* color: #fff;*/
    text-decoration: none;
}

.align-items-center {
    text-align: center;
	
}

.visitors-list {
    margin-bottom: 11.5px;
    padding: 0 5px;
}

.candles-list {
    margin-bottom: 1px;
    padding: 0 1px;
}

.visitor-box {
    /*box-shadow: 0px 0px 5px #661221;
    border-radius: 3px;*/
    text-align: center;
    padding-top:30px;
    padding-left:0;
    padding-bottom: 8px;
    height: 100%; 
    overflow: hidden;
    transition: all 1s;
    margin-left:0px;
    margin-right:0px;
    word-wrap:break-word;
   background: #e9e9e9 !important;
   border-style: solid;
   border-width: 0;
}
.visitor-box p{
	/*font-size:14px !important;
	/*color:#000000 !important;*/
  bottom: 10px;
	
}
.visitor-box img {
    max-width: 80px;
    margin-bottom: 10px;
}

.visitor-box h6 {
    padding-left:0.5px;
    padding-right:0.5px;
    margin: 0;
    height:75px;
}

.visitor-box-candles h6{
    height:100px;
}
.visitor-box-candles{
    height:auto !important;
    padding-bottom:20px;
}
/*.view-more-btn{
	padding-top:15px;
}*/

.candles{
	padding:6px;
	margin-left:5%;
	margin-right:-5px;
}

.swiper-wrapper{
	background-color:white;
	display:flex;
	/*justify-content:center;*/
	align-items:center;
}

/*.col-md-6 {
	padding:3px !important;
 }
 .col-lg-4{
	 margin-right:-8px !important;
	 }*/
.candles .more-candles{
	width:169px;
	
}
.visitor-box img {
    max-width: 80px;
    margin-bottom: 10px;
}

.visitor-box h6 {
    font-size: 14px;
}


/* Right Section styles */

.blog-location {
  /*  box-shadow: 0 1px 6px #bfbfbf;*/
   background: #e9e9e9 !important;
    border-style: solid;
    border-width: 0;
    /*padding: 10px 15px;*/
    padding:20px;
    margin-bottom: 35px;
    overflow: hidden;
    /*border-radius: 5px;*/
    margin-right: 2px;
    margin-left: 9px;
   /* padding-top:15px;
    padding-bottom:20px;*/
    
}

.blog-location .map-location {
    overflow: hidden;
    min-height: 100%;
}

.location-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
   /* color: #6c1526;*/
}

.light-candle-slider {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}

.light-candle-slider img {
    width: 60%;
}

.candle-form {
    position: relative;
    margin-bottom: 10px;
    margin-left:0px;
    margin-right:0;
    margin-top:20px;
}

.candle-form .append-button {
    position: absolute;
    right: 0px;
    top: 0;
}

.candle-form .append-button .btn-candle-submit {
    background: transparent;
    border: 0 none;
    /*color: #4694a1;*/
    border-left: 1px solid #ccc;
    border-radius: 0;
}
.candle-form .append-button .btn-candle-submit img {
    width:20px;
    height:20px;
}
.candle-form .append-button .btn-candle-submit:focus,
.candle-form .append-button .btn-candle-submit:hover {
  /*  background: #661221;
    color: #fff;*/
	text-decoration:none;
    outline: none;
}

.btnNext{
    vertical-align:middle;
    /*margin-bottom:30px; */
}
.btnNext:hover {
  text-decoration: none !important;
}

.btnNext:focus {
    text-decoration: nonee !important;
}

.dashboard-metrics {
 
    text-align:center;
}

.dashboard-metrics li {
    list-style: none;
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.dashboard-metrics li h4 {
    margin-bottom: 0;
}

/*#about_info {
   background-image: url("../images/cond_bg.png") !important;
}*/

/*css for condolence background image */
.condolence-bg {
   /*background-image: url("../images/cond_bg.png") !important;*/
   aspect-ratio:5/1;
   width:100%;
   opacity:0.3;
   height:20%;
   position:relative;
}
.condolences-blog{
  margin-top:-70px;
  z-index:2;
}
.overflow-visible{
    overflow:visible !important;
}
/* end of condolence background image */

#about_info1{
	display:inline-block;
}

.page-item.active .page-{
   /* background-color:#661221  !important; 
    /*border: #661221 !important;
    color:#ffffff !important;
    box-shadow: 0px 1px 6px #661221;*/
}

/*.pagination {box-shadow: 0px 0px 4px #661221;}*/

.btnNext{border-radius:0 !important}

.swiper-pagination-backup {
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}

.scrollmenu{
  overflow: hidden;
  background-color:#6c1526 ;
  position:fixed;
  margin-bottom:0;
  width: 100%;
  bottom:0px;
  z-index:1;
  margin-left: -5px !important;
}

.carousel-control{
	position:absolute;
	height:36px;
	width:36px;
	/*border-radius:50%;
	background-color:#6c1526;
	color:#fff;
	font-size:24px;*/
	top:50%;
	/*margin-top:-16px;*/
	margin-top:-12px;
	margin-left:14px;
	margin-right:12px;
  opacity:1 !important;
}
.candle-footer{
	padding-top:15px;
}
.p-20{
padding:10px;
}
.btn-outline-secondary{
	color:#558694;
	border: 1px solid #d3d3d3;
	background-color:#fff;
}
.carousel-inner {
    margin-top:-18px;
}
.carousel-inner .item img{
	margin:auto;
	max-width:110px;
}
.mobile-side-menu .icon-default {
    padding: 0px 30px 0px 0px;
}

.menu-text-pos {
    margin-top:5px;  
    vertical-align:top !important;
    /*color:#121c26 !important;*/
}
.menu-text-pos:hover{

opacity:0.7;
}
.mobile-side-menu .menu-text-pos {
    margin-top:5px;  
    vertical-align:sub !important;
}
.candle-view-more-btn {
    padding-top:2px;
}
.edit-candle-modal {
  z-index: -1;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.close{
    opacity:1;
}
.break-words{
	/*word-break: break-all;*/
	text-align: justify;
    margin-right: 10px;
}
/*Date alignment*/
 .date {
  font-size:14px;margin-top:6px;
}
/* End of the candle alignment*/

/*guest css */
.guest-menu-memorial{
 max-width:600px !important;
 }
.E7-form-cover {
  max-width: 600px !important;
}
.info-row {
  margin-bottom: 2px !important;
  padding: 0 20px!important;
  line-height:1.5 !important;
  display: block;
  
}
.date_resize
{
 font-size: 1.15rem;
}
.header_resize
{
  font-size:2rem !important;
}

/*Image Upload CSS*/

  /*label.cabinet{
    display: block;
    cursor: pointer;
  }*/

  label.cabinet input.file{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    margin-top:-30px;
  }

  #upload-demo{
    width: 250px;
    height: 250px;
    padding-bottom:25px;
  }
  figure figcaption {
      position: absolute;
      bottom: 0;
      color: #fff;
      width: 100%;
      /*padding-left: 9px;
      padding-bottom: 5px;
      /*text-shadow: 0 0 10px #000;
      margin-top:100px !important;*/
      z-index:1;
     
  }
  .camera-icon{
   margin:auto; 
   top:85px;
   /*left:20px;*/
   cursor:pointer !important;
  }
  
  .img-thumbnail {
    border:none !important;
   border-radius:0 !important;
   padding:0 !important;
    background-color:none !important;
    /*pointer-events: none;*/
    display: inline-block;
  }
  .photo-header{
    font-size:24px;
  }
  
   /* style for funeral disable modules */
  .funeral-disable-style .toggle-display, .funeral-disable-style a {
 
    text-decoration:none !important;
    list-style:none !important;
   
    color:#D3D3D3;
  }
  .mneu-disable-text{
      color:#D3D3D3 !important;
  }
  .funeral-disable-style a img{
    opacity:0.5;
  }
  
  .funeral-disable-style-mobile a{
    color:#D3D3D3 !important;
  }
  .funeral-disable-style-mobile img{
    opacity:0.5;
  }
   
   
/* END */
  
   h2, h3, h4, h5, h6{
     font-family:'Centrale Sans Light',sans-serif !important;
     line-height:1.5;
   }
/* END */
/*menu 1 design 
.toggle-display:hover{
  background:#444 !important;
}*/
.toggle-display a:hover{
     color: rgba(255, 255, 255, 0.5);
     opacity:0.5;
}
.p-8{
padding:8px !important;
}

/*D-E css start */

.container-class{
  /*background:#f5f5f5;*/
  width:100%;
  padding:0px !important;
}

.header-class{
  background:#223045;
}

.logo-container{
   margin:0px !important;
   padding:0px !important;
   width: 100% !important;
   
}

.header-sec{
  margin-right:0px !important;
  width:100%!important;
}

.icons-block{
  /*margin-left:-5px;*/
  margin-left:4%;
  margin-top:-2%;
  width:70px;
  height: 36px;
  vertical-align:bottom;
  padding-left:11px;
  padding-top:4px;
  background-color: rgba(255, 255, 255, 0.5);
}

.condolences-icons-sec{
  left:30px;
  position:absolute;
  margin-top:20px;
  bottom:20px;
}
  
.view-more-btn{
  padding-bottom:20px;
  top:3px;
}
.candles-icons-sec{
  padding-bottom:50px !important;
  /*padding-left:20px;*/
  padding-right:20px !important;
}
.right-sec{
  left:15px;
  margin-top:4px;
}
.candles-condolences-count{

  width:30%;
  text-align:center;
}

.create_candle:focus, .create_candle:active
{
  outline: none !important;
  box-shadow: none !important;
  border:1px solid #ccc !important;
}
a
{
    text-decoration:none ! important;
}

/* Banner Image css */
#upload-demo-banner{
    width: 1000px ;
    height: 250px ;
    padding-bottom:25px !important;

}
.banner-modal-dialog{
 width:70% !important;
}
.gambar-banner{
 width:100%;
 aspect-ratio: 5/1;
 height:20%;
}
.gambar-banner1{
 width:100%;
 aspect-ratio: 5/1;
 /*height:288.767px;*/
 height:20%;
}

.banner{
  width:5%;height: 0px;top:42%;
}
.banner-icons-block{
  margin-left: 10%;
  margin-top: -5px;
  width: 42px;
  height: 36px;
  /*vertical-align: bottom;
  padding-left: 10.5%;*/
  /*display: flex;
  align-items: center !important;
  justify-content: center !important;*/
  padding-top: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  text-align:center;
}

.swiper-pagination {
    position:relative !important;
}

.social_media {
  vertical-align:bottom !important;
}

/* social sharing pop up CSS*/
.share-icon{
  padding-right:7px;
}

.social-share{
  border:none;
  margin-right:0;
  background:none;
  cursor:pointer;
}

.social-sharing-sec {
  position: relative;
  display: inline-block;
  cursor: pointer;
  float:right;
  -webkit-user-select: none;
  /*margin-right:16px;*/
  margin-top:6.5%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.social-sharing-sec .popuptext {
  visibility: hidden;
  width: 200px;
  background-color: #fff;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -180px;
}

/* Popup arrow */
.social-sharing-sec .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 80%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

/* hide and show the popup */
.social-sharing-sec .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.internal_memo
{
  word-wrap: break-word;
  padding-top:50px;
}
/* End of social sharing links*/

/* installation logos width */

.london_logo_1{
  width:400px;
}
.cribbs_logo{
  max-width:150px;
}
.lodge_brothers_logo
{
  width:180px;
}
.gravferdsbyrane_logo
{
  width:400px;
}
 
.header-logo
{
  max-width:50%;
}
/* end of installation logos width */