/*
----------------------------------------------------------------------------------------------------
CONTENT
----------------------------------------------------------------------------------------------------
*/

/*

1. Root COLORS
2. Text on Image
3. Image Sizing
4. Go Back
5. Background Colours
6. Top Ribbon
7. Main Off Canvas Bar
8. Main Offcanvas Menu
9. Page Off Canvas Bar
10. Page Offcanvas Menu
11. Accordion
12. Index Spotlight
13. Page Header
14. Page Title
15. Logo Bar
16. Sorted in Lagos
17. Subpage offcanvass Bar
18. Subpage offcanvass Menu
19. Index Search
20. Spotlight Owl Carousel
-------------------------------------------------------------------------------------------
*/





/*
----------------------------------------------------------------------------------------------------
Responsive Media Query
----------------------------------------------------------------------------------------------------
*/

/* Smartphones (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
}*/

/* Smartphones (landscape) ----------- 
@media only screen 
and (min-width : 321px) {

}*/

/* Smartphones (portrait) ----------- 
@media only screen 
and (max-width : 320px) {

}*/

/* iPads (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}*/

/* iPads (landscape) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}*/

/* iPads (portrait) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}*/

/* Desktops and laptops -----------
@media only screen 
and (min-width : 1224px) {
} */

/* Large screens -----------
@media only screen 
and (min-width : 1824px) {

} */

/* iPhone 4 ----------- 
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}*/

/**/

/* Extra small devices (phones, 600px and down) 
@media only screen and (max-width: 600px) {...}*/

/* Small devices (portrait tablets and large phones, 600px and up) 
@media only screen and (min-width: 600px) {...}*/

/* Medium devices (landscape tablets, 768px and up) 
@media only screen and (min-width: 768px) {...}*/

/* Large devices (laptops/desktops, 992px and up) 
@media only screen and (min-width: 992px) {...}*/

/* Extra large devices (large laptops and desktops, 1200px and up) 
@media only screen and (min-width: 1200px) {...}*/






/*  XXXXXX  EKOLAGOS ADMIN  eko admin ekoladmin eko ad xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*
-------------------------------------------------------------------------------------------
1. ROOT COLORS
-------------------------------------------------------------------------------------------
*/

:root {
  --eko-theme-color-1: rgba(253,126,20,1.0);
  --eko-theme-color-2: rgba(39,63,79,1.00);
  --eko-theme-color-3: rgba(68, 125, 155,1.00);
  --eko-theme-color-4: rgba(215,215,215,1.00);
  --eko-theme-color-mint: #D7DE14;
  --eko-orange-100: rgba(253,126,20,1.00);
  --eko-orange-50: rgba(253,126,20,0.5);
  --eko-logo-100: rgba(44,196,175,1.00);

}



/*
----------------------------------------------------------------------------------------------
2.Text on Image
----------------------------------------------------------------------------------------------
*/

 .text-on-image-center {position: absolute;text-align: center; color:black; background-color:rgba(106,104,104,0.60);
}




 .center-text-on-img {position: absolute;text-align: center; color:black; background-color:#fff;
}



/*
-----------------------------------------------------------------------------------------------
3. Image sizing
-----------------------------------------------------------------------------------------------
*/
.img-cover{
width: 100%;
height: 100%;
object-fit:cover;
}


/*
----------------------------------------------------------------------------------------------------
4. GO BACK
----------------------------------------------------------------------------------------------------
*/

.go-back-section{
        background-color:;
				}
.go-back-link{
		
		}
.go-back-section a{
		color:black;
		}

.go-back-link-text{
		
		}


/*
----------------------------------------------------------------------------------------------
5. BACK GROUND COLORS
-----------------------------------------------------------------------------------------------
*/

.bg-gray{ background-color:rgba(90,87,84,0.57);
color:rgba(239,239,239,1.00);}

.bg-gray a{color:rgba(239,239,239,1.00);}	




/*
-------------------------------------------------------------------------------------------
6. TOP RIBBON
-------------------------------------------------------------------------------------------
*/

.top-ribbon-section{ background-color:rgba(224,221,216,0.87);}

.top-ribbon-container{}
.top-ribbon-row{}

.top-ribbon-col{}

