/*!
Theme Name: Alo
Theme URI: http://underscores.me/
Author: IPSTUDIO
Author URI: https://ipstudio.co/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ipstudio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Alo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
body{
	font-family: 'Proxima';
}
h1, h2, h4, h5, h6 {
	font-family: 'Arquitecta';
}

p{
	font-family: 'Proxima';
}
#owl-demo .item{
	margin: 3px;
}
#owl-demo .item img{
	display: block;
	 width: 296px;
	width: 100%;
	 height: auto;
    aspect-ratio: 320/180;
}
h3.slider-heading svg {
    color: #0d0d0da8;
}
.top-header {
	background: black;
	padding: 10.5px 0px;
}

.top-header ul {
	list-style-type: none;
	margin-bottom: 0;
	padding:0px;
}

.top-header ul li {
	display: inline-block;
}

.top-header a {
	font-family: 'Arquitecta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-decoration: none;
    color: white;
    padding: 15px 50px;
}

.top-left {
	float: right;
}
a.navbar-brand img {
	width: 181px;
	height: 40px;
}
a.nav-link {
	font-family: 'Arquitecta';
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 18px;
	color: black;
	text-transform: uppercase;
}

li.nav-item {
	padding-left: 25px;
}
a.nav-btn {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
	background: black;
	color: white;
	text-transform: uppercase;
	padding: 13.5px 32px;
	    border-radius: 5px;
}
.banner-image {
	height: 565px;
	position: relative;
}

.banner-image img {
	height: 565px !important;
	object-fit: cover;
	width: 100%;
}
.overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
}

.banner-content {    
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
}
div#page .banner-image .overlay>.container {
    height: 100%;
}
h2.banner-text.g-h2.text-center {
	color: white;
	font-style: normal;
	font-weight: 800;
	font-size: 6.18vh;
	line-height: 50px;
	letter-spacing: 0.08em;
	margin-bottom: 22px;
}

p.g-p.text-center {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 27px;
	/* identical to box height */
	text-align: center;
	color: #FFFFFF;
}

a.b-btn {
	    font-family: 'Arquitecta';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.08em;
    color: black;
    text-decoration: none;
    background: white;
    border-radius: 5px;
    padding: 12px 30px;
    transition: all 0.15s ease-in-out 0s;
}
a.b-btn:hover {
    background-color: rgb(36, 36, 36);
    border-color: rgb(36, 36, 36);
    color: rgb(255, 255, 255);
}
.banner-btn1.text-center {
	margin-top: 43px;
}
a.f-f {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

.banner-btn2.text-center {
	margin-top: 82px;
}
section.second-section {
	margin-top: 50px;
	margin-bottom: 100px;
}

h2.g-h3.text-center {
	font-family: 'Arquitecta';
	font-style: normal;
	font-weight: 800;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.08em;
	color: #000000;
}

p.g-p1.text-center {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 38px;
	text-align: center;
	color: #3B3B3B;
}
.home-slider {
	margin-top: 80px;
	margin-left: 96px;
}
a.f-f:after {
    display: block;
    content: '';
    border-bottom: solid 1px white;
    transform: scaleX(1);
    transition: transform 250ms ease-in-out;
    margin-top: 3px;
    width: 8%;
	width: 100%;
    margin: 0 auto;
    top: 4px;
    position: relative;
}


#owl-demo .item img {
	/*height: 167px;*/
	margin: 0 auto;
	object-fit: cover;
}
h3.slider-heading {
	font-style: normal;
    font-size: 20px;
    margin-top: 16px;
	margin-bottom: 3px;
    letter-spacing: 0.08em;
    line-height: 105%;
    font-weight: 600;
    font-family: 'Arquitecta';
}

.item h5 {
	font-family: 'Proxima';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 37px;
    letter-spacing: 0.01em;
    color: rgb(99, 99, 99);
}

.left-content h2 {
	font-style: normal;
	font-weight: 800;
	font-size: 48px;
	line-height: 50px;
	letter-spacing: 0.08em;
	color: #000000;
}

.left-content p {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 38px;
	color: #3B3B3B;
}

a.btn-l-c {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.16em;
	color: #000000;
	text-decoration: none;
	padding: 15px 80.5px;
	border: 1px solid #000000;
	border-radius: 5px;
	transition: all 0.15s ease-in-out 0s;
}
a.btn-l-c:hover{
background-color: rgb(36, 36, 36);
    border-color: rgb(36, 36, 36);
    color: rgb(255, 255, 255);	
}

