/*
Theme Name: Farmers Gate
Author: Farmers Gate
Tags: responsive, fixed width
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 16px; line-height: 1.5; color: #000; font-family: 'Acumin Pro'; font-weight: 400; background: #fff; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.container { padding: 0 15px; margin: 0 auto; max-width: 1140px; position: relative; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }

:not(div).animated { display: inline-block; }

[href^="tel"] { cursor: text; }
[href^="tel"]:hover { text-decoration:none !important; }

textarea::input-placeholder,input::input-placeholder { opacity: 0.5; } 
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 0.5; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 0.5; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { opacity:100; }  

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Acumin Pro';  }
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { outline: none; }
input.wpcf7-validates-as-required {  }
input.wpcf7-validates-as-required:focus { }

/* common */
a { color: #004625; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
a:hover { }
img { border: 0px; outline: none; display: block; max-width: 100%; height:auto;  transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
ul,ol { margin-bottom: 20px; padding: 0 0 0 20px;}
.clear { clear: both; overflow: hidden; }
h1, .h1 ,h2, .h2 ,h3, .h3 ,h4, .h4 ,h5, .h5 ,h6, .h6 { padding-bottom: 10px; font-weight:700; line-height: 1.1; } 

h1, .h1 { font-size: 60px; font-weight: 600; }
h2, .h2 { font-size: 34px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }

p { padding-bottom: 20px; }
p a { color:inherit; font-weight: 700; text-decoration: underline; }
p a:hover { text-decoration:none; }

.field, .wpcf7-text, textarea { display: block; border-radius:10px; width: 100%; height: 54px; font-size: 20px; padding: 12px 25px; background:#F5F1E6; border:0; color:#000; }
textarea { height: 155px; resize: none; }

a.close, a.mobilemenu { display: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { border:0; color: #000; outline:none; }

.button { min-width: 180px; transition: all 0.3s; font-size: 14px; line-height: 19px; padding: 8px 25px; text-align:center; background:#004625; color: #fff; display:inline-block; vertical-align: top;  font-weight:700; border:0; border-radius: 35px; cursor: pointer; }
.button:hover { background: #d5ef4e; color: #004625; }
.button.light { background: #d5ef4e; color: #004625; }
.active-tab .button,
.button.light:hover { color: #d5ef4e; background: #004625; }
.button.btn2 { color: #d5ef4e; }
.button.btn2:hover { color: #004625; background: #d5ef4e; }



.flex-wrap { display: flex; flex-wrap: wrap; }
.space-between { justify-content: space-between; }
.v-center { align-items: center; }



/* wrapper */
#wrapper { width: 100%; overflow: hidden; min-height: 100%; position: relative; }
.wrapper,
.centering { width: 100%; max-width: 1150px; padding: 0 15px; margin:auto; position: relative;}  


/* header-part */
#header-part { width: 100%; position: relative; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); z-index: 9; }

/* top_sec */
.top_sec { display: none; padding: 15px 0; width: 100%; position: relative; line-height: 0; background: #034627; color: #D5F04D; }
.top_sec p a { color: #D5F04D; font-weight: 500; }
.top_sec p { padding: 0; font-size: 12px; line-height: 1.5; }
.top_sec .left { display: none; max-width: calc(100% - 100px); background: url(images/leaf.svg) left center no-repeat; padding-left: 25px; }
.top_sec .signin { color: #D5F04D; text-decoration: none; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.5; background: url(images/sign-in.svg) left center no-repeat; padding-left: 20px; }
.top_sec .signin:hover { text-decoration: underline; } 
.top_sec .right { margin-left: auto; }

/* logo_sec */
.logo_sec { padding: 15px 0; width: 100%; position: relative; }
.logo_sec .logo { display: inline-block; vertical-align: top; max-width: 202px; }
.logo_sec #menu { max-width: calc(100% - 202px); padding-left: 20px; }
.logo_sec #menu ul { list-style: none; margin: 0; padding: 0; }
.logo_sec #menu li { padding: 0 0 0 32px; font-size: 18px; line-height: 23px; font-weight: 600; display: inline-block; vertical-align: top; }
.logo_sec #menu li:first-child { padding-left: 0; }
.logo_sec #menu li a { text-decoration: none; color: #808080; }
.logo_sec #menu li.current-menu-item > a,
.logo_sec #menu li a:hover { color: #004625; }
.logo_sec #menu li.signin {display: none; }
.logo_sec .signin { color: #004625; text-decoration: none; font-weight: 600; display: inline-block; vertical-align: top; font-size: 16px; line-height: 23px; background: url(images/sign-in-dark.svg) left center no-repeat; padding-left: 20px; }
.logo_sec .signin:hover { text-decoration: underline; } 


/* #header-part.show { position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow:0px 4px 4px rgba(0,0,0,0.2); } */

/* content-part */
#content-part { width: 100%; position: relative; }

/* banner_sec */
.banner_sec { min-height: 710px; color: #fff; padding: 50px 0 60px; display: flex; align-items: center; width: 100%; position: relative; }
.banner_sec::after { width: 100%; height: 100%; z-index: 1; content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1); }
.banner_sec .graphic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner_sec .graphic img,
.banner_sec .graphic video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.banner_sec .wrapper { position: relative; z-index: 2; }
.banner_sec .text { width: 100%; max-width: 640px; }
.banner_sec p { font-size: 22px; line-height: 32px; padding-bottom: 25px; }
.banner_sec h1 { padding-bottom: 15px; line-height: 1.05; }
.banner_sec .button { min-width: 200px; }
.banner_sec .button + .button { margin-left: 30px; }

/* our_impact_sec */
.our_impact_sec { width: 100%; padding: 65px 0 30px; }
.our_impact_sec h2 { padding-bottom: 25px; }
.our_impact_sec .impact_list { margin: 0 -10px; }
.our_impact_sec .impact_list .impact { min-height: 285px; display: flex; align-items: center; color: #1c4632; padding: 20px 10px; text-align: center; width: calc(33.33% - 14px); margin: 0 7px 14px; background: #f5f1e6; }
.our_impact_sec .impact_list .internal { width: 100%; }
.our_impact_sec .impact_list .number { letter-spacing: -0.06em; font-size: 170px; line-height: 1; line-height: 1; display: block; font-family: 'Acumin Pro SemiCondensed'; font-weight: 900; }
.our_impact_sec .impact_list .number.small { font-size:120px; }
.our_impact_sec .impact_list .impact:first-child .number { font-family: 'Acumin Pro Wide'; }
.our_impact_sec .impact_list .suffix { font-size: 70px; display: inline-block; vertical-align: top;margin-top: 25px; }
.our_impact_sec .impact_list p { padding: 0 20px; font-size: 24px; line-height: 1.3; font-weight: 900; }

/* who_we_are_sec */
.who_we_are_sec { width: 100%; padding: 0px 0 60px; }
.who_we_are_sec h2 { padding-bottom: 30px; }
.who_we_are_sec .tabs { font-size: 0; list-style: none; margin: 0; padding: 0 0 22px 0; }
.who_we_are_sec .tabs li { padding: 0 25px 0 0; display: inline-block; vertical-align: top; }
.who_we_are_sec .button { min-width: 220px; }
.who_we_are_sec .the_content { display: none; color: #fff; }
.who_we_are_sec .the_content .internal { min-height: 470px; border-radius: 10px; background-position: center center; background-size: cover; display: flex; flex-wrap: wrap; padding: 50px 20px; width: 100%; align-items: center; justify-content: center; position: relative; }
.who_we_are_sec .the_content .internal:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 10px; content: ''; } 
.who_we_are_sec .internal2 { width: 100%; max-width: 780px; position: relative; z-index: 1; }
.who_we_are_sec .pretitle { font-size: 16px; line-height: 1.2; font-weight: 900; display: block; padding-bottom: 10px; }
.who_we_are_sec p { padding: 0; font-size: 32px; line-height: 1.2; font-weight: 600; }
/* approach */
.who_we_are_sec.approach { padding: 60px 0; background: #F5F1E6; }
.who_we_are_sec.approach .button { color: #000; background: #fff; min-width: 210px; }
.who_we_are_sec.approach h6 { color: #004625; font-size: 14px; font-weight: 900; }
.who_we_are_sec.approach .intro p { font-size: 16px; line-height: 1.5;  font-weight: 400; }
.who_we_are_sec.approach .intro { max-width: 550px; padding-bottom: 20px; }
.who_we_are_sec.approach h2 { padding-bottom: 10px; }
.who_we_are_sec.approach .tabs li { padding: 0 5px; }
.who_we_are_sec.approach .tabs { margin: 0 -5px 10px; justify-content: space-between; display: flex; flex-wrap: wrap; }
.who_we_are_sec.approach .the_content .internal { min-height: 620px; align-items: flex-end; justify-content: flex-start; padding: 30px; }
.who_we_are_sec.approach .the_content .internal2 { max-width: 525px; padding: 20px 30px; background: #fff; border-radius: 10px; color: #000; }
.who_we_are_sec.approach .the_content .internal:after { display: none; }

/*.page-template-our-approach .who_we_are_sec.approach .the_content .internal2 { display:none; }*/

.who_we_are_sec.approach .tabs li .button:hover,
.who_we_are_sec.approach .active-tab .button { background: #000; color: #fff; }
.who_we_are_sec.approach .pretitle { font-size: 14px; font-weight: 900; }
.who_we_are_sec.approach .the_content p {  font-size: 15px; line-height: 1.2; font-weight: 500; }

/*esg_metrics_sec*/
.esg_metrics_sec { width: 100%; padding: 110px 0; }
.esg_metrics_sec .intro { max-width: 600px; padding-bottom: 45px; }
.esg_metrics_sec .the_list { margin: 0 -15px; }
.esg_metrics_sec .col { font-weight: 500; width: 33.33%; padding: 0 15px; }
.esg_metrics_sec .col img { max-width: 127px; margin: 0 auto; }
.esg_metrics_sec .col .animated-icon { display: block; max-width: 127px; margin: 0 auto; }
.esg_metrics_sec h3 { padding: 50px 0 15px; }  
.esg_metrics_sec p { font-size: 16px; font-weight: 600; }

/* featured_portfolio_sec */
.featured_portfolio_sec { padding: 60px 0; width: 100%; position: relative; }
.featured_portfolio_sec h2 { padding-bottom: 35px; }
.featured_portfolio_sec .portfolio_list { margin: 0 -8px 25px; }
.featured_portfolio_sec .portfolio_list .portfolio { width: 33.33%; padding: 0 8px 16px; }
.featured_portfolio_sec .portfolio_list figure { width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; border-radius: 10px; overflow: hidden; }
.featured_portfolio_sec .portfolio_list figure img { transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.featured_portfolio_sec .portfolio_list .portfolio:hover figure img { transform: scale(1.1); }
.featured_portfolio_sec .portfolio_list h3 { color: #000; font-size: 24px; line-height: 1.1; padding: 15px 10px 0; }
.featured_portfolio_sec .portfolio_list .portfolio:hover h3 { color: #004625; }
.featured_portfolio_sec .button { display: table; margin: 0 auto; }

/* contact_sec */
.contact_sec { margin-top: 15px; min-height: 570px; color: #fff; text-align: center; padding: 50px 0 60px; display: flex; align-items: center; width: 100%; position: relative; }
.contact_sec::after { width: 100%; height: 100%; z-index: 1; content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1); }
.contact_sec .graphic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.contact_sec .graphic img,
.contact_sec .graphic video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.contact_sec .wrapper { position: relative; z-index: 2; }
.contact_sec h2 { width: 100%; line-height: 1.05; padding-bottom: 25px; }
.contact_sec .button { min-width: auto; }
.contact_sec.blog_list h2 { font-size: 57px; }


/* inner-banner-bar */
.inner-banner-bar { color: #fff; width: 100%; min-height:565px; background-position: center center; background-size:cover; background-repeat: no-repeat; }
.inner-banner-bar.has_title { display:  flex; flex-wrap: wrap; align-items: center; text-align: center; }




/* intro_sec */
.intro_sec { width: 100%; padding: 50px 0; text-align: center; }
.intro_sec .wrapper { max-width: 830px;  }
.intro_sec p { padding-bottom: 12px; font-size: 20px; line-height: 1.6; font-weight: 500; }
.intro_sec h1 { padding-bottom: 22px; }
.intro_sec strong { font-weight: 800; }
.intro_sec.approach p { font-size: 16px; line-height: 1.5; }
.intro_sec.investement { text-align: left; }
.intro_sec.investement p { font-size: 22px; line-height: 32px; max-width: 560px; }


/* set_us_apart */
.set_us_apart { padding: 40px 0 80px; width: 100%; position: relative; }
.set_us_apart h2 { padding-bottom: 40px; }
.set_us_apart .the_row { margin-bottom: 20px; color: #fff; position: relative; width: 100%; display: flex; flex-wrap: wrap; align-items: center; min-height: 155px; background-position: center center; background-size: cover; }
.set_us_apart .the_row:after { width: 2px; height: calc(100% - 30px); content: ''; position: absolute; left: 35%; top: 50%; transform: translate(0, -50%); background: #fff; z-index: 1; }
.the_row:before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); } 
.set_us_apart .the_row .title { padding: 20px; text-align: center; width: 35%; position: relative; z-index: 1; }
.set_us_apart .the_row .title h3 { padding: 0; }
.set_us_apart .the_row .text { padding: 20px; text-align: center; width: 65%; position: relative; z-index: 1; }
.set_us_apart .the_row .text p { padding: 0; max-width: 490px; margin: 0 auto; font-size: 20px; line-height: 1.3; font-weight: 500;  }

/* map_sec */
.map_sec { padding: 60px 0 110px; width: 100%; background: #F5F1E6; }
.map_sec .intro { padding-bottom: 20px; max-width: 550px; margin: 0 auto; text-align: center; } 
.map_sec .intro h6 { font-size: 12px; font-weight: 900; color: #004625; }
.map_sec .intro p { padding-bottom: 25px; }
.map_sec .map { position: relative; width: 100%; max-width: 1120px; margin: 0 auto; }
.map_sec .map svg { height: auto; width: 100%;  }
.map_sec .map img.map-image { width: 100%; display: none; }
.map_sec .map svg path { transition: all 0.4s; /*display: none;*/ }

.map_sec .map svg .hover path.green,
.map_sec .map svg path.green.hover,
.map_sec .map svg path.green:hover { fill:#d5f04d; }

.map_sec .map svg .hover path.yellow,
.map_sec .map svg path.yellow.hover,
.map_sec .map svg path.yellow:hover { fill:#ffd658; }

.map_sec .map svg .green-color:hover path { fill:#d5f04d;  }
.map_sec .map svg .yellow-color:hover path { fill:#ffd658; }


.map_sec .map .note { position: absolute; left: 35px; bottom: 18px; padding: 0; font-size: 12px; line-height: 15px; padding: 0; font-weight: 500; background: url(images/leaf-icon.svg) left center no-repeat; background-size: 18px auto; padding-left: 23px; color: #004625; } 
.map_sec .location_info { position: absolute; }
.map_sec .location_info .location_trigger { padding: 8px; width: 38px; height: 38px; display: block; border-radius: 50%; background: rgba(0,161,57,0.3); font-size: 0; line-height: 0; position: relative; z-index: 1; }
.map_sec .location_info .location_trigger span{ width: 22px; height: 22px; display: block; border-radius: 50%; font-size: 0; line-height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #D5F04D; } 
.map_sec .location_info .location_trigger.existing_fg_investment span { display: none; }
.map_sec .location_info .location_trigger.existing_fg_investment { width: 29px; height: 29px; background: url(images/map-icon.svg) center center no-repeat; background-size: contain; padding: 0; border-radius: 0; }
.map_sec .location_info .location_trigger:not(.existing_fg_investment)::after { content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,  61, 57, 0.5); transform: translate(-50%, -50%) scale(1.4); z-index: -1; animation: ripple 1.8s infinite ease-out; }
.map_sec .location_info .location_trigger.existing_fg_investment { border-radius: 0; animation: pulsate 2.5s infinite linear; }
.map_sec .location_info_popup { transition: all 0.3s; opacity: 0; visibility: hidden; position: absolute; left: 100%; top: 50%; transform: translate(0,-50%); margin-left: 15px; width: 225px; }
.map_sec .location_info_popup.left_bottom { left: auto; right: 100%; top: 0; transform: translate(0,0); margin: 0 15px 0 0; }
.map_sec .location_info_popup.left_center { left: auto; right: 100%; margin: 0 15px 0 0;  }
.map_sec .location_info_popup.left_top { left: auto; right: 100%; top: auto; bottom: 0; margin: 0 15px 0 0; transform:  translate(0,0); }
.map_sec .location_info_popup .location_info_inner { background: #fff; border-radius: 10px; box-shadow: 4px 4px 14px rgba(0,0,0,0.25); width: 100%; position: relative; }
.map_sec .location_info_popup figure { width: 100%; height: 0; padding-bottom: 56.66%; position: relative; display: block; border-radius: 10px 10px 0 0; }
.map_sec .location_info_popup figure img {  position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0;  }
.map_sec .location_info_popup .info { padding: 15px; }
.map_sec .location_info_popup .info h6 { font-size: 8px; line-height: 1.1; font-weight: 900; padding-bottom: 10px; }
.map_sec .location_info_popup .info h3 { font-size: 17px; line-height: 1.1; font-weight: 700; /*padding-bottom: 25px;*/ }
.map_sec .location_info_popup .info .button { font-size: 10px; line-height: 13px; padding: 4px 15px 6px; min-width: auto; display: table; margin: 0 auto; display: none; }
.map_sec .location_info_popup .location_info_inner .close { cursor: pointer; width: 15px; height: 15px; font-size: 0; line-height: 0; position: absolute; right: -18px; top: -12px; background: url(images/close.svg) center center no-repeat; background-size: contain; }
.map_sec .location_info_popup.active { opacity: 100; visibility: visible; transform: translate(0 ,-50%); z-index: 9; }
.map_sec .location_info_popup.left_bottom.active { transform: translate(0,0%);  }
.map_sec .location_info_popup.left_center.active { transform: translate(0,-50%);  }
.map_sec .location_info_popup.left_top.active { transform: translate(0,0%);  }
.map_sec .location_1 { left: 9%; top: 22.5%; }
.map_sec .location_2 { left: 7.2%; top: 40.5%; }
.map_sec .location_3 { left: 5.6%; top: 49.5%; }
.map_sec .location_4 { left: 8.5%; top: 51.8%; }
.map_sec .location_5 { left: 11.8%; top: 71%; }
.map_sec .location_6 { left: 21.15%; top: 58.8%; }
.map_sec .location_7 { left: 30.2%; top: 87%; }
.map_sec .location_8 { left: 33.7%; top: 75.5%; display: none; }
.map_sec .location_9 { left: 58.9%; top: 27.3%; }
.map_sec .location_10 { left: 68.2%; top: 13.5%; }
.map_sec .location_11 { left: 82.4%; top: 48%; }

/* portfolio_sec */
.portfolio_sec { padding: 50px 0; width: 100%; position: relative; }
.portfolio_sec .intro { max-width: 650px; padding-bottom: 20px; }
.portfolio_sec .intro p { font-size: 22px; }
.portfolio_sec h1 { padding-bottom: 20px; }
.portfolio_sec .portfolio_loop { padding: 0 0 70px 0; }
.portfolio_sec .portfolio_slider { width: 100%; }  
.portfolio_sec .portfolio_slider figure { width: 100%; height: 0; padding-bottom: 53%; position: relative; display: block; }
.portfolio_sec .portfolio_slider figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px  ; }
.portfolio_sec .row1 .left { padding: 0 15px 0 0; width: 45%; }
.portfolio_sec .row1 .right { width: 55%; padding: 0  0 0 40px; }
.portfolio_sec .row2 .left { padding: 0 15px 0 0; width: 45%; }
.portfolio_sec .row2 .right { width: 55%; padding: 10px 0 0 35px; }
.portfolio_sec .contact_info { padding: 25px 40px; font-weight: 400; background: #F5F1E6; width: 100%; font-size: 18px; }
.portfolio_sec .contact_info p { font-weight: 400; line-height: 1.4; padding-bottom: 10px; }
.portfolio_sec .contact_info strong { font-weight: 600; }
.portfolio_sec .info_list { width: 100%; }
.portfolio_sec p { font-weight: 600; }  
.portfolio_sec .brand_list { padding: 30px 0 0 25px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.portfolio_sec .brand_list .brand { padding: 0 40px 0 0; display: inline-block; vertical-align: top; }
.portfolio_sec .brand_list .brand { max-width:200px; }
.portfolio_sec .row1 { padding-bottom: 15px; }
.portfolio_sec .info_list ul { list-style: none; margin: 0; padding: 0; }
.portfolio_sec .info_list li { font-weight: 700; font-size: 16px; line-height: 1.4; padding: 0 0 14px 25px; background: url(images/berry-icon.svg) left top no-repeat; }
.portfolio_sec #dried-fruit-platform .info_list li { background: url(images/cranberry-icon.svg) left 5px no-repeat; }
.portfolio_sec #table-grape-platform .info_list li { line-height: 1.2; background: url(images/grapes-icon.svg) left 0px no-repeat; }

/* team_sec */
.team_sec { padding-bottom: 50px; width: 100%; }
.team_sec .wrapper { max-width: 990px; }
.team_sec h2 { padding-bottom: 30px; }
.team_sec .team_list { justify-content: space-between; margin: 0 -20px; }
.team_sec .team_col { padding: 0 20px 20px; width: 50%; max-width: 400px; }
.team_sec .team_col figure { width: 100%; height: 0; padding-bottom: 114.5%; position: relative; display: block; border-radius: 10px; overflow: hidden; background: #034627 url(images/avatar.png) center center no-repeat; background-size: 70% auto; }
.team_sec .team_col figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.team_sec .team_col .title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0 15px; }
.team_sec .team_col .title h3 { padding: 0; }
.team_sec .team_col .title.has_social h3 { width: calc(100% - 70px); }
.team_sec .social_list { list-style: none; margin: 0; padding: 0; }
.team_sec .social_list li {  display: inline-block; vertical-align: top; }
.team_sec .social_list li a { font-size: 30px; line-height: 1; color: #007EBB; display: block; }
.team_sec .social_list li a:hover { color: #333; }
.team_sec .social_list li + li { margin-left: 5px; }
.team_sec .designation { font-weight: 700; display: block; padding-bottom: 30px; }
.team_sec .team_col p { font-weight: 600; }

/* contact_box */
.page-template-contact .intro_sec h1 { font-size: 28px; padding: 10px 0 15px; line-height: 1.25; letter-spacing: 0.01em; }
.page-template-contact .intro_sec p { font-size: 22px; }
.page-template-contact .intro_sec p.small {  }
.contact_box { width: 100%; padding: 0 0 85px 0; }
.contact_box .form { width: 41.5%; padding: 0 50px 0 20px; }
.contact_box .image { width: 58.5%; }
.contact_box .image figure { width: 100%; height: 0; padding-bottom: 78%; position: relative; display: block; border-radius: 10px; overflow: hidden; }
.contact_box .image figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.contact_box h6 { letter-spacing: 0.04em; font-size: 14px; color: #004625; text-align: center; padding: 0 0 25px 0; }
.contact_box .wpcf7-form-control { margin: 0 0 20px 0; }
.contact_box .button { display: table; margin: 0px auto 0; color: #D5F04D; }
.contact_box .button:hover { color: #004625; }
.contact_box .social_icon { display: table; margin: 15px auto 0; color: #004625; font-size: 30px; line-height: 30px; } 
.contact_box .social_icon:hover { color: #000; } 

.contact_box textarea.wpcf7-form-control { margin-bottom: 15px;  }
.contact_box form p { padding: 0; }
.wpcf7-spinner { display: none !important; }


/* blog_sec */
.blog_sec { padding: 0 0 20px 0; width: 100%; position: relative; } 
.blog_sec h2 { font-size: 38px; padding-bottom: 27px; }

/* latest_news */
.latest_news { padding: 50px 0; margin: 0 -20px 0 0; }
.latest_news .latest_news_slider .post { margin-right: 10px; width: calc(100% - 10px); display: flex; flex-wrap: wrap; background: #F5F1E6; border-radius: 10px; }
.latest_news .latest_news_slider .post .image { min-height: 375px; position: relative; order: 1; width: 50%; border-radius: 0 10px 10px 0; overflow: hidden; }
.latest_news .latest_news_slider .post .image img {  position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.latest_news .latest_news_slider .post .image.top img { object-position: center top; }
.blog_sec .post .text { position: relative; width: 50%; padding: 40px 25px 80px; }
.latest_news .slick-arrow { position: absolute; left: 0; top: 50%; font-size: 0; line-height: 0; width: 61px; height: 61px; border: 0; cursor: pointer; background: #fff url(images/arrow.png) center center no-repeat; background-size: 13px auto; z-index: 1; border-radius: 50%; margin-top: -45px; margin-left: -40px; box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }
.latest_news .slick-arrow.slick-next { left: auto; right: -15px; transform: scale(-1,1); }
.blog_sec h3 { line-height: 1.21; }
.blog_sec .author { display: none; font-weight: 900; font-size: 14px; line-height: 1.1; padding: 8px 0 12px; }
.blog_sec .button { background: #fff; min-width: auto; color: #000; position: absolute; left: 25px; bottom: 25px; }
.blog_sec .button:hover { color: #d5ef4e; background: #004625; }
.latest_news .slick-disabled { opacity: 0; pointer-events: none; }

.blog_sec .category-group { width: 100%; padding-bottom: 20px; }
.blog_sec .category-group .post_wrap { margin: 0 -10px; }
.blog_sec .category-group .post_wrap .image { width: 100%; height: 0; padding-bottom: 42%; position: relative; border-radius: 10px 10px 0 0; overflow: hidden; }
.blog_sec .category-group .post_wrap .image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0 0; }
.blog_sec .category-group .post { position: relative; width: calc(25% - 20px); margin: 0 10px 30px; background: #F5F1E6; border-radius: 10px; }
.blog_sec .category-group .post .text { position: static; width: 100%; padding: 30px 20px 65px; min-height: 215px; }
.blog_sec .category-group h3 {  padding-bottom: 5px; }
.blog_sec .category-group h3 a { color: #000; }
.blog_sec .category-group h3 a:hover { color: #004625; }

.blog_sec .latest_news_list { width: 100%; padding: 60px 0; }
.blog_sec .latest_news_list .post { width: calc(33.33% - 20px); }
.blog_sec .latest_news_list .post h3 { padding-bottom: 10px; } 
.blog_sec .latest_news_list .post .image { padding-bottom: 58%; }
.blog_sec .latest_news_list .post .image.top img { object-position: center top; }
.blog_sec .latest_news_list 
.blog_sec .latest_news_list 
.blog_sec .latest_news_list 
.blog_sec .latest_news_list 
.blog_sec .latest_news_list 
.blog_sec .latest_news_list {  }

.blog_detail_sec {padding-bottom: 100px; width: 100%; position: relative; }
.blog_detail_sec h1 { font-size: 34px; line-height: 1.2; padding: 15px 0 35px; }
.blog_detail_sec .intro { position: relative; padding: 100px 0; text-align: center; }
.blog_detail_sec .intro .back { width: 26px; height: 26px; position: absolute; right: 50%; margin-right: -570px; top: 25px; font-size: 0; line-height: 0; background: url(images/close-btn.svg) center center no-repeat; background-size: contain; }
.blog_detail_sec .intro .back:hover { transform: scale(1.1); }
.blog_detail_sec .intro .wrapper { max-width: 650px; }
.blog_detail_sec .author { font-weight: 700; font-size: 20px; line-height: 1.1; display: block; padding: 8px 0 30px; }
.blog_detail_sec .date { font-size: 12px; line-height: 1.1; text-transform: uppercase; font-weight: 900; }
.blog_detail_sec .banner { width: 100%; }
.blog_detail_sec .banner img { width: 100%; }  
.blog_detail_sec .banner { margin-bottom: 80px; }
.blog_detail_sec .content .wrapper { max-width: 885px; }
.blog_detail_sec .content { font-size: 20px; line-height: 1.5; }
.blog_detail_sec .content p { padding-bottom: 40px; } 
.blog_detail_sec h4 { padding:5px 0 25px; }
.blog_detail_sec .logo { display: table; max-width: 62px; margin: 30px auto 0; }


.blog_sec .all_posts_list_grouped { display: none; }

/* investment_strategies_sec */
.investment_strategies_sec { width: 100%; position: relative; }
.investment_strategies_sec .intro { text-align: left; padding:  50px 0 40px; }
.investment_strategies_sec .intro p { max-width: 560px; font-size: 22px; line-height: 32px; } 
.investment_strategies_sec h1 { padding-bottom: 20px; }

/* different_approach_sec */
.different_approach_sec { width: 100%; }
.different_approach_sec h2 { padding-bottom: 35px; }
.different_approach_sec .image { width: 100%; margin-bottom:20px; }
.different_approach_sec .image .inner { color:#fff; min-height: 470px; border-radius: 10px; background-position: center center; background-size: cover; display: flex; flex-wrap: wrap; padding: 50px 20px; width: 100%; align-items: center; justify-content: center; position: relative; }
.different_approach_sec .image .inner:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 10px; content: ''; }
.different_approach_sec .image .internal { width: 100%; max-width: 780px; position: relative; z-index: 1; }
.different_approach_sec .image p { padding: 0; font-size: 24px; padding-bottom: 10px; line-height: 1.2; font-weight: 600; }  


.different_approach_sec .image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.different_approach_sec .image h2 { padding: 0; position: absolute; left: 0; top: 50%; z-index: 1; text-align: center; width: 100%; transform: translate(0,-50%); color: #fff; padding: 25px; text-shadow: 0 0 20px rgba(0,0,0,1); }


/* focus_sec */
.focus_sec { width: 100%; position: relative; color: #004625; padding: 70px 0; background: #F5F1E6; }
.focus_sec h2 { padding: 0 0 85px 0; color: #004625; }
.focus_sec .the_list { margin: 0 -15px; }
.focus_sec .col { font-weight: 500; width: 25%; padding: 0 15px; }
.focus_sec .col img { max-width: 152px; margin: 0 0 0 15px; }  
.focus_sec .col .graphic { max-width: 152px; margin: 0 0 0 15px; display: block; }
.focus_sec .col .animated-icon { display: table; margin: 0 auto; }
.focus_sec h3 { margin: 20px 0 10px; padding: 0 0 0 10px; min-height: 60px; display: flex; align-items: center; }  
.focus_sec p { font-size: 16px; font-weight: 600; }
.focus_sec li { position: relative; padding: 0 0 15px 15px; /*background: url(images/leaf-icon.svg) left 10px no-repeat; background-size: 17px auto;*/ }
.focus_sec li:before { width: 7px; height: 7px; content: ''; position: absolute; left: 0; top: 9px; background: #004625; border-radius: 50%; }

.focus_sec ul { list-style: none; margin: 0; padding: 0; }


/* footer-part */
#footer-part { width: 100%; }

/* footer_sec */
.footer_sec { padding: 22px 0; width: 100%; position: relative; color: #D5F04D; background:#004625; }
.footer_sec .logo { position: absolute; left: 50%; top: 0; transform: translate(-50%,0); max-width: 200px; }
.footer_sec .copyright { max-width: 37%; font-size: 12px; font-weight: 500; }
.footer_sec .copyright p { display: inline; padding: 0; font-size: 12px; }


#back-to-top { border: 1px solid rgba(213,239,78,0.5); position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #004625; font-size: 0; line-height: 0; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #d5ef4e; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 1; }
#back-to-top.show:hover { opacity: 0.8; }









.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { box-shadow: 0px 0px 0px 1px #f00 inset; -webkit-box-shadow: 0px 0px 0px 1px #f00 inset; -ms-box-shadow: 0px 0px 0px 1px #f00 inset; }
div.wpcf7-response-output { margin:10px 0; padding:0; font-size: 14px; line-height: 14px; color: #f00; border:0; }
div.wpcf7-mail-sent-ok { color: #398f14; }

.wpcf7 form.sent .wpcf7-response-output {
border-color: #004625;
background: #004625;
color: #fff;
padding: 10px;
line-height: 1.2;
text-align: center;
}

/* content-bar-bar */
.content-bar { padding: 60px 0 60px; width: 100%; }
.error404 .content-bar { padding: 170px 0 50px; text-align:center; min-height:500px; }

/* blog-bar */
.blog-bar { padding: 60px 0; width:100%; overflow: hidden; position: relative; }
.blog-bar .left_sidebar { width: 70%; float: left; padding: 0 30px 0 0; }
.blog-bar .right_sidebar { width: 30%; float: right; }

.slick-dots { list-style: none; padding: 5px; text-align:center; width: 100%; font-size:0; line-height:0;  }
.slick-dots li { cursor: pointer; position: relative; display:inline-block; vertical-align: top; margin: 0 8px; }
.slick-dots li span { transition: all 0.5s; width: 10px; height: 10px; border:0; font-size:0; line-height:0; display:block; background:#D9D9D9; padding:0;  border-radius: 5px; position: relative; } 
.slick-dots li span:after { border-radius: 5px; width: 0%; height: 100%; content:''; position:absolute; left:0px; top:0px; background:#A6A6A6; }   
.slick-dots li:hover span { background: #A6A6A6; }
.slick-dots li.slick-active span { width: 40px;  }  
.slick-dots li.slick-active span:after{ animation: progress 3s forwards; }


/* Alignment */ 
.alignleft { display: inline; float: left; margin-right: 1em !important; }
.alignright { display: inline; float: right; margin-left: 1em !important; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; 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; }
td { border-width: 0 1px 1px 0; vertical-align: top; }
td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
td img.alignnone { margin: 0px }
blockquote { /*font-style: italic;*/  font-weight: normal; margin: 0 2%; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#blogWrapper { width:auto; overflow:hidden; }
/* blog container */  .patners_box { float: left; width: 100%; text-align: center; padding: 20px }
#BlogCntr { margin-top: 12px; margin-bottom: 25px; width: 100%; position: relative; float: left; position: relative; z-index: 9; }

/* left blog box */
.leftBlogBox {	padding: 0;	width: 73%;	float: left;	position: relative;	background: #fff; }
.single .leftBlogBox h1 { text-transform: capitalize}
.single .leftBlogBox p {	display: block}
.leftBlogBox ul.dateBar {	list-style: none;	margin: 0 0 5px 0;	padding: 0px}
.single .leftBlogBox ul.dateBar {	margin: 0 0 15px 0;	padding-left: 0px}
.leftBlogBox ul.dateBar li { font-size: 14px; line-height: 18px; }
.leftBlogBox ul.dateBar li strong {	color: #000;}
.leftBlogBox .postLoop {	width: 100%;	overflow: hidden;	padding: 30px 0;	margin: 0px;	border-bottom: 1px solid #bebebe; }
.leftBlogBox .postLoop h2 { font-weight:700; padding-bottom: 5px; }
.leftBlogBox .postLoop p { padding: 0;}
.leftBlogBox .postLoop:last-child, .leftBlogBox .postLoop:last-of-type { border-bottom: none; }
.leftBlogBox .postLoop .image { float: left; margin: 5px 15px 5px 0; }
.leftBlogBox .postLoop h2 { text-transform: capitalize; margin: 0px; }
.leftBlogBox .postLoop h2 a { color: #000; text-decoration: none }
.leftBlogBox .postLoop h2 a:hover { color: #0b9444; }
.leftBlogBox .postLoop a.read-more { display: inline-block; text-decoration: none; text-transform: capitalize; font-weight: 600 }
.leftBlogBox .postLoop a.read-more:hover { text-decoration:underline; }
.leftBlogBox h4.title { font-size: 16px; font-weight: normal; padding-top: 15px; color: #000; text-transform: capitalize; }

/* comment form */
.leftBlogBox #commentform { width: 100%; }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { border: 1px solid #000 !important; background: none; padding: 7px 10px; box-sizing: border-box; color: #000; font-size: 15px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; resize: none; margin: 0; width: 535px; }
.leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #dfb643; color: #fff; cursor: pointer; border-radius: 0; font-size: 16px; }
.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #097536; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 8px 15px; border: none; background: #0b9444; color: #fff; cursor: pointer; margin-left: 100px; }
.leftBlogBox #respond h3 { padding-bottom: 20px; }
.leftBlogBox #commentform input[type="url"].error,.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
.leftBlogBox div.error { display: none !important }
.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
.leftBlogBox #comments { clear: both; margin-bottom: 10px }
.leftBlogBox #comments footer { border: none }
.leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
.leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
.leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
.leftBlogBox img.avatar { float: left; margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #dfb643; font-size: 16px; }
.leftBlogBox span.says { font-size: 16px; }
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
.leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color: #000; font-style: normal }
.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 15px; line-height: 19px; }
.comment-content p { padding-bottom: 5px; } #commentform p { padding-bottom: 15px !important; font-size: 16px; margin-bottom: 0; } #commentform .comment-form-cookies-consent { display: none; }
.leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
.leftBlogBox .comment-reply-link { font-size: 16px; text-decoration: none }
.leftBlogBox .comment-reply-link:hover { text-decoration: none; color: #dfb643; } #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height: 25px } #cancel-comment-reply-link:hover { text-decoration: underline }
.leftBlogBox .reply { padding: 0px 0 15px; }
.leftBlogBox .reply a { color: #000 }
.leftBlogBox #respond { margin-top: 10px;/*overflow: hidden;*/width: auto; padding: 0px }
.leftBlogBox #cancel-comment-reply-link:hover { color: #dfb643; text-decoration: none }
.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*//*float:left*/}
.leftBlogBox label.screen-reader-text { display: none }
.leftBlogBox #searchform { width: 100%; margin: 0 auto; }
.leftBlogBox .page-header { padding: 6px 0; padding-top: 20px; } 
#commentform label { float: left; width: 100px; font-size: 16px; line-height: 21px; padding: 6px 0; }
#commentform label.error { display: none!important }

/* pagination */
.leftBlogBox .wp-pagenavi { margin: 25px 0 50px 0; }
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 14px; color: #000; border: 1px solid #7b7b7b; display:inline-block; vertical-align: top; }
.wp-pagenavi a, .wp-pagenavi span { border-color: #0b9444; padding: 5px 7px }
.wp-pagenavi span.current { border-color: #0b9444; font-weight: normal; color: #fff; background: #0b9444}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #0b9444; color: #fff; border-color: #0b9444; }
.wp-pagenavi span.pages:hover, .wp-pagenavi span.pages { border-color: #7b7b7b; }

/* right blog box */
.rightBlogBox { padding: 0 0 0 40px; width: 27%;	float: right;	position: relative;	background: #fff;}
.rightBlogBox ul { margin-bottom: 0;  }
.rightBlogBox .widget {	text-align: left;	margin-bottom: 25px;	overflow: hidden}
.rightBlogBox .widget h3 { font-size: 25px; line-height: 30px; font-weight:700; padding-bottom: 10px; }
.rightBlogBox h3.widgettitle {	margin-bottom: 10px;	text-align: center;	color: #f1c855;	font-size: 34px;	text-align: left;	text-transform: capitalize;	line-height: 40px;	padding-bottom: 0px}
.rightBlogBox label.screen-reader-text { display: none; }
.rightBlogBox #searchform { width: 100%; margin: 0 auto; }
.rightBlogBox #searchform input#s { width: 65%; border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; float: left; margin-right: 5px; color: #7b7b7b; height: 33px; }
.rightBlogBox #searchform input#searchsubmit { width: 27%; background: #dfb643; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; float: left; }
.rightBlogBox #searchform input#searchsubmit:hover { background: #5a3b00; }
.rightBlogBox ul li { width: 100%; }
.rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
.rightBlogBox ul li.current-cat a { color: #0b9444; font-weight:700; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #0b9444; }
.mobilesidebar { display: none; }
.desktopsidebar { display: block }

/* single page */
.search-form .screen-reader-text { display: none }
.search-form input[type='Search'] { border-radius: 0px; padding: 5px; font-size: 14px; line-height: 19px; float: left; border: solid 1px #0b9444  ; color: #000; width: calc(100% - 85px); width: -ms-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); -webkit-appearance: none; -webkit-border-radius: 0px; height: 33px; }
.search-form input[type='submit'] { width: 80px; text-align:center; float: left; background: #0b9444  ; border-radius: 0px; font-size: 15px; line-height: 20px; border: none; color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 4px 10px; margin-right: 0px; height: 33px; border: solid 1px #0b9444  ; }
.search-form input[type='submit']:hover { background: #0b9444; border: solid 1px #0b9444; }
/*.search-form input[type='Search']:focus { border: solid 1px #000!important }*/
.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
.leftBlogBox .singleimage img { max-width: 100%; height: auto; width: 100% }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }	 	

/*keyframes*/
@-webkit-keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}


@keyframes ripple {
  0% { transform: translate(-50%, -50%) scale(1.4); opacity: 0.0; }
  70% { transform: translate(-50%, -50%) scale(3.2); opacity: 0.3; }
  100% { transform: translate(-50%, -50%) scale(3.5); opacity: 0; }
}

@keyframes pulsate {
  0% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.2)  rotate(10deg); }
  100% { transform: scale(1)  rotate(0deg); }
}

@keyframes progress {
  0% { width: 0%; }
  100% { width: 100%;  }
}



.animated-icon { opacity: 0; }
.animated-icon.in-view { opacity: 100; }
.animated-icon.in-view svg path {
/*fill: none;
stroke: #004625;
stroke-width: 2;
*/
/*
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
*/

/*animation: draw 5s linear infinite;*/
}
/*.esg_metrics_sec .col:nth-of-type(1) .animated-icon.in-view svg path { animation: draw 8s linear forwards;  }*/
/* .focus_sec .col:nth-of-type(3) .animated-icon.in-view svg path { animation: draw 5s linear infinite; } */

/*.animated-icon.in-view svg .delaybox { animation-delay: 2.0s; }*/

/* @keyframes draw {
0% { stroke-dashoffset: 1000; }
90% { stroke-dashoffset: 0; }
100% { stroke-dashoffset: 0; }
} */


@keyframes draw {
  0% {
    stroke-dashoffset: var(--path-length);
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.animated-icon.in-view svg path {
  animation: draw 9s linear infinite;
}

.grecaptcha-badge { opacity: 0; visibility: hidden; }