.top-ribbon-span{color:rgba(5,5,5,1.00); font-weight:bold;}

.top-ribbon-span a{text-decoration:none;}	


/*
----------------------------------------------------------------------------------------------------
7. MAIN OFF CANVAS BAR
----------------------------------------------------------------------------------------------------
*/


.main-offcanvas-bar-section { background-color:rgba(8,4,37,1.00);
	 
}



.main-offcanvas-bar-container { 
	 
}

.main-offcanvas-bar-row { background-color:var(--site-primary-color);
	 
}
.main-offcanvas-bar-col { 
	 
}

.main-offcanvas-bar-title { 
	 
}

.main-offcanvas-bar-title a{ 
	 
}
.main-offcanvas-bar-button { background-color:black;
	 
}

.main-offcanvas-bar-icon {color:lightblue;
	 
}

/*
----------------------------------------------------------------------------------------------------
8. MAIN OFF CANVAS MENU
----------------------------------------------------------------------------------------------------
*/

.main-offcanvas-menu-toggler { 
	 
}

.main-offcanvas-menu-toggler  button{ 
	 
}
.main-offcanvas-menu-wrapper { background-color:white;
	 
}

.main-offcanvas-menu-header { background-color:rgba(21,23,69,1.00);
  
}

.main-offcanvas-menu-header-title { color: #FFFFFF;
  
}

.main-offcanvas-menu-body { 
  
}


.main-offcanvas-menu-body a{ 
  
}

.main-offcanvas-menu-body a:hover{ 
  
}
.main-offcanvas-menu-row{ 
  
}
.main-offcanvas-menu-col{ 
  
}
	
.main-offcanvas-menu-link{ text-decoration: none; 
  
}

.main-offcanvas-menu-group-divider { background-color:rgba(21,23,69,1.00);
color:white;
  
}





/*
------------------------------------------------------------------------------------------
9. PAGE OFF CANVAS BAR WITH LEFT PAGE NAME
-----------------------------------------------------------------------------------------
*/
.page-offcanvas-bar-wrapper {
	 
}

.page-offcanvas-bar-section { background-color:lightskyblue;
	 
}

.page-offcanvas-bar-container {
	 
}

.page-offcanvas-bar-row {
	 
}
.page-offcanvas-bar-col { 
	 
}

.page-offcanvas-bar-page-name-wrapper{
	 
}
.page-offcanvas-bar-page-section-name{color:black; font-size:1.0rem;
	 
}

.page-offcanvas-bar-page-name{
    color:black;
    font-size:1.5rem;
    text-decoration: none;
    font-weight: bold;
	 
}


.page-offcanvas-bar-page-name-link {color:black;
text-decoration:none;
	 
}


.page-offcanvas-bar-menu-icon-wrapper{
	 
}




/*
----------------------------------------------------------------------------------------------------
10. PAGE OFF CANVAS MENU
----------------------------------------------------------------------------------------------------
*/

.page-offcanvas-menu-wrapper {;
	 
}

.page-offcanvas-menu-header { background-color:var(--eko-theme-color-2);
  
}

.page-offcanvas-menu-header-title { color: #FFFFFF;
text-decoration:none;
  
}

.page-offcanvas-menu-body { 
  
}


.page-offcanvas-menu-row{
    margin: 0.7rem 0rem;

}
.page-offcanvas-menu-col{ 
  
}
.page-offcanvas-menu-col a{ color:black;
  
}	
.page-offcanvas-menu-link{ text-decoration:none;
  
}

.page-offcanvas-menu-group-divider { background-color:rgba(21,23,69,1.00);
color:white;
  
}



/*
----------------------------------------------------------------------------------------------------
11. ACCORDION
----------------------------------------------------------------------------------------------------
*/
.accordion-section{ background-color:;}
.accordion-section-container{ background-color:;}
.accordion-section-row{ background-color:;}
.accordion-section-col{ background-color:;}

.accordion-title-bar-row{ background-color: var(--eko-orange-100);}
.accordion-title-bar-col{}
.accordion-title-bar-text{color:rgba(2,2,2,1.00);}
.accordion-title-bar-icon{color:rgba(0,0,0,1.00);}



/*
-----------------------------------------------------------------------------------
12. INDEX SPOTLIGHT 
-------------------------------------------------------------------------------
*/