.btn-section {
	margin-top: 39px;
}
.container-fluid1 .pd-r {
	    padding-left: 75px;
}
img.r-m {
	height: 520px;
	width: 100%;
	object-fit: cover;
}
.right-img-sec {
	margin-right: -252px;
}

.container-fluid1 .row {
	align-items: center;
}
section.third-section {
	margin-bottom: 131px;
}
.fourth-content h2 {
	font-style: normal;
	font-weight: 800;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.08em;
	color: #000000;
}


.fourth-content p {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	color: #3B3B3B;
}
section.fourth-sec {
	background: #F7F7F7;
	padding: 75px 0px;
	margin-bottom:131px;
}



.container-fluid2 {
	padding-right: 98px;
}

.right-content h2 {
	font-style: normal;
	font-weight: 800;
	font-size: 48px;
	line-height: 50px;
	letter-spacing: 0.08em;
	color: #000000;
}

.right-content p {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 38px;
	color: #3B3B3B;
}

a.btn-r-c {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.16em;
	color: #000000;
	text-decoration: none;
	padding: 15px 80.5px;
	border: 1px solid #000000;
	border-radius: 5px;
	transition: all 0.15s ease-in-out 0s;
}
a.btn-r-c:hover{
background-color: rgb(36, 36, 36);
    border-color: rgb(36, 36, 36);
    color: rgb(255, 255, 255);	
}

.btn-section {
	margin-top: 39px;
}
.container-fluid1 .pd-r {
	padding-left: 58px;
}
img.l-m {
	height: 470px;
	width: 100%;
	object-fit: cover;
}
.left-img-sec {
	margin-left: -187px;
}
.right-content {
	padding-left: 106px;
}
.container-fluid2 .row {
	align-items: center;
}
section.fifth-section {
	margin-bottom: 75px;
}
section.sixth-section {
	background: black;
}

.container-fluid3 {
	padding: 47px;
	color: white;
}

.content-w-t h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 0.05em;
	color: #FFFFFF;
}

.content-w-t p {
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 37px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
}
.footer-menu ul {
	list-style-type: none;
}

.footer-menu li {
	display: inline-block;
}

.footer-menu ul li a {
	font-family: 'Arquitecta';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #000000;
	margin-right: 20px;
}
footer#colophon {
	padding: 28px;
}
p.f-l-m a {
	color: black;
	text-decoration: none;
	font-family: 'Proxima';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #000000;
	letter-spacing: 0.08em;
}

.sidebar {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999999999999999999;
	background: white;
	width: 484px;
}
.d-toggle{
	display:none;
}

.container-fluid1 {
    max-width: 100%;
    overflow: hidden;
}
.closebtn a {
    font-style: normal;
    font-weight: 450;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 0.08em;
    color: #000000;
    text-decoration: none;
    float: right;
    width: 100%;
    clear: both;
    display: flex;
    justify-content: flex-end;
}

h2.sidebar-header {
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 0.05em;
    color: #000000;
}

h4.sidebar-location-head {
    font-style: normal;
    font-weight: 950;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0.08em;
    color: #000000;
}

.locations-sidebar {
    display: flex;
    gap: 44px;
}

.locations-sidebar a {
    font-family: 'Proxima';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #3B3B3B;
    text-decoration: none;
    text-transform: capitalize;
    border-bottom: 1px solid black;
}


.sidebar-lower h4 {
    font-style: normal;
    font-weight: 950;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0.08em;
    color: #000000;
}
div#sidebar {
    padding-top: 41px;
    padding-left: 42px;
}

h2.sidebar-header {
    margin-bottom: 55px;
}

h4.sidebar-location-head {
    margin-bottom: 20px;
}

.sidebar-locations {
    margin-bottom: 66px;
}
hr.hr-wi {
    width: 65%;
    margin-left: 10px;
}
.sidebar-lower h4 {
    margin-top: 86px;
}

a.bn-btn {
    font-style: normal;
    font-weight: 950;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.08em;
    color: #000000;
    text-decoration: none;
    border: 1px solid black;
    padding: 13.5px 54.5px;
	border-radius: 5px;
}
.btn-section-sidebar {
    margin-top: 33px;
}
.closebtn {
    margin-right: 20px;
}
.navbar .container-fluid {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
nav.navbar.navbar-expand-lg.bg-light {
    padding: 16.5px 0px;
	background:white !important;
}
ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    position: relative;
    top: 6px;
}
a.nav-link:hover:after {
    transform: scaleX(1);
}

