/* common */
body {
	font-family: 'airbnb_cereal_appbook';
    font-size: 14px;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;}
	

::-moz-selection { background: #03c7b8; color: #fff; }
::selection { background: #03c7b8; color: #fff;}

a:hover, 
a:focus {
     text-decoration: none;
	 color: #38393b;}
   
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #abb1b0;}
::-moz-placeholder { /* Firefox 19+ */
     color: #abb1b0;}
:-ms-input-placeholder { /* IE 10+ */
     color: #abb1b0;}
:-moz-placeholder { /* Firefox 18- */
     color: #abb1b0;} 

/* number icon remove */	 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}	
	
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #00051b;
        background: transparent;}
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}
	

/* pre-loader */
  
.pre-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1d191ff0;
    z-index: 110;}
.pre-loader::before,
.pre-loader::after {
        content: '';
        position: absolute;
        border: 3px solid;
        border-radius: 4em;
      }
.pre-loader::before {
    border-color: #bb3f64;}
.pre-loader::after {
        border-color: #fff;}
      .pre-loader::before {
        width: 30px;
        height: 30px;
        border-bottom-color: transparent;
        -webkit-animation: animate-inner 1.4s linear infinite;
                animation: animate-inner 1.4s linear infinite;
      }
      .pre-loader::after {
        width: 60px;
        height: 60px;
        border-top-color: transparent;
        -webkit-animation: animate-outer 1.8s linear infinite;
                animation: animate-outer 1.8s linear infinite;
      }
      @-webkit-keyframes animate-inner {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      @keyframes animate-inner {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
        }
      }
      @-webkit-keyframes animate-outer {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(-360deg);
                  transform: rotate(-360deg);
        }
      }
      @keyframes animate-outer {
        from {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
        }
        to {
          -webkit-transform: rotate(-360deg);
                  transform: rotate(-360deg);
        }
      }
      
     

/* font */
.font-medium {
  font-family: 'airbnb_cereal_appmedium';}
.font-bold {
  font-family: 'airbnb_cereal_appbold';}
.font-bold {
  font-family: 'airbnb_cereal_appbold';}


/* button */
button,
.a-btn {
    white-space: nowrap;
    line-height: normal;
    background-color: #232323;
    color: #fff;
    border-radius: 8px;
    padding: 10px 22px;
    font-size: 13px;
    cursor: pointer;
    border: transparent;}
button:hover,
button:focus,
.a-btn:hover,
.a-btn:focus {
    color: #fff;
    outline: none;}

/* h1, h2 */	
h1 {
	font-size: 40px;
    text-transform: uppercase;
    font-family: 'airbnb_cereal_appbold';
    margin-top: 10px;}	
h2 {
    font-family: 'airbnb_cereal_appmedium';
	font-size: 22px;}
	 
@media (max-width: 991px) {
h1 {
    font-size: 30px;}
h2 {
    font-size: 18px;}
}




/* custom */
/* margin */

/**/
.mt-0 {
   margin-top: 0 !important;}
.mt-10 {
   margin-top: 10px !important;}
.mt-15 {
   margin-top: 15px !important;}
.mt-20 {
   margin-top: 20px !important;}
.mt-25 {
   margin-top: 25px !important;}
.mt-30 {
   margin-top: 30px !important;}
.mt-35 {
   margin-top: 35px !important;}
.mt-40 {
   margin-top: 40px !important;}
.mt-100 {
   margin-top: 100px !important;}
.mt-150 {
   margin-top: 150px !important;}
/**/
.mt--2 {
   margin-top: -2px !important;}
/**/
.me-10 {
   margin-right: 10px !important;}
.me-15 {
   margin-right: 15px !important;}
/**/
.mb-0 {
   margin-bottom: 0 !important;}
/* .mb-5 {
   margin-bottom: 5px !important;} */
.mb-10 {
   margin-bottom: 10px !important;}
.mb-15 {
   margin-bottom: 15px !important;}
.mb-25 {
   margin-bottom: 25px !important;}
.mb-40 {
    margin-bottom: 40px !important;}
.mb-80 {
   margin-bottom: 80px !important;}
.mb-90 {
   margin-bottom: 90px !important;}
/**/
.ms-0 {
   margin-left: 0 !important;}
.ms-10 {
   margin-left: 10px !important;}
.ms-15 {
   margin-left: 15px !important;}




/* padding */
/**/
.p-20 {
   padding: 20px !important;}
.p-30 {
   padding: 30px !important;}
.p-10 {
   padding: 10px !important;}
.p-40 {
   padding: 40px !important;}

/**/
.pt-0 {
   padding-top: 0 !important;}
.pt-15 {
   padding-top: 15px !important;}
.pt-20 {
   padding-top: 20px !important;}
.pt-30 {
      padding-top: 30px !important;}
.pt-40 {
   padding-top: 40px !important;}
.pt-50 {
   padding-top: 50px !important;}
.pt-100 {
   padding-top: 100px !important;}
/**/
.pe-0 {
   padding-right: 0 !important;}
.pe-20 {
   padding-right: 20px !important;}

/**/
.pb-0 {
   padding-bottom: 0 !important;}
.pb-10 {
   padding-bottom: 10px !important;}
.pb-15 {
   padding-bottom: 15px !important;}
.pb-30 {
   padding-bottom: 30px !important;}
.pb-50 {
   padding-bottom: 50px !important;}

/**/
.ps-0 {
   padding-left: 0 !important;}
.ps-15 {
   padding-left: 15px !important;}
.ps-20 {
   padding-left: 20px !important;}
.ps-30 {
   padding-left: 30px !important;}
.ps-40 {
   padding-left: 40px !important;}
.ps-70 {
   padding-left: 70px !important;}







/* xs <575 */
@media (max-width: 575px) {
}
/* sm 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {

}
/* md 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) {

}
/* lg 992 to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* xl 1200 to 1399 */
@media (min-width: 1200px) and (max-width: 1399px) {

}
/* xxl >1400 */
@media (min-width: 1400px) {

}
/* ----- */
/* zero-sm */
@media (max-width: 767px) {
.pe-25-zero-sm {
   padding-right: 25px !important;}
.mt-10-zero-sm {
   margin-top: 10px !important;}
.mt-15-zero-sm {
   margin-top: 15px !important;}
.mb-15-zero-sm {
   margin-bottom: 15px !important;}
.order-1-zero-sm {
   order: 1 !important;}
.order-2-zero-sm {
   order: 2 !important;}
.order-3-zero-sm {
   order: 3 !important;}
}
/* zero-md */
@media (max-width: 991px) {
.pe-70-zero-md {
   padding-right: 70px !important;}
.me-15-zero-md {
   margin-right: 15px !important;}
.pt-20-zero-md {
   padding-top: 20px !important;}
.mb-25-zero-md {
    margin-bottom: 25px !important;}
}
/* md-all */
@media (min-width: 768px) {
.me-15-md-all {
   margin-right: 15px !important;}
.mt-150-md-all {
   margin-top: 150px !important;}
.mb-0-md-all {
   margin-bottom: 0 !important;}
}
/* lg-all */
@media (min-width: 992px) {

}




/* main-div */
.main-div section:not(:first-child) {
    padding-top: 50px;
    padding-bottom: 50px;}
.main-div section:nth-child(odd) {
    background: #e4efe8;}
.main-div section:first-child {
    padding-top: 118px;}   
@media screen and (max-width: 767px) {
.main-div section:first-child {
    padding-top: 148px;}
}

/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2500px;
	padding: 0 100px;}
}
@media (max-width: 1199px) {
.wrapper {
	padding: 0 70px;}
}  
@media (max-width: 991px) {
.wrapper {
	padding: 0 50px;}
} 
@media (max-width: 767px) {
.wrapper {
	padding: 0 25px;}
} 
@media (max-width: 499px) {
.wrapper {
	padding: 0 15px;}
} 
	

/* header */
header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 100;
    padding-left: 20px;
    height: 80px;}
@media screen and (max-width: 767px) {
header {
    height: 110px;}
}

/* logo */
header .logo {
    display: inline-block;}
header .logo img {
  max-height: 55px;
  margin-top: 13px;
  margin-right: 10px;}
header .logo h5 {
  color: #076241;
  font-size: 13px;
  display: inline-block;}
@media screen and (min-width: 768px) {
header .logo h5 {
  max-width: 340px;
  position: relative;
  top: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
}
@media screen and (max-width: 767px) {
header .logo h5 {
  position: absolute;
  bottom: -35px;
  left: 15px;
  font-size: 12px;}
}

/* nav */
header nav {
    float: right;}
header .navbar-light .navbar-nav .nav-link {
    color: #040404;
    text-transform: capitalize;
    font-size: 12px;
    margin-top: 18px;
    padding: 5px 6px;}
header .navbar-light .navbar-nav .btn-login .nav-link {
    border-radius: 5px;
    margin-left: 15px;
    color: #fff;
    background-color: #24A36D;}
header .navbar-light .navbar-nav .nav-link:hover {
    color: #000;}
header .navbar-light .navbar-nav .nav-link.active {
    color: #000;
    font-weight: bold;}
header .navbar-light .navbar-toggler {
    width: 35px;
    height: 30px;
    border-color: transparent;
    padding: 0;
    margin-top: 17px;
    background: transparent;
    box-shadow: none;}
header .navbar-light .navbar-toggler span {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #040404;
    position: relative;}
header .navbar-light .navbar-toggler span:nth-child(1) {
    top: -10px;}
header .navbar-light .navbar-toggler span:nth-child(2) {
    top: -1px;}
header .navbar-light .navbar-toggler span:nth-child(3) {
    top: 8px;}
@media screen and (max-width: 1199px) {
header .navbar-collapse {
    position: absolute;
    top: 55px;
    right: 0;
    width: 230px;
    height: 100vh;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 40px 15px 60px 20px;}
header .navbar-light .navbar-nav .btn-login .nav-link {
    text-align: center;}
}



/* marquee */
.marquee {
    position: fixed;
    z-index: 10;
    background: #24A36D;
    width: 100%;
    top: 80px;
    padding-top: 10px;}
.marquee h4 {
    font-size: 14px;
    color: #fff;
    display: initial;
    margin-right: 35px;}
@media screen and (max-width: 767px) {
.marquee {
    top: 110px;}
}


/* more-btn */    
.more-btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    width: 89px;
    padding: 9px;
    font-size: 11px;
    margin-bottom: 15px;
    color: #fff;
    box-shadow: none;
    background-color: #24A36D;}

/* btn-large */    
.btn-large {
    min-width: 145px;
    font-size: 14px;
    padding: 10px;
    color: #fff;
    box-shadow: none;
    background-color: #168153;
    display: inline-block;}


/* contact-table */
.contact-table td {
  vertical-align: top;
  padding-top: 15px;
  font-size: 13.9px;
  color: #bdbfc5;}
.contact-table td img {
  height: 18px;
  padding-right: 15px;}
.contact-table td img[src="/static/frontpage/images/mail.png"] {
  height: 15px;}
.contact-table td a {
  display: block;
  color: #bdbfc5;
  text-decoration: none;}
.contact-table td a:hover {
  color: #fff;}



  
/* item */
.item {
    padding: 15px 0;}
.item h2 {
    margin-bottom: 12px;}
.item h6 {
    font-size: 12px;
    margin-bottom: 2px;}
.item p {
    margin-top: 10px;}

/* list-items */
.list-items {
    padding-right: 15px;
    border: 1px solid #e2e2e2;
    background: #4a4a4a;
    border-radius: 10px;
    color: #fff;
    /*overflow-x: hidden;*/}
.list-items ul {
    padding-left: 0;}
.list-items ul li {
    list-style: none;
    display: inline-flex;
    width: 100%;}
.list-items h4 {
    padding-top: 30px;
    padding-bottom: 5px;
    font-size: 17px;
    color: #0c0c0c;
    text-align: center;}
.list-items .fa-circle {
    margin-right: 10px;
    font-size: 8px;
    margin-top: 3px;
    color: #59946e;}
.list-items h5 {
    font-size: 14px;}
.list-items li a {
    color: #fff;}
.list-items li a:hover {
    color: #59946e;}
@media screen and (max-width: 767px) {
.list-items {
    padding: 30px 50px 10px;}
}


/* card-item */	
.card-item {
    position: relative;
    margin-bottom: 7px;}
.card-item .card-pic img {
    height: 300px;
    object-fit: cover;
    width: 100%;}
 .card-item .card-heading {
    color: #444646;
    font-size: 16px;
    padding: 15px 10px;
    width: 100%;}
.card-item .card-heading h4 {
    font-size: 21px;
    margin-bottom: 0;}
.card-item .card-heading h5 {
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 5px;}
.card-item .card-heading a {
    color: #444646;}



/* nice-box */
.nice-box {
    text-align: center;}
.lightbox-card.nice-box  {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 5px 4px 27px #0000006b}
.lightbox-card.nice-box img {
      width: 100%;
    display: block;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    height: 250px;
    object-fit: cover;}
  .nice-box .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 90px;
    width: 100%;
    padding: 16px 10px;
    background: #fff;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    will-change: transform;}
  .nice-box .caption h3 {
    margin-top: 0;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
  .lightbox-card.nice-box:hover .nice-box .caption {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);}
  .lightbox-card.nice-box:hover img {
    -webkit-transform: translateY(-38px);
            transform: translateY(-38px);}      
.tz-gallery .lightbox:before {
      position: absolute;
      top: 43%;
      left: 50%;
      margin-top: -13px;
      margin-left: -13px;
      opacity: 0;
      color: #fff;
      font-size: 26px;
      font-family: 'Glyphicons Halflings';
      content: '\e003';
      pointer-events: none;
      z-index: 10;
      transition: 0.4s;}
.tz-gallery .lightbox:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      content: '';
      transition: 0.4s;}
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
      opacity: 1;}	
  @media screen and (max-width: 991px) {
  .lightbox-card.nice-box img {
      height: 200px;}
  }	
  @media screen and (max-width: 767px) {
  .nice-box .caption h3 {
     font-size: 14px;} 
  }	
  @media screen and (max-width: 499px) {
  .lightbox-card.nice-box img {
      height: 150px;}
  }

  

/* khatib-info */
.khatib-info {    
  margin-top: 50px;
  border-radius: 15px;
  box-shadow: 5px 7px 25px #00833e38;
  padding: 25px;}
.khatib-info .profile {
  max-height: 300px;}
.khatib-info h4 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 40px;}
.khatib-info table th,
.khatib-info table td {
  padding-bottom: 10px;
  padding-right: 10px;}
.khatib-info table th {
  font-size: 15px;}
.khatib-info table td {
  font-size: 13px;}
.khatib-info table th a {
  text-decoration: none;
  color: #000;}
@media screen and (max-width: 767px) {
.khatib-info .profile {
  margin-bottom: 30px;}
}	



/* home */
/* carousel, mahall-updates, default-img */
#home .carousel, #home .carousel-inner, #home .carousel-item, #home .carousel-item img, #home .mahall-updates,
#home .default-img {
    height: 85vh;} 
#home .container-fluid {
    padding-right: 0;
    padding-left: 0;
    overflow-x: hidden;} 
#home .carousel-item img {
    object-fit: cover;}
#home .carousel-caption {
    top: 35%;} 
#home .carousel-caption h4:not(:empty),
#home .carousel-caption h5:not(:empty) {
    background: #1d191f3b;
    padding: 20px;}
#home .carousel-caption h4 {
    font-size: 24px;
    margin-bottom: 0;} 
#home .carousel-caption h5 {
    font-size: 16px;
    padding-top: 25px;} 
#home .default-img {
    object-fit: cover;}
@media screen and (max-width: 767px) {
#home .mahall-updates {
    height: auto;}
#home .carousel-caption {
    top: 25%;} 
}



