@charset "UTF-8";
/*
Template Name: Walls - Construction HTML Template
Template URI: rudhisasmito.com/demo/walls
Author: Rudhi Sasmito
Author URI: https://www.behance.net/rudhisasmito
Version: 1.0
*/
/**
 * Table of Contents:
 *
 * 1. - NORMALIZE CSS
 * 2. - GLOBAL STYLES
 *      2.1 - General Styles
 *      2.2 - Text Color
 *      2.3 - Anchor
 *      2.4 - Heading and Paragraph
 * 
 * 3. - COMPONENTS
 *      3.1 - Preloader  
 *      3.2 - Buttons  
 *      3.3 - Box Icon 1
 *      3.4 - Box Icon 2
 *      3.5 - Box Image 1
 *      3.6 - Box Image 2
 *      3.7 - Box Image 3
 *      3.8 - BOX TESTIMONY
 *      3.9 - Box Team 2
 *      3.10 - Box Statistic
 *      3.11 - Box History
 *      3.12 - Box Partners
 *      3.13 - Panel Accordion
 *      3.14 - Faq
 *      3.15 - Pricing Table
 *      3.16 - Career Tabs
 *      3.17 - Box News
 * 4. - LOGO & NAVIGATION
 *      4.1 - Topbar 
 *      4.2 - Navbar 
 * 5. - HOME
 *      5.1 - Banner
 *      5.2 - Text Typing
 * 6. - SECTION
 *      6.1 Section - About
 *      6.2 Section - Services
 *      6.3 Section - Projects
 *      6.4 Section - News
 *      6.5 Section - Contact
 *      6.6 Section - Features
 *      6.7 Section - CTA
 *      6.8 Section - Price
 *      6.9 Section - Blog
 *      6.10 Section - Timeline
 *      6.11 Section - Testimonial
 *      6.12 Section - Clients
 *      6.13 Section - Video BG
 *      6.14 Section - Contact and Map
 * 7. - FOOTER 
 * 8. - RESPONSIVE
 * -----------------------------------------------------------------------------
 */