.spotlight-container {
  position: relative;
  display:block;
 width: 100%;
    height:auto; }

.spotlight-image-container {
  position: relative;
  display: block;
    width: 100%;
}

.spotlight-image-container img {
  display: block;
  width: 100%;
  height: auto;
}

.spotlight-overlay-red {
  position:absolute;
  display: block;
    width: 100%;
    min-height: 100%;
    top:0px;
    left: 0px;
     background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(255,0,0,1));
    
}

.spotlight-overlay-black {
  position:absolute;
  display: block;
    width: 100%;
    min-height: 100%;
    top:0px;
    left: 0px;
     background-image: linear-gradient(to left, rgba(229,237,98,0), rgba(158,135,135,1));

}



.spotlight-overlay-text {
  position: absolute;
  width: 100%;
    height:100%;
  top: 0; 
  left: 0;
  background-color:transparent; 

 }

.spotlight-overlay-text-box {
  position:relative;
  top: 0%; 
  left: 0%;
  transform: translate(0%, 0%); 
 /* background-color: rgba(0,0,0,0.30); */
  color: #fff; 
  padding: 10px 20px; 
 
}
.spotlight-overlay-text-left {
  position: absolute;
  top:100px;
  left:100px;
  /*background-color: rgba(0,0,0,0.30); */
  color: #fff; 
  padding: 10px 20px; 
 
}

.spotlight-overlay-text-right {
 position: absolute;
 bottom:20px;
 right:20px;
  /*background-color: rgba(0,0,0,0.30); */
  color: #fff; 
  padding: 10px 20px; 
 
}

/*
.spotlight-overlay-text-left{
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%); 
  background-color: rgba(0,0,0,0.30); 
  color: #fff; 
  padding: 10px 20px; 
 
}*/


@media only screen and (max-width : 600px) {
.index-spotlight-carousel-title{ font-size:7vw;}
.index-spotlight-carousel-pretitle{ font-size:6vw;}
.index-spotlight-carousel-subtitle{ font-size:4.5vw;}
.index-spotlight-carousel-subtitle a{ font-size:5vw;}
.index-spotlight-carousel-link{ font-size:4vw;}
}

@media only screen and (min-width : 600px) {
.index-spotlight-carousel-title{ font-size:4.5vw;}
.index-spotlight-carousel-subtitle{ font-size:2.5vw;}
.index-spotlight-carousel-pretitle{ font-size:2.0vw;}
.index-spotlight-carousel-subtitle a{ font-size:2vw;}
.index-spotlight-carousel-link{ font-size:4vw;}
.spotlight-overlay-text{ font-size:5vw;}
.spotlight-overlay-text-right{ font-size:5vw;}
.spotlight-overlay-text-left{ font-size:5vw;}    
}



/*
---------------------------------------------------------------------------------------------
13. PAGE HEADER
---------------------------------------------------------------------------------------------
*/

.page-header-section{ background-color:rgba(248,163,2,0.87);}

.page-header-container{}
.page-header-row{}

.page-header-col{}

.page-header-name{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}

.page-header-name a{color:rgba(69,64,64,1.00); text-decoration:none;}	

.page-header-link {color:rgba(69,64,64,1.00); }	
.page-header-link a{color:rgba(69,64,64,1.00);  text-decoration:none;}	




/*
-----------------------------------------------------------------------------------------------
14. PAGE TITLE
-----------------------------------------------------------------------------------------------
*/

.page-title-section{ background-color:rgba(255,255,255,0.87);}

.page-title-row{}

.page-title-col{color:rgba(69,64,64,1.00); font-weight:bold;}

.page-title-name{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}

.page-title-name a{color:rgba(69,64,64,1.00); font-weight:bold;}

.page-title-link a{color:rgba(69,64,64,1.00); font-weight:bold;}




/*
-----------------------------------------------------------------------------------------------
14. PAGE RESULT HEADER
-----------------------------------------------------------------------------------------------
*/

.page-result-section{ background-color:rgba(255,255,255,0.87);}

.page-result-row{}

.page-result-col{color:rgba(69,64,64,1.00); font-weight:bold;}

.page-result-name{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}

