/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* fonts */
body.Olive_tree{
	background-color: transparent;
}
body::-webkit-scrollbar {
  width: .2em;
}
body .highlight_white::-webkit-scrollbar {
  width: .2em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
body.Olive_tree{
	overflow:visibility !important;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
}

html,
body
{
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

h1,
h2,
h3
{
    color: #238acb;
}

h3
{
    margin: 10px 0;
}

a
{
    color: #238acb;
}

a img
{
    border: none;
}

pre
{
    font-size: 14px;
    color: white;
    padding: 10px;
    background: #646464;
}

.header
{
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    overflow: hidden;
    background: #238acb;
    z-index: 1000;
}
body
{
    overflow-x: hidden;
}
/* .img_01_img{
	float:left;
	width:75%;
} 
.img_02_img{
	width:25% !important;
	
}
.img_01_img img.cls_landing_img{
	width:200px;
	margin:0 auto;
}
.img_02_img img.cls_landing_img{
	width:100px;
	margin:0 auto;
}
.grid_landing_box{
	text-align:center;
} */
/**
  * important: keep position fixed, you can however use top:0 instead of bottom:0
  * if you want to make it stick to the top of the browser
  */
.grid_landing_box{
	  /* position:fixed;
	  width:1920px;
	  left:0;
	  right:0;
	  top:0;
	  bottom:0; */
	  float:left;
  }
.front.error.scroll {
    position: fixed;
    /* left: 100%; */
    /* right: 0; */
    top: 0;
    bottom: 0;
    /* width: 6000px; */
    float: left;
    background-color: #f2efe2 !important;
}
.header .logo
{
    float: left;
    padding: 22px;
    padding-left: 30px;
}

.header .credits
{
    float: right;
    padding-top: 15px;
}

.horizon
{
    line-height: 0;
    z-index: 100;
    width: 3000px;
}

.middle
{
    z-index: 250;
    line-height: 0;
    width: 4500px;
}

.front
{
    /* z-index: 500;
    top: 0px; */
   
}

.intro
{
    /* position: absolute;
    left: 500px;
    top: 0px;
    padding-right: 50px;
    background: url('../images/scroll.png') no-repeat right 5px; */
}

.page
{
    top: 0px;
    width: 500px;
    background: white;
    padding: 10px 30px;
    border: 1px #eee solid;
    position: absolute;
}

.description
{
    left: 1500px;
}

.documentation
{
    left: 2450px;
    width: 700px;
}

.options
{
    width: 700px;
    left: 3800px;
}

.download
{
    width: 500px;
    left: 5100px;
}

.license
{
    padding: 100px 30px 30px 30px;
}




.front {
	z-index: 500;
	top: 0px;
	width: 9625px;
}

.intro {
	position: absolute;
	left: 500px;
	top: 0px;
	padding-right: 50px;
	background: url('../images/scroll.png') no-repeat right 5px;
}

.page {
	top: 95px;
	width: 940px;
	background: transparent;
	padding: 10px 0px;
	border: 0px #eee solid;
	position: absolute;
}

.grid_main_banner{}

.intro_section {
    left: 0px;
    width: 1190px;
}

.description {
	left: 1250px;
}

.documentation {
	left: 2335px;
	width: 700px;
}

.options {
	width: 700px;
	left: 3200px;
}

.highlight {
	width: 700px;
	left: 4450px;
}

.gallery {
	width: 700px;
	left: 5700px;
}

.news {
	width: 600px;
	left: 6840px;
}
.promoters {
	width: 700px;
	left: 7980px;
}
.contact {
	width: 700px;
	left: 9120px;
}

.highlight_white{
	overflow-y: scroll;
    height: 485px;
}


/* New update  */

.grid_landing_box {
        /*  position: fixed;
         width: 1920px;
         left: 0;
         right: 0;
         background-color: #fff;
         text-align: center;
         z-index: 9999;
         transition-property: transform;
         transition-timing-function: ease-in-out;
         transition-duration: 250ms;
         bottom: 0;
         top: 0; */
		 position: fixed;
         width: 1920px;
         left: 0;
         right: 0;
         background-color: #fff;
         text-align: center;
         z-index: 9999;
         /* transition-property: transform;
         transition-timing-function: ease-in-out;
         transition-duration: 250ms; */
         bottom: 0;
         top: 0;
         }
         .img_01_img img{
         width:300px;
		 padding-top:7%;
         }
 .front.error.scroll {
         margin-left:1920px;
         left:1920px;
		 /* background: #f1eee1 url(../img/Asset_68@3x.png) no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  overflow: hidden; */
		 /* background: url(../img/Asset_68@3x.png) no-repeat center center fixed ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
         }
         .none{
         display:none;
         }
         .grid_landing_box .img_01_img{
         width: 80%;
         float: left;
         padding-top: 0%;
         text-align: center;
		 position:relative;
         }
         .grid_landing_box .img_01_img{}
         .grid_landing_box .img_02_img{
         text-align:center;
         width: 20% !important;
         position: relative;
    height: 100%;
         }
         .grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 148px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}
         .grid_landing_box .img_02_img .grid_scroll_moew img.scroll_more{
         width: 200px !important;
         margin: 0 auto;
         text-align: center;
         }
         .Olive_tree .grid_landing_box .img_02_img .grid_scroll_moew p.fir_grid {
         color: #712c15;
         font-size: 12px;
         margin-bottom: 0px;
         }
         .img_02_img {
         text-align: right;
         }
         .img_02_img img {
    width: 240px !important;
    position: relative;
    top: 15%;
	padding-top:0px;
}
		 
.grid_main_banner {
    position: absolute;
    width: 1365px;
    left: 0;
    right: 0;
    background-color: #fff;
    text-align: center;
    z-index: 999;
}
.grid_main_banner img {
    width: 300px;
}

.form.btn-primary {
    color: #fff;
    background-color: #702a13;
    border-color: #702a13;
    width: 35%;
    float: right;
}

.form.btn-primary:hover {
    color: #fff;
    background-color: #702a13;
    border-color: #702a13;
}

.Olive_tree .loading_banner {
    text-align: center;
    background-color: #f2efe2;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999998;
    opacity: .99;
}
.Olive_tree .loading_banner .grid_load_img img {
    width: 25%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.Olive_tree .scroll .grid_left {
    width: 20%;
    float: left;
    margin-top: 0;
    height: 640px;
    background-color: #fff;
    position: relative;
    top: -106px;
    padding-top: 11%;
}
.Olive_tree .scroll .grid_left img{
	width:100%;
}

.Olive_tree .scroll .grid_left img.arrow_01 {
    width: 75%;
    margin: 0px 18%;
}

.Olive_tree .scroll .grid_01 {
    /* background-image: url(../img/about/Asset_68@3x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-color: transparent; */
    width: 80%;
    top: 160px;
    position: relative;
    padding-bottom: 0;
    float: left;
    height: 100%;
}

.Olive_tree .scroll .grid_box1 {
	/* position: absolute;
    top: 115px;
    bottom: 0; */
}

.Olive_tree .scroll .grid_box1.grid_wd_235{
  width:235px;	
}

.Olive_tree .scroll img.grid_80.grid_100 {
    width: 140px;
    left: -14%;
    margin-top: 70px;
}

.Olive_tree img.grid_100 {
    width: 185px;
    top: 5.2%;
    position: relative;
    left: 0%;
}

span.text_left {
    /* position: absolute;
    top: -61px;
    width: 230px;
    left: 85px; */
}
.font_Playfair_Display, .font_Playfair_Display p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center;
}
span.text_left .fa-quote-left {
    position: relative;
    top: -5px;
}
span.text_left .fa-quote-left, span.text_left .fa-quote-right {
    font-size: 10px;
}
span.text_left .fa-quote-right {
    position: absolute;
    bottom: 8px;
}

.grid_dots01 {
    position: absolute;
    top: -55px;
    bottom: 0;
    right: 15%;
    z-index: 9;
}

.grid_dots021 {
    position: absolute;
    top: 3%;
    bottom: 0;
    right: -26%;
}

.grid_dots01 img.grid_dots_ {
    width: 371px;
    margin-top: -3%;
}
.grid_dots021 img.grid_dots_02 {
    width: 340px;
}

.grid_dots01 span.assets_top_al{
	/* background-image: url(../img/Asset_36@3x.jpg); */
	position: absolute;
    left: 58%;
    top: -48px;
	z-index: -1;
}
.Olive_tree .scroll .grid_01 img.bg_big{
	/* width:100%; */
}
.grid_dots01 span.assets_top_al img{
	/* background-image: url(../img/Asset_36@3x.jpg); */
	width:90px;
}
.Olive_tree .news_grid {
    margin-top: 54px;
}

img.left_grid {
    width: 100%;
    height: 308px;
    object-fit: cover;
}
.carousel-item img.left_grid {
    width: 100%;
    height: 128px;
    object-fit: cover;
}

.scroll{
	/* left:100px; */
	/* left:100px;
background: url(../img/Asset_68@3x.png) no-repeat center center fixed !important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  /* background: url(../img/Asset_68@3x.png) no-repeat center center fixed !important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}

.grid_cont img.tree_grid {
    width: 100px;
    position: absolute;
    top: -55px;
    left: 33%;
}

.grid_cont i.fa-long-arrow-right{
	font-size: 25px;
    position: absolute;
    right: 0;
    color: #712c15;
}

.grid_cont {
    /* position: absolute;
    left: 100%;
    width: 280px;
    top: 0px; */
}

.grid_cont h2, .options h2, .highlight h2, .gallery h2, .news h2, .promoters h2, .contact h2{
	text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color: #702a13;
}

.grid_cont span, .page.description span{
	font-weight:400;
}

.grid_cont p, .page p{
	text-align: justify;
	font-size: 15px;
}

.description .grid_dots_4 {
    position: absolute;
    top: -50px;
    right: -302px;
}

.description .grid_dots_4 img {
    width: 600px;
    /* height: 109px; */
}

.Olive_tree .scroll .description .grid_box1 {
    /* position: absolute;
    top: 115%;
    bottom: 0;
    left: 0; */
}

.description span.text_left {
    position: absolute;
    top: -20px;
    width: 100%;
    left: -33%;
}

.description i.fa-quote-left.big {
    position: absolute;
    top: -48px;
    font-size: 24px;
    color: #ccc;
    left: 10%;
}

.description img.grid_dots03{
	position: absolute;
    width: 180px;
    top: -61px;
    left: 140px;
}

.documentation{}

.documentation img{
	width: 100%;
    margin-top: 30px;
}

.documentation .grid_dots_05 {
    position: absolute;
    bottom: -85px;
    right: -20%;
}

.documentation .grid_dots_05 img {
    width: 500px;
}

.grid_01 i.fa-quote-left.big {
    position: absolute;
    top: -85px;
    font-size: 24px;
    color: #ccc;
    left: 90%;
}
.Olive_tree p.fir_grid {
    color: #712c15;
    font-size: 11px;
    margin-left: 15px;
    margin-top: -10px;
}
.Olive_tree .scroll .grid_01 img{
	
}
/* Navbar menu start */

.Olive_tree .main_nav {
    position: fixed;
    width: 100%;
    text-align: center;
    font-size: 16px;
    height: 91px;
    background: #ede4c0;
    color: #fff;
    /* font-family: 'PT Sans', sans-serif; */
    //: ;
    set animation: ;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /* display: none; */
}

.Olive_tree .navbar-dark .navbar-nav .strong .nav-link {
    font-weight: 600;
}

.Olive_tree .sticky {
    font-size: 14px;
    height: 78px;
    background: transparent;
    text-align: left;
    padding-left: 20px;
    box-shadow: 0 0rem 0rem rgba(0,0,0,.15)!important;
    display: block;
}

.Olive_tree .navbar-dark .navbar-nav .nav-link:focus, .Olive_tree .navbar-dark .navbar-nav .nav-link:hover{
	 color: rgb(113, 44, 21);
}

.Olive_tree .sticky .navbar-brand img {
    width: 200px;
    margin-top: 0px;
}

.Olive_tree .main_nav .navbar-brand img {
    width: 200px;
    margin-top: 0px;
}

.Olive_tree .bg-dark {
    background-color: transparent !important;
}

.Olive_tree .navbar-dark .navbar-nav .active>.nav-link, .Olive_tree .navbar-dark .navbar-nav .nav-link.active, .Olive_tree .navbar-dark .navbar-nav .nav-link.show, .Olive_tree .navbar-dark .navbar-nav .show>.nav-link {
    color: rgb(113, 44, 21);
}

.Olive_tree .navbar-dark .navbar-nav .nav-link {
    color: rgb(113, 44, 21);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.Olive_tree .navbar .topnav-right {
    width: 100%;
}

.Olive_tree .navbar .nav_menu_right {
    text-align: right;
    float: right;
}

/* Navbar menu end */
#app1{
	/* left: -310px; */
	display: block;
}

.grid_btm_img {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.grid_btm_img i{
	font-size: 28px;
    color: #93614c;
    position: relative;
    left: -28px;
    top: 10px;
}

.grid_btm_img img{
   width:61px;	
}

.grid_slider{
background: url(../img/Asset_50@3x.png)
no-repeat     center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
 
 /* background: url(../img/Asset_50@3x.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}

.grid_cont img.grid_fis {
    width: 130px;
    position: absolute;
    right: -32px;
    bottom: -70px;
    z-index: -1;
}

.Olive_tree .highlight_white {
    background: transparent;
    background-color: #fff;
}

.Olive_tree .highlight_white img {
    height: 148px;
    /* width: 100%; */
}

.Olive_tree .highlight_white h4 {
    font-size: 20px;
}

.Olive_tree .highlight_white p{
	
}

.Olive_tree .highlight_white{
	padding:0px 15px;
}

.options img.grid_dots_6 {
    width: 600px;
    position: absolute;
    right: -85%;
    bottom: 0%;
    height: 600px;
    object-fit: unset;
}

.options img.grid_dots_7 {
    width: 411px;
    position: absolute;
    right: -100%;
    top: -12%;
    height: 400px;
}

.options img.Asset__93{
	width: 100px;
    position: absolute;
    top: 50%;
    right: -40%;
	background-color: #f2efe2;
}
span.text_left_rght{
	width: 240px;
    position: absolute;
	top: 45%;
    right: -72%;
}
img.high_grid_dots{
	position: absolute;
    right: -35%;
    top: 15%;
    width: 100px;
}
img.high_grid_dots2 {
    position: absolute;
    right: -35%;
    top: 44%;
    width: 100px;
    background-color: #f2efe2;
}
img.high_grid {
    position: absolute;
    right: -58%;
    top: 10%;
    width: 400px;
    height: 450px;
}
span.high_light{
	position: absolute;
    right: -70%;
    top: 44%;
    width: 240px;
}


.gallery_view .flex-column {
   max-width: 233px;
}

.gallery_view img {
   margin: 5px;
}

.gallery_view .scale {
   transform: scaleY(1.05);
   padding-top: 5px; 
}
img.grid_gallery_dots_10{
	position: absolute;
    top: -46px;
    right: -390px;
    width: 642px; 
}

.Olive_tree img.Asset_22_gallery{
	width: 80px;
    position: absolute;
    top: -6px;
    left: -100px;
}

.Olive_tree .news_grid img.Asset_22_gallery{
	max-width: 100%;
	height: auto;
}
.Olive_tree .news_grid img{
	max-width: 100%;
    height: 100px;
    object-fit: cover;
}
.Olive_tree .news_grid a{
	color: #712c15;
}
.Olive_tree .news_grid a:hover{
	color: #712c15;
	text-decoration:none;
}

.news_grid img.news_grid_icon {
    position: absolute;
    width: 182px;
    right: -50%;
    top: 40%;
    background-color: #f2efe2;
}

.news_grid img.news_grid_dots_12 {
    position: absolute;
    width: 261px;
    right: -66%;
    top: -15%;
    height: auto;
    height: 340px;
}
.grid_lights_01 {
    position: absolute;
    top: -125px;
    z-index: -1;
    right: 0;
}
.grid_lights_01 img{
	width:150px;
}
.news_grid img.news_grid_dots {
    position: absolute;
    width: 264px;
    right: -41%;
    bottom: -12%;
    height: auto;
}
.promoters.news_grid img.news_grid_dots {
	position: absolute;
    width: 554px;
    right: -74%;
    bottom: 5%;
    height: auto;
	z-index: -1;
}
span.news_grid_text{
	position: absolute;
    right: -55%;
    top: 27%;
    width: 240px;
	color:#212529;
	background-color: #f2efe2;
}
.promoters img.cont_dots{
	position: absolute;
    width: 512px;
    right: -55%;
    top: -11%;
    height: auto;
}
.promoters img {
    width: 100%;
    height: auto !important;
}
.promoters .text_justify{
	
}
.promoters{
	text-align:left;
}

@media only screen and (max-width: 1920px){
#overlay{
  bottom: 150px;
}
.page {
    top: 200px;
}
.img_01_img img {
    width: 400px;
    padding-top: 13%;
}

.grid_landing_box .img_01_img {
 width: 85%;
 height:100%;
}

.grid_landing_box .img_02_img {
    text-align: right;
    width: 15% !important;
    
}

.grid_cont img.tree_grid {
    width: 100px;
    position: absolute;
    top: -43px;
    left: 33%;
}
	
}

@media only screen and (max-width: 1600px){



.page {
    top: 180px;
}

.img_01_img img {
    width: 350px;
    padding-top: 10%;
}

.grid_landing_box .img_01_img {
 width: 85%;
 height:100%;
}

.grid_landing_box .img_02_img {
    text-align: center;
    width: 15% !important;
    
}

.grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

#overlay{
  bottom: 150px;
}
.grid_cont img.tree_grid {
    width: 100px;
    position: absolute;
    top: -100px;
    left: 25%;
}
	
}


