@import 'https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap';
:root {
--alt-font: 'Rollgates Luxury';
--primary-font: 'Atkinson Hyperlegible', sans-serif;
--base-color: #d2ae6d;
--dark-gray:#373435;
--bg-maire-yellows:#f7f0e5;
}

body::-webkit-scrollbar {
  width: 0.5em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #d1ad6c;
  outline: 1px solid var(--base-color);
}

body {
	font-size:17px;
	line-height:1.6
}
.placeholder-light-gray::-webkit-input-placeholder {
color:var(--medium-gray)!important;
text-overflow:ellipsis;
opacity:.6
}
.placeholder-light-gray::-moz-placeholder {
color:var(--medium-gray)!important;
text-overflow:ellipsis;
opacity:.6
}
.placeholder-light-gray:-ms-input-placeholder {
color:var(--medium-gray)!important;
text-overflow:ellipsis;
opacity:.6
}
.subscribe-popup .contact-form-style-03 {
      margin-top: 0px !important; 
}
.bg-blue-whale {
    background-color: #16233f;
}
.project-logo {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: #fff;
    z-index: 9;
    right: 0;
    bottom: 0px;
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.2);
}
 
 
.lines{ position:relative}

.lines:before {
    position: absolute;
    width: 63%;
    height: 2px;
    background-color: #d2ae6d;
    content: '';
    top: 46%;
    left: -17px;
}

.lines2{ position:relative}

.lines2:before {
    position: absolute;
    width: 48%;
    height: 2px;
    background-color: #d2ae6d;
    content: '';
    top: 46%;
    left: -17px;
}

.lines3{ position:relative}

.lines3:before {
    position: absolute;
    width: 37%;
    height: 2px;
    background-color: #d2ae6d;
    content: '';
    top: 46%;
    left: -17px;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing:0.01em !important
}
h1 {
	line-height:4.375rem
}
h2 {
	line-height:3.438rem
}
h3 {
	line-height:2.813rem
}
h4 {
	line-height:2.575rem
}
h5 {
	line-height:2rem
}
h6 {
	line-height:1.75rem
}
header .navbar-brand img {
	max-height:75px
}
.navbar .navbar-nav .nav-link {
	font-size:17px;
	font-weight:300
}
header.sticky .navbar-nav .nav-link, header.sticky .fixed-header .navbar-nav .nav-link, header.sticky .disable-fixed .navbar-nav .nav-link {
	padding-top:30px;
	padding-bottom:30px
}
/*header .left-nav .navbar-nav:before {
	background-color:var(--dark-gray);
	opacity:.2;
	transform:translate(-28px, 0px);
	-webkit-transform:translate(-28px, 0px);
	transition:0s
}*/
header.sticky .left-nav .navbar-nav:before {
	transform:translate(-28px, 0px);
	-webkit-transform:translate(-28px, 0px)
}
header .btn.btn-small {
	padding:10px 20px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
	width:420px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p {
	line-height:22px;
	font-size:15px;
	text-transform: uppercase;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
	width:70px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {
	font-size:17px;
	line-height:30px
}
.bg-maire-yellows {
	background-color:var(--bg-maire-yellows)
}
.bg-raven-blue {
	background-color:#6c757d
}
.bg-orange {
	background-color:#f7f0e5
}
.bg-base-color-transparent {
	background-color:rgba(6, 175, 71, .15)
}
.bg-base-color-light {
	background-color:rgba(228,202,158,0.6);
}
.border-radius-left-8px {
	border-radius:8px 0 0 0
}
.bg-gradient-gray-light-dark-transparent {
	background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, 1)), to(transparent));
	background-image:linear-gradient(to top, rgba(32, 35, 41, 1) 0%, transparent 80%)
}
.text-orange {
	color:#ffa800
}
.text-red {
	color:#ec5b54
}
.btn {
	letter-spacing:normal;
	font-weight:700
}
.btn i {
	margin-left:5px
}
.btn.btn-hover-animation-switch .btn-icon {
	margin-left:4px
}
.btn.btn-hover-animation-switch:hover .btn-text {
	transform:translateX(21px)
}
.btn.btn-transparent-white-light:hover {
	background-color:transparent;
	border-color:#fff;
	color:var(--white)
}
.btn.btn-dark-gray:not(.btn.submit):hover, .btn.btn-dark-gray:not(.btn.submit):active {
background-color:var(--base-color);
border-color:var(--base-color);
color:var(--white)
}
.btn.btn-base-color:hover {
	background-color:var(--dark-gray);
	border-color:var(--dark-gray);
	color:var(--white)
}
.btn.btn-light-base-color {
	background-color:#c7e9d4;
	border-color:#c7e9d4;
	color:var(--dark-gray)
}
.btn-base-border-color{
    border-color:var(--base-color);
	color:#fff
}
.btn-base-border-color:hover{
    border-color:var(--base-color);
	color:#fff
}
.btn.btn-box-shadow.btn-base-color:hover {
	background-color:var(--dark-gray);
	border-color:var(--dark-gray)
}
.btn.btn-link {
	padding:0 0 2px
}
.btn.text-uppercase-inherit i {
	top:1px
}
.right-minus-250px {
	right:-250px
}
.right-minus-170px {
	right:-170px
}
.right-minus-155px {
	right:-155px
}
.bottom-minus-85px {
	bottom:-85px
}
.slider-home .container-fluid{ padding-left:30px !important;}
.slider-3{
    background-image: url(../img/slider-3.jpg);
	background-position:center center;
	background-size:cover
    
}
.slider-4{
    background-image: url(../img/slider-4.jpg);
	background-position:center center;
	background-size:cover
    
}
.page-title-extra-small h1 {
	font-size:20px;
	line-height:24px;
	margin-bottom:15px
}
.page-title-extra-small h2 {
	font-size:3.438rem;
	line-height:3.438rem
}

