/*
	Author: Oleksandr Matsenko, admin@tria.sumy.ua
	Author URI: https://tria.sumy.ua/
*/


/* font-family: 'Open Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic-ext);


 

/* icon too header */ 
/* @import url("../fonts/all.css"); */
@import url("../fonts/font-awesome.min.css");



/* ============================================
 Basic
============================================ */	 
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, u, center,
dl, dt, dd, 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, ul, ol {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	box-sizing: border-box;
}


a, a:visited { 
	/* color: #428c92; */
	text-decoration:underline;
}
a:hover { color: #c08c0e; text-decoration:underline;}
a img { border:none; }

.fix-max { 	
	max-width: 1300px;	
	margin: 0 auto;
	padding-left: 10px; 
	padding-right: 10px; 
	display: block;
}
.fix { 	
	max-width: 1100px;	
	margin: 0 auto;
	padding-left: 10px; 
	padding-right: 10px; 
	display: block;
}
.fix-min { 	
	max-width: 992px;	
	margin: 0 auto;
	padding-left: 10px; 
	padding-right: 10px; 
	display: block;
}
.clr 			{ clear: both; }
.fl 			{ float: left; }
.fr 			{ float: right; }
.bg-white { background: #fff; }
.mb-10 		{ margin-bottom: 10px;}
.mb-30 		{ margin-bottom: 30px;}
.mb-60 		{ margin-bottom: 60px;}
.pt-10 		{ padding-top: 10px;}
.pt-30 		{ padding-top: 30px;}
.pb-30 		{ padding-bottom: 30px;}
.pt-60 		{ padding-top: 60px;}
.mt-10 		{ margin-top: 10px;}
.mt-30 		{ margin-top: 30px;}
.mt-60 		{ margin-top: 60px;}
.ta-l 		{ text-align: left;}
.ta-r 		{ text-align: right;}
.d-flex 	{ display: flex;}
.p-static 	{ position: static;}
.paragraf-10 p { margin-bottom: 10px;}

body { 
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0; 
	overflow-x: hidden;
	overflow-y: scroll;
	list-style-position:inside;	
	color: #000;
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
 } 

/* --- mams --- */
.wrap-block-mams {
	position: relative;
}  
.wrap-block-childr {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
} 



/* --- vb --- */
ul.vb li {
	list-style: none;
}
ul.vb li {
	text-decoration: none;
	color: #383838;
	margin: 0 0 14px 0;
	display: block;
	background: url(../img/vb.png) 0px 0px no-repeat;
	background-size: 31px 62px;
	padding:  6px 0 0 50px;
	min-height: 62px;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
}

.vb li a:hover {
	text-decoration: none;
	color: #22489a;
}




/* ---------------------------------------------
	000 // active-foundation
------------------------------------------------ */
#active-foundation {
	margin: 0;
	padding-top: 90px;
}
#active-foundation  h1 {
	color: #428c92;
	/* font-size: 50px;
	line-height: 54px; */
	font-size: 40px;
	line-height: 44px;
	font-weight: 600;
	padding: 30px 0 30px;
}






/* --- Стили для обертки спойлеров --- */
.w4ban-all {
    /* Ваши существующие стили для общей обертки, если есть */
}

.acc {
    /* Ваши существующие стили для контейнера аккордеона */
}

/* --- Стили для каждого элемента спойлера --- */
.acc-item.w4ban {
    margin-bottom: 10px; 
    /* border: 1px solid #ddd; */
    border-radius: 20px 0 20px 0;
    overflow: hidden; 
	width: 24%;
    float: left;
	margin: 0.5%;
}

/* --- Стили для кнопки-заголовка спойлера --- */
.acc-btn {
    justify-content: space-between; 
    align-items: center; 
    width: 100%;
    padding: 15px 20px;
    background-color: #f9f9f9;
    border: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease; 
}

.acc-btn:hover {
    background-color: #f1f1f1;
}

.acc-btn h2 {
    color: #000;
    font-style: italic;
    padding: 0;
    font-weight: 600;
    font-size: 18px;
    margin: 0; 
    line-height: 1.2; 
    min-height: auto; 
}

.acc-btn h3 {
    color: #7e858a;
    font-style: italic;
    padding: 0; 
    font-weight: 400;
    font-size: 17px;
    margin: 20px 10px 20px 0; 
    line-height: 1.2; 
    min-height: auto; 
    flex-grow: 1; 
}