a.nav-link:after {display: block;content: '';border-bottom: solid 3px #000000;transform: scaleX(0);transition: transform 250ms ease-in-out; margin-top:3px;}
.active a {
    color: black !important;
}

.deactive {
    color: #00000075 !important;
}
.top-header a:hover {
    background: #595959;
}
.btn-section {
    margin-bottom: 40px;
}
/* header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
} */
div#navbarSupportedContent {
    position: relative;
    top: 6px;
}

/* section.mt-pages {
    margin-top: 150px;
} */
.footer-copyright p {
    font-size: 14px;
    line-height: 24px;
}
h3.slider-heading svg {
    color: #0d0d0d85;
    margin-left: 30px;
    font-family: 'Proxima';
}
img.angle-right {
    margin-left: 29px !important;
    width: 13px !important;
    height: 13px !important;
}
h3.slider-heading {
    display: flex;
	align-items: center;
}
.container-fluid2 .col-md-7 {
    padding: 0;
}
@media(max-width:1000px){
h2.banner-text.g-h2.text-center {
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	
	p.g-p.text-center {
		font-size: 12px;
	}

	a.b-btn {
		font-size: 15px;
		padding: 10px 50px;
	}

	.banner-btn1.text-center {
		margin-top: 20px;
	}

}
@media(max-width:767px){
	h2.banner-text.g-h2.text-center {
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	.footer-menu a {
    font-size: 12px !important;
}
	nav.navbar.navbar-expand-lg.bg-light .container-fluid {
    display: flex;
    flex-direction: row-reverse;
}
	div#navbarSupportedContent .d-flex {
		display: block !important;
		margin-bottom: 30px;
		margin-top: 30px;
		text-align: center;
	}

	p.g-p.text-center {
		font-size: 12px;
	}

	a.b-btn {
		font-size: 15px;
		padding: 10px 50px;
	}

	.banner-btn1.text-center {
		margin-top: 20px;
	}

	a.nav-link {
		text-align: center;
	}

	ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
		margin-top: 40px;
	}

	#owl-demo .item img {
    height: auto;
    width: 100%;
}

	ul.navbar-nav.me-auto.mb-2.mb-lg-0 .d-flex {
		display: flex;
		align-content: flex-end !important;
	}

	a.nav-btn {
		text-align: center;
	}

	.home-slider {
		margin-left: 20px;
		margin-right: 20px;
	}

	.container-fluid1 {
		padding: 0px;
	}
	.left-content h2 br {display: none;}

	.left-content p br {
		display: none;
	}

	img.r-m {
		max-width: 100%;
		height: auto;
	}

	.right-img-sec {
		margin-right: 0;
	}

	.banner-btn2.text-center {
		margin-top: 30px;
	}

	.left-content h2 {
		text-align: center;
	}

	.left-content p {
		text-align: center;
	}

	.left-content {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.container-fluid3 {
		padding: 47px 20px;}
	

	section.third-section {
		margin-bottom: 0px;
	}

	section.fourth-sec {
		margin-bottom: 0px;
	}

	.left-img-sec {
		margin-left: 0;
	}
	.container-fluid2 {
    padding-right: 0;
}
	.col-md-5.pd-r {
    padding-bottom: 50px;
}

	.right-content {
		padding: 50px;
		text-align: center;
		margin-top: 50px;
	}
	.btn-section {
    margin-top: 39px;
    margin-bottom: 40px;
}

	.content-w-t {
		text-align: center;
	}

	.content-w-t br {
		display: none;
	}

	.right-content br {
		display: none;
	}

	section.second-section {
		margin-bottom: 50px;
	}
	#owl-demo .item img {
		height: auto;
	}
	.btn-section {
		text-align: center;
	}
	.container-fluid2 .row {
       align-items: center;
    width: 100%;
    margin: 0px;
}
	.container-fluid2 .row .col-md-6 {
    padding: 0;
}
	a.btn-l-c{
		display:block;
	}
	a.btn-r-c {
    display: block;
}
.container-fluid3 .b-btn {
    display: block;
}
	.footer-copyright p {
    font-size: 13px;
}

p.f-l-m a {
    font-size: 14px;
	line-height:24px;
}
	.container-fluid1 .row {
    flex-direction: column-reverse;
}
}

@media(max-width:1000px){
	br {
    display: none;
}

.col-md-5.pd-r {
    padding: 20px;
}
	.home-slider {
    margin: 0;
    padding: 20px;
}
	.container-fluid2 {
    padding: 0px;
}


.right-content {
    padding: 0;
}
	.container-fluid3 .b-btn {
    padding: 15px 25px;
	}
}


.overlay1 {
    content: '';
    position: absolute;
    background: #05050580;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9990;
}

body {
    position: relative;
}