@media only screen and (max-width: 1440px){

.page {
    top: 150px;
}
.grid_landing_box .img_01_img{
   width: 75%;
   height: 100%;
}
.grid_landing_box .img_02_img {
    width: 25% !important;
}
.img_01_img img {
    width: 250px;
    padding-top: 10%;
}

.img_02_img img {
    width: 200px !important;
    position: relative;
    top: 25%;
    padding-top: 0px;
}
.grid_landing_box .img_02_img {
    text-align: right;
    padding-right: 10px;
}
.grid_landing_box .img_02_img .grid_scroll_moew {
    text-align: right;
    left: -50px;
}
.grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: right;
}
#overlay{
  bottom: 200px;
}
.grid_cont img.tree_grid {
   width: 112px;
    position: absolute;
    top: -78px;
    left: 27%;
}

}

@media only screen and (max-width: 1366px){

.page {
    top: 100px;
}

.grid_landing_box .img_01_img {
    width: 71%;
    height: 100%;
}

.grid_landing_box .img_02_img {
    width: 29% !important;
}
.img_01_img img {
    width: 280px;
    padding-top: 7%;
}

.img_02_img img {
    width: 180px !important;
    position: relative;
    top: 15%;
    padding-top: 0px;
}
.grid_landing_box .img_02_img {
    text-align: right;
    padding-right: 10px;
}

.grid_landing_box .img_02_img .grid_scroll_moew {
    text-align: right;
    left: -50px;
}
.grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: right;
}
#overlay{
  bottom: 100px;
}