.acc-btn i {
    font-size: 18px;
    color: #7e858a;
    transition: transform 0.3s ease; 
}

.acc-btn[aria-expanded="true"] i {
    transform: rotate(180deg);
}


.acc-panel {
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.5s ease-out, padding 0.5s ease-out; 
    padding: 0 20px; 
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}

/* Когда спойлер открыт */
.acc-panel.active {
    max-height: 500px; 
    padding: 20px 20px 60px 20px; 
	background-color: #f1f1f1;
}

/* --- Стили для "Подробнее" ссылки --- */
.w4ban-more {
    position: absolute;
    bottom: 15px; 
    left: 20px;
    right: 20px; 
    width: auto;
    display: flex; 
    justify-content: flex-end; 
    align-items: center;
    padding-top: 0; 
    z-index: 1; 
}

.w4ban-more i { 
    display: none; 
}

.w4ban-more a {
    float: none; 
    color: #fff;
    background: #e98147;
    padding: 8px 15px; 
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: 10px 0 10px 0;
    transition: background-color 0.3s ease;
}

.w4ban-more a:hover {
    background: #ae592b;
}



.w-home-h2 {
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	text-decoration: none;
	color: #428c92;
}


/* ---------------------------------------------
	001 //  w-mission
------------------------------------------------ */
#w-mission {
	margin: 20px 0;
	padding: 0;
}

#w-mission h1 {
    color: #428c92;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
    padding: 30px 0 30px;
/* 	width: calc(100% - 260px); */
}


.w-mission-txt {
	width: 65%;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
} 
.w-mission-txt p { 
	margin-bottom: 20px;
}

.w-mission-txt blockquote {
	margin-top: 30px;
	border-left: 3px solid #428c92;
	padding: 30px 60px 30px 30px;
	width: 100%;
	color: #535353;
	line-height: 28px;
}
.w-mission-txt blockquote li {
	display: block;
	background-image: url(../img/vb.png);
	background-size: 25px 23px;
	background-position: 0px 10px;
	background-repeat: no-repeat;
	padding:  6px 0 0 30px;
	margin: 0 0 10px 0;
}


.w-mission-img {
	width: 35%;
	float: right;
	display: block;
	padding: 20px;
} 
.w-mission-img img {
	width: 100%;
	height: auto;
	border-radius: 50%;

}

.w-mission-more {
	width: fit-content;
	margin: 30px auto;
}
.w-mission-more {
	background: #2a535d;
	padding: 10px 40px;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

/* spoiler mission */
.d-bg-white {
	background: #fff !important;
}



/* ---------------------------------------------
	002 //  w-about
------------------------------------------------ */
#w-about {
	margin: 20px 0;
	padding: 0;
}

#w-about h1 { 
    color: #428c92;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
    padding: 30px 0 30px;
	width: calc(100% - 260px);
}
#w-about h11 { 
    display: block;
    font-size: 40px;
    color: #428c92;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
	margin-top: 30px;
    padding: 30px 0 0;
	width: calc(100% - 260px);
}

#w-about blockquote {
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: 3px solid #428c92;
	padding: 30px 60px 30px 30px;
	width: calc(100% - 260px);
	color: #454545;
	line-height: 28px;
}








/* w3ban-all */
.w3ban-all {
	display: flex;
	justify-content: space-between !important;
	flex-wrap: wrap;
}
.w3ban {
	float: left;
	width: 31%;
	margin: 1% 0;
	background: #ebebeb;
	padding: 20px;
	border-radius: 20px 0 20px 0;
	font-size: 20px;
}

.w3ban h2 {
	color: #000;
	padding: 0 0 10px 0;
	font-weight: 600;
	font-size: 18px;
}
.w3ban h3 {
	color: #7e858a;
	padding: 0 0 20px 0;
	font-weight: 400;
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
}


	.w3ban-more {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding-top: 20px;
	display: inherit;
	float: right;
	width: fit-content;
	color: #fff;
	background: #e98147;
	padding: 6px 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	border-radius: 10px 0 10px 0;
}
.w3ban-more sup {
	font-size: 10px;
}

/* --- spoailer 2 --------------------- */
.w3ban > details > summary {
	padding: 0 !important;
}
.w3ban > details  ul {
	margin: 0 !important;
	padding: 0 !important;
}
.w3ban > details li {
	font-size: 14px !important;
}
.w3ban > details > summary:before {
	display: none;
}





