/*
Theme Name: Cascade
Author: Cascade
Tags: responsive, fixed width
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

* { 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: 18px; line-height: 1.3; color: #373737; font-family: 'Lato', sans-serif; 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; }


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

textarea::input-placeholder,input::input-placeholder { opacity: 1; } 
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 1; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 1; }
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: 'Lato', sans-serif; border-radius:0px !important; -webkit-border-radius:0px  !important; -ms-border-radius:0px  !important; }
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: #486287; 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:300; line-height:1.13; } 

h1, .h1 { font-size: 48px; line-height:1.14; }
h2, .h2 { font-size: 44px; line-height:1.13; }
h3, .h3 { font-size: 36px; line-height:1.16; }
h4, .h4 { font-size: 30px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 18px; }

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

ul.listing li { padding: 0 0 10px 10px; position: relative; line-height: 30px; }
ul.listing li:before { content:'.'; position:absolute; left:0; top:0; }

.field, .wpcf7-text, textarea { display: block; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; width: 100%; height: 40px; font-size: 13px ; padding: 13px 25px 13px 15px; background:#eeeeee; border:0; color:#5d5d5d; }
textarea { padding: 13px 15px; height: 110px; 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 { font-size: 11px; line-height: 24px; padding: 5px 15px; min-width: 130px; text-align:center; background:#0b9444 !important; display:inline-block; vertical-align: top; text-transform: uppercase; font-weight:700; border:0; cursor: pointer; }
.button:hover { background: #097536 !important; }

/* wrapper */
#wrapper { padding-top:118px; width: 100%; overflow: hidden; min-height: 100%; position: relative; }
.centering,
.wrapper { width: 100%; max-width: 1210px; padding: 0 15px; margin:0 auto; position: relative;}  
.flex-wrap { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.v-center { align-items:center; }
.h-center { justify-content:center; }
.space-between { justify-content:space-between; }
hr { margin:40px 0; width: 100%; max-width: 1180px; height: 27px; border:0; background:url(images/saparator.svg) center center no-repeat; }


.text_center { text-align:center; }

/* header-part */
#header-part { padding: 27px 0; width: 100%; z-index:99; position: absolute; left:0; top:0; background: #496388; }
#header-part .logo { max-width: 177px; display: block; }
.home #header-part .logo { opacity: 0; visibility:hidden; }
#header-part .site_menu ul { margin:12px 5px 0 0; display: block; list-style:none; }
#header-part .site_menu ul li { margin: 0 0 0 45px; letter-spacing: 0.10em; display: inline-block; vertical-align: top; font-size: 10px; line-height: 1.4; font-weight:700; text-transform: uppercase; position: relative; }
#header-part .site_menu ul li a { display: block; color: #fff; position: relative; padding-bottom: 17px; }
#header-part .site_menu ul li a:after { transition:all 0.3s; -webkit-transition:all 0.3s; width: 0%; height:3px; content:''; position:absolute; left:0; bottom:0; background:#77933c; }

#header-part .site_menu ul li.current_page_ancestor >a:after,
#header-part .site_menu ul li.current-menu-item >a:after,
#header-part .site_menu ul li:hover > a:after ,
#header-part .site_menu ul li a:hover:after { width: 100%; } 
#header-part .menu_trigger { display: none; }
#header-part .site_menu li ul { display: none; margin: 0; padding: 0px 0; position: absolute; left: 0; top: 100%; background: #A8C2E7; width: 220px;  box-shadow: 0px 0px 4px rgba(0,0,0,0.4); }
#header-part .site_menu li ul li { padding:0; margin:0; width: 100%; text-align: left; }
#header-part .site_menu li ul li a { padding: 10px 10px; color:#fff; }
#header-part .site_menu li.menu-item-has-children { padding-right:0px; }
#header-part .site_menu li.menu-item-has-children > a { padding-right:0; display:inline-block; }
#header-part .site_menu li.menu-item-has-children .arrow { z-index:1; width: 15px; height:11px; display: inline-block; vertical-align: top;position: relative; margin-left:5px; }
#header-part .site_menu li.menu-item-has-children .arrow:before { width: 0; height:0; content:''; border: 6px solid transparent; border-top-color:#fff; position:absolute; left:50%; top:50%; margin:0 0 0 -7px; }
@media only screen and (min-width: 798px) {
#header-part .site_menu li:hover ul { display: block; }
}


#header-part.show { padding: 10px 0; 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); }
.home #header-part.show .logo { opacity: 100; visibility:visible; }

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

	/* banner-bar */
	.banner-bar { padding: 35px 0 125px; width: 100%; background-color: #496388; background-position: center center; background-size:cover; }
	.banner-bar .logo { max-width: 485px; display:block; margin:auto; }
	.banner-bar .text { padding: 40px 75px 40px; max-width: 975px; border: 4px solid #fff; margin: 25px auto 0; position: relative; text-align: center; }
	/*.banner-bar .text:after,
	.banner-bar .text:before { width: 250px; height: 4px; content:''; background: #fff; position:absolute; left:0; top:0; }  
	.banner-bar .text:after { right:0; left: auto; }
	*/	
.home .banner-bar h1 { font-size: 40px; line-height: 1.15; color:#fff; padding:0; }
	.banner-bar.inner { min-height:365px; display:flex; align-items:center; flex-wrap:wrap; padding: 50px 0; }
	.banner-bar .content { text-align: center; margin: 0 auto; width: 100%; max-width: 855px; background: rgba(255, 255, 255, 0.9); border: 1px solid #486287; padding: 40px; }
	.banner-bar.inner .content h1 { line-height:1.1; padding:0; color:#486287; }
	.page-id-13 .banner-bar.inner .content { max-width: 645px; }
	.page-id-173 .banner-bar .content { max-width: 580px; }

	/*welcome-bar*/
	.welcome-bar { padding: 75px 0; width: 100%; background:url(images/saparator.svg) center bottom no-repeat; } 
	.welcome-bar h2 { font-size: 36px; line-height:1.15; text-align: center; padding-bottom: 85px; }
	.welcome-bar p { font-size: 22px; }	
	.welcome-bar .wrapper { max-width: 1010px; }

	/*faq-bar*/
	.faq-bar { padding: 75px 0 10px; width: 100%; } 
	.faq-bar .inner { max-width: 825px; margin:auto; }
	.faq-bar h3 { padding-bottom: 40px; }
	.faq-bar .faq_row { background:url(images/saparator.svg) center bottom no-repeat; padding-bottom: 65px; margin-bottom: 65px; }
	.faq-bar .faq_row:last-child { background: none; padding-bottom:0; margin-bottom: 0; }
	.faq-bar .prefix { display: none; }
	.page-id-15 .faq-bar .prefix { display: inline-block; }
	.faq-bar .inner p.smaller { font-size:14px; }	



	/*faq-bar*/
	.cascade-bar { padding: 85px 0 10px; width: 100%; } 
	.cascade-bar .left { padding-top:10px; width: 50%; }
	.cascade-bar .right { padding-left:50px; width: 50%; }
	.cascade-bar .has_no_left .right { padding-left:0px; width: 100%; max-width:770px; margin:0 auto; }
	.cascade-bar h2 { color: #77933C; }
	.cascade-bar .right h3 { padding: 22px 0; }
	.cascade-bar p { font-size:22px; padding-bottom: 25px; letter-spacing:.5px }
    .cascade-bar p strong { color: #4C6184; font-weight: 700; }
	.cascade-bar p.smaller { font-size: 14px; line-height: 1.2; }
	.cascade-bar a.smaller { font-size: 14px; }
	.cascade-bar .bottom_text { max-width: 770px; margin:auto; padding: 30px 0 0 0; }
	.cascade-bar .bottom_text h3 { padding-bottom: 25px; } 
	.cascade-bar .two_col_box .col { padding-top:0; }
	.cascade-bar .two_col_box .col h3 { padding:0 0 10px 0; }

	/*objective_sec*/
	.objective_sec { padding: 80px 0 50px; width: 100%; position: relative; }
	.objective_sec:before { width: 100%; height:200px; content:''; position:absolute; left:0; top:173px; background: #F1F4EB; }
	.objective_sec .wrapper { z-index:1; position: relative; max-width: 900px; }
	.objective_sec h2 { padding-bottom: 60px; text-align: center; font-size: 48px; color: #486287; }
	.objective_sec .the_list { width: 100%; position: relative; }
	.objective_sec .objective_list { margin: 0 -25px 0px; } 
	.objective_sec .objective_list .objective { text-align: center; width: 33.33%; padding: 0 25px; }
	.objective_sec .objective_list .objective img { width: 155px; height: 155px; border-radius: 50%; margin:0 auto 45px; }
	.objective_sec p { font-size: 20px; line-height: 1.4; }
	.objective_sec p strong { color: #7D9248; font-weight:400; }
	.objective_sec p em,
	.objective_sec p i { font-style:normal; color:#f00; }
	.value_sep { margin:0 auto; }


	/*value_list_sec*/
	.value_list_sec { width: 100%; padding:90px 0 70px; text-align: center; position: relative; }
	.value_list_sec:before { width: 100%; height:200px; content:''; position:absolute; left:0; top:173px; background: #F5F8FB; }
	.value_list_sec .wrapper { position: relative; z-index:1; max-width: 1150px; }
	.value_list_sec h2 { padding-bottom: 55px; font-size: 48px; color:#486287; }
	.value_list_sec .value_list .value_col { width: 20%; padding: 0 20px; }
	.value_list_sec .value_list { margin:0 -20px; display:flex; flex-wrap:wrap; }
	/*.value_list_sec .value_list .value_col:before { width: 5px; height: 5px; content:''; position:absolute; left:0; top:8px; background:#4C6184; border-radius:50%; }*/
	.value_list_sec .value_list .value_col .letter { display:inline-block; vertical-align: top; margin:0 0 10px; /*display: none;*/ }
	.value_list_sec .value_list .value_col .letter span { display: block; width: 165px; height: 165px; border-radius: 50%; line-height: 155px; text-align:center; color: #fff; font-size: 64px; background: #486388; font-weight:700; border: 5px solid #fff; }
	.value_list_sec .value_list .value_col h3 { padding-bottom: 20px; font-size: 34px; line-height:1.1; font-weight:700; color: #486388; } 
	.value_list_sec .value_list .value_col p { font-size: 20px; line-height:1.4; padding:0;  }
	.value_list_sec .value_list .value_col p strong { color: #4C6184; font-weight: 700; }
    .value_list_sec .value_list .value_col:nth-of-type(2) .letter span { background:#78943c; }
	.value_list_sec .value_list .value_col:nth-of-type(2) h3 { color: #78943c; }
	.value_list_sec .value_list .value_col:nth-of-type(3) .letter span { background:#777877; }
	.value_list_sec .value_list .value_col:nth-of-type(3) h3 { color: #777877; }
	.value_list_sec .value_list .value_col:nth-of-type(4) .letter span { background:#963736; }
	.value_list_sec .value_list .value_col:nth-of-type(4) h3 { color: #963736; }
	.value_list_sec .value_list .value_col:nth-of-type(5) span { background:#be9d7e; }
	.value_list_sec .value_list .value_col:nth-of-type(5) h3 { color: #be9d7e; }
	.value_list_sec .our_mission h2 { padding-bottom: 30px; text-align:center; }
	.value_list_sec .our_mission blockquote { font-size: 40px; line-height:1.2; color: #77923B; margin:0; text-align: center; }
	.value_list_sec .our_mission blockquote em { font-style:italic; }
	.value_list_sec .our_mission p strong { color: #4C6184; font-weight: 700; }
	

	/*leadership-bar*/
	.leadership-bar { padding: 80px 0 10px; width: 100%; }
	.leadership-bar .wrapper { max-width: 1000px; }
	.leadership-bar .row { }
	.leadership-bar .row:first-child { margin-top:0; }
	.leadership-bar .row:last-child { margin-bottom:0; }
	.leadership-bar .row:last-child hr { margin-bottom:0; }
	.leadership-bar hr { margin:80px -105px; width: calc(100% + 210px); }
	.leadership-bar .left { width: 37.6%; }
	.leadership-bar .left figure { width: 100%; height:0; padding-bottom:120.7%; position: relative; }
	.leadership-bar .left figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
	.leadership-bar .right { padding-left:40px; width: 62.4%; }
	.leadership-bar h2 { color: #77933C; }
	.leadership-bar .right h3 { padding: 22px 0; }
	.leadership-bar p { font-size: 18px; padding-bottom: 23px; letter-spacing: 0; font-family: 'Gill Sans'; font-weight: 300; line-height: 1.35; }
	.leadership-bar figcaption { width: 100%; background:#486287; min-height:87px; display: flex; flex-wrap:wrap; align-items:center; color: #fff; padding: 10px 15px; font-size: 24px; line-height:34px; font-family: 'Gill Sans'; font-weight: 500; }
	

	/*leadership-bar*/
	.new-leadership-bar { padding: 65px 0; width: 100%; }
	.new-leadership-bar .the_list { margin: 0 -10px }
	.new-leadership-bar .the_list .box { width: 25%; padding: 0 10px 0px; position: relative; }
	/*.new-leadership-bar .the_list .box:nth-child(4n):after { position: absolute; right: -80px; bottom:55px; content:''; width: calc(400% + 160px); height: 27px; background:url(images/sep2.svg) center center no-repeat; }*/
	.new-leadership-bar .wrapper { max-width: 1070px; }
	.new-leadership-bar .box .biobox { display: none !important; width: 400%; }
	.new-leadership-bar .the_list .box a { background: #496388; min-height: 100%; display: block; }
	.new-leadership-bar .the_list .box a.active figcaption:after { transform: rotate(180deg); }
	.new-leadership-bar figcaption { width: 100%; background:#486287; min-height:105px; display: flex; flex-wrap:wrap; align-items:center; color: #fff; padding: 15px 41px 10px 15px; font-size: 16px; line-height:1.3; font-weight: 300; align-content: flex-start; position: relative; }
	.new-leadership-bar figcaption:after {width: 24px; height: 24px; content: ''; position: absolute; right: 15px; bottom: 15px; background: url(images/down-arrow.svg) center center no-repeat; transition: all 0.3s; }
	.new-leadership-bar figcaption strong { width: 100%; font-weight: 600;  }
	.new-leadership-bar .biobox { display: none; position: relative; margin: 30px 10px 0; width: 100%; border: 6px solid #486287; padding: 25px; }
	.new-leadership-bar br { width: 100%; }
	.new-leadership-bar .biobox p { font-size: 16px; line-height: 22px; color: #666666; }
	.new-leadership-bar .biobox p:last-child { padding-bottom: 0; }
	.new-leadership-bar .close { width: 24px; height: 24px; font-size: 0; line-height: 0; position: absolute; right: 7px; top: 7px; background: url(images/cross.svg) center center no-repeat; cursor: pointer; }
	.new-leadership-bar hr { max-width: none; margin: 50px -80px;  width: calc(100% + 160px); background-image: url(images/sep2.svg); }
	.new-leadership-bar hr:last-child { display: none; }
	

	
	/* content-bar-bar */
	.content-bar { padding: 80px 0; width: 100%; }
	.error404 .content-bar { padding: 170px 0 50px; text-align:center; min-height:500px; }
	.content-bar li { padding-bottom: 10px; }	
	.content-bar li a { font-weight:700; }	
.content-bar h2	{ font-weight:300; }
	.content-bar h4 ,
	.content-bar h5 { font-weight:500; }	
	.content-bar table,
	.content-bar th,
	.content-bar td { border: 1px solid #000; }	
	.content-bar th,
	.content-bar td { padding: 10px; }	
	.content-bar th { font-weight:700; }	
	.content-bar h2 { font-size: 36px; line-height:1.16; }
	.content-bar h3 { font-size: 30px; line-height:1.16; }
	.content-bar.custompage { }
	.content-bar.custompage h2 { font-weight: 700; color: #77933C; padding-bottom: 10px; padding-top: 20px; }

	/*value_sec*/
	.value_sec { width: 100%; }
	.value_sec .title { padding: 50px 0; text-align: center; }
	.value_sec .title h1 { color: #486287; padding:0; }
	.value_sec .banner { padding: 0 15px; min-height: 363px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #f5f9fc; }
	.value_sec .banner img { width: 100%; max-width: 1085px; }
	.value_sec .wrapper { max-width: 840px; }
	.value_sec blockquote { margin: 0; }
	.value_sec blockquote p { color: #000; line-height: 1.4; font-weight: 300; font-size: 36px; }
	.value_sec blockquote p strong { color: #7D9248; }
	.value_sec .wp-block-separator { width: auto; margin: 15px -185px 40px; border: 0; }
	.value_sec .content { padding: 80px 0; }
	.value_sec h3 { color: #4C6184; padding-bottom: 25px; }
	.value_sec p { padding-bottom: 25px; color: #373737; font-weight: 300; }
	.value_sec p strong { color: #4C6184; font-weight: 700; }

/* footer-part */
#footer-part { padding: 65px 0 40px; margin:80px 0 0 0; width: 100%; color: #fff; background:#496388; }
#footer-part .logo { max-width: 271px; display:block; }
#footer-part .footer_menu { width: calc(100% - 271px); padding: 0 0 0 135px; }
#footer-part ul { list-style:none; margin:0; padding:0; column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:105px; -moz-column-gap:105px; -webkit-column-gap:105px; }
#footer-part li { font-size: 20px; line-height: 24px; color:#fff; text-transform: uppercase;  font-weight:700; letter-spacing: 0.08em; padding-bottom: 15px; } 
#footer-part li a { position: relative; color: #fff; display:inline-block; padding-bottom: 15px; }
#footer-part .footer_menu ul li a:after { transition:all 0.3s; -webkit-transition:all 0.3s; width: 0%; height:3px; content:''; position:absolute; left:0; bottom:0; background:#77933c; }
#footer-part .footer_menu ul li.current-menu-item a:after,
#footer-part .footer_menu ul li a:hover:after { width: 100%; } 
#footer-part .wrapper { align-items:flex-start; }


#back-to-top { position: absolute; top: -60px; font-weight:700; right: -80px; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; font-size: 18px; line-height: 22px; color: #0f86ff; text-transform: uppercase; font-family: 'PT Sans', sans-serif; letter-spacing: 0.15em; min-width:40px; text-align:center; background:url(images/btt.png) center top no-repeat; background-size:36px auto; padding: 24px 0 0 0; }
#back-to-top:hover { opacity: 0.80; }

.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; }

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


/* 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 { margin: 0 0 25px; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th, td { padding: 0.4em; }
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: "" ""; }

/*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)}
}