.page-result-name a{color:rgba(69,64,64,1.00); font-weight:bold;}

.page-result-link a{color:rgba(69,64,64,1.00); font-weight:bold;}





/*
----------------------------------------------------------------------------------------------------
15. LOGO BAR
----------------------------------------------------------------------------------------------------
*/

/*.site-logo-bar{ background-color:#0c2423;}*/

/*.site-logo-bar a{ text-decoration:none; color:#fd702d; }*/

.site-logo-text{ color:white;
 text-transform: uppercase;
font-weight:bold;
letter-spacing: 4px;   
}

.site-logo-slogan{color:yellow;
	 
}



/* Small Mobile (portrait and landscape) ----------- */
@media only screen 

and (max-device-width : 299px) {
	
.site-logo-text{ font-size:1.3rem; color: red;
    
}	
    
.site-logo-slogan{ font-size:1.5rem;
}

}

/* Mobile (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 768px) {
	
.site-logo-text{ font-size:1.3rem;
    
}	
    
.site-logo-slogan{ font-size:1.0rem;
}

}



/* Desktop (portrait and landscape) ----------- */

@media only screen and (min-width: 992px) {
	
.site-logo-text{ font-size:2rem;
	}	
    
.site-logo-slogan{ font-size:1.3rem;
}    
    
}







/*
-------------------------------------------------------------------------------------
16. SORTED IN Lagos
--------------------------------------------------------------------------------------
*/

.index-sorted-section-bg{ background-color:rgba();}

.index-sorted-container-bg{ background-color:rgba(233,243,249,1.00)}

.index-sorted-text{color:rgba(19,244,244,1.00);}



/*
------------------------------------------------------------------------------------------
17. SUBPAGE OFF CANVAS BAR
-----------------------------------------------------------------------------------------
*/
.subpage-offcanvas-bar-wrapper {
	 
}

.subpage-offcanvas-bar-section { background-color:rgba(240,213,240,1.00);
	 
}

.subpage-offcanvas-bar-container {
	 
}

.subpage-offcanvas-bar-row {
	 
}
.subpage-offcanvas-bar-col { 
	 
}

.subpage-offcanvas-bar-subpage-name{color:black; font-size:1.1rem;
	 
}

.subpage-offcanvas-bar-page-name a{
	 
}

.subpage-offcanvas-bar-subpage-name-link {color:black;
text-decoration:none;
	 
}

.subpage-offcanvas-bar-menu-icon-wrapper{
	 
}



/*
-----------------------------------------------------------------------------------
18. SUBPAGE OFF CANVAS MENU
-----------------------------------------------------------------------------------
*/


/*
.subpage-offcanvas-menu-wrapper { background-color:var(--eko-theme-color-1);
	 
}*/

.subpage-offcanvas-menu-header { background-color:var(--eko-theme-color-2);
  
}

.subpage-offcanvas-menu-header-title { color: #FFFFFF;
text-decoration:none;
  
}

.subpage-offcanvas-menu-body { 
  
}


.subpage-offcanvas-menu-row{
	 border-bottom-color:rgba(243,233,233,1.00); margin: 1.5rem 0rem;

}
.subpage-offcanvas-menu-col{ 
  
}
.subpage-offcanvas-menu-col a{ color:black;
  
}	
.subpage-offcanvas-menu-link{ text-decoration:none;
  
}

.subpage-offcanvas-menu-group-divider { background-color:rgba(21,23,69,1.00);
color:white;
  
}


/*
------------------------------------------------------------------------------------
19. INDEX SEARCH
-------------------------------------------------------------------------------------
*/
.index-search-section{}
.index-search-section-container{}
.index-search-section-row{}
.index-search-section-col{background-color:rgba(181,217,247,1.00);}

.index-search-title-bar-row{}
.index-search-title-bar-col{}
.index-search-title-bar-text{}
.index-search-title-bar-icon{}




/*
------------------------------------------------------------------------------------
19. SPOTLIGHT OWL SLIDER 
-------------------------------------------------------------------------------------
*/

.spotlight-owl-wrapper-section {
}

.spotlight-owl-wrapper-container {
  }

.spotlight-owl-wrapper-row {
  }

.spotlight-owl-wrapper-col {
  }

.spotlight-owl-header-row{
  }