/* ============================================
 003 // w-spoiler
============================================ */	
#w-spoiler {
	margin: 60px 0;
	padding: 0;
}

/* spoiler */
details {
	background: #ebebeb;
	border-radius: 10px;
	display: block;
	padding: 1px 8px;
	margin-bottom: 30px;
}

summary::-webkit-details-marker {
	display: none;
  }
  summary::-moz-list-bullet {
	list-style-type: none;
  }
  summary::marker {
	display: none;
  }
  summary {
	display: inline-block;
	padding: 30px 30px 10px 10px;
	font-size: 30px;
	cursor: pointer;
	position: relative;
	width: 100%;
  }
  summary span {
	background: #fd7e14;
	color: #fff;
	padding: 10px;
	font-size: 20px;
	font-weight: 500;
	border-radius: 8px;
	margin-bottom: 20px;
	display: block;
	width: fit-content;
   }
  summary p {
	font-size: 16px;
	line-height: 24px;
	color: #5c5c5c;
	padding-left: 24px;
	margin-bottom: 10px;
  }
  summary:before {
	right: 20px;
	top: 30px;
	color: transparent;
	background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=")
	  no-repeat 100% 100%;
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	transition: transform 0.5s;
	transform: rotateZ(-90deg);
  }
  details[open] > summary:before {
	transform: rotateZ(90deg);
  }


  /* summary ~ * { */
  summary ~ * {
	padding: 10px 30px ;
  }

.summary-content {
	font-size: 16px;
	line-height: 24px;
	color: #5c5c5c;
	/* border: 1px solid #92989e; */
	padding: 40px;
	width: 80%;
	margin: auto;
}
.summary-content p {
	padding-bottom: 20px;

}


  details[open] summary ~ * {
	animation: sweep 0.5s ease-in-out;
  }
  @keyframes sweep {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  summary:focus {
	outline: 0;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.3);
  }
  details {
	display: block;
  }

.summary-content-img {
	float: right;
	width: 150px;
	display: block;
}
.summary-content-img img {
	width: 100%;
	height: auto;
}










/* ============================================
 004 // w-news
============================================ */	
#w-news {
	width: 100%;
	margin: 30px 0 30px;
	padding: 30px 30px 40px;
}

#w-news h1 {
    color: #428c92;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
    padding: 30px 0 30px;
	width: calc(100% - 260px);
}


/* w-news-all */
.w-news-all {
	display: flex;
	justify-content: space-between !important;
	flex-wrap: wrap;
}

.w-news-block {
	width: 31%;
	margin: 1% 0;
	padding: 0;
	font-size: 20px;
}

.w-news-img {
	border-radius: 14px;
	position: relative;
	margin-bottom: 20px;
}
.w-news-img img {
	border-radius: 20px;
	width: 100%;
	height: auto;
}

.w-n-line {
	font-size: 13px;
	line-height: 15px;
	color: #92989e;
	display: block;
	border-bottom: 3px solid #428c92;
}

.w-news-category {
	float: left;
}
.w-news-date {
	float: right;
	padding: 4px 0;
}

.w-news-h2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	text-decoration: none;
	color: #428c92;
}
.w-news-h2 a {
	text-decoration: none;
}



.w-news-txt {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 19px;
	color: #92989e;
}
.w-news-txt a {
	font-weight: 300;
	text-decoration: none;
	color: #000;
}

.w-news-more a {
	color: #fd7e14;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 19px;
	text-decoration: none;
}

.w-allnews-more {
	width: fit-content;
	margin: 30px auto;
}
.w-allnews-more a {
	background: #2a535d;
	padding: 10px 40px;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}




/* ============================================
 005 // team
============================================ */	
.w-team-block {
	width: 48%;
	margin: 1% 0;
	padding: 0;
	font-size: 20px;
	text-align: center;
}

.w-team-img {
	border-radius: 14px;
	position: relative;
	margin-bottom: 20px;
	width: 220px;
	height: 220px;
	text-align: center;
	margin: auto;
}
.w-team-img img {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
}
.w-team-h2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	text-decoration: none;
	color: #428c92;
	text-align: center;
}
.w-team-h2 a {
	text-decoration: none;
}
.w-team-txt {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 19px;
	color: #92989e;
	text-align: center;
}
.w-team-txt a {
	font-weight: 300;
	text-decoration: none;
	color: #000;
}