/* about */
#about p {
    margin-top: 15px;}




/* gallery */
.gallery .more-btn {
    margin-top: 15px;}
.gallery .lightbox-card.nice-box a:not(:last-of-type) {
    display: none;}


/* gallery_view */
#gallery_view .item img {
    width: 33.333333%;
    float: left;
    padding: .5%;
    border-radius: 10px;
    background: #f1f1f1;}
#gallery_view .a-btn {
    margin-top: 20px;
    display: inline-block;}
@media screen and (max-width: 767px) {
#gallery_view .item img {
    width: 50%;}
}


/* mahallu_update_view */
#mahallu_update_view img {
    margin-bottom: 20px;}



/* contact */
/* table */
#contact .info {
    background-color: #fff;
    padding: 12px 20px;
    box-shadow: 1px 11px 39px #d9d9d9;
    border-radius: 5px;
    height: 100%;
    font-size: 13px;}
#contact table td:first-child {
    width: 10%;}
#contact table td:last-of-type {
    width: 1%;}
#contact table th:first-of-type {
    width: 50%;}
#contact table th a {
    color: #212529;}
#contact table td,
#contact table th {
    padding-top: 5px;}
#contact table tbody tr:first-child td,
#contact table tbody tr:first-child th {
    padding-top: 20px;}