:root{
     --green:#182932;
     --white:#fff;
     --light:#a37056;
     --grey: #d1d1d1;
     --light1:#d9cdb5;
     --black:#2C2E30;
     --light30:rgb(163 112 86 / 30%);
     --fs30:30px;
     --fs24:24px;
     --fs20:20px;
     --fs36:36px;
     --fs35:35px;
     --fs48:48px;
     --fs16: 16px;
     --fs14: 14px;
     --fs18: 18px;
     --ptb80: 80px;
     --ptb60: 60px;
     --green_grident:linear-gradient(90deg, #004759 9.1%, rgba(0, 71, 89, 0.447) 49.01%, rgba(0, 71, 89, 0.173) 73.91%, rgba(0, 71, 89, 0.102) 100%);
}
 p{
     font-weight: 500;
}
 body{
     color: var(--black);
     letter-spacing: 1px;
}
 *{
     letter-spacing: 1px;
}
 .fs16{
     font-size: var(--fs16);
	 
}
 .fs14{
     font-size: var(--fs14);
}
 .fs18{
     font-size: var(--fs18);
}
 .fs20{
     font-size: var(--fs20);
}
 .fs24{
     font-size: var(--fs24);
}
 .fs36{
     font-size: var(--fs36);
}
 .fs30{
     font-size: var(--fs30);
}
 .fs35{
     font-size: var(--fs35);
}
 .fs48{
     font-size: var(--fs48);
}
 .pt80,.ptb80{
     padding-top: var(--ptb80);
}
 .pb80,.ptb80{
     padding-bottom: var(--ptb80);
}
 .pt60,.ptb60{
     padding-top: var(--ptb60);
}
 .pb60,.ptb60{
     padding-bottom: var(--ptb60);
}
 .light_clr{
     /*color: var(--light);*/
	 Color: #85b59f;
}
 .light1_clr{
     color: var(--light1);
}
 @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,900");
 @font-face {
     font-family: 'walls-webfont';
     src: url("../fonts/walls-webfont.eot?51534236");
     src: url("../fonts/walls-webfont.eot?51534236#iefix") format("embedded-opentype"), url("../fonts/walls-webfont.woff2?51534236") format("woff2"), url("../fonts/walls-webfont.woff?51534236") format("woff"), url("../fonts/walls-webfont.ttf?51534236") format("truetype"), url("../fonts/walls-webfont.svg?51534236#walls-webfont") format("svg");
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'PlayfairDisplay';
     src: url("../fonts/font/static/PlayfairDisplay-Regular.ttf");
}
 @font-face {
     font-family: 'Helvetica_Now';
     src: url("../fonts/font/Helvetica_Now/HelveticaNowDisplay-Regular.otf");
}
 @font-face {
     font-family: 'Helvetica_light';
     src: url("../fonts/font/Helvetica_Now/HelveticaNowDisplay-Light.otf");
}
 .rsi {
     font-family: "walls-webfont";
     font-style: normal;
     font-weight: normal;
     speak: none;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     margin-right: .2em;
     text-align: center;
    /* opacity: .8;
     */
    /* For safety - reset parent styles, that can break glyph codes*/
     font-variant: normal;
     text-transform: none;
    /* fix buttons height, for twitter bootstrap */
     line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
     margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%;
     */
    /* Font smoothing. That was taken from TWBS */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
     */
}
 .rsi-walls-1:before {
     content: '\e813';
}
/* '' */
 .rsi-walls-2:before {
     content: '\e800';
}
/* '' */
 .rsi-walls-3:before {
     content: '\e801';
}
/* '' */
 .rsi-walls-4:before {
     content: '\e802';
}
/* '' */
 .rsi-walls-5:before {
     content: '\e803';
}
/* '' */
 .rsi-walls-6:before {
     content: '\e804';
}
/* '' */
 .rsi-walls-7:before {
     content: '\e805';
}
/* '' */
 .rsi-walls-8:before {
     content: '\e806';
}
/* '' */
 .rsi-walls-9:before {
     content: '\e807';
}
/* '' */
 .rsi-walls-10:before {
     content: '\e808';
}
/* '' */
 .rsi-walls-11:before {
     content: '\e809';
}
/* '' */
 .rsi-walls-12:before {
     content: '\e80a';
}
/* '' */
 .rsi-walls-13:before {
     content: '\e80b';
}
/* '' */
 .rsi-walls-14:before {
     content: '\e80c';
}
/* '' */
 .rsi-walls-15:before {
     content: '\e80d';
}
/* '' */
 .rsi-walls-16:before {
     content: '\e80e';
}
/* '' */
 .rsi-walls-17:before {
     content: '\e80f';
}
/* '' */
 .rsi-walls-18:before {
     content: '\e810';
}
/* '' */
 .rsi-walls-19:before {
     content: '\e811';
}
/* '' */
 .rsi-walls-20:before {
     content: '\e812';
}
/* '' */
 .bolder {
     font-weight: 600;
}
 .cfix, .topbar:after {
     content: '';
     display: block;
     width: 100%;
     clear: both;
}
/** * 1. - NORMALIZE CSS * ----------------------------------------------------------------------------- */
/* ========================== NORMALIZE ============================= */
/** * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */
 html {
     font-family: sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}
 body {
     margin: 0;
}
 article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
     display: block;
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     background-color: transparent;
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 b, strong {
     font-weight: 700;
}
 small {
     font-size: 80%;
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
     top: -0.5em;
}
 sub {
     bottom: -0.25em;
}
 img {
     border: 0;
}
 svg:not(:root) {
     overflow: hidden;
}
 figure {
     margin: 0;
}
 hr {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 code, kbd, pre, samp {
     font-size: 1em;
}
 button, input, optgroup, select, textarea {
     color: inherit;
     font: inherit;
     margin: 0;
}
 select {
     text-transform: none;
}
 button {
     overflow: visible;
}
 button, input, select, textarea {
     max-width: 100%;
}
 button, html input[type="button"], input[type="reset"], input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
}
 button[disabled], html input[disabled] {
     cursor: default;
     opacity: .5;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 input[type="checkbox"], input[type="radio"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin-right: 0.4375em;
     padding: 0;
}
 input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-outer-spin-button, input[type="week"]::-webkit-inner-spin-button, input[type="week"]::-webkit-outer-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 input[type="search"] {
     -webkit-appearance: textfield;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 fieldset {
     border: 1px solid #d1d1d1;
     margin: 0 0 1.75em;
     min-width: inherit;
     padding: 0.875em;
}
 fieldset > :last-child {
     margin-bottom: 0;
}
 legend {
     border: 0;
     padding: 0;
}
 textarea {
     overflow: auto;
     vertical-align: top;
}
 optgroup {
     font-weight: bold;
}
/** * 2. GLOBAL STYLES * ----------------------------------------------------------------------------- */
/*1.1 GENERAL STYLES*/
 body, button, input, select, textarea {
     color: #222222;
     font-family: 'Helvetica_Now';
     font-weight: 400;
     font-size: 14px;
     line-height: 1.7;
}
 h1, h2, .banner-page .title-page, h3, .jumbo-heading h2, .jumbo-heading .banner-page .title-page, .banner-page .jumbo-heading .title-page, h4, .lead, .team-2 .title, h5, .section-subheading, h6 {
     clear: both;
     font-weight: 700;
     margin: 0;
     text-rendering: optimizeLegibility;
}
 p {
     margin: 0 0 1.75em;
}
 dfn, cite, em, i {
     font-style: italic;
}
 blockquote {
     border: 0 solid #1a1a1a;
     border-left-width: 4px;
     color: #686868;
     font-size: var(--fs16);
     font-style: italic;
     line-height: 1.6;
     margin: 0 0 1.4736842105em;
     overflow: hidden;
     padding: 0 0 0 1.263157895em;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}
 blockquote p {
     margin-bottom: 1.4736842105em;
}
 blockquote cite, blockquote small {
     color: #1a1a1a;
     display: block;
     font-size: var(--fs16);
     font-size: 1rem;
     line-height: 1.75;
}
 blockquote cite:before, blockquote small:before {
     content: "\2014\00a0";
}
 blockquote em, blockquote i, blockquote cite {
     font-style: normal;
}
 blockquote strong, blockquote b {
     font-weight: 400;
}
 blockquote > :last-child {
     margin-bottom: 0;
}
 blockquote footer, blockquote small, blockquote .small {
     display: block;
     color: #041e42;
}
 address {
     font-style: italic;
     margin: 0 0 1.75em;
}
 code, kbd, tt, var, samp, pre {
     font-family: Inconsolata, monospace;
}
 pre {
     border: 1px solid #d1d1d1;
     font-size: var(--fs16);
     font-size: 1rem;
     line-height: 1.3125;
     margin: 0 0 1.75em;
     max-width: 100%;
     overflow: auto;
     padding: 1.75em;
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
}
 code {
     background-color: #d1d1d1;
     padding: 0.125em 0.25em;
}
 abbr, acronym {
     border-bottom: 1px dotted #d1d1d1;
     cursor: help;
}
 mark, ins {
     background: #007acc;
     color:var(--white);
     padding: 0.125em 0.25em;
     text-decoration: none;
}
 big {
     font-size: 125%;
}
 html {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 *, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior;
     see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
     -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
     box-sizing: inherit;
}
 body {
     background: var(--white);
    /* Fallback for when there is no custom background color defined. */
}
 hr {
     background-color: #d1d1d1;
     border: 0;
     height: 1px;
     margin: 0 0 1.75em;
}
 ul, ol {
     margin: 0 0 1.75em 1.25em;
     padding: 0;
}
 ul {
     list-style: disc;
}
 ol {
     list-style: decimal;
     margin-left: 1.5em;
}
 li > ul, li > ol {
     margin-bottom: 0;
}
 dl {
     margin: 0 0 1.75em;
}
 dt {
     font-weight: 700;
}
 dd {
     margin: 0 0 1.75em;
}
 img {
     height: auto;
    /* Make sure images are scaled correctly. */
     max-width: 100%;
    /* Adhere to container width. */
     vertical-align: middle;
}
 del {
     opacity: 0.8;
}
 table, th, td {
     border: 1px solid #d1d1d1;
}
 table {
     border-collapse: separate;
     border-spacing: 0;
     border-width: 1px 0 0 1px;
     margin: 0 0 1.75em;
     table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
     width: 100%;
}
 caption, th, td {
     font-weight: normal;
     text-align: left;
}
 th {
     border-width: 0 1px 1px 0;
     font-weight: 700;
}
 td {
     border-width: 0 1px 1px 0;
}
 th, td {
     padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
 ::-webkit-input-placeholder {
     color: #686868;
     font-family: 'Helvetica_Now';
}
 :-moz-placeholder {
     color: #686868;
     font-family: 'Helvetica_Now';
}
 ::-moz-placeholder {
     color: #686868;
     font-family: 'Helvetica_Now';
     opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}
 :-ms-input-placeholder {
     color: #686868;
     font-family: 'Helvetica_Now';
}
 html, body {
     width: 100%;
     height: 100%;
}
 i, cite, em, var, address, dfn {
     font-style: italic;
}
.animationload {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background-color: var(--white);
    display: flex;
    min-height: 100vh;
    width: 100% !important;
    align-items: center;
    justify-content: center !important;
}
.loader {
    transform: translate(0%,0%) !important;
    max-width: 200px !important;
    width: 100% !important;
    margin: 0 !important;
    position: unset !important;
    margin: 0px auto !important;
}
 .pos-relative {
     position: relative;
}
 .navbar-brand {
     padding: 0 15px;
     margin-right: 20px;
}
 .section {
     position: relative;
}
 .section > .container-fluid, .section > .container {
     padding-top: var(--ptb80);
     padding-bottom: var(--ptb80);
}
 .section.overlap {
    /*position: relative;
     z-index: 100;
     margin-top: -80px;
     > .container{
         background-color: $white;
         padding-top: 20px;
    }
     */
}
 .section.overlap-bottom {
     position: relative;
     z-index: 100;
     margin-bottom: -125px;
}
 .section.overlap-bottom > .container {
     /*background-color: var(--green);*/
     padding-top: 0px;
     padding-bottom: 0;
     border-radius: 12px;
	 background-color:#003c21;
}
 .section.overlap-bottom > .container > .row {
     display: grid !important;
     grid-template-columns: 25% auto 32%;
     grid-gap: 30px;
     padding: 0px 40px;
}
 .section.overlap-bottom > .container > .row > div {
     width: 100% !important;
     padding: 0px !important;
}
 .section.section-border > .container {
     border-bottom: 1px solid #eee;
}
 .section.banner {
     padding: 0 0;
}
 .section.testimony > .container, .section.page404 > .container {
     padding-top: 50px;
     padding-bottom: 0;
}
 .section.cta > .container {
     padding-top: 0;
     padding-bottom: 0;
}
 .section.stat-client > .container {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .bglight {
     background-color: var(--green);
}
 .bg-1 {
     background-color: var(--green);
}
 .bgwhite {
     background-color: var(--white);
}
 .colorwhite {
     color: var(--white) !important;
}
 .section-heading {
     font-size: var(--fs30);
     line-height: 1.2em;
     font-weight: 800;
    /* color: var(--black);
     */
     margin-bottom: 40px;
     padding-top: 20px;
     padding-bottom: 5px;
     position: relative;
     text-align: center;
     text-transform: capitalize;
     margin-top: 0px;
     padding-top: 0px;
}
 .section-heading:after {
     content: '';
     display: block;
     vertical-align: bottom;
     width: 30px;
     height: 6px;
     background: var(--green);
     border-radius: 3px;
     margin-bottom: 10px;
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
}
 .section-heading.white {
     color: var(--white);
}
 .section-heading.left {
     text-align: left;
}
 .section-heading.left:after {
     margin-left: 0;
     margin-right: 0;
}
 .section-heading.light_clr:after {
     /*background: var(--light);*/
	 background: #85b59f;
}
 .section-heading.light1_clr:after {
     /*background: var(--light1);*/
	 background:#85b59f;
}
 .subheading {
     margin-top: -20px;
     margin-bottom: 80px;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
     color: #555555;
}
 .section-subheading {
     color: #999999;
}
 .section-heading-2 {
     font-size: var(--fs24);
     font-weight: 600;
     color: var(--black);
}
 .section-heading-3 {
     font-size: 1.714em;
     line-height: normal;
}
 .no-gutter {
     margin-right: 0;
     margin-left: 0;
}
 .no-gutter > [class^="col-"], .no-gutter > [class*=" col-"], .no-gutter[class*='col-'], .no-gutter[class*=" col-"] {
     padding-right: 0;
     padding-left: 0;
}
/* 1.2. TEXT COLOR */
/* 1.3. ANCHOR */
 a {
     color: #666666;
     text-decoration: none;
}
 a:hover {
     color: #041e42;
     text-decoration: none;
}
/* 1.4. HEADING & PARAGRAPH */
 p {
     margin: 0 0 20px 0;
}
 h1, h2, .banner-page .title-page, h3, .jumbo-heading h2, .jumbo-heading .banner-page .title-page, .banner-page .jumbo-heading .title-page, h4, .lead, h5, .section-subheading {
     font-family: 'Helvetica_Now';
     font-weight: 700;
     margin-top: 10px;
     margin-bottom: 20px;
}
 h1 {
     font-size: 3.571em;
     line-height: normal;
}
h2, .banner-page .title-page {
    font-size: 3.857em;
    font-family: 'PlayfairDisplay';
    line-height: normal;
}
 h3, .jumbo-heading h2, .jumbo-heading .banner-page .title-page, .banner-page .jumbo-heading .title-page {
     font-size: 1.714em;
     line-height: normal;
     font-family: 'PlayfairDisplay';
}
 h4, .lead {
     font-size: 1.286em;
     line-height: normal;
     font-family: 'Helvetica_Now';
}
 h5, .section-subheading {
     font-size: 14px;
     line-height: 22px;
}
 h6 {
     font-size: 13px;
}
 strong, b {
     font-weight: 700;
}
 .lead {
     font-family: 'Helvetica_Now';
     font-weight: 500;
     line-height: 1.6;
}
 ol, ul {
     list-style: initial;
     margin-left: 24px;
}
 ol li, ul li {
     margin: 0px 0;
}
 .title-heading {
     color: #041e42;
     font-size: var(--fs36);
     line-height: 50px;
}
 blockquote {
     padding: 15px 20px;
     background-color: #f6f6f6;
     margin: 0 0 20px;
     border-left: 5px solid var(--green);
     font-style: italic;
}
.jumbo-heading h2{
	color: #000 !important;
}
 .jumbo-heading {
     color: var(--black);
     font-size: 20px;
     position: relative;
}
 .jumbo-heading h2, .jumbo-heading .banner-page .title-page, .banner-page .jumbo-heading .title-page {
     position: relative;
     z-index: 2;
}
 .jumbo-heading .fa {
     font-size: 200px;
     position: absolute;
     top: 0;
     left: 0;
     color: #f5f5f5;
     z-index: 1;
}
 ul.checklist {
     margin: 0;
}
 ul.checklist li {
     list-style: none;
     margin: 10px 0 25px 35px;
}
 ul.checklist li:before {
     font-family: FontAwesome;
     content: "\f00c";
     font-size: 20px;
     color: #041e42;
     margin-left: -35px;
     margin-right: 15px;
}
 ul.bull {
     margin: 0 0 20px;
     list-style: none;
     padding: 0;
}
 ul.bull li {
     position: relative;
     padding: 0 0 0 26px;
     margin: 0 0 14px;
     line-height: 24px;
     font-size: var(--fs16);
}
 ul.bull li:before {
     content: "\f105";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     left: 0;
     top: 2px;
     display: inline-block;
     vertical-align: top;
     font-size: var(--fs16);
     color: var(--green);
}
 ul.circle {
     margin: 0 0 20px;
     list-style: none;
     padding: 0;
}
 ul.circle li {
     position: relative;
     padding: 4px 0 4px 20px;
     margin: 0 0 14px;
     line-height: 22px;
}
 ul.circle li:before {
     content: "\f10c";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     left: 0;
     top: 10px;
     display: inline-block;
     vertical-align: top;
     font-size: 7px;
     color: var(--black);
}
 .bgsection {
     background: url(../images/1920x1300.jpg) bottom center no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .bgsection:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: var(--green);
}
 .bggreen{
     /*background-color: var(--green);*/
	 background-color: #60947c;
}
 .grid-services {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .grid-item {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .margin-bottom-10 {
     margin-bottom: 10px;
}
 .margin-bottom-30 {
     margin-bottom: 30px;
}
 .margin-bottom-50 {
     margin-bottom: 50px;
}
 .margin-bottom-70 {
     margin-bottom: 70px;
}
 .margin-bottom-90 {
     margin-bottom: 90px;
}
 .margin-bottom-100 {
     margin-bottom: 100px;
}
 .spacer-10 {
     height: 10px;
}
 .spacer-10::after {
     display: block;
     content: "";
     clear: both;
}
 .spacer-30 {
     height: 30px;
}
 .spacer-30::after {
     display: block;
     content: "";
     clear: both;
}
 .spacer-50 {
     height: 50px;
}
 .spacer-50::after {
     display: block;
     content: "";
     clear: both;
}
 .spacer-70 {
     height: 70px;
}
 .spacer-70::after {
     display: block;
     content: "";
     clear: both;
}
 .spacer-90 {
     height: 70px;
}
 .spacer-90::after {
     display: block;
     content: "";
     clear: both;
}
 .banner-page {
     height: 350px;
     display: block;
     background-color: var(--black);
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .banner-page .title-page {
     text-align: center;
     color: var(--white);
     margin-bottom: 0;
     text-transform: capitalize;
}
 .banner-page .breadcrumb {
     padding: 0;
     margin: 0;
     text-align: center;
     background-color: transparent;
     font-size: var(--fs18);
     font-weight: 600;
     text-transform: capitalize;
}
 .banner-page * {
     z-index: 2;
     position: relative;
}
 .banner-page .breadcrumb > .active, .banner-page .breadcrumb > li + li:before, .banner-page .breadcrumb a {
     color: var(--white);
}
 .banner-page .breadcrumb > .active:hover, .banner-page .breadcrumb > li + li:before:hover, .banner-page .breadcrumb a:hover {
     color: var(--black);
}
/* 2.5. CATEGORY MENU */
 .widget {
     margin-bottom: 50px;
     clear: both;
}
 .widget-title {
     font-size: var(--fs24);
     font-weight: 700;
     color: var(--black);
     margin-bottom: 30px;
     padding-bottom: 15px;
     position: relative;
}
 .widget-title:after {
     content: '';
     display: block;
     width: 30px;
     height: 6px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     border-radius: 3px;
     position: absolute;
     background-color: var(--green);
     left: 0;
     bottom: 0;
}
 .category-nav {
     margin-left: 0;
     margin-bottom: 30px;
     padding: 0;
}
 .category-nav {
     margin-left: 0;
     margin-bottom: 30px;
     padding: 0;
}
 .category-nav li {
     list-style: none;
     margin: 0;
     font-weight: 700;
}
 .category-nav li a {
     color: #222222;
     display: block;
     padding: 15px 20px;
     margin-bottom: 5px;
     background-color: #eff3f6;
     border-left: 5px solid transparent;
}
 .category-nav li a:hover {
     border-color: var(--green);
}
 .category-nav li.active a {
     border-color: var(--green);
}
 .info-detail dl {
     font-size: var(--fs16);
}
 .info-detail dt {
     font-weight: 700;
}
 .info-detail dd {
     margin-bottom: 20px;
}
 .widget.tags a {
     display: inline-block;
     vertical-align: top;
     padding: 5px 8px 6px;
     font-size: 13px !important;
     color: rgba(34, 34, 34, 0.8);
     border: 1px solid #ccc;
     margin: 0 6px 7px 0;
     text-decoration: none !important;
     text-transform: lowercase;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .widget.tags a:hover {
     background-color: var(--green);
    /*color: $white;
     */
     border-color: var(--green);
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: var(--green);
}
/* ========================== Back To Top Section ============================= */
 .cd-top {
     display: inline-block;
     height: 40px;
     width: 40px;
     position: fixed;
     bottom: 50px;
     right: 10px;
     z-index: 99;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     background: #003c21  url("../images/cd-top-arrow.svg") no-repeat center 50%;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity .3s 0s, visibility 0s .3s;
     -moz-transition: opacity .3s 0s, visibility 0s .3s;
     transition: opacity .3s 0s, visibility 0s .3s;
}
 .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
     -webkit-transition: opacity .3s 0s, visibility 0s 0s;
     -moz-transition: opacity .3s 0s, visibility 0s 0s;
     transition: opacity .3s 0s, visibility 0s 0s;
}
 .cd-top.cd-is-visible {
     visibility: visible;
     opacity: 1;
}
 .cd-top.cd-fade-out {
    /* opacity: .5;
     */
}
 .cd-top:hover {
     opacity: 1;
}
 .hover-img {
     background: var(--green);
     overflow: hidden;
     position: relative;
     display: inline-block;
     margin: 0 -1.5px;
}
 .hover-img img {
     width: 100%;
     -webkit-object-fit: cover;
     -moz-object-fit: cover;
     -ms-object-fit: cover;
     object-fit: cover;
     -webkit-transition: 0.5s ease all;
     -moz-transition: 0.5s ease all;
     -ms-transition: 0.5s ease all;
     -ms-transition: 0.5s ease all;
     transition: 0.5s ease all;
}
 .hover-img:hover img {
    /*opacity: 0.6;
     */
     opacity: 0.6;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
     filter: alpha(opacity=60);
    /*transform: scale(1.1);
     */
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
}
 .readmore {
     display: block;
     margin-top: 20px;
     font-weight: 700;
     color: var(--green);
}
 .readmore:hover {
     color: var(--green);
     text-decoration: underline;
}
/** * 3. - COMPONENTS * ----------------------------------------------------------------------------- */
 .media-anim .media, .feature-box-8 .media {
     width: 100%;
     margin-bottom: 30px;
     position: relative;
     background-color: var(--green);
}
 .media-anim .media img, .feature-box-8 .media img {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition: 0.4s all linear;
     transition: 0.4s all linear;
}
 .media-anim:hover .media img, .feature-box-8:hover .media img {
     opacity: 0.3;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
     filter: alpha(opacity=30);
     -webkit-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
/* 2.1. PRELOADER */
 .animationload {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 999999;
     /*background-color:var(--white);*/
	 background-Color:#003c21;
	 
}
/* 2.2. BUTTONS */
 :focus {
     outline: none;
}
 .btn, .btn-primary, .btn-secondary {
     font-size: 14px;
     color: var(--white);
     padding: 10px 35px;
     border: 0;
     font-weight: 500;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     border-radius: 3px;
     letter-spacing: 1px;
}
 .btn-default {
     background-color: var(--green);
     color: var(--white);
     padding: 15px 20px;
     border: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
}
 .btn-default:hover {
     background-color: var(--green);
}
 .btn-cta {
     background-color: var(--black);
     color: var(--white);
     padding: 15px 25px;
     border: 0;
     font-weight: 600;
     letter-spacing: 1px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
}
 .btn-cta:hover {
     background-color: #03080e;
     color: var(--white);
}
 .navbar-main .btn-orange-cta:hover {
     background-color: var(--green);
     color: var(--white);
}
 .btn-primary {
     /*background-color: var(--light);*/
	 background-Color: #053f23;
     color: var(--white);
}
 .btn-primary:hover {
	     background-color: #70b784;
    color: var(--black);
    /* color: var(--white);*/
}
 .btn-secondary {
     background-color:var(--light1);
}
 .btn-secondary:hover {
     background-color:var(--green);
     color: var(--white);
}
 .btn-primary.disabled {
     background-color: var(--black);
     border-color: var(--green);
}
 .btn-primary.disabled:hover {
     background-color: var(--black);
     color: var(--black);
}
 .btn-secondary.disabled {
     background-color: var(--black);
     border-color: var(--black);
}
 .btn-secondary.disabled:hover {
     background-color: #081627;
     color: var(--white);
}
 .pagination {
     clear: both;
     text-align: left;
     margin-top: 20px;
}
 .pagination > li {
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     border-radius: 0px;
}
 .pagination > li > a {
     padding: 15px 20px;
     margin-right: 5px;
     margin-bottom: 5px;
     color: #666666;
     display: inline-block;
     border-color: transparent;
     background: #eee;
     border: 0;
}
 .pagination > li > a:hover, .pagination > li > a.active {
     background: var(--green);
     color: #222222;
}
 .pagination > li:first-child > a, .pagination > li:first-child > span {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
}
 .pagination > li:last-child > a, .pagination > li:last-child > span {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}
 .pagination > .active > a {
     background: var(--green);
     color: #222222;
}
 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     background: var(--green);
     color: #222222;
}
 .btn-sidebar {
     border-radius: 0;
     text-align: left;
     font-size: var(--fs16);
     font-weight: 700;
}
 .btn-sidebar .fa {
     margin-right: 10px;
     font-size: 1.4em;
     vertical-align: middle;
}
/* 2.3. BOX ICON 1 */
 .box-icon-1 {
     margin-bottom: 20px;
}
 .box-icon-1 .icon {
     display: inline-block;
     color: var(--black);
     font-size: var(--fs36);
     line-height: 43px;
     float: left;
}
 .box-icon-1 .body-content {
     margin-left: 55px;
     color: var(--green);
     font-weight: 700;
}
 .box-icon-1 .body-content .heading {
     color: #666666;
     font-weight: 400;
}
/* 2.4. BOX ICON 2 */
 .box-icon-2 {
     margin-bottom: 40px;
     padding: 30px 30px 60px 30px;
     background-color: #eff3f6;
     border: 1px solid #dcdde1;
     min-height: 250px;
}
 .box-icon-2 .icon {
     display: inline-block;
     color: #9a9a9a;
     font-size: var(--fs36);
     line-height: 43px;
     margin-bottom: 20px;
}
 .box-icon-2 .body-content {
     color: #222222;
}
 .box-icon-2 .body-content .heading {
     color: var(--green);
     font-size: var(--fs18);
     margin-bottom: 15px;
     text-transform: uppercase;
     font-weight: 700;
}
 .box-icon-2:hover {
     background-color: var(--black);
}
 .box-icon-2:hover .icon, .box-icon-2:hover .body-content {
     color: var(--white);
}
/* 2.4. BOX ICON 3 */
 .box-icon-3 {
     padding: 50px 30px 60px 30px;
     border: 1px solid #dcdde1;
     text-align: center;
     position: relative;
     background-color: #eff3f6;
     min-height: 300px;
}
 .box-icon-3 .icon {
     display: inline-block;
     color: var(--green);
     font-size: 50px;
     line-height: 43px;
     margin-bottom: 40px;
}
 .box-icon-3 .body-content {
     color: #222222;
}
 .box-icon-3 .body-content .heading {
     color: var(--green);
     margin-bottom: 15px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: .2px;
}
 .box-icon-3 .body-content .readmore {
     display: block;
     margin-top: 20px;
     font-weight: 700;
     -webkit-transform: translate3d(0px, 25px, 0px);
     transform: translate3d(0px, 25px, 0px);
     -webkit-transition: all 0.4s ease 0s !important;
     transition: all 0.4s ease 0s !important;
     opacity: 0;
     color: var(--green);
}
 .box-icon-3:hover {
     background-color: var(--black);
     -webkit-box-shadow: 0 10px 18px #eee;
     -moz-box-shadow: 0 10px 18px #eee;
     box-shadow: 0 10px 18px #eee;
}
 .box-icon-3:hover .icon {
     color: var(--white);
}
 .box-icon-3:hover .body-content {
     color: var(--white);
}
 .box-icon-3:hover .body-content .readmore {
     opacity: 1;
     -webkit-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);
}
 .box-icon-3 .line-t {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
}
 .box-icon-3 .line-t:before {
     content: '';
     width: 2px;
     height: 2px;
     display: block;
     position: absolute;
     top: -1px;
     left: -1px;
     background-color: var(--green);
}
 .box-icon-3 .line-t:after {
     content: '';
     width: 2px;
     height: 2px;
     display: block;
     position: absolute;
     top: -1px;
     right: -1px;
     background-color: var(--green);
}
 .box-icon-3 .line-b {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
}
 .box-icon-3 .line-b:before {
     content: '';
     width: 2px;
     height: 2px;
     display: block;
     position: absolute;
     bottom: -1px;
     left: -1px;
     background-color: var(--green);
}
 .box-icon-3 .line-b:after {
     content: '';
     width: 2px;
     height: 2px;
     display: block;
     position: absolute;
     bottom: -1px;
     right: -1px;
     background-color: var(--green);
}
/* 2.5. BOX ICON 4 */
 .box-icon-4 {
     position: relative;
     overflow: hidden;
     display: grid;
     grid-template-columns: max-content auto;
     align-items: center;
     grid-gap: 20px;
}
 .box-icon-4 .icon {
     display: inline-block;
     font-size: 100px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
	 color: #afe8ce;
     /*color: var(--white);
     opacity: 0.5;*/
}
 .box-icon-4 .body-content {
     color: var(--white);
     position: relative;
     font-family: "Helvetica_light";
     z-index: 1;
}
 .box-icon-4 .body-content .heading {
     color: var(--white);
     font-size: var(--fs18);
     margin-bottom: 15px;
     text-transform: uppercase;
     font-family: 'Helvetica_Now';
     font-weight: 600;
}
 .box-icon-4 .body-content .heading.light_clr{
    /* color: var(--light);*/
	     color: #ffd243;
}
 .box-icon-5 {
     text-align: left;
     margin-bottom: 60px;
}
 .box-icon-5 .icon {
     font-size: 40px;
     min-height: 65px;
     color: rgba(12, 31, 56, 0.4);
     float: left;
     display: inline-block;
}
 .box-icon-5 .icon .rsi {
     font-size: 80px;
}
 .box-icon-5 .body-content {
     margin-left: 120px;
}
 .box-icon-5 .title {
     margin-bottom: 15px;
     color: var(--black);
     clear: none;
}
 .box-icon-5 .title:after {
     content: '';
     height: 2px;
     width: 30px;
     display: block;
     margin: 7% 0;
     background: var(--green);
}
 .box-icon-5 .text {
     color: #626262;
}
 .box-icon-5:hover .icon {
     color: var(--green);
}
 .box-icon-5.layout-2 {
     text-align: center;
}
 .box-icon-5.layout-2 .icon {
     float: none;
     display: block;
}
 .box-icon-5.layout-2 .body-content {
     margin-left: 0;
}
 .box-icon-5.layout-2 .title:after {
     margin: 7% auto;
}
/* 2.5. BOX ICON 6 **/
 .box-icon-6 {
     text-align: left;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     min-height: 200px;
     padding: 0px 30px;
}
 .box-icon-6 .icon {
     font-size: var(--fs35);
     min-height: 65px;
     color: var(--green);
     width: 65px;
     max-width: 65px;
     line-height: 1.2;
}
 .box-icon-6 .infobox {
     flex: 1;
}
 .box-icon-6 .title {
     margin-bottom: 15px;
     font-size: var(--fs20);
     color: var(--black);
     margin-top: 0;
}
 .box-icon-6 .title.light_clr {
     /*color: var(--light) !important;*/
	 Color :  #85b59f !important;
}
 .box-icon-6 .text {
     color: var(--black);
     font-size: var(--fs16);
     line-height: 26px;
}
 .box-icon-6.layout-2 {
     padding: 30px 0;
     min-height: auto;
}
 .form-contact {
     display: grid;
     grid-gap: 20px;
}
 .box-icon-6.layout-2 .icon {
     font-size: var(--fs35);
     width: 65px;
     height: 65px;
     color: var(--green);
     border: 1px solid #ccc;
     text-align: center;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     padding-top: 10px;
     margin-right: 20px;
}
/* 2.5. BOX IMAGE 1 */
 .box-image-1 {
     position: relative;
     margin-bottom: 30px;
}
 .box-image-1 .image {
     overflow: hidden;
     background-color: var(--black);
}
 .box-image-1 .image img {
     opacity: .9;
     max-width: 100%;
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
     -webkit-transition: 0.1s all linear;
     transition: 0.1s all linear;
}
 .box-image-1:hover .image img {
     opacity: .4;
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     box-shadow: none;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .box-image-1 .description {
     position: absolute;
     left: 40px;
     bottom: 40px;
}
 .box-image-1 .blok-title {
     color: var(--white);
     font-size: var(--fs24);
     font-weight: 400;
}
/* 2.6. BOX IMAGE 2 */
 .box-image-2 .image img {
     width: 100%;
}
 .box-image-2 .blok-title {
     color: var(--green);
     font-size: var(--fs24);
     font-weight: 400;
     margin-top: 30px;
     margin-bottom: 20px;
}
/* 2.7. BOX IMAGE 4 */
 .box-image-4 {
     position: relative;
     margin-bottom: 30px;
}
 .box-image-4 .media {
     overflow: hidden;
     background-color: var(--green);
     position: relative;
}
 .box-image-4 .media img {
     opacity: 1;
     max-width: 100%;
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
     -webkit-transition: 0.1s all linear;
     transition: 0.1s all linear;
}
 .box-image-4 .body {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     height: -webkit-calc(100% - 20px);
     height: calc(100% - 20px);
     width: -webkit-calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: rgba(255, 195, 29, 0.4);
     border: solid 10px var(--black);
     opacity: 0;
     -webkit-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}
 .box-image-4 .body .content {
     position: absolute;
     width: 80%;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
}
 .box-image-4 .title {
     color: var(--white);
     font-size: var(--fs18);
     margin-top: 20px;
     margin-bottom: 10px;
}
 .box-image-4 .category {
     color: var(--white);
}
 .box-image-4:hover .media img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     box-shadow: none;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .box-image-4:hover .body {
     opacity: 1;
}
 .box-image-4:hover .title {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
/* 2.7. BOX IMAGE 3 */
 .box-image-3 {
     position: relative;
     margin-bottom: 40px;
}
 .box-image-3 .image {
     overflow: hidden;
     background-color: var(--green);
     position: relative;
}
 .box-image-3 .image:before {
     content: '';
     position: absolute;
     background: url(../images/link.gif) center top no-repeat;
     top: 40%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 50px;
     height: 50px;
     text-align: center;
     z-index: 9;
     color: var(--white);
     font-size: var(--fs30);
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all ease .25s;
     transition: all ease .25s;
}
 .box-image-3 .image img {
     opacity: 1;
     max-width: 100%;
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
     -webkit-transition: 0.1s all linear;
     transition: 0.1s all linear;
}
 .box-image-3:hover .image img {
     opacity: .2;
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .box-image-3:hover .image:before {
     top: 50%;
     filter: alpha(opacity=1);
     opacity: 100;
}
 .box-image-3 .blok-title {
     text-align: center;
     color: #666666;
     font-size: var(--fs18);
     margin-top: 20px;
     margin-bottom: 20px;
}
 .box-image-3:hover .blok-title {
     color: var(--green);
}
/* 2.8. BOX IMAGE 5 **/
 .team-2 {
     position: relative;
     margin-bottom: 30px;
     text-align: left;
}
 .team-2 .media {
     display: block;
     position: relative;
     background-color: rgba(255, 195, 29, 0);
     overflow: hidden;
     margin-bottom: 20px;
     position: relative;
}
 .team-2 .media .social-icon {
     display: flex;
     justify-content: center;
     position: absolute;
     bottom: 0;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     width: 100%;
     margin-left: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .team-2 .media .social-icon li {
     line-height: 2.2;
}
 .team-2 .media .social-icon li a {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     background-color: var(--white);
}
 .team-2 .media .social-icon li a:hover {
     color: var(--green);
}
 .team-2 .media img {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition: 0.4s all linear;
     transition: 0.4s all linear;
}
 /* .team-2:hover .media {
     background-color: var(--green);
} */
 .team-2:hover .media img {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
     filter: alpha(opacity=20);
     -webkit-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .team-2:hover .media .social-icon {
     bottom: 40px;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
}
 .team-2 .body {
     overflow: hidden;
     color: #222222;
     font-family: 'Helvetica_Now';
}
 .team-2 .title {
     margin-bottom: 0px;
     font-family: 'Helvetica_Now';
     /*color: var(--light);*/
	 color:#85b59f;
}
 .team-2 .position {
     color: var(--green);
     font-family: 'Helvetica_Now';
    /* font-size: 13px;
     */
     margin-top: 2px;
     margin-bottom: 0px;
     font-weight: 900;
}
/* 2.8. BOX IMAGE 4 **/
 .feature-box-8 {
     position: relative;
     padding-bottom: 40px;
}
 .feature-box-8 .media {
     width: 100%;
     margin-bottom: 30px;
}
 .feature-box-8 .body {
     position: relative;
}
 .feature-box-8 .body .title {
     color: #222222;
     margin-bottom: 10px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: .2px;
     display: inline-block;
}
 .feature-box-8.light .body {
     color: var(--white);
}
 .feature-box-8.light .body .title {
     color: var(--white);
}
/* 2.8. BOX IMAGE 5 **/
.feature-box-7 {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
 .feature-box-7 .media {
     width: 100%;
}
 .feature-box-7 .body {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(34, 34, 34, 0.8);
     padding: 20px;
     height: 60%;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     -webkit-transform: translateY(65%);
     transform: translateY(65%);
}
 .feature-box-7 .body .info-box .text {
     color:var(--white);
}
 .feature-box-7 .body .info-box .title {
     color:var(--white);
     font-size: var(--fs16);
     font-weight: 700;
     margin-bottom: 24px;
     line-height: 2;
}
 .feature-box-7 .body .info-box .title:after {
     content: '';
     height: 2px;
     width: 30px;
     display: block;
     margin: 7% 0;
     background: var(--green);
     -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
     -ms-transform-origin: left top;
     -o-transform-origin: left top;
     transform-origin: left top;
     -webkit-transform: scale(0, 1);
     -moz-transform: scale(0, 1);
     -ms-transform: scale(0, 1);
     -o-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
     -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
     -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
     transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}
 .feature-box-7:hover .body {
     transform: translateY(0%);
}
 .feature-box-7:hover .body .title:after {
     -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
}
/* 2.8. BOX TESTIMONY */
 .box-testimony {
     position: relative;
     box-sizing: border-box;
}
 .box-testimony:before {
     content: "\f10e";
     color: var(--black);
     font-family: FontAwesome;
     font-size: 60px;
     float: left;
     line-height: initial;
}
 .box-testimony .quote-box {
     margin-left: 80px;
}
 .box-testimony .quote-box blockquote {
     font-size: var(--fs18);
     line-height: 32px;
     font-weight: 600;
     padding: 0;
     background-color: transparent;
     margin: 0;
     border-left: 0;
     font-style: italic;
}
 .box-testimony .quote-box .quote-name {
     margin-top: 30px;
     font-size: var(--fs24);
     line-height: 34px;
     font-weight: 700;
     color: var(--green);
}
 .box-testimony .quote-box .quote-name span {
     font-size: 12px;
     font-style: italic;
     color: #222222;
     font-weight: normal;
     display: block;
}
/* TESTIMONIALS 1 */
 .testimonial-1 {
     position: relative;
}
 .testimonial-1 .media {
     float: left;
     margin: 0 30px 0 0;
     max-width: 255px;
     display: block;
     position: relative;
     background-color: var(--green);
}
 .testimonial-1 .media img {
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition: 0.4s all linear;
     transition: 0.4s all linear;
}
 .testimonial-1:hover .media img {
     filter: alpha(opacity=30);
     opacity: .3;
     -webkit-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .testimonial-1 .body {
     overflow: hidden;
     color: #222222;
}
 .testimonial-1 .title {
     color: var(--green);
     font-weight: 700;
     font-size: var(--fs16);
}
 .testimonial-1 .position {
     color: #a2a2a2;
}
 .testimonial-1 .company {
     color: #a2a2a2;
     margin-bottom: 20px;
}
/* TESTIMONIALS 2 */
 .testimonial-2 {
     position: relative;
     margin-bottom: 30px;
     margin-left: 0;
     margin-bottom: 100px;
     background-color: var(--green);
}
 .testimonial-2 .body {
     border: none;
     margin-bottom: 0;
     padding: 30px;
     font-weight: 500;
     color:var(--white);
     min-height: 140px;
}
 .testimonial-2 .info {
     background-color:var(--white);
     display: inline-block;
     padding: 20px 20px;
     margin-top: -40px;
     float: right;
     min-width: 290px;
     border-bottom: 2px solid var(--green);
     height: 90px;
     position: relative;
     z-index: 3;
}
 .info a {
     display: block;
     font-weight: 500;
     margin-bottom: 5px;
}
 .testimonial-2 .info .media {
     max-width: 60px;
     max-height: 60px;
     float: left;
}
 .testimonial-2 .info .info-title {
     margin-left: 80px;
}
 .testimonial-2 .info .title {
     color: var(--green);
     font-weight: 700;
     font-size: var(--fs16);
}
 .testimonial-2 .info .position {
     color: #a2a2a2;
}
 .testimonial-2 .info .company {
     color: #a2a2a2;
     margin-bottom: 20px;
}
 .testimonial-2:hover {
     background-color: var(--black);
}
 .testimonial-2:hover .info {
     border-color: var(--black);
}
/* TESTIMONIALS 3 */
 .testimonial-3 .media {
     text-align: center;
     float: left;
}
 .testimonial-3 .media img {
     width: 160px;
     margin-bottom: 25px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     border-radius: 100px;
}
 .testimonial-3 .body {
     padding-left: 200px;
     font-size: 20px;
     line-height: 1.6;
}
 .testimonial-3 .title {
     color: var(--black);
     font-weight: 700;
     font-size: var(--fs18);
}
 .testimonial-3 .company {
     color: #777;
     margin-bottom: 20px;
}



.section.overlap-bottom > .container > .row {
    display: flex !important;
    flex-flow: wrap;
    grid-gap: 30px;
}
.section.overlap-bottom > .container > .row > div {
    width: 27.2% !important;
    padding: 0px !important;
}
.section.overlap-bottom > .container > .row > div:nth-child(4) {
    width:11%  !important;
    padding: 0px !important;
}

.section.overlap-bottom .qr-code img {
    width: 100%;
}
.section.overlap-bottom .qr-code p{
    color: #ffffff;
    font-size:14px;
    line-height:20px;
}

 @media (max-width: 768px) {
     .testimonial-3 .media {
         float: none;
    }
     .testimonial-3 .media img {
         margin: 0 auto;
         margin-bottom: 25px;
    }
     .testimonial-3 .body {
         padding-left: 0;
         text-align: center;
    }
    
    .section.overlap-bottom > .container > .row > div {
        width: 48% !important;
        padding: 0px !important;
    }
}
/* 2.9. BOX TEAM 2 */
 .box-team {
     border: 1px solid #eee;
     margin-bottom: 30px;
     background-color: var(--green);
     color:var(--white);
}
 .box-team:hover {
     background-color: var(--green);
}
 .box-team:after {
     content: '';
     display: block;
     width: 100%;
     clear: both;
}
 .box-team .box-image {
     float: left;
     width: 50%;
     position: relative;
}
 .box-team .box-image img {
     display: block;
     width: 100%;
}
 .box-team .box-image .sosmed {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(255, 255, 255, 0.6);
     text-align: center;
     padding: 10px 0;
}
 .box-team .box-image .sosmed .fa {
     font-size: var(--fs18);
     color: var(--green);
     padding: 0 20px;
}
 .box-team .box-image .sosmed .fa:hover {
     color: #46c2ca;
}
 .box-team .body-content {
     float: left;
     width: 50%;
     padding: 30px 30px;
     position: relative;
}
 .box-team .body-content .people {
     font-size: var(--fs24);
     font-weight: 700;
     margin-bottom: 0;
}
 .box-team .body-content .position {
     color: var(--black);
     font-size: 12px;
     font-style: italic;
}
 .box-team .body-content .excert {
     margin-top: 20px;
     margin-bottom: 35px;
}
 .box-team .body-content .phone {
     font-size: var(--fs18);
}
 .box-team .body-content .phone .fa {
     font-size: var(--fs30);
     color: var(--black);
     margin-right: 10px;
     vertical-align: middle;
}
 .box-team:hover {
     background-color: var(--black);
     color: var(--black);
}
 .box-team:hover .position {
     color: var(--green);
}
/* 2.10. BOX STATISTIC */
 .box-statistic {
     text-align: center;
     margin-top: 40px;
}
 .box-statistic .icon {
     font-size: var(--fs36);
     color: #ed1c24;
     margin-bottom: 30px;
}
 .box-statistic .heading {
     font-size: var(--fs36);
     color: var(--green);
     font-weight: 700;
     margin-bottom: 20px;
}
 .box-statistic .subheading {
     font-size: 14px;
     font-weight: 600;
     color: #46c2ca;
}
 .counter-1 .counter-number {
     display: table-cell;
     vertical-align: middle;
     padding: 0px 0;
     width: 70px;
     padding-right: 14px;
     letter-spacing: -.5px;
     font-weight: 700;
     font-size: var(--fs48);
}
 .counter-1 .counter-title {
     display: table-cell;
     vertical-align: middle;
     padding: 20px 0;
     text-align: left;
     line-height: 24px;
     margin-bottom: 0;
}
/* 2.11. BOX HISTORY */
 .box-history .item {
     padding-bottom: 40px;
}
 .box-history .item:before {
     content: '';
     position: absolute;
     left: 92px;
     top: 0;
     bottom: 0;
     width: 1px;
     background-color: #eee;
     z-index: -1;
}
 .box-history .item .year {
     float: left;
     font-size: var(--fs18);
     font-weight: 700;
}
 .box-history .item .year-info {
     position: relative;
     margin-left: 100px;
}
 .box-history .item .year-info:before {
     content: '';
     position: absolute;
     left: -30px;
     width: 15px;
     height: 15px;
     background-color: #ed1c24;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
}
 .box-history .item .year-info .heading {
     font-size: var(--fs24);
     color: var(--green);
     margin-bottom: 20px;
}
 .box-history .item:after {
     content: '';
     clear: both;
     display: block;
}
 .history-2 .timeline__item .media {
     display: table-cell;
     width: 30%;
}
 .history-2 .timeline__item .media img {
     margin-bottom: 80px;
}
 .history-2 .timeline__item .year {
     font-size: 6rem;
     font-weight: 700;
     color: #002e5b;
     letter-spacing: -.04em;
     margin-top: -15px;
     line-height: normal;
}
 .history-2 .timeline__item .aksen {
     position: relative;
     display: table-cell;
     width: 80px;
}
 .history-2 .timeline__item .aksen:before {
     content: '';
     position: absolute;
     left: 50%;
     top: 20px;
     bottom: -5px;
     width: 1px;
     background: #e6e6e6;
     border-radius: 100%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .history-2 .timeline__item .aksen:after {
     content: '';
     position: absolute;
     left: 50%;
     top: 8px;
     width: 9px;
     height: 9px;
     background: var(--green);
     border-radius: 100%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .history-2 .timeline__item:last-child .aksen:before {
     display: none;
}
 .history-2 .timeline__item .text {
     display: table-cell;
     padding: 0 0 50px;
     vertical-align: top;
}
 .history-2 .timeline__item .text .title {
     font-size: 20px;
     margin: 0 0 16px;
     padding: 0;
     font-weight: 700;
}
 @media (max-width: 767px) {
     .history-2 .timeline__item .media {
         display: block;
         width: 100%;
    }
     .history-2 .timeline__item .media img {
         margin-bottom: 20px;
    }
     .history-2 .timeline__item .aksen {
         display: none;
    }
}
/* 2.12. BOX PARTNERS */
 .box-partner {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .box-partner .item {
     padding-top: 30px;
     padding-bottom:30px;
     border-bottom: 1px solid #eee;
}
 .box-partner .item .box-image {
     float: left;
     width: 20%;
     font-size: var(--fs18);
}
 .box-partner .item .box-image img {
     width: 100%;
     border: 1px solid #eee;
     padding: 20px;
}
 .box-partner .item .box-info {
     float: left;
     width: 70%;
     position: relative;
     margin-left: 40px;
}
 .box-partner .item .box-info .heading {
     font-size: var(--fs24);
     color: var(--green);
     font-weight: 700;
     margin-bottom: 20px;
}
 .box-partner .item:after {
     content: '';
     clear: both;
     display: block;
}
 .box-partner .item:last-child {
     border-bottom: 0;
}
/* 2.13. PANEL ACCORDION */
 .panel-faq.panel-group .panel {
     border-radius: 0px;
}
 .panel-faq .panel-default {
     border-color: transparent;
}
 .panel-faq .panel-default > .panel-heading {
     background-color: var(--green);
     border-color: #ddd;
     border: 0;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     padding: 13px 20px;
     position: relative;
}
 .panel-faq .panel-default > .panel-heading:before {
     padding: 0 0px 0 20px;
     content: "\002B";
     font-family: Arial;
     font-size: var(--fs24);
     position: absolute;
     top: 10px;
     right: 20px;
     line-height: 1;
}
 .panel-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: transparent;
}
 .panel-faq .panel-default.active > .panel-heading {
     background-color: #eff3f6;
     color: var(--black);
}
 .panel-faq .panel-default.active > .panel-heading:before {
     color: var(--black);
     content: "\002D";
}
 .panel-faq .panel-title {
     font-size: var(--fs16);
     display: block;
}
 .panel-faq .panel-title > a, .panel-faq .panel-title > a:active, .panel-faq .panel-title > a:focus {
     color: inherit;
     text-decoration: none;
     display: block;
}
 .panel-faq .panel-body {
     padding: 15px 20px;
     background-color: #eff3f6;
     margin-top: 0;
}
 .panel-faq .panel-body p {
     margin: 10px 0;
}
 .panel-faq .collapse.in {
     display: block;
     visibility: visible;
}
/* 2.14. FAQ */
 .faq-list {
     margin: 0;
     padding: 0;
}
 .faq-list li {
     list-style: none;
}
 .faq-list li .fa {
     color: #f00;
     font-size: 14px;
     margin-right: 10px;
}
 .faq-list .faq-item-image {
     position: relative;
     width: 100%;
     text-align: center;
}
 .faq-list .faq-item-image img {
     display: block;
}
 .faq-1 .item {
     margin-bottom: 70px;
}
 .faq-1 .item .question {
     position: relative;
     padding-left: 40px;
     font-size: 1.714em;
     line-height: normal;
     margin-bottom: 30px;
}
 .faq-1 .item .question:before {
     content: "\f059";
     color: var(--black);
     font-family: FontAwesome;
     position: absolute;
     left: 0;
     top: 5px;
}
 .faq-1 .item .answer {
     position: relative;
     padding-left: 40px;
     margin-bottom: 30px;
}
 .faq-1 .item .answer:before {
     content: "\f064";
     color: var(--black);
     font-family: FontAwesome;
     position: absolute;
     left: 0;
     top: 5px;
}
/* 2.15. PRICING TABLE */
 .panel-pricing {
     border-color: #ccc;
     text-align: center;
     margin-bottom: 40px;
     background-color: #f6f6f6;
     border-radius: 0;
}
 .panel-pricing.best .price {
     background-color: var(--black);
     color: var(--white);
}
 .panel-pricing .price {
     padding: 15px 0;
     font-size: 80px;
     background-color: var(--green);
     font-size: var(--fs36);
     color: #222222;
     font-weight: 700;
}
 .panel-pricing .price sup {
     font-size: var(--fs18);
     margin-right: 5px;
     top: -.6em;
     font-weight: 400;
}
 .panel-pricing .price small {
     font-size: 14px;
     margin-left: 0px;
}
 .panel-pricing h3, .panel-pricing .jumbo-heading h2, .jumbo-heading .panel-pricing h2, .panel-pricing .jumbo-heading .banner-page .title-page, .jumbo-heading .banner-page .panel-pricing .title-page, .panel-pricing .banner-page .jumbo-heading .title-page, .banner-page .jumbo-heading .panel-pricing .title-page {
     font-size: var(--fs24);
     line-height: 34px;
     font-weight: 700;
     padding-top: 10px;
}
 .panel-pricing > .panel-heading {
     color: #666666;
     border-color: #eee;
     padding: 0px 0px;
}
 .panel-pricing .table > tbody > tr > td, .panel-pricing .table > tfoot > tr > td {
     padding: 12px 0;
     vertical-align: top;
     border-top: none;
}
 .panel-pricing .table {
     margin-bottom: 0;
}
 .panel-pricing .panel-body {
     padding: 10px;
     text-align: center;
}
 .panel-pricing .panel-body table, .panel-pricing .panel-body th, .panel-pricing .panel-body td {
     border: 0;
     text-align: center;
}
 .panel-pricing .panel-footer {
     padding: 30px 0;
     border-top: 0;
}
/* 2.16. CAREER TABS */
 .career-tabs > ul {
     margin-left: 0px;
}
 .career-tabs .nav-tabs {
     border-bottom: 0;
}
 .career-tabs .nav-tabs > li {
     float: left;
     margin-bottom: 0;
     width: 25%;
     background: var(--green);
     text-align: center;
}
 .career-tabs .nav-tabs > li > a {
     padding: 20px 0;
     color: #222222;
     margin-right: 0;
     border-radius: 0;
     font-weight: 700;
}
 .career-tabs .nav-tabs > li > a:hover {
     background-color: var(--black);
     color: var(--white);
}
 .career-tabs .nav-tabs > li.active > a, .career-tabs .nav-tabs > li.active > a:hover, .career-tabs .nav-tabs > li.active > a:focus {
     cursor: default;
     background-color: #eff3f6;
}
 .career-tabs .tab-content {
     padding: 20px 30px;
     border: 1px solid #eee;
     background-color: #eff3f6;
}
/* 3.17. BOX NEWS */
 .box-news-1 {
     position: relative;
     margin-bottom: 30px;
}
 .box-news-1 .media {
     width: 100%;
     margin-bottom: 20px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     background-color: var(--green);
}
 .box-news-1 .media img {
     -webkit-transition: 0.4s all linear;
     transition: 0.4s all linear;
}
 .box-news-1 .media:before {
     content: "\f0c1";
     font-family: FontAwesome;
     position: absolute;
     top: 40%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 50px;
     height: 50px;
     text-align: center;
     z-index: 9;
     color: var(--white);
     font-size: var(--fs30);
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all ease .25s;
     transition: all ease .25s;
}
 .box-news-1 .body {
     position: relative;
     padding-bottom: 20px;
     border-bottom: 1px solid #ccc;
}
 .box-news-1 .body:before {
     background-color: var(--green);
     position: absolute;
     display: block;
     content: "";
     width: 100%;
     height: 2px;
     left: 0;
     bottom: 0;
     -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
     -ms-transform-origin: left top;
     -o-transform-origin: left top;
     transform-origin: left top;
     -webkit-transform: scale(0, 1);
     -moz-transform: scale(0, 1);
     -ms-transform: scale(0, 1);
     -o-transform: scale(0, 1);
     transform: scale(0, 1);
     -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
     -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
     -o-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
     transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}
 .box-news-1 .body .title a {
     color: var(--black);
}
 .box-news-1 .body .title a:hover {
     color: var(--green);
}
 .box-news-1 .body .meta {
     color: #6f6f6f;
     font-size: 13px;
     margin-top: 5px;
}
 .box-news-1 .body .meta span {
     display: inline-table;
     margin-right: 20px;
}
 .box-news-1 .body .meta .fa {
     color: var(--black);
}
 .box-news-1:hover .body:before {
     -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .box-news-1:hover .media img {
     filter: alpha(opacity=80);
     opacity: .4;
     -webkit-transform: scale(1.05, 1.05);
     -moz-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     -o-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .box-news-1:hover .media:before {
     top: 50%;
     filter: alpha(opacity=1);
     opacity: 100;
}
/* 3.17. BOX NEWS */
 .box-news-2 {
     position: relative;
     margin-bottom: 40px;
}
 .box-news-2 .image {
     overflow: hidden;
     background-color: var(--green);
     position: relative;
}
 .box-news-2 .image img {
     opacity: 1;
     max-width: 100%;
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
     -webkit-transition: 0.1s all linear;
     transition: 0.1s all linear;
}
 .box-news-2 .image:before {
     content: '';
     position: absolute;
     background: url(../images/link.gif) center top no-repeat;
     top: 40%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 50px;
     height: 50px;
     text-align: center;
     z-index: 9;
     color: var(--white);
     font-size: var(--fs30);
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all ease .25s;
     transition: all ease .25s;
}
 .box-news-2:hover .image img {
     opacity: .2;
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .box-news-2:hover .image:before {
     top: 50%;
     filter: alpha(opacity=1);
     opacity: 100;
}
 .box-news-2 .meta-date {
     margin-top: 10px;
     color: var(--green);
     font-size: 12px;
     font-style: italic;
}
 .box-news-2 .blok-title {
     color: #666666;
     font-size: var(--fs18);
     margin-top: 5px;
     margin-bottom: 20px;
     height: 50px;
     overflow: hidden;
}
 .box-news-2 .blok-title a:hover {
     color: #ed1c24;
}
/* 2.18. LIST NEWS */
 .meta-blog, .list-news .news-item .meta, .single-news .meta {
     margin-bottom: 20px;
}
 .meta-blog:after, .list-news .news-item .meta:after, .single-news .meta:after {
     clear: both;
     content: " ";
     display: table;
}
 .meta-blog > div, .list-news .news-item .meta > div, .single-news .meta > div {
     float: left;
     font-size: 13px;
     line-height: normal;
}
 .meta-blog > div:last-child, .list-news .news-item .meta > div:last-child, .single-news .meta > div:last-child {
     text-align: right;
     float: right;
}
 .meta-blog > div i, .list-news .news-item .meta > div i, .single-news .meta > div i {
     color: var(--black);
}
 .meta-blog .meta-author, .list-news .news-item .meta .meta-author, .single-news .meta .meta-author, .meta-blog .meta-category, .list-news .news-item .meta .meta-category, .single-news .meta .meta-category {
     margin: 0 0 10px 20px;
     padding: 0 0 0 21px;
}
 @media (max-width: 768px) {
     .meta-blog > div, .list-news .news-item .meta > div, .single-news .meta > div {
         display: block;
         float: none;
         margin-bottom: 10px;
    }
     .meta-blog > div:last-child, .list-news .news-item .meta > div:last-child, .single-news .meta > div:last-child {
         text-align: left;
         float: none;
    }
     .meta-blog .meta-author, .list-news .news-item .meta .meta-author, .single-news .meta .meta-author, .meta-blog .meta-category, .list-news .news-item .meta .meta-category, .single-news .meta .meta-category {
         margin-left: 0;
         padding-left: 0;
    }
}
 .list-news {
     width: 98%;
}
 .list-news .news-item {
     margin-bottom: 70px;
     padding-right: 15px;
     padding-left: 15px;
    /*.meta-date{
         margin-top: 10px;
         color: $color_1;
         font-size: 12px;
         font-style: italic;
    }
     .meta-author{
         color: $color_1;
         font-style: italic;
         font-size: 12px;
         margin-bottom: 20px;
    }
     */
}
 .list-news .news-item .image {
     position: relative;
     overflow: hidden;
     background-color: var(--green);
}
 .list-news .news-item .image:before {
     content: "\f0c1";
     font-family: FontAwesome;
     position: absolute;
     top: 40%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 50px;
     height: 50px;
     text-align: center;
     z-index: 9;
     color: var(--white);
     font-size: var(--fs30);
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all ease .25s;
     transition: all ease .25s;
}
 .list-news .news-item .image img {
     opacity: 1;
     max-width: 100%;
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
     -webkit-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
     -webkit-transition: 0.1s all linear;
     transition: 0.1s all linear;
}
 .list-news .news-item .image .meta-date {
     position: absolute;
     bottom: 40px;
     left: 0;
     width: 70px;
     height: 70px;
     border-top-right-radius: 50%;
     border-bottom-right-radius: 50%;
     background-color: #ed1c24;
     font-size: 26px;
     font-weight: 600;
     color:var(--white);
     text-align: center;
     padding-top: 13px;
     z-index: 1;
}
 .list-news .news-item .image .meta-date span {
     font-size: 14px;
     display: block;
}
 .list-news .news-item:hover .image img {
     opacity: .2;
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms;
}
 .list-news .news-item:hover .image:before {
     top: 50%;
     filter: alpha(opacity=1);
     opacity: 100;
}
 .list-news .news-item .blok-title {
     font-size: var(--fs24);
     margin-top: 5px;
     margin-top: 20px;
     margin-bottom: 10px;
     font-weight: 700;
}
 .list-news .news-item .blok-title a {
     color: var(--green);
}
 .list-news .news-item .blok-title a:hover {
     color: var(--black);
}
 @media (max-width: 1280px) {
.section.overlap-bottom > .container > .row > div {
    width: 27% !important;
    padding: 0px !important;
}
}
 @media (max-width: 1024px) {
     .list-news {
         width: initial;
    }
}
/** * 4. - LOGO & NAVIGATION * ----------------------------------------------------------------------------- */
/* 4.1 - TOPBAR */
 .topbar {
    /*background-color: $bg__topbar;
     */
     padding: 0 0;
     height: 40px;
}
 .topbar .topbar-left .welcome-text {
     font-style: italic;
     color: var(--white);
     padding: 8px 0;
}
 .topbar .topbar-right {
     text-align: right;
}
 .topbar .topbar-right .topbar-menu {
     display: inline-table;
     margin-bottom: 0;
     vertical-align: top;
}
 .topbar .topbar-right .topbar-menu li {
     list-style: none;
     float: left;
     color: var(--white);
     padding: 0 10px;
     font-size: 12px;
}
 .topbar .topbar-right .topbar-menu li a {
     color: var(--white);
}
 .topbar .topbar-right .topbar-menu li a:hover {
     color: var(--green);
}
 .topbar .topbar-right .topbar-sosmed {
     display: inline-table;
     margin-bottom: 0;
}
 .topbar .topbar-right .topbar-sosmed li {
     list-style: none;
     float: left;
     font-size: var(--fs16);
     padding: 0 10px;
}
 .topbar .topbar-right .topbar-sosmed li a {
     color: var(--white);
}
 .topbar .topbar-right .topbar-sosmed li a:hover {
     color: var(--green);
}
 .topbar-logo {
     background-color: var(--white);
     padding: 5px 0;
}
 .contact-info {
     float: right;
     margin-top: 15px;
}
 .contact-info > div {
     display: inline-table;
     margin-right: 40px;
}
 .navbar-toggle .icon-bar {
     background: var(--green);
}
 .navbar-toggle {
     float: left;
}
/* 4.2 - NAVBAR */
 .navbar-main {
     background-color: transparent;
     border-radius: 0;
     margin-bottom: 0;
     border: 0;
     position: relative;
     z-index: 3;
     -webkit-transition: padding .2s ease-in-out;
     transition: padding .2s ease-in-out;
}
 .navbar-main > .container {
     position: relative;
     padding: 10px 15px;
}
 .navbar-main .navbar-brand img:last-child {
     display: none;
}
 .navbar-main.stiky {
     /*background-color: var(--green);*/
	 background-Color: #003c21;
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
     padding-top: 40px;
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     -webkit-transform: translateY(-40px);
     -moz-transform: translateY(-40px);
     -ms-transform: translateY(-40px);
     -o-transform: translateY(-40px);
     transform: translateY(-40px);
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     bottom: initial;
}
 .navbar-main.stiky .navbar-brand img {
     display: none;
}
 .navbar-main.stiky .navbar-brand img:last-child {
     display: block;
}
 .navbar-main .navbar-collapse {
     padding-right: 0;
     padding-left: 0;
}
 .navbar-main ol, .navbar-main li {
     margin: 0 0;
     font-size: 12px;
     font-weight: 700;
}
 .navbar-main .nav > li > a {
     color:var(--white);
}
 .navbar-main .nav > li.active > a, .navbar-main .nav > li > a:hover, .navbar-main .nav > li > a:focus {
     color: var(--white);
     background-color: transparent;
}
 .navbar-main .nav .open > a, .navbar-main .nav .open > a:hover, .navbar-main .nav .open > a:focus {
     background-color: transparent;
     border-color: transparent;
     color: var(--white);
}
 .navbar-main .caret {
     margin-left: 10px;
}
 .navbar-main .nav.navbar-right > li {
     margin-right: 15px;
}
 .navbar-main .fa {
     font-size: var(--fs18);
}
 .navbar-main .dropdown-menu {
     background-color: var(--black);
     min-width: 180px;
     color: var(--white);
     padding: 0;
     border: 0;
     border-radius: 0;
}
 .navbar-main .dropdown-menu > li {
     text-transform: uppercase;
    /*border-bottom: 1px solid lighten($color_1, 10%);
     */
}
 .navbar-main .dropdown-menu > li a {
     padding: 10px 20px;
     color: var(--white);
}
 .navbar-main .dropdown-menu > li a:hover {
     background-color: var(--black);
     color: var(--green);
}
 .header-1 {
     position: fixed;
     z-index: 99;
     width: 100%;
    /*overflow: hidden;
     */
}
 .header-1 .navbar-nav {
     /*background-color: var(--green);*/
	 background-Color: #032d1a;
     position: relative;
}
 .header-1 .navbar-nav:after {
     content: '';
     position: absolute;
     right: -100%;
     width: 100%;
     height: 100%;
     display: block;
     background-color: var(--green) 
}
 .header-1 .stiky .navbar-nav {
     /*background-color: var(--green);*/
	 background-Color :#003c21;
}
 .header-1 .stiky .navbar-nav:after {
     content: none;
}
 .header-1 .stiky .nav > li.active > a {
     color: var(--green);
}
 .header-1 .stiky .nav .open > a, .header-1 .stiky .nav .open > a:hover, .header-1 .stiky .nav .open > a:focus {
     color: var(--green);
}
 .social-icon li {
     list-style: none;
     float: left;
     margin: 0 2px;
     text-align: center;
}
 .social-icon li a {
     display: block;
     width: 35px;
     height: 35px;
     background-color: transparent;
     padding-top: 2px;
}
 .navbar-main.stiky .nav>li>a {
     color: var(--white);
}
 .navbar-main .nav > li > a{
     font-size: var(--fs16);
     transition: all 0.3s;
}
 .navbar-main .nav > li > a:hover,.navbar-main .nav > li > a.active{
    /* color: var(--light);*/
	 Color: #ffd243;
}
/** * 5. - HOME * ----------------------------------------------------------------------------- */
/* 5.1 - HERO */
 .banner {
     position: relative;
     padding: 0 0;
    /*.btn-primary:hover, .btn-secondary:hover{
         background-color: $blue_2;
    }
     */
}
 .banner .overlay-bg {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.3);
     z-index: -1;
}
 .banner ol li, .banner ul li {
     margin: 0;
}
 .slides-navigation {
     margin: 0 auto;
     position: absolute;
     z-index: 3;
     bottom: 46%;
     width: 100%;
}
 .slides-navigation.center {
     margin: 0 auto;
     position: absolute;
     z-index: 3;
     bottom: 25%;
     width: 100%;
     text-align: center;
     -webkit-transform: translateX(-7px);
     -ms-transform: translateX(-7px);
     transform: translateX(-7px);
}
 .slides-navigation .container {
     position: relative;
}
 .slides-navigation a {
     position: absolute;
     display: block;
}
 .slides-navigation.center a {
     position: relative;
     display: inline-table;
     text-align: center;
}
/*.slides-navigation {
     bottom: 20%;
}
 */
 .slides-navigation a {
     color: var(--white);
     font-size: 14px;
     margin: 5px;
     background: transparent;
     display: inline-block;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
     width: 40px;
     height: 40px;
     border: 3px solid var(--white);
     padding-top: 7px;
     text-align: center;
}
 .slides-navigation a:hover {
     color: var(--green);
     border-color: var(--green);
     text-decoration: none;
}
 .slides-navigation a.prev {
     left: -60px;
}
 .slides-navigation a.next {
     right: -60px;
}
 .slides-navigation.center a.next {
     left: 0;
     right: 0;
}
 .slides-navigation.center a.prev {
     left: 0;
}
/* 5.2 - Text Typing */
.wrap-caption {
    color: var(--white);
    width: 50%;
    position: absolute;
    top: 47%;
}
 .wrap-caption.center {
     width: 80%;
     margin: 0 auto;
     text-align: center;
}
 .wrap-caption.right {
     width: 50%;
     text-align: right;
     float: right;
}
 .wrap-caption .excerpt {
     margin-bottom: 50px;
     font-size: var(--fs18);
}
 .wrap-caption .btn, .wrap-caption .btn-primary, .wrap-caption .btn-secondary {
     margin-right: 15px;
}
/** * 6. - SECTION * ----------------------------------------------------------------------------- */
 .banner-page {
     padding: 100px 0;
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .banner-page:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(34, 34, 34, 0.5);
}
/* 6.1 - About */
 .banner-page.about {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .director-image {
     position: relative;
     margin-bottom: 60px;
}
 .director-image .director-image-title {
     background-color: var(--black);
     letter-spacing: -.6px;
     color:var(--white);
     text-align: right;
     padding: 10px 30px;
     position: absolute;
     left: 0;
     bottom: 0;
}
 .director-image:after {
     position: absolute;
     height: 40px;
     background-color: var(--black);
     left: 0;
     bottom: -40px;
     right: 40px;
}
 .director-title {
     font-size: 28px;
     font-weight: 400;
     margin-bottom: 0;
}
 .director-position {
     font-size: 14px;
     color: var(--green);
     text-transform: uppercase;
     font-weight: 600;
}
 .bos-quote {
     padding: 20px;
     background-color: var(--white);
     border: 4px solid #dcdde1;
}
 .bos-quote .bos-photo {
     float: left;
     width: 100px;
}
 .bos-quote .bos-photo img {
     display: block;
}
 .bos-quote .bos-text {
     margin-left: 120px;
}
 .bos-quote:after {
     content: '';
     clear: both;
     display: inline-table;
}
 .box-vision {
     border-left: 10px solid var(--green);
     padding: 15px 30px;
     font-size: 20px;
     line-height: normal;
     background-color: #eff3f6;
     color: var(--green);
     margin-bottom: 60px;
     font-weight: 400;
     font-style: italic;
}
 dl.hiw {
     width: 100%;
}
 dl.hiw dt {
     width: 30px;
     float: left;
}
 dl.hiw dt .fa {
     font-size: var(--fs24);
     color: #041e42;
}
 dl.hiw dd {
     margin-left: 60px;
     margin-bottom: 40px;
}
 dl.hiw dd h4, dl.hiw dd .lead, dl.hiw dd .team-2 .title, .team-2 dl.hiw dd .title {
     clear: none;
}
 .vidimg {
     position: relative;
}
 .vidimg .play-vid {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 72px;
     height: 72px;
     background-color: var(--green);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     display: block;
     border: 2px solid var(--white);
     padding-top: 13px;
     padding-left: 7px;
     text-align: center;
}
 .vidimg .play-vid a {
     color: var(--white);
}
 .vidimg .play-vid:hover {
     background-color: var(--black);
}
/* 6.2 - Services */
 .banner-page.project {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
}
/*.section.project{
     background: url('../images/1920x1300.jpg') bottom center no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .section.project:before{
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: $color_3;
     opacity: .9;
}
 */
 .bg-dark {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .bg-dark:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: var(--black);
     opacity: .9;
}
 .portfolio_filter {
     margin: 0;
     padding: 0;
     text-align: left;
     grid-gap: 5px;
     display: flex;
     flex-flow: wrap;
     list-style: none;
}
 .portfolio_filter li a{
     display: inline-table;
     list-style: none;
     padding: 15px 20px;
     text-transform: uppercase;
     text-decoration: none;
     margin: 0;
     background-color: var(--black);
}
 .portfolio_filter li a {
     color:var(--white);
     font-weight: 700;
}
 .portfolio_filter li a.active, .portfolio_filter li a:hover {
     color: var(--white);
     text-decoration: none;
     background-color: var(--light);
}
 .portfolio_filter.dark li a {
     color: #666666;
}
 .portfolio_filter.dark li a.active, .portfolio_filter.dark li a:hover {
     color: var(--green);
     text-decoration: none;
}
/* 6.3 - Pages */
 .banner-page.pages {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
}
/* 6.3 - Projects */
 .banner-page.project {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
}
/* 6.4 - News */
 .banner-page.news {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
}
 .single-news .image {
     position: relative;
}
 .single-news .image .meta-date {
     position: absolute;
     bottom: 40px;
     left: 0;
     width: 70px;
     height: 70px;
     border-top-right-radius: 50%;
     border-bottom-right-radius: 50%;
     background-color: #ed1c24;
     font-size: 26px;
     font-weight: 600;
     color:var(--white);
     text-align: center;
     padding-top: 13px;
}
 .single-news .image .meta-date span {
     font-size: 14px;
     display: block;
}
 .single-news .blok-title {
     font-size: var(--fs24);
     margin-top: 20px;
     margin-bottom: 10px;
     font-weight: 700;
}
 .author-box {
     background-color: #f6f6f6;
     padding: 20px;
     margin-top: 60px;
}
 .author-box .media {
     display: table-cell;
     vertical-align: top;
     width: 120px;
}
 .author-box .media img {
     width: 100px;
     height: 100px;
}
 .author-box .body {
     margin-left: 20px;
     display: table-cell;
     vertical-align: top;
}
 .author-box .media-heading {
     color: #222222;
     font-weight: 600;
     font-size: 15px;
     text-transform: uppercase;
     margin-bottom: 10px;
}
 .author-box .media-heading span {
     font-weight: 400;
     font-size: 12px;
     display: block;
     color: rgba(34, 34, 34, 0.3);
}
 .author-box:after {
     @extent .clrfix;
}
 .comments-box {
     padding-bottom:30px;
    /*border-bottom: 1px solid #E9E9E9;
     */
}
 .comments-box .media {
    /*padding: 20px;
     */
     padding-bottom:30px;
     border-bottom: 1px solid #E9E9E9;
     background-color:var(--white);
     margin-bottom: 30px;
}
 .comments-box .media .media-left {
     display: inline-table;
     float: left;
     padding-right: 20px;
}
 .comments-box .media .media-left img {
     width: 60px;
     height: 60px;
}
 .comments-box .media .media-body {
     margin-left: 140px;
}
 .comments-box .media.comment {
     background-color:var(--white);
}
 .comments-box .media.reply-comment {
    /*background-color:#F6F6F6;
     */
     margin-left: 40px;
}
 .comments-box .media:after {
     display: table;
     content: " ";
     clear: both;
}
 .comments-box .media-heading {
     color: var(--green);
     font-weight: 600;
}
 .comments-box .comments-box .media-left img {
     width: 100px;
     height: 100px;
}
 .comments-box .date {
     float: right;
     color: rgba(34, 34, 34, 0.3);
}
 .comments-box .reply {
     margin-top: 5px;
}
 .comments-box .reply a {
     color: rgba(34, 34, 34, 0.3);
}
 .comments-box .reply a:hover {
     color: var(--black);
}
 .comments-box .title-heading, .leave-comment-box .title-heading {
     font-size: var(--fs18);
     line-height: 25px;
     color: var(--green);
     font-weight: 600;
     margin-top: 40px;
     margin-bottom: 40px;
}
/* 6.5 - Contact */
.form-comment .form-control, .contact .form-control, .contact .form-select {
    height: 45px;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: none;
    font-size: var(--fs16);
}
 .form-comment textarea.form-control, .contact textarea.form-control {
     height: auto;
}
 .form-comment .btn.disabled, .form-comment .disabled.btn-primary, .form-comment .disabled.btn-secondary, .form-comment .btn[disabled], .form-comment [disabled].btn-primary, .form-comment [disabled].btn-secondary, .form-comment fieldset[disabled] .btn, .form-comment fieldset[disabled] .btn-primary, .form-comment fieldset[disabled] .btn-secondary, .contact .btn.disabled, .contact .disabled.btn-primary, .contact .disabled.btn-secondary, .contact .btn[disabled], .contact [disabled].btn-primary, .contact [disabled].btn-secondary, .contact fieldset[disabled] .btn, .contact fieldset[disabled] .btn-primary, .contact fieldset[disabled] .btn-secondary {
     opacity: 1;
}
 .maps-wraper {
     position: relative;
}
 .maps {
     width: 100%;
     height: 350px;
     display: block;
     background: #ccc;
     position: relative;
}
 #google-container {
     position: relative;
     width: 100%;
     height: 500px;
     background-color:var(--white);
}
 #cd-google-map {
     position: relative;
     overflow: hidden;
}
 #cd-google-map .col-md-12 {
     padding: 0;
}
 #cd-google-map .address {
     position: absolute;
     width: 100%;
     bottom: 0;
     left: 0;
     padding: 20px 0;
     background-color: rgba(5, 5, 5, 0.9);
}
 #cd-google-map .address .address-item {
     position: relative;
     padding-left: 44px;
}
 #cd-google-map .address .address-item i {
     width: 24px;
     height: 24px;
     position: absolute;
     top: 0;
     left: 4px;
     color: #fcfcfc;
     font-size: 22px;
     text-align: center;
     line-height: 24px;
}
 #cd-zoom-in, #cd-zoom-out {
     height: 32px;
     width: 32px;
     cursor: pointer;
     margin-left: 10px;
     background-color: var(--green);
     background-repeat: no-repeat;
     background-size: 32px 64px;
     background-image: url("../images/cd-icon-controller.svg");
}
 .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
     background-color: var(--black);
}
 #cd-zoom-in {
     background-position: 50% 0;
     margin-top: 10px;
     margin-bottom: 1px;
}
 #cd-zoom-out {
     background-position: 50% -32px;
}
/* 6.6 Section - Features */
 .section.feature {
     /*background-color: var(--green);
	 background-Color :#003c21;*/
}
 .overlap {
     background-color: var(--white);
     margin-top: -140px;
     position: relative;
     z-index: 2;
}
 .feature-gutter {
     margin-right: 0px;
     margin-left: 0px;
}
 .feature-gutter > [class^="col-"], .feature-gutter > [class*=" col-"], .feature-gutter[class*='col-'], .feature-gutter[class*=" col-"] {
     padding-top: 40px;
     padding-right: 40px;
     padding-left: 40px;
}
 .border-right {
     border-right: 1px solid #ccc;
}
 .about-img {
     position: relative;
     min-height: 370px;
}
 .about-img .about-img-top {
     position: absolute;
     width: 50%;
     left: 0;
     bottom: -50%;
     transform: translateY(-50%);
     z-index: 1;
     /*border: 10px solid var(--green);*/
	 border: 10px solid #60947c;
}
 .about-img .about-img-bottom {
     position: absolute;
     width: 85%;
     right: 0;
}
/* 6.7 Section - CTA */
 .section.cta {
     padding: 50px 0;
     background-color: var(--green);
}
 .cta-1 .body-text {
     max-width: 70%;
     float: left;
}
 @media (max-width: 768px) {
     .cta-1 .body-text {
         max-width: 100%;
         text-align: center;
    }
}
 .cta-1 .body-action {
     max-width: 30%;
     float: right;
}
 @media (max-width: 768px) {
     .cta-1 .body-action {
         max-width: 100%;
         float: none;
         margin: 0 auto;
         display: table;
    }
}
 .cta-1 .body-action .btn, .cta-1 .body-action .btn-primary, .cta-1 .body-action .btn-secondary {
     display: inline-block;
     overflow: hidden;
     backface-visibility: hidden;
     position: relative;
     padding: 15px 35px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
}
 .gutter-20 {
     margin-right: 0px;
     margin-left: 0px;
}
 .gutter-20 > [class^="col-"], .gutter-20 > [class*=" col-"], .gutter-20[class*='col-'], .gutter-20[class*=" col-"] {
     padding-right: 20px;
     padding-left: 20px;
}
/* 6.8 - Price */
/* 6.9 - Partners */
.client-img {
    text-align: center;
    margin-bottom: 0px;
}
 .client-img img {
     margin: 0 auto;
     width: 90%;
}
 .client-img img:hover {
     opacity: 0.7;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
     filter: alpha(opacity=70);
}
/* 6.10 - Testimony */
 .people, .user-pic {
     display: block;
     max-width: 100%;
}
 #caro-project .owl-dots, #owl-testimony .owl-dots {
     display: none !important;
}
 #caro-project .owl-controls .owl-nav [class*=owl-], #caro-project-2 .owl-controls .owl-nav [class*=owl-], #owl-testimony .owl-controls .owl-nav [class*=owl-] {
     color: var(--green);
     font-size: 14px;
     margin: 5px;
     background: transparent;
     display: inline-block;
     cursor: pointer;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     width: 40px;
     height: 40px;
     border: 3px solid var(--green);
     padding-top: 7px;
}
 #caro-project .owl-controls .owl-nav [class*=owl-]:hover, #caro-project-2 .owl-controls .owl-nav [class*=owl-]:hover, #owl-testimony .owl-controls .owl-nav [class*=owl-]:hover {
     background: transparent;
     color: var(--black);
     border-color: var(--black);
     text-decoration: none;
}
 #caro-project .owl-nav, #caro-project-2 .owl-nav, #owl-testimony .owl-nav {
     position: relative;
     z-index: 2;
}
 #caro-project .owl-nav .owl-prev, #caro-project .owl-nav .owl-next, #caro-project-2 .owl-nav .owl-prev, #caro-project-2 .owl-nav .owl-next, #owl-testimony .owl-nav .owl-prev, #owl-testimony .owl-nav .owl-next {
     position: absolute;
     top: -180px;
}
 #caro-project .owl-nav .owl-prev, #caro-project-2 .owl-nav .owl-prev, #owl-testimony .owl-nav .owl-prev {
     left: -70px;
}
 #caro-project .owl-nav .owl-next, #caro-project-2 .owl-nav .owl-next, #owl-testimony .owl-nav .owl-next {
     right: -70px;
}
 .bg-dark .owl-controls .owl-nav [class*=owl-]:hover {
     color: var(--white) !important;
     border-color: var(--white) !important;
}
 #caro-project-2 {
    /*.owl-controls .owl-nav [class*=owl-] {
         &:hover {
             color: $white;
             border-color: $white;
        }
    }
     */
}
 #caro-project-2 .owl-nav {
     position: relative;
     z-index: 2;
}
 #caro-project-2 .owl-nav .owl-prev, #caro-project-2 .owl-nav .owl-next {
     position: static;
}
 @media (max-width: 768px) {
     #caro-project .owl-nav, #owl-testimony .owl-nav {
         display: none !important;
    }
     #caro-project .owl-dots, #owl-testimony .owl-dots {
         display: block !important;
    }
        .section.overlap-bottom > .container > .row {
        grid-gap: 20px 20px !important;
    }
        .section.overlap-bottom > .container > .row > div {
        width: 48% !important;
        padding: 0px !important;
    }
    .section.overlap-bottom > .container > .row > div:nth-child(4) {
    width: 26% !important;
    padding: 0px !important;
}
}
 .testimony {
     padding: 80px 0;
}
 .testimony .owl-theme .owl-dots .owl-dot.active span, .testimony .owl-theme .owl-dots .owl-dot:hover span {
     background: var(--black);
}
 .bgtestimony {
     background: url(../images/1920x1300.jpg) bottom center no-repeat;
     background-attachment: fixed;
     background-size: cover;
}
 .bgtestimony:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: var(--green);
     opacity: .9;
}
/* 6.11 - 404 Page */
 .title-404 {
     font-size: 5em;
     color: var(--green);
     margin-bottom: -20px;
}
 .subtitle-404 {
     font-size: 2em;
     color: var(--black);
}
/* 6.12 - Pages */
 .banner-page.pages {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
}
/* 6.12 - Contact */
 .banner-page.contact {
     background: url("../images/1920x1300.jpg") bottom center no-repeat;
}
/** * 7. - FOOTER * ----------------------------------------------------------------------------- */
 .footer {
     padding: 200px 0 0 0;
     /*background-color: rgb(24 41 50 / 95%);*/
	 background-color: rgb(96 148 124);
     color: var(--white);
}
 .footer > .container {
     padding-bottom: 50px;
}
 .footer .footer-item .logo-bottom {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .footer .footer-item .footer-title {
     font-size: var(--fs24);
     font-weight: 600;
     padding: 20px 0 20px 0;
     margin-bottom: 30px;
     position: relative;
}
 .footer .footer-item .footer-title:after {
     content: '';
     display: block;
     width: 30px;
     height: 6px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     border-radius: 3px;
     position: absolute;
     background-color: var(--green);
     left: 0;
     bottom: 0;
}
 .footer .footer-item .footer-sosmed {
     margin-top: 50px;
     margin-bottom: 30px;
     display: inline-block;
     display: flex;
     justify-content: end;
     grid-gap: 12px;
     flex-flow: wrap;
}
 .footer .footer-item .footer-sosmed a .item,.header ul.topbar-sosmed li a {
     color: var(--white);
     display: table-cell;
     vertical-align: middle;
     margin: 0 0px;
     width: 40px;
     height: 40px;
     text-align: center;
    /* background-color:var(--light);*/
	 background-Color:#053f23;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     border-radius: 50px;
    /* display: grid;
     */
     align-items: center;
     display: flex;
     justify-content: center;
}
 .footer .footer-item .footer-sosmed a .item:hover,.header ul.topbar-sosmed li a:hover {
     background-color: var(--green);
}
 .footer .footer-item .footer-sosmed a .item .fa,.header ul.topbar-sosmed li a {
     font-size: var(--fs16);
}
 .footer .footer-item .list {
     margin: 0;
     padding: 0;
}
 .footer .footer-item .list li {
     list-style: none;
     margin: 14px 0;
}
 .footer .footer-item .list li a {
     color: var(--green);
     font-family: 'Helvetica_Now';
}
 .footer .footer-item .list li a:hover {
     color: var(--green);
}
 .footer .footer-item .footer-subscribe {
     position: relative;
}
 .footer .footer-item .footer-subscribe input[type=email] {
     width: 100%;
     background:var(--white);
     padding: 10px 57px 10px 17px;
     min-height: 38px;
     max-width: 480px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     border-radius: 0;
}
 .footer .footer-item .footer-subscribe input[type=email]:focus {
     background:var(--white);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 2px;
     -webkit-box-shadow: 0 0 0 2px var(--green);
     -moz-box-shadow: 0 0 0 2px var(--green);
     box-shadow: 0 0 0 2px var(--green);
     border-color: transparent;
}
 .footer .footer-item .footer-subscribe input[type=submit] {
     position: absolute;
     left: 0;
     top: 0;
     visibility: hidden;
}
 .footer .footer-item .footer-subscribe label {
     position: absolute;
     right: 0;
     top: 0;
     border: 0;
     width: 40px;
     height: 38px;
     line-height: 40px;
     padding: 0;
     cursor: pointer;
     text-align: center;
     font-size: 13px;
     background: none;
     color: var(--black);
     outline: 0 !important;
     -webkit-transition: color .3s ease;
     -moz-transition: color .3s ease;
     -ms-transition: color .3s ease;
     -o-transition: color .3s ease;
     transition: color .3s ease;
     background: var(--green);
}
 .footer .footer-item .footer-subscribe .icon {
     font-size: var(--fs18);
}
 .footer .footer-item .footer-subscribe p {
     color: rgba(255, 255, 255, 0.7);
     font-family: 'Helvetica_Now';
     font-size: 13px;
     margin-top: 16px;
}
 .footer .footer-item .recent-post {
     margin: 0;
     padding: 0;
}
 .footer .footer-item .recent-post li {
     list-style: none;
     margin: 0 0 30px;
}
 .footer .footer-item .recent-post li a {
     color:var(--white);
     font-family: 'Helvetica_Now';
     line-height: 20px;
     display: inline-block;
     vertical-align: top;
     margin: 0 0 14px;
}
 .footer .footer-item .recent-post li a:hover {
     color: var(--green);
}
 .footer .footer-item .recent-post li .date {
     display: block;
     font-size: 12px;
     padding: 0;
     color: rgba(255, 255, 255, 0.7);
}
 .footer .footer-item .recent-post li .date i {
     margin-right: 5px;
}
 .footer .fcopy {
     padding: 30px 0;
     color: var(--white);
     font-size: 14px;
     /*border-top: 1px solid var(--light);*/
	 border-top: 1px solid #003c21;
}
 .list-info {
     margin: 0;
     padding: 0;
}
 .list-info li {
     margin-bottom: 12px;
     list-style: none;
     display: flex;
     align-items: baseline;
}
 .list-info li .info-icon {
     display: inline-block;
     color: #85b59f;
     font-size: var(--fs16);
     float: left;
}
 .list-info li .info-text {
     margin-left: 15px;
}
.list-info li .info-text a, .list-info li .info-text span {
    margin-bottom: 5px !important;
    display: block;
    color: var(--black);
}
 a:hover{
     color: var(--light);
}
.list-info li .info-text a:hover{
    color: var(--light);
}
p, .text {
    text-align: justify !important;
}
/** * 8. - RESPONSIVE * ----------------------------------------------------------------------------- */
 @media (max-width: 1200px) {
     .list-services > .col-md-4:nth-child(3n+1) {
         clear: both;
    }
     .section.overlap-bottom > .container > .row {
         grid-template-columns: auto auto;
         grid-gap: 0px 20px;
         padding: 0px 30px;
    }
     .container, .container-lg, .container-md, .container-sm {
         max-width: 100%;
    }
}
 @media (max-width: 1024px) {
     .slides-navigation a.prev {
         left: -20px;
    }
     .slides-navigation a.next {
         right: -20px;
    }
     .testimony .owl-nav .owl-prev {
         left: -20px;
    }
     .testimony .owl-nav .owl-next {
         right: -20px;
    }
     .header-1 .navbar-nav:after {
         display: none;
         content: none;
    }
     #caro-project .owl-nav .owl-prev, #owl-testimony .owl-nav .owl-prev {
         left: -20px;
    }
     #caro-project .owl-nav .owl-next, #owl-testimony .owl-nav .owl-next {
         right: -20px;
    }
     .nav > li > a {
         padding: 10px 10px;
    }
     .navbar-main > .container .nav>li>a {
         padding: 10px 15px !important;
    }
     .box-icon-6 {
         min-height: fit-content;
         margin-bottom: 40px;
    }
}
 @media (max-width: 768px) {
     .navbar-toggle {
         clear: left;
         float: right;
    }
     .topbar {
         height: auto;
    }
     .topbar-left {
         text-align: center;
    }
     .topbar-right {
         text-align: center !important;
    }
     .topbar-menu, .topbar-sosmed {
         margin-left: 0;
         margin-bottom: 0;
    }
     .nav > li > a {
         padding: 10px 6px;
    }
    /*.navbar-main .dropdown-menu > li a{
         color: #333333;
    }
     */
     .box-icon-1 .icon {
         clear: left;
         display: block;
         width: 100%;
         text-align: center;
    }
     .box-icon-1 .body-content {
         text-align: center;
         margin-left: 0;
    }
     .container-nav .btn-orange-cta {
         position: absolute;
         right: 10px;
         top: 0;
    }
     .wrap-caption {
         width: 100%;
    }
     .wrap-caption.center, .wrap-caption.right {
         width: 100%;
    }
     .box-team .box-image, .box-team .body-content {
         width: 100%;
    }
     .btn-sidebar.btn, .btn-sidebar.btn-primary, .btn-sidebar.btn-secondary, .btn-sidebar.btn-primary, .btn-sidebar.btn-secondary {
         padding: 15px 25px;
    }
     .about-img {
         min-height: initial;
    }
     .about-img .about-img-top {
         position: relative;
         width: 100%;
         bottom: 0;
         transform: translateY(0);
         border: 0;
    }
     .about-img .about-img-bottom {
         position: relative;
         width: 100%;
    }
}
 @media (max-width: 767px) {
     .topbar {
         display: none;
    }
     .header-1 .navbar-nav:after {
         content: none;
    }
     .navbar-main {
         background-color: var(--white);
         position: fixed;
         top: 0;
         right: 0;
         left: 0;
         -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
    /* .navbar-main .navbar-brand {
         top: 22px;
         position: absolute;
        /*top: 22px;
         position: fixed;
         */
    }
     .navbar-main .navbar-brand > img {
         width: 80%;
    }
     .navbar-main .navbar-brand img {
         display: none;
    }
     .navbar-main .navbar-brand img:last-child {
         display: block;
    }
     .navbar-main .dropdown-menu > li a {
         color: #222222;
    }
     .nav > li > a {
         padding: 10px 15px;
    }
     @media (max-width: 479px) {
         .contact-info {
             clear: right;
             width: 100%;
             display: none;
        }
         .contact-info > div {
             display: block;
             margin-right: 0px;
        }
        /*.topbar-logo{
             .btn-cta{
                 clear: right;
                 position: relative;
                 transform: translateY(78px);
                 z-index: 4;
            }
        }
         */
         .bos-quote .bos-photo {
             clear: left;
             display: block;
             width: auto;
             margin-bottom: 20px;
        }
         .bos-quote .bos-text {
             clear: left;
             display: block;
             margin-left: 0;
        }
         h2, .banner-page .title-page, .banner-page .title-page {
             font-size: 2em;
        }
         .box-partner .item .box-image {
             clear: left;
             width: auto;
        }
         .box-partner .item .box-info {
             clear: left;
             width: auto;
             margin-left: 0;
        }
         .career-tabs .nav-tabs > li {
             width: 100%;
             clear: left;
        }
         .testimonial-1 .media {
             clear: both;
             display: block;
             max-width: 300px;
             margin-bottom: 40px;
             margin-right: 0;
        }
         .testimonial-1 .body {
             clear: both;
             display: block;
        }
         .cta .cta-info {
             width: 100%;
        }
    }
    /*# sourceMappingURL=style.css.map */
     a.navbar-brand img, .footer-item img {
         height: 45px;
         object-fit: contain;
    }
     .navbar.navbar-main.stiky .nav > li > a {
         color: var(--green) !important;
    }
    /*-----------| Services Start ||----------------*/
     .service_box {
         min-height: 475px;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         border-radius: 12px;
         display: grid;
         align-items: end;
    }
    .gallery_slider  .service_box {
        background-size:contain;
    }
     .service_bottom h4 {
         color: var(--white);
         font-family: 'Helvetica Now Display';
         font-style: normal;
         font-weight: 500;
         font-size: var(--fs24);
         line-height: 35px;
         margin: 0px;
         padding: 30px 20px ;
         font-family: 'Helvetica_Now';
    }
     .service_bottom{
         background: var(--green_grident);
         border-bottom-left-radius: 12px;
    }
     .row30{
         grid-row-gap: 30px;
    }
     .row20{
         grid-row-gap: 20px;
    }
     .feature_box {
         background: rgb(175 232 206);
         border-radius: 12px;
         display: grid;
         padding: 15px 30px;
         grid-template-columns: 65px auto;
         grid-gap: 20px;
         align-items: center;
         margin-bottom: 15px;
    }
     .feature_box:last-child{
         margin: 0px;
    }
     .feature_content p {
         margin: 0px;
    }
     .feature_right .section-heading{
         text-align: left;
    }
     .feature_right .section-heading:after{
         margin-left: 0px;
    }
     .feature_right h2{
         margin-top: 0px !important;
         padding-top: 0px !important;
         margin-bottom: 30px !important;
    }
     .map_sec {
         padding-top: 20px;
    }
     .video_box > img {
         width: 100%;
         max-height: 300px;
         min-height: 300px;
         object-fit: cover;
         border-radius: 12px;
         margin-top: 8px;
    }
     .map_sec iframe {
         height: 285px;
         border-radius: 12px;
    }
     .play_btn {
         position: absolute;
         top: 50%;
         left: 50%;
         width: 50px;
         height: 50px;
         transform: translate(-50%,-50%);
         cursor: pointer;
    }
     .video_box{
         position: relative;
    }
     .box_icon {
         padding: 0px;
    }
     .amenities_sec .row > div > div {
         min-height: fit-content;
    }
     .row {
         display: flex;
         flex-flow: wrap;
    }
     .specification_inner {
         background: var(--green);
         padding-left: 30px;
         padding-right: 30px;
         color: var(--white);
         font-weight: 400;
         border-radius: 12px;
    }
     .modal_video iframe{
         width: 100%;
    }
     .modal-dialog {
         max-width: 670px;
    }
     .modal-dialog,.modal_video .modal-dialog *, .modal-content {
         background: transparent;
         border: unset;
    }
     .modal-body{
         background-color:var(--white);
         border-radius: 12px;
    }
     .modal-header,.modal-body {
         padding: 0px 0px 0px;
    }
     .modal_video iframe {
         width: 100%;
         height: 378px;
         border: 0px;
    }
     .modal-header {
         position: absolute;
         right: -10px;
         top: -18px;
    }
     .modal .modal-dialog, .modal.fade .modal-dialog {
         transform: translate(-50%, -60%) !important;
         top: 50% !important;
         left: 50% !important;
         margin: 0px !important;
         width: calc(100% - 50px);
    }
     .modal.show .modal-dialog {
         transform: translate(-50%, -50%) !important;
    }
     button.btn-close {
         width: 20px;
         height: 20px;
         background-image: url(../images/cross.svg) !important;
         opacity: 1;
         z-index: 1;
         outline: none !important;
         border: none !important;
         position: relative;
         background-size: contain !important;
         background-repeat: no-repeat !important;
    }
     .footer-sosmed {
         margin: 0px !important;
    }
     .fcopy p{
         margin: 0px !important;
    }
     .fcopy .row {
         align-items: center;
    }
     .fcopy .footer-item {
         text-align: end;
    }
     .footer .container {
         padding-bottom: 0px;
    }
     .fcopy .row{
         grid-row-gap: 10px;
    }
     .navbar.navbar-main.stiky .container.container-nav .row::before,.navbar.navbar-main.stiky .container.container-nav .row::after,.navbar.navbar-main.stiky nav.navbar-collapse.collapse::before {
         display: none;
    }
     .navbar.navbar-main.stiky .container.container-nav .row {
         justify-content: space-between;
    }
     .navbar-header {
         display: none;
    }
     .form_modal h2.section-heading {
         font-size: var(--fs24);
    }
     .nri_services .box-icon-6 .icon{
         margin: 0px auto;
    }
     .title.decoration:after {
         content: '';
         height: 2px;
         width: 30px;
         display: block;
         margin: 7% auto;
         background:var(--green);
    }
    /*--------|| toggle_btn css Start ||-----------*/
     .ham {
         cursor: pointer;
         -webkit-tap-highlight-color: transparent;
         transition: transform 400ms;
         -moz-user-select: none;
         -webkit-user-select: none;
         -ms-user-select: none;
         user-select: none;
         width: 50px;
    }
     .hamRotate.active {
         transform: rotate(45deg);
    }
     .hamRotate180.active {
         transform: rotate(180deg);
    }
     .line {
         fill: none;
         transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
         stroke: var(--white);
         stroke-width: 3px;
         stroke-linecap: round;
    }
     .ham7 .top {
         stroke-dasharray: 40 82;
    }
     .ham7 .middle {
         stroke-dasharray: 40 111;
    }
     .ham7 .bottom {
         stroke-dasharray: 40 161;
    }
     .ham7.active .top {
         stroke-dasharray: 17 82;
         stroke-dashoffset: -62px;
    }
     .ham7.active .middle {
         stroke-dashoffset: 23px;
    }
     .ham7.active .bottom {
         stroke-dashoffset: -83px;
    }
     .toggle_btn{
         display: none;
    }
     .job_category > ul{
         max-width: 930px;
         margin: 0px auto;
    }
     .nav>li>a {
         font-size: var(--fs16);
         padding: 10px 20px !important;
         font-weight: 500;
    }
    /*--------|| toggle_btn css End ||-----------*/
    /*--------|| toggle_btn css End ||-----------*/
     h2.section-heading.text-left::after {
         margin-left: 0px;
    }
     h2.section-heading.text-left {
         text-align: left !important;
    }
     .nri_services .infobox h5{
         color: var(--light) !important;
    }
     .gallery_sec .feature-box-7 {
         margin-top: 16px;
         margin-bottom: 0px !important;
    }
     .gallery_sec .grid-services > div:nth-child(1) .feature-box-7,.gallery_sec .grid-services > div:nth-child(2) .feature-box-7,.gallery_sec .grid-services > div:nth-child(3) .feature-box-7{
         margin-top: 0px;
    }
    .timeline_list {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 20px;
    }
    /*--------|| toggle_btn css End ||-----------*/
    /*--------|| Coundown css Start ||-----------*/
     .countdown.show, .countdown.hero_count {
         text-align: center;
    }
     .countdown.show .running, .countdown.hero_count .running {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-flow: wrap;
         flex-flow: wrap;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .countdown.show .running timer, .countdown.hero_count .running timer {
         display: grid;
         grid-template-columns:150px 150px 150px 150px;
         grid-gap: 30px;
    }
     .countdown.show .running timer span{
         text-align: center;
         background: var(--white);
         border-style: solid;
         border-width: 1px 1px 1px 1px;
         border-color: var(--light);
         border-radius: 5px 5px 5px 5px;
         box-shadow: 8px 23px 22px 0px rgb(163 112 86 / 12%);
         padding: 30px 10px;
         font-size: var(--fs48);
         font-weight: 600;
         display: grid;
         line-height: 1;
         display: block;
         width: 100%;
         color: var(--light);
    }
     .countdown.show .running timer span::after {
         display: block;
         font-size:var(--fs16);
         text-align: center;
         margin-top: 12px;
         color:var(--light);
         font-weight: 500;
    }
     .countdown.show .running timer span:first-child::after{
         content: "Days";
    }
     .countdown.show .running timer span:nth-child(2)::after{
         content: "Hours";
    }
     .countdown.show .running timer span:nth-child(3)::after{
         content: "Minutes";
    }
     .countdown.show .running timer span:nth-child(4)::after{
         content: "Seconds";
    }
    .note_box  .text-danger i {
        display: flex;
        grid-gap:15px;
    }
    .timeline_box {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding-bottom: 9px;
}
    /*--------|| Coundown css End ||-----------*/
    /*--------|| gallery Slider css Start ||-----------*/
    .gallery_slider  .owl-nav button {
        outline: unset;
        border: unset !important;
        width: 40px;
        height: 40px;
        background-color: var(--light) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0px !important;
        transition: all 0.3s;
    }
    .gallery_slider .owl-nav button:hover{
        background-color: var(--black) !important;
    }
    .gallery_slider .owl-nav button img {
        width: 55%;
        height: 55%;
        display: block;
        filter: brightness(0) invert(1);
    }
    .gallery_slider .owl-nav {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 80%;
        margin: 0 auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*--------|| gallery Slider css End ||-----------*/
    /*--------|| reponsive Css Start ||-----------*/
     @media(min-width: 1800px){
         :root{
             --fs30:32px;
             --fs24:26px;
             --fs20:22px;
             --fs36:38px;
             --fs16:18px;
             --fs14:16px;
             --fs18:20px;
             --fs35:37px;
        }
    }
     @media(max-width: 991px){
         .col-md-6 {
             width: 100%;
        }
         .feature_box {
             padding: 10px 20px;
             grid-template-columns: 60px auto;
             grid-gap: 15px;
        }
         :root{
             --fs30:28px;
             --fs24:22px;
             --fs36:34px;
             --fs35:33px;
             --ptb80: 60px;
             --ptb60: 40px;
        }
         .section.overlap-bottom > .container > .row {
             grid-template-columns: auto;
        }
         .navbar-header {
             display: block;
        }
         .navbar-main.stiky {
             -webkit-transform: translateY(0px);
             -moz-transform: translateY(0px);
             -ms-transform: translateY(0px);
             -o-transform: translateY(0px);
             transform: translateY(0px);
             padding: 0px;
        }
         .navbar.navbar-main .container.container-nav .row {
             display: flex;
             flex-flow: wrap;
             justify-content: space-between;
        }
         .navbar.navbar-main .container.container-nav .row::before,.navbar.navbar-main .container.container-nav .row::after{
             display: none;
        }
         .navbar-main .navbar-brand > img {
             width: 100%;
             object-fit: contain;
             height: 48px;
        }
         .navbar.navbar-main .container.container-nav .row {
             display: grid;
             flex-flow: wrap;
             justify-content: space-between;
             grid-template-columns: 120px auto;
             margin: 0px !important;
        }
         .navbar-brand {
             padding: 0 0px;
             margin-right: 0px;
        }
         .navbar-main .navbar-collapse {
             position: fixed;
             top: 0px;
             left: 0px;
             width: 100%;
             min-height: 100vh;
             background: var(--green) !important;
        }
         .navbar-main .navbar-collapse.in{
             display: block !important;
        }
         .navbar-main .navbar-collapse ul {
             margin: 0px;
             width: 100%;
             min-height: 100vh;
             padding: 50px 0px;
        }
         svg.ham.active,.nav.navbar-collapse.collapse.in .navbar-header svg.ham{
             clear: left;
             float: right;
             position: relative;
             filter: brightness(0) invert(1);
        }
         .navbar-header {
             display: block;
             order: 2;
        }
         .navbar.navbar-main.stiky .nav > li > a {
             color: var(--green) !important;
        }
         .header-1 .stiky .navbar-nav {
             background-color: var(--green);
        }
         .navbar-toggle {
             clear: left;
             float: right;
             padding: 0px;
             margin: 0px !important;
             height: 50px;
        }
         .navbar-main {
             /*background-color: var(--green);*/
			 background: #003c21;
             position: fixed;
             top: 0;
             right: 0;
             left: 0;
             -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
             box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
        }
         .countdown.show .running timer, .countdown.hero_count .running timer {
             grid-template-columns: 130px 130px 130px 130px;
        }
         .countdown.hero_count .running timer > div{
             margin: 0px;
        }
        .navbar-expand-lg.navbar {
            display: grid !important;
            grid-template-columns: 149px 50px;
            align-items: center !important;
            justify-content: space-between !important;
        }
    }
     @media(max-width: 767px){
         .amenities_sec .row.row30 > div {
             width: 50%;
        }
         .service_box {
             min-height: 380px;
        }
         .box-icon-4 {
             padding: 0px;
        }
         .feature-box-7 .body .info-box .title:after{
             display: none;
        }
         .feature-box-7 .body {
             padding: 15px;
             height: 35%;
        }
         .countdown.show .running timer, .countdown.hero_count .running timer {
             grid-template-columns: 130px 130px 130px;
        }
         .gallery_sec .grid-services > div:nth-child(3) .feature-box-7{
             margin-top: 16px;
        }
    }
     @media(max-width: 575px){
         :root{
             --ptb80: 40px;
             --ptb60: 30px;
             --fs48: 36px;
        }
         .service_box {
             min-height: 330px;
        }
         .amenities_sec .row > div > div {
             display: grid;
        }
         .fcopy .row{
             justify-content: center;
             text-align: center;
        }
         .box-icon-4 {
             grid-template-columns: auto;
             grid-gap: 0px;
             margin-top: 15px;
             margin-bottom: 15px;
        }
         .box-icon-4 .icon {
             height: fit-content;
             display: flex;
             align-items: baseline;
             margin-bottom: 22px;
        }
         .maps-wraper iframe {
             max-height: 350px;
        }
         .box-icon-6 {
             padding: 0px 0px;
        }
         .footer .footer-item .footer-sosmed{
             justify-content: center;
        }
         .footer {
             padding: 120px 0 0 0;
        }
         .box-icon-4 .icon {
             font-size: 80px;
        }
         .box-icon-6 {
             margin-bottom: 0px;
        }
         .btn, .btn-primary, .btn-secondary {
             padding: 10px 25px;
             display: inline-block;
        }
         .wrap-caption {
             padding: 0px 0px;
        }
         .slides-navigation a.next {
             right: 0px;
        }
         .slides-navigation a.prev {
             left:calc(100% - 100px);
        }
         div#slides{
             height: 500px !important;
        }
         .slides-navigation a {
             position: absolute;
             display: block;
             bottom: -200px;
             transform: translate(0px, 0px);
        }
         .counter-1,.counter-1 .counter-number,.counter-1 .counter-title {
             display: grid;
             text-align: center;
             width: 100%;
        }
         .counter-1 .counter-title br{
             display: none;
        }
         .section.pad .row {
             grid-row-gap: 30px;
        }
         .row.grid-services:last-child{
             margin-bottom: 0px !important;
        }
         .countdown.show .running timer, .countdown.hero_count .running timer {
             grid-template-columns: 130px 130px;
        }
         .timeline_list {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
         .grid-services > div:last-child .feature-box-7 {
             margin-bottom: 0px !important;
        }
         .gallery_sec .grid-services > div:nth-child(2) .feature-box-7{
             margin-top: 16px;
        }
         .amenities_sec .row.row30 > div:last-child{
             width: 100%;
        }
         .section-heading {
             margin-bottom: 20px;
        }
.gallery_slider .owl-nav {
    max-width:calc(100% - 15px);
}
.service_box {
    min-height: 270px;
}
div#slides .wrap-caption h2.caption-heading {
    margin: 0px;
}
.wrap-caption {
    top: 50%;
}
    }
    /*-----------| Services End ||----------------*/

.nri_services .box-icon-6 {
    display: grid;
    grid-template-columns: 55px auto;
    grid-gap: 20px;
}

.nri_services .box-icon-6 > div {
    width: 100%;
}
.nri_services .box-icon-6 img{
    filter: invert(52%) sepia(13%) saturate(1393%) hue-rotate(336deg) brightness(87%) contrast(86%);
}
.column_count_grid{
        column-count: 3;
        display: block;
    }
.column_count_grid > div {
    width: 100%;
    padding: 0px;
    column-gap: 1em;
    flex: unset !important;
}
.discription_list {
    display: none;
}
.dis_title h2 {
    font-size: var(--fs18);
    margin: 0px;
}
.glightbox-clean .gdesc-inner {
    padding: 10px;
}
.gslide-media.gslide-image img {
    max-height: 55vh !important;
}
@media(max-width: 767px){
div#slides img {
    object-fit: contain;
    left: 0px !important;
    height: 100% !important;
    width: 100% !important;
    top: 0px !important;
    position: unset !important;
    height: auto !important;
    padding-top: 85px;
}
nav.slides-navigation {
    display: none;
}
div#slides {
    height: 500px !important;
}
.column_count_grid {
    column-count: 2;
    padding: 0px 15px;
}
}
@media(max-width: 575px){
    div#slides {
    height: 300px !important;
}
.column_count_grid {
    column-count: 1;
}
}
@media(max-width:385px){
    div#slides {
    height: 275px !important;
}
}
@media(max-width:360px){
    div#slides {
    height: 260px !important;
}
}
/*------------------------ Modal Sec Start ------------------------*/
.modal_body {
    max-width: 600px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 30px);
    background: var(--white);
    padding: 30px 10px;
    border-radius: 12px;
    z-index: 1000;
    animation: fade_up 0.4s ease-in-out;
}
@keyframes fade_up {
  0% {
    transform: translate(-50%,-70%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
}
.modal_body div {
    margin: 0px !important;
}
.modal_head h4 {
    font-weight: 600;
}
.modal_head {
    display: grid;
    grid-template-columns: auto 20px;
    justify-content: space-between;
    grid-gap: 15px;
    padding-bottom: 2rem;
    padding: 0px 20px 20px;
    border-bottom: 1px solid rgb(195 195 195 / 70%);
}
.modal_head svg {
    width: 100%;
    cursor: pointer;
}
.modal_form {
    padding: 0px 10px 0px;
}
.modal_form .form-group label, .modal_form .form-group input, .modal_form .form-group teaxtarea {
    font-size: var(--fs16);
    margin: 4px 0px;
}
.modal_overlay {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 999;
    background-color:rgba(0,0,0,0.75);
}
.modal_form .form-group {
    margin-top: 15px !important;
}
.modal_form .form-group:last-child {
    margin-top: 20px !important;
}
/*------------------------ Modal Sec End ------------------------*/
ul.footer_bottom_img {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}
.footer_fixed {
    position: fixed;
    right: 0px;
    bottom: 98px;
    padding: 0px 5px;
    z-index: 999;
}
a.cd-top.cd-is-visible.cd-fade-out {
    z-index: 999;
}
ul.footer_bottom_img li:first-child {
    position: fixed;
    bottom: 50%;
    transform: translate(40%,-50%) rotate(90deg);
    right: 0px;
    max-width: fit-content;
    height: auto;
}
/*----------|| 11-03-2023 Start ||------------*/
.table_specification td,.table_specification {
    border-color: var(--light);
    background: var(--white);
}
.table_specification p {margin: 0px 0px;font-size: var(--fs14);font-weight: 400;color: var(--black);}
.table_specification tr td:first-child *, .table_specification tr td:first-child,.table_specification tr td:nth-child(2) *, .table_specification tr td:nth-child(2) {
    text-align: center !important;
    vertical-align: middle;
}
.table_specification tr td:first-child {
    width: 60px;
}
.tab_list {
    list-style: none;
    display: flex;
    grid-gap: 15px;
    margin-bottom: 30px;
}
.tab_list li a.active {
    background: var(--light);
    color: var(--white) !important;
}
.tab_list li a {
    padding: 8px 20px;
    background: var(--white);
    color: var(--light) !important;
    display: inline-block;
    font-size: var(--fs16);
    border: 1px solid var(--light);
    transition: all 0.3s;
}
.tab_list li a:hover{
    box-shadow: 8px 15px 18px 0px rgb(163 112 86 / 12%);
}
.table_specification tr td:nth-child(2) {
    width: 23%;
}
.table_specification tr td:nth-child(4) {
    width: 35%;
}

@media(max-width: 1400px){
.section.overlap-bottom > .container > .row {
    grid-gap: 20px;
}
}

@media(max-width: 680px){
    table.table_specification {
    width: 650px;
}
}
@media(max-width: 480px){
    .tab_list li a {
    padding: 5px 9px;
    font-size: 14px;
}
.timeline_list {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 20px;
}
.note_box .text-danger i {
    grid-gap: 3px;
    flex-flow: wrap;
}
.modal_head {
    padding: 0px 8px 20px;
}
.modal_form {
    padding: 0px 5px 0px;
}

    .section.overlap-bottom > .container > .row > div {
        width: 100% !important;
        padding: 0px !important;
    }
    
    .section.overlap-bottom > .container > .row > div:nth-child(4) {
        width: 50% !important;
        padding: 0px !important;
    }
}
/*----------|| 11-03-2023 End ||------------*/