.right-minus-25 {
    right: -10%;
}
.right-0{ right:0;}

.icon-with-text-style-10:hover .feature-box-icon {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.contact-form-style-03 {
	margin-top:-100px
}
.process-step-style-05 .progress-step-separator {
	bottom:-10px;
	height:100%;
	z-index:-1
}
.social-icon-style-02 .small-icon li {
	margin:0
}
input, select, textarea, .form-control {
	font-size:16px
}
footer {
	font-size:16px;
	line-height:30px
}
footer ul li {
	margin-bottom:0
}
footer .footer-logo img {
	max-height:200px
}
.footer-light a:hover {
	color:var(--dark-gray)
}
@media(max-width:1199px) {
.newsletter-style-03 .btn {
padding:12px 18px
}
.newsletter-style-03 input {
padding-right:145px!important;
padding-left:20px!important
}
header .left-nav .navbar-nav:before {
transform:translate(-9px, 0px);
-webkit-transform:translate(-9px, 0px)
}
header .btn.btn-small {
padding:9px 15px
}
}
@media(max-width:991px) {
.contact-form-style-03 {
margin-top:0
}
}
@media(max-width:767px) {
.newsletter-style-03 input {
padding-right:70px!important;
padding-left:20px!important
}
}
@media(max-width:576px) {
.extra-small-screen {
height:300px!important
}
}
 
.slider-description { top:20px; bottom:auto}

#whatsapp { display:none}
#whatsapp .container{ padding:0; text-align:center !important}

#desk-whatsapp{ position:fixed; left:0; bottom:6%; display:block; z-index:9999; padding: 0px 15px; cursor: pointer;
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    z-index: 9999;
    background-color: #3dbc4d;
    color: #fff;
    padding: 10px;
    border-radius: 0px 10px 10px 0px;}
	
#desk-whatsapp a {
    color: #fff !important;
	font-size:40px;
	line-height:0
}

 @media screen and (max-width: 767.98px) {
#desk-whatsapp{ display:none;}
	 #whatsapp {
	position : fixed;
	 right:0;
width:100%;
bottom:0;
 left:0;
right:0;
margin: 0 auto;
 color:#fff;
	opacity : 1;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	cursor : pointer;
	-webkit-transition: 300ms ease-in-out;
	-o-transition : 300ms ease-in-out;
	transition : 300ms ease-in-out;
	z-index:9999;
	 
 
	color:#fff;
 
	    border-radius: 4px 0 4px 4px;
	
}
 .or-bg{ background-color:#F90; padding:10px;}
.gr-bg{background-color:#3dbc4d;padding:10px;}
#whatsapp i {
	font-size:35px;
	line-height:1.2;
}
#whatsapp a {
	color:#fff !important;
}

#whatsapp a span {
    font-size: 20px;
    color: #fff !important;
     padding-left: 10px;
}
 
 
}

#section-more {
   height: 400px;
  word-wrap: break-word;
}

.moretext {
  display: none;
}