#contact table tbody tr:last-child td,
#contact table tbody tr:last-child th {
    padding-bottom: 20px;}	


/* login */
#login form {
    position: absolute;
    z-index: 20;
    width: 330px;
    height: 530px;
    background-color: #fff;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -165px;
    margin-top: -265px;
    box-shadow: 5px 15px 25px #168b60;
    border-radius: 25px;}
#login form .div-col {
    margin-left: 25px;
    margin-right: 25px;
    display: flex;
    margin-bottom: 15px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 2px 13px 17px #cfd0d1;}
#login form .logo {
   max-height: 80px;
   max-width: 100%;
   margin-top: 55px;
   margin-bottom: 60px;}
#login form input {
    border: none;
    outline: none;
    width: 100%;
    border-radius: 25px;
    margin-right: 10px;
    color: #3f4040;
    padding: 13px 20px 10px;
    background: transparent;}
#login form .icon {
    height: 20px;
    margin-top: 11px;
    margin-right: 18px;
    opacity: .8;}
#login form .btn-col {
    margin-left: 25px;
    margin-right: 25px;}
#login form .btn-col button {
    width: 100%;
    text-transform: uppercase;
    background-color: #24A36D;
    color: #fff;
    border-radius: 25px;
    margin-top: 22px;
    font-size: 17px;
    padding: 16px;
    box-shadow: none;}