.spotlight-owl-header-col{
  }



.spotlight-owl-card{
  }
.spotlight-owl-card-header{
  }
.spotlight-owl-card-body{
  }
.spotlight-owl-card-footer{
  }







/*
--------------------------------------------------------------------------
OVERLAY 
--------------------------------------------------------------------------
*/
.overlay-gray{ position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(156,137,137,0.70);
color:black;}

.overlay-1{ position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(156,137,137,0.70);
color:white;}

.font-lighter{font-weight:lighter;}









/*
--------------------------------------------------------------------------
Font general
--------------------------------------------------------------------------
*/
.font-small-caps{font-variant-caps:all-small-caps;}

.font-lighter{font-weight:lighter;}






 

/*
------------------------------------------------------------------------------------------------------
Text Color
------------------------------------------------------------------------------------------------------
*/

.text-white{color:#fff;   
	}

.text-red{color:#EF0108;   
	}

.text-black{color:#000;  
	}

.text-gray{color:rgba(248,245,245,0.45);   
	}
	
.text-yellow{color:rgba(255,255,0,1.00); }  


.text-navy{color:rgba(13,12,61,0.90); } 

/*TEXT COLOR*/
	
	



/*
-------------------------------------------------------------------------------------
MARKETPLACE
--------------------------------------------------------------------------------------
*/

    
.marketplace-header { }

.marketplace-modal-button-bar { background-color:; } 
    
.marketplace-top-header {}

.marketplace-subpage-header { background-image:url(../graphics/index/bg-eyo.png); background-repeat:no-repeat; background-size:cover;}

.marketplace-product-search-item{
font-size: 1.2rem;
color: black;
font-weight: bold;
}   
    
.marketplace-product-search-item-count{
font-size: 1.1rem;
color: green;
}    

.marketplace-product-paging-container{
font-size: 1.2rem;
color: black;
font-weight: bold;
} 

.marketplace-product-paging-row{
font-size: 1.2rem;
color: black;
font-weight: bold;
}

.marketplace-product-paging-col-img{

}

.marketplace-product-paging-col-details{

}


.marketplace-product-paging-adtitle{
font-size: 1.2rem;
color: black;

}
 


    
/*
------------------------------------------------------------------------------------------------------
MARKETPLACE OWNER
------------------------------------------------------------------------------------------------------
*/    
    
.marketplace-owner-verify { color:black;}

.marketplace-owner-header { color:black;
	
	}

.marketplace-owner-nav {background-color:#F0F3A0; color:black; height:40px;
	
	}
	
.marketplace-owner-nav a{color:black;
	
	}	
.marketplace-owner-page-title {  color:black; height:auto;
	
	}







/*
---------------------------------------------------------------------------------------
PAGING CONTROL
-------------------------------------------------------------------------------------------
*/
.paging-control-section {
  background-color: rgba(192,177,177,0.54);
  }  
.paging-control-container {
  background-color: rgba(192,177,177,0.54);
  } 

.paging-control-row {
  background-color: rgba(192,177,177,0.54);
  } 

.paging-control-col {
  background-color: rgba(192,177,177,0.54);
  } 

.paging-control-previous {
  background-color: rgba(192,177,177,0.54);
  }

.paging-control-next {
  background-color: rgba(192,177,177,0.54);
  }


.paging-control-link {
  background-color: rgba(192,177,177,0.54);
  }


.paging-control-current-page{
  background-color: rgba(192,177,177,0.54);
  }

  
/*
-----------------------------------------------------------------------------------------------------
// PAGING CONTROL
-----------------------------------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------------------
PAGING  LIST
-----------------------------------------------------------------------------------------
*/

.paging-list-section {
  background-color: rgba(192,177,177,0.54);
  }
.paging-list-container {

  }

.paging-list-row {
 
    
  }
.paging-list-col {
  
  }
.paging-list-details {
  background-color: rgba(192,177,177,0.54);
  }  
  
.paging-list-status {
  background-color: rgba(192,177,177,0.54);
  font-size:18px;
  font-weight:bold; }
 
 .paging-list-img {
  object-fit:cover;
  width:100%;
  height:100px;
  }
  
 
 