.grid_cont img.tree_grid {
    width: 100px;
    position: absolute;
    top: 75px;
    left: 33%;
}

}

@media only screen and (max-width: 1280px){

.page {
    top: 100px;
}

.grid_landing_box .img_01_img {
    width: 67%;
    height: 100%;
}

.grid_landing_box .img_02_img {
    width: 33% !important;
}
.img_01_img img {
    width: 250px;
    padding-top: 10%;
}

.img_02_img img {
    width: 180px !important;
    position: relative;
    top: 20%;
    padding-top: 0px;
}
.grid_landing_box .img_02_img {
    text-align: right;
    padding-right: 10px;
}

.grid_landing_box .img_02_img .grid_scroll_moew {
    text-align: right;
    left: -50px;
}
.grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: right;
}
#overlay{
  bottom: 100px;
}
.grid_cont img.tree_grid {
    width: 100px;
    position: absolute;
    top: -32px;
    left: 33%;
}

}

@media only screen and (max-width: 1112px){
html, body {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #555;
}
.page {
    top: 85px;
}
.navbar-dark .navbar-toggler {
    color: #FFF;
    border-color: #712c15;
    background-color: #712c15;
}
.Olive_tree .main_nav .navbar-brand img {
    width: auto;
    margin-top: 0px;
}
.Olive_tree .nav_menu_right {
    text-align: left;
    float: none;
}
.Olive_tree .navbar .nav_menu_right {
    text-align: left;
    float: none;
}
.Olive_tree .navbar .nav_menu_right .pl-lg-5{
	padding-left: 0rem!important;
}
.grid_landing_box .img_01_img{
	width: 61%;
}
.grid_landing_box .img_02_img{
	width: 39% !important;
	text-align: right;
}
.grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 50px;
    left: -40px;
    right: 0;
    width: 100%;
    text-align: right;
}