#login form p {
  font-size: 10px;
  color: #424242;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 98px;}
#login form p a,
#login form p a:hover {
    color: #545454;}



/* message_wrapper */
.message_wrapper {
    width: 390px;
      text-align: center;
      z-index: 999;
      position: fixed;
      top: 35px;
      margin: 0 auto;
      left: 0;
      right: 0;}
  .message_wrapper .message_common {
    border-radius: 3px;}
  .message_common.success .fa-exclamation-triangle,
  .message_common.error .fa-check {
    display: none;} 
  .message_wrapper .message_common .fa-times {
    float: right;
      padding: 5px;
      cursor: pointer;
      margin: 6px;}
  .message_wrapper .message_common h3 {
    font-size: 17px;
      padding: 25px 5px;}
  .message_wrapper .message_common h3 .fa {
    margin-right: 8px;
    font-size: 20px;} 
  /**/  
  .message_common.error {
    color: #ff3c3c;
    background: #fbeded;
    border: 1px solid #f9c7c7;}
  .message_common.success {
    background: #f4f7f4;
    color: #6df742;
    border: 1px solid #d7e4d3;}     
  @media screen and (max-width: 499px) {
  .message_wrapper {
    width: 100%;}
  }  






/* top-footer */
footer .top-footer {
  background-color: #232323;
  padding-top: 60px;
  padding-bottom: 45px;}


/* info */
footer .top-footer .info .a-logo {
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;}
footer .top-footer .info .a-logo img {
  max-height: 100px;}
footer .top-footer .info h5 {
  font-size: 15px;
  margin-top: 40px;
  margin-right: 30px;
  line-height: 24px;
  color: #fff;}
@media (max-width: 767px) {
footer .top-footer .info h5 {
  font-size: 13px;
  margin-top: 30px;
  line-height: 20px;}
}



/* contact-table */
footer .top-footer .contact-table td {
  font-size: 19px;}
footer .top-footer .contact-table tr:not(:first-of-type) td {
  padding-top: 22px;}
footer .top-footer .contact-table td img {
  height: 30px;
  padding-right: 20px;}
footer .top-footer .contact-table td img[src="/static/frontpage/images/mail.png"] {
  height: 22px;}
@media (max-width: 991px) {
footer .top-footer .contact-table {
  margin-top: 30px;}
}
@media (max-width: 767px) {
footer .top-footer .contact-table td {
  font-size: 15px;}
footer .top-footer .contact-table tr:not(:first-of-type) td {
  padding-top: 20px;}
footer .top-footer .contact-table td img {
  height: 25px;
  padding-right: 15px;}
footer .top-footer .contact-table td img[src="/static/frontpage/images/mail.png"] {
  height: 17px;}
}



/* bottom-footer */
footer .bottom-footer {
  background: #1c1c1c;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;}
footer .bottom-footer p {
  color: #676762;
  font-size: 13px;
  margin-bottom: 0;}
footer .bottom-footer p span {
  display: inline-block;}
footer .bottom-footer p a {
  font-family: airbnb_cereal_appmedium;
  text-decoration: none;
  color: #747370;}
footer .bottom-footer p a:hover {
  color: #a5a4a3;}
@media (max-width: 991px) {
footer .bottom-footer p {
  font-size: 12px;}
footer .bottom-footer {
  padding-top: 15px;
  padding-bottom: 15px;}
}