@font-face {
    font-family: 'Carla Sans';
    src: url('CarlaSansRegular.eot');
    src: url('CarlaSansRegular.eot?#iefix') format('embedded-opentype'),
        url('CarlaSansRegular.woff2') format('woff2'),
        url('CarlaSansRegular.woff') format('woff'),
        url('CarlaSansRegular.ttf') format('truetype'),
        url('CarlaSansRegular.svg#CarlaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
--primary-font: 'Atkinson Hyperlegible', sans-serif;
--base-color: #748649;
--dark-gray:#4c4c4e;
--head-lines-color:#4e613a;
}

.alt-font {
    font-family: 'Carla Sans';
    font-weight: normal;
    font-style: normal;
}

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
}
h1, h2, h3, h4, h5, h6 {
	word-spacing:-2px
}
h1 {
	line-height:4.375rem
}
h2 {
	line-height:1.2
}
h3 {
	line-height:1.2
}
h4 {
	line-height:2.575rem
}
h5 {
	line-height:2rem
}
h6 {
	line-height:1.75rem
}
.bg-blue-whale {
    background-color: #506f45;
}
.flip-img{  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); margin-top:-15px;}
.bg-green-whale{ background-color:#bbc7ab}
.border-color-extra-medium-gray{ border-color:#212529 !important}
.underline{ text-decoration:underline !important;}
.text-right{ text-align:right }
.head-lines-color{ color:var(--head-lines-color);}
.text-dark-gray{color:var(--dark-gray);}
.bg-pattren-1{
background-image: url(../img/pattren-1.png);
background-repeat: no-repeat;
background-position:right;
background-size: contain;
}
.bg-pattren-2{
background-image: url(../img/pattren-2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
.bg-pattren-3{
background-image: url(../img/pattren-3.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 100%;
}
.bg-pattren-4{
background-image: url(../img/pattren-4.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 100%;
}

.bg-pattren-5{
background-image: url(../img/pattren-5.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}



.h1-image.first {
    background-image: url(../img/elevation-1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.h1-image.second {
    background-image: url(../img/elevation-2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.h1-image.third {
    background-image: url(../img/lifestyle-1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.h1-image {
    width: 150px;
    height: 91px;
    border-radius: 6px;
    margin-bottom: -8px;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
}

header .navbar-brand img {
	max-height:100px;
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
   
}


.navbar .navbar-nav .nav-link {
	font-size:18px;
	font-weight:600
}
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:14px
}
.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
}
.btn-primary{ background-color:var(--base-color)}

.bg-raven-blue {
	background-color:#d6e5b1
}
.bg-dark-greens {
	background-color:#506f45
}

.bg-orange {
	background-color:#ffa800
}
.bg-base-color-transparent {
	background-color:rgba(6, 175, 71, .15)
}
.bg-base-color-light {
	background-color:#edf9f2
}
.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:0.03em;
	font-weight:300
}
.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.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
}
.page-title-extra-small h1 {
	font-size:18px;
	line-height:25px;
	margin-bottom:20px
}
.page-title-extra-small h2 {
	font-size:3.438rem;
	line-height:3.438rem
}
.icon-with-text-style-10:hover .feature-box-icon {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.contact-form-style-03 {
 
}
.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:39px
}
.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
}
}

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: #54200e;
  outline: 1px solid var(--base-color);
}
 #whatsapp { display:none}
#whatsapp .container{ padding:0; text-align:center !important}

#desk-whatsapp{ position:fixed; right:0; bottom:5%; 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: 8px 0 0px 8px;}
	
#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;
}
 
 
}