.grid_btm_img {
    position: relative;
    bottom: -6px;
    right: 0;
    width: 100%;
    text-align: right;
}

.Olive_tree .main_nav{
	height:auto;
}

}

@media only screen and (max-width: 1024px){

.page {
    top: 85px;
}
.Olive_tree .nav_menu_right {
    text-align: left;
    float: none;
}
.Olive_tree .navbar .nav_menu_right {
    text-align: left;
    float: none;
}
.Olive_tree .navbar .nav_menu_right .pl-lg-5{
	padding-left: 0rem!important;
}
.grid_landing_box .img_01_img{
	width: 61%;
}
.Olive_tree .main_nav .navbar-brand img {
    width: auto;
    margin-top: 0px;
}
.grid_landing_box .img_02_img{
	width: 39% !important;
	text-align: right;
}
.grid_landing_box .img_02_img .grid_scroll_moew {
    position: absolute;
    bottom: 50px;
    left: -40px;
    right: 0;
    width: 100%;
    text-align: right;
}

.grid_btm_img {
    position: relative;
    bottom: 0px;
    right: 0;
    width: 100%;
    text-align: right;
}
.Olive_tree .main_nav{
	height:auto;
}

}

@media only screen and (max-width: 834px){

.Olive_tree .main_nav, .Olive_tree .sticky{
	height:auto;
	text-align:left;
	background: #f2efe2;
}
.Olive_tree .navbar .nav_menu_right {
    text-align: left;
    float: none;
}
.Olive_tree .main_nav .navbar-brand img {
    width: auto;
    margin-top: 0px;
}
.gallery_view .flex-column {
    max-width: 178px;
}
.Olive_tree .highlight_white {
    background: transparent;
    background-color: #fff;
    text-align: center;
}
.Olive_tree .highlight_white p {
    -webkit-line-clamp: initial;
}

}