.w-team-txt h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 19px;
	font-weight: 600;
	text-decoration: none;
	color: #000;
	text-align: center;
}


/* prof block */


.w-prof-img {
	border-radius: 14px;
	position: relative;
	margin-bottom: 20px;
	width: 220px;
	height: 220px;
	text-align: center;
	margin: auto;
}
.w-prof-img img {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
}
.w-prof-h2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	text-decoration: none;
	color: #428c92;
	text-align: center;
}
.w-prof-h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
	text-decoration: none;
	color: #223930;
	text-align: center;
}

/* 2prof */
.w-prof-block {
	width: 100%;
	margin: 1% 0;
	padding: 0;
	font-size: 20px;
	text-align: center;
}

.w-prof-block-img {
	margin-right: 1%;
	width: 44%;
	float: left;
	padding-right: 20px;
}
.w-prof-block-txt {
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 1%;
	padding-left: 20px;
	padding-top: 20px;
	width: 52%;
	float: right;
	color: #428c92;
	font-style: italic;
	text-align: left;
}




/* ---------------------------------------------
	wrapper
------------------------------------------------ */
#wrapper {
	margin: 10px 0;
	padding: 30px 0;
}

#wrapper h1 {
    color: #428c92;
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
    padding: 30px 0 30px;
	width: calc(100% - 260px);
}

#wrapper h2 {
    color: #505050;
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    padding: 30px 0 30px;
}

#wrapper p, #wrapper li {
	margin-bottom: 20px;
}



/* --- breadcrumbs --- */
.breadcrumbs {
	font-size: 12px;
	color: #777;
	margin: 0 0 60px 16px; 
	/* text-align: center; */
}

#content>.breadcrumbs {
	font-size: 12px;
	color: #777;
	margin: 10px 0 30px 0px; 
	text-align: left;
}
.hk-active {
	color: #1a4a9d;
	text-decoration: none;
}
.hk-active:hover {
	color: #ce9004;
	text-decoration: underline;
}
.divider {color: #ce9004; padding: 0 2px; } 

.breadcrumbs .current {
	color: #4d4d4d;
}	




/* wp-add */
img.alignright {
	float: right;
}
img.alignleft {
	float: left;
}

/* single */
.news-thumbnail {
	float: left;
	margin-right: 20px;
}
.news-thumbnail img {
	border-radius: 20px;
}



/* ----------------- pop up ----------- */
.btn {
	background: #e98147;
	color: #fff;
	border: none;
	padding: .6rem 1rem;
	border-radius: 8px;
	cursor: pointer;
	font-size: 1rem;
	box-shadow: 0 6px 18px rgba(37,99,235,0.18);
}
.btn:active { transform: translateY(1px); }

.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none; 
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1.5rem;
	transition: opacity 180ms ease;
	opacity: 0;
}
.overlay.open {
	display: flex;
	opacity: 1;
}

/* Сам попап */
.popup {
	background: #fff;
	border-radius: 10px;
	/* max-width: 70%; */
	max-width: 980px;
	width: 100%;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	padding: 1.25rem 1.25rem 1rem 1.25rem;
	transform: translateY(12px) scale(.99);
	transition: transform 200ms cubic-bezier(.2,.9,.3,1), opacity 200ms;
	opacity: 0;
}
.overlay.open .popup {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.popup header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: .5rem;
	margin-bottom: .75rem;
}

.popup h2 {
	margin:0;
	font-size:1.125rem;
	font-weight:600;
	color:#0f172a;
}


.popup2 p {
	margin:0;
	color:#374151;
	line-height:1.45;
	margin-bottom: 1rem;
}

.close-btn {
	background: transparent;
	border: none;
	font-size: 1.05rem;
	cursor:pointer;
	padding: .25rem;
	color: #374151;
	border-radius: 8px;
}
.close-btn:focus {
	outline: 2px solid #c7d2fe;
	outline-offset: 2px;
}

.popup .actions {
	display:flex;
	gap:.5rem;
	justify-content:flex-end;
	margin-top:.5rem;
}

/* Для мобильных */
@media (max-width:420px){
	.popup { padding: 1rem; border-radius:10px; }
}






/*
 * media-style.css
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Description: add adaptive styles  
 * File Name: media-style.css
 * Author: Oleksandr Matsenko, admin@tria.sumy.ua
 * Author URI: https://tria.sumy.ua/
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */


/* //////////////////////////////////////////////////
    1082
////////////////////////////////////////////////// */

   
/* //////////////////////////////////////////////////
    980
////////////////////////////////////////////////// */
@media screen and (max-width: 980px) {



/* 001 */
#w-mission h1 {
    font-size: 30px;
    line-height: 44px;
}

/* 002 */
#w-about h1 {
    font-size: 30px;
    line-height: 44px;
}

#w-news h1 {
    font-size: 30px;
    line-height: 44px;
}



}

/* //////////////////////////////////////////////////
    840
////////////////////////////////////////////////// */
@media screen and (max-width: 840px) {


.acc-item.w4ban {
    width: 48%;
    margin: 1%;
}

.w-team-block {
    width: 48%;
    margin: 1% 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
}



}



/* //////////////////////////////////////////////////
    760
////////////////////////////////////////////////// */
@media screen and (max-width: 760px) {

.header-top-block-orange {
    font-size: 15px;
}
.header-arrow-button a {
    font-size: 14px;
}


.header-slogan {
    width: calc(100% - 130px);
}


.header-top-block {
    margin-bottom: 30px;
}

.fix-max.sticky-logo .header-content-logo {
    position: fixed;
    top: 30px;
    right: 10px;
    z-index: 777;
}

/* 000     */
.w4ban {
    width: 48.5%;
    margin-bottom: 30px;
}

/* 002 */
.w3ban {
    width: 48%;
    margin-bottom: 30px;
}

/* 004 */
.w-news-block {
    width: 48%;
    margin: 0 1% 20px;
}


}


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


.header-content-txt {
    width: calc(100% - 150px);
}
.header-top-block {
    width: calc(100% - 30px);
}



.header-slogan {
    text-align: left;
    font-size: 19px;
    line-height: 24px;
    /* margin-top: 30px; */
}

#w-mission h1 {
    font-size: 24px;
    line-height: 36px;
}
#w-about h1 {
    font-size: 24px;
    line-height: 36px;
}
#w-news h1 {
    font-size: 24px;
    line-height: 36px;
}

.w-news-h2 {
    font-size: 20px;
    line-height: 22px;
}


/* footer */
.footer-cell {
    width: 48%;
}


}


/* //////////////////////////////////////////////////
    530
////////////////////////////////////////////////// */
@media screen and (max-width: 530px) {



/* 000 */
.w4ban {
    padding: 12px;
}
.w4ban h2 {
    font-size: 17px;
}
.w4ban h3 {
    font-size: 14px;
    margin-bottom: 16px;
}
.w4ban-more {
    padding-top: 30px;
    width: calc(100% - 20px);
}

#active-foundation blockquote {
   width: 100%;
   padding: 30px 20px 30px 20px;
}

#w-mission h1 {
    width: 100%;
}

.w-mission-txt {
    width: 100%;
    float: none;
}
.w-mission-txt blockquote {
    margin-top: 30px;
    border-left: 3px solid #428c92;
    padding: 30px 20px 30px 30px;
}
.w-mission-img {
    width: 100%;
    float: none;
    text-align: center;
    display: block;
    padding: 20px;
}
.w-mission-img img {
    max-width: 200px;
}


.acc-item.w4ban {
    width: 98%;
    margin: 1%;
}



/* 002 */
#w-about h1 {
    font-size: 24px;
    line-height: 36px;
    width: 100% ;
}
#w-about blockquote {
    margin-top: 30px;
    margin-bottom: 30px;
    border-left: 3px solid #428c92;
    padding: 30px 20px 30px 30px;
    width: 100%;
    color: #a5a4a3;
    line-height: 28px;
}
.w3ban h2 {
    font-size: 17px;
}    


/* 004 */
#w-news h1 {
    width: 100%;
}



/* 005 team */
.w-team-block {
    width: 98%;
    margin: 1% 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
}


}



/* //////////////////////////////////////////////////
    440
////////////////////////////////////////////////// */
@media screen and (max-width: 440px) {
#wrapper h1 {
    color: #428c92;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    padding: 30px 0 30px;
    width: calc(100% - 60px);
}



/* 002 */
.w3ban {
    width: 98%;
    margin: 1%;
}

.w-news-block {
width: 98%;
margin: 1%;
}


}