/*
------------------------------------------------------------------------------------------------------
ON MY MIND
------------------------------------------------------------------------------------------------------
*/
.onmymind-search-item {
}	 

.onmymind-search-onmymind { font-weight:lighter;
}

.onmymind-search-again { font-weight:lighter;
}	
 
 .onmymind-search-limelight-text {position: absolute;text-align: center; color:black; background-color:#fff;
}
 
  .onmymind-search-spotlight-text {position: absolute;text-align: center; color:black;
}
 
  
  
  
  
  
/*
-----------------------------------------------------------------------------------------
EMPLOYME
-------------------------------------------------------------------------------------------
*/
  
  .bg-employme-homepage-header {color:rgba(251,248,248,1.00);
 }
  
 /*  .bg-employme-header { background-image:url(../graphics/employme/bg-header-1920.jpg); background-color:#0F1B53; color:rgba(251,248,248,1.00);
 } */
  
    .bg-employme-header { background-image: url(../graphics/index/dream-employee-man-1028-400.jpg); background-size:cover; background-position:right; 
 }  
  


/*
-----------------------------------------------------------------------------------------------
LAGOS WEEKEND
------------------------------------------------------------------------------------------------
*/
  
 .bg-lagosweekend-index-section {color:rgba(251,248,248,1.00);
 }

  .bg-lagosweekend-index-header {color:rgba(251,248,248,1.00);
 }
  




/*
------------------------------------------------------------------------------------------------------
SITEPAGES
------------------------------------------------------------------------------------------------------
*/
.sitepage-bg-onmymind 
{background-color:rgba(126,107,108,0.50); background-image: url(../sitepages/graphics/bg-sitepage-services.jpg); height:500px;
  }	
  
  .sitepage-bg-services 
  {background-color:rgba(126,107,108,0.50); background-image: url(../sitepages/graphics/bg-sitepage-services.jpg); height:500px;
  }	
  
  .sitepages .lead
   { font-size:50px; color:white;
  }
  





/*
---------------------------------------------------------------------------------------------------
OWNER MARKET PLACE
---------------------------------------------------------------------------------------------------
*/

.ownershop-header-section{ background-color:rgba(61,41,63,0.87);}

.ownershop-header-container{}

.ownershop-header-title{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}

.ownershop-header-subtitle{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}


.ownershop-header-shop-section{ background-color:rgba(190,80,205,0.87);}


.ownershop-spotlight-section{ background-color:rgba(61,41,63,0.87);}
.ownershop-spotlight-section{ color:rgba(255,255,255,1.00);}

.ownershop-header-shop-container{}
.ownershop-header-shop-row{}
.ownershop-header-shop-col{}
.ownershop-header-shop-title{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}

.ownershop-header-shop-subtitle{color:rgba(5,5,5,1.00); font-weight:bold; text-decoration:none;}




/*
------------------------------------------------------------------------------------------------------
OWL NAV BUTTONS
------------------------------------------------------------------------------------------------------
*/

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 10px;
    top: 50%;
    background-color: var(--base-color) !important;
    display: block;
    padding: 0.3em !important;
    font-size: 2vw;
    /* margin: 0;*/
    cursor: pointer;
    color: #000;
    transform: translate(-50%, -50%);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: 10px;
    top: 50%;
    background-color: var(--base-color) !important;
    display: block ;
    padding: 0.3em !important;
    font-size: 2vw ;
    /*margin: 0;*/
    cursor: pointer;
    color: #000;
    transform: translate(-50%, -50%);
}



/*
-----------------------------------------------------------------------------------------------
LIVING IN LAGOS
----------------------------------------------------------------------------------------------------
*/
.lagosliving-header-section{ background-color:;}


/*
---------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------
*/

.footer-bg {
	background-color: rgba(0, 0, 0, 0.40);
     color: #fff; }

.footer-link  a{
  color: rgba(14,18,35,0.94);
  font-size:16px;
   }

.footer-title {
  color: rgba(42,28,28,1.00);
  font-size:18px;
  font-weight:bold; }
 
 .overlayindex {
	position:absolute;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10;
    padding: 1.25rem;
    color: #fff; }
  
.section-footer .overlay {
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10;
    padding: 1.25rem;
    color: #fff; }
	

/*  END FOOTER*/