@media only screen and (max-width: 768px){

.Olive_tree .main_nav, .Olive_tree .sticky{
	height:auto;
	text-align:left;
	background: #f2efe2;
}
.Olive_tree .navbar .nav_menu_right {
    text-align: left;
    float: none;
}
.Olive_tree .main_nav .navbar-brand img {
    width: auto;
    margin-top: 0px;
}
.gallery_view .flex-column {
    max-width: 178px;
}
.Olive_tree .highlight_white {
    background: transparent;
    background-color: #fff;
    text-align: center;
}
.Olive_tree .highlight_white p {
    -webkit-line-clamp: initial;
}
.form.btn-primary {
    width: auto;
}

}

@media only screen and (max-width: 600px) {

.Olive_tree .main_nav {
    position: relative;
}

.grid_mobile .carousel .carousel-item {
  height: 28em;
}
.nav-tabs .nav-link {
    display: block;
    padding: .4rem .7rem;
}
.grid_mobile .carousel .carousel-item > *:first-child {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.grid_mobile h2{
	text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color: #702a13;
}
.grid_mobile span{
	font-weight: 400;
}
.grid_mobile img.tree_grid{
	width: 100px;
    position: absolute;
    top: -20px;
}
.grid_mobile img.grid_fis{
	width:150px;
}
body.mob{
	background-color:#f1eee1;
	height: auto !important;
}
body.mob{
	overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
* {
    -webkit-overflow-scrolling: touch;
}
.grid_mobile p{
	text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.grid_mobile img.img_mob {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    color: #712c15;
}
.highlight {
    width: 100%;
    left: 0;
}
.page {
    top: 0;
    width: 100%;
    background: transparent;
    padding: 10px 0px;
    border: 0px #eee solid;
    position: relative;
}
.news {
    width: 100%;
    left: 0;
}
.Olive_tree .news_grid img {
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    margin-bottom: 15px;
}
.contact {
    width: 100%;
    left: 0;
}
.promoters {
    width: 100%;
    left: 0;
}
.navbar-dark .navbar-toggler {
    color: #FFF;
    border-color: #712c15;
    background-color: #712c15;
}

.Olive_tree .main_nav .navbar-brand img {
    width: auto;
    margin-top: 0px;
}
.highlight_white {
    overflow-y: hidden;
    height: auto;
}
.form.btn-primary {
    width: auto;
}

}

@media only screen and (max-width: 600px) {

.Olive_tree .main_nav, .Olive_tree .sticky{
	height:auto;
	text-align:left;
	background: #f2efe2;
}
.Olive_tree .navbar .nav_menu_right {
    text-align: left;
    float: none;
}

.gallery_view .flex-column {
    max-width: 178px;
}
.Olive_tree .highlight_white {
    background: transparent;
    background-color: #fff;
    text-align: center;
}
.Olive_tree .highlight_white p {
    -webkit-line-clamp: initial;
}

body.mob{
	overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

* {
    -webkit-overflow-scrolling: touch;
}

.grid_mobile .carousel .carousel-item {
  height: 15em;
}

.grid_mobile .carousel .carousel-item > *:first-child {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.grid_mobile h2{
	text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    color: #702a13;
}
.grid_mobile span{
	font-weight: 400;
}
.grid_mobile img.tree_grid{
	width: 100px;
    position: absolute;
    top: -20px;
}
.grid_mobile img.grid_fis{
	width:100px;
}
body.mob{
	background-color:#f1eee1;
	height: auto !important;
}
.grid_mobile p{
	text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.grid_mobile img.img_mob {
    height: 298px;
    width: 100%;
    object-fit: cover;
}
.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    color: #712c15;
}
.highlight {
    width: 100%;
    left: 0;
}
.page {
    top: 0;
    width: 100%;
    background: transparent;
    padding: 10px 0px;
    border: 0px #eee solid;
    position: relative;
}
.news {
    width: 100%;
    left: 0;
}
.Olive_tree .news_grid img {
    max-width: 100%;
    height: 100px;
    object-fit: cover;
    margin-bottom: 15px;
}
.contact {
    width: 100%;
    left: 0;
}
.promoters {
    width: 100%;
    left: 0;
}
.navbar-dark .navbar-toggler {
    color: #FFF;
    border-color: #712c15;
    background-color: #712c15;
}
.nav-tabs .nav-link {
    display: block;
    padding: .4rem 0.2rem;
}
.Olive_tree .main_nav .navbar-brand img {
    width: auto;
    margin-top: 0px;
}
.highlight_white {
    overflow-y: hidden;
    height: auto;
}

.grid_cont img.tree_grid {
    width: 100px;
    position: absolute;
    top: 10%;
    left: 50%;
}
.grid_dots01 span.assets_top_al {
    /* background-image: url(../img/Asset_36@3x.jpg); */
    position: relative;
    left: 0;
    top: 0;
    z-index: -1;
}
.font_Playfair_Display, .font_Playfair_Display p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center;
}
.grid_btm_img {
    position: relative;
    bottom: 0;
    right: 15px;
    text-align: right;
}
.grid_dots01 {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
}
.form.btn-primary {
    width: auto;
}

}