/********************************************************************************************************************
GENERAL CSS
********************************************************************************************************************/

/* Font anti-aliasing */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* Responsive embedded video */
.videodetector {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.videodetector iframe, .videodetector object, .videodetector embed { position:absolute;top:0; left:0; width:100%; height:100%;}

/* Set max content image size and margin for responsive use */
img[src*="/content/images/"] { max-width:100% !important;height:auto !important;}
img[src*="/content/images/"][style*="float: left"] { margin:0px 15px 15px 0;} 
img[src*="/content/images/"][style*="float: right"] { margin:0px 0px 15px 15px;} 

/* Hide captcha badge */
.grecaptcha-badge { display:none;}
.mb0 { margin-bottom:0 !important;padding-bottom:0 !important;}
.mt0 { margin-top:0 !important;padding-top:0 !important;}
/********************************************************************************************************************
FONTS
********************************************************************************************************************/
@font-face {
  font-family: "Aileron";
  src: url("../fonts/Aileron/Aileron-BlackItalic.woff2") format("woff2"), url("../fonts/Aileron/Aileron-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("../fonts/Aileron/Aileron-Bold.woff2") format("woff2"), url("../fonts/Aileron/Aileron-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("../fonts/Aileron/Aileron-BoldItalic.woff2") format("woff2"), url("../fonts/Aileron/Aileron-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("../fonts/Aileron/Aileron-Regular.woff2") format("woff2"), url("../fonts/Aileron/Aileron-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("../fonts/Aileron/Aileron-Italic.woff2") format("woff2"), url("../fonts/Aileron/Aileron-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("../fonts/Aileron/Aileron-Black.woff2") format("woff2"), url("../fonts/Aileron/Aileron-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Summer";
  src: url("../fonts/summer-loving-sans.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

a.cartoon:hover img { -webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75); } 

/********************************************************************************************************************
MAIN CSS
********************************************************************************************************************/

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Aileron', sans-serif; font-size: 12px; color: #2b2f3a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #fff; }
input,
select,
textarea { font-family: 'Aileron', sans-serif; font-size: 12px; color: #000; }
img { display: block; border: 0; }
.image img, .video img { border-radius:5px;}
ul,
li { list-style: none; }
:focus { outline: none; }
a { text-decoration: none; }
.contentBox p a, .coachingBox .text p a, .employeesBox p a, .organizationBox p a, .onlineBox p a, .clubBox p a, .productBox p a, .furtherBox p a, .pointBox p a, .peopleBox p a { color: #009047;text-decoration:none; font-weight:bold;}
.contentBox p a:hover, .coachingBox .text p a:hover, .employeesBox p a:hover, .organizationBox p a:hover, .onlineBox p a:hover, .clubBox p a:hover, .productBox p a:hover, .furtherBox p a:hover, .pointBox p a:hover, .peopleBox p a:hover { text-decoration:underline;}

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
/*.large-centered { padding-right: calc((100% - 1360px) / 2); padding-left: calc((100% - 1360px) / 2); }*/
.large-centered { padding-right: calc((100% - 1510px) / 2); padding-left: calc((100% - 1510px) / 2); }
.centered { padding-right: calc((100% - 1310px) / 2); padding-left: calc((100% - 1310px) / 2); }
.centered-sm { padding-right: calc((100% - 730px) / 2); padding-left: calc((100% - 730px) / 2); }
.btn { padding: 11px 15px; font-size: 16px; font-weight: 900; text-decoration: none; border: 2px solid; transition: 0.5s; border-radius:50px;}

.btn + .btn { margin-left: 35px; }
.btn-primary { color: #fff; border: 0; background-color: #49AD3B;border-radius:50px; margin-top:5px;}
.btn-primary:hover { background-color: #009047; }
.btn-pink { padding-right: 18px; padding-left: 18px; font-weight: 700; text-decoration: none; color: #fff; border: 0; background-color: #0069d7; }
.btn-pink:hover { background-color: #005fb5; }
.btn-white { padding-right: 18px; padding-left: 18px; font-weight: 700; text-decoration: none; color: #1C1D3E; border: 0; background-color:none; border:2px solid #1C1D3E; }
.btn-white:hover { background-color: #1C1D3E; color:white;}
.btn-link { padding: 0; position: relative; display: inline-flex; align-items: center; font-weight: 700; color: #1C1D3E; border: 0; }
.btn-link:after { position: absolute; top: 50%; right: -20px; font-family: 'Material Icons', sans-serif; transform: translateY(-50%); content: 'keyboard_arrow_right'; }
.btn-link:before { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }
.btn-link:hover:before { opacity: 1; }
.btn-link.pink { color: #0069d7; }
.btn-link.pink:hover { color: #005fb5; }
.btn-link.pink:hover:before { background-color: #005fb5; }
.btn-link.green { color: #009047; }
.btn-link.green:hover:before { opacity: 1; background-color: #009047; }
.btn-link.back:after { display:none;}
.btn-outer-primary { border-color: #49AD3B; }
.btn-outer-secondary { color: #1C1D3E; border-color: #1C1D3E; }
.btn-outer-secondary:hover { color: #fff; background-color: #1C1D3E; }
h1,
h2,
h3 { color: #1C1D3E; font-family: 'Summer', sans-serif; font-weight: 900;   }
h1 {  font-size: 70px;text-transform: uppercase;  }
h1, h2 { line-height: 1; -webkit-font-smoothing: auto;}
h2 { font-size: 54px; }
h3 { font-weight:900 !important;}
.background-blue { background:#ECF4F0 !important; /* background: #e3e3e3 !important;*/}
.background-dark { background:#1C1D3E !important;}
.background-vividblue { background:#0069d7 !important;}
.background-green { background:#009047 !important;}
.background-dark p, .background-dark h2, .background-dark h3, .background-dark h4, .background-dark span, .background-dark div,
.background-vividblue p, .background-vividblue h2, .background-vividblue h3, .background-vividblue h4, .background-vividblue span, .background-vividblue div,
.background-green p, .background-green h2, .background-green h3, .background-green h4, .background-green span, .background-green div
{ color:white !important;} 
.background-dark h2 { color:#49AD3B !important; /*color:#0069d7 !important;*/}
.background-vividblue h2 { color:#1C1D3E !important;}
.background-green h2 { color:#1C1D3E !important;}

/*.monoLogo img, .monoLogo svg { opacity:.4;}
.monoLogo svg * { fill:#1C1D3E !important;}*/

.skip-space  { padding-top:0px !important;margin-top:0px !important;}


/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: absolute; top: 0; left: 0; z-index: 5; opacity: 1; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%); transition: 0.5s; }
#headerCntr.home { background-image:none;}
#headerCntr.header-inner { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); }
#headerCntr .holder { padding-top: 17px; padding-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; }
#headerCntr .logo { max-width:320px; transition: max-width .2s;}
#headerCntr .logo img { max-width: 100%; width:100%;}
#headerCntr .logo-slogan { width: 120px; position: absolute; left: 154px; top: 105px; opacity: 0.5; }		
#headerCntr.fixed .logo-slogan { display:none;}

#headerCntr .scroll { display: none; opacity: 0; }
#headerCntr.fixed .logo-inner { display: none; }
#headerCntr.fixed .logo { max-width:160px;margin-top:21px;}
#headerCntr.fixed .scroll { display: block; opacity: 1; }
#headerCntr .mobileMenu { position: absolute; top: 27px; right: -5px; z-index: 15; display: none; width: 30px; height: 30px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 2px; text-indent: -9999px; background: #1C1D3E; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; border-radius: 0; background-color: #1C1D3E; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -5px; }
#headerCntr .mobileMenu span:after { bottom: -5px; }
#headerCntr .mobileMenu.opened span { background: none; }
#headerCntr .mobileMenu.opened.is-active span:before,
#headerCntr .mobileMenu.opened.is-active span:after { transition-delay: 0s, 0.2s; }
#headerCntr .mobileMenu.opened span:before { top: 0; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#headerCntr .mobileMenu.opened span:after { bottom: 0; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#headerCntr.header-inner .mobileMenu span { background: #fff; }
#headerCntr.header-inner .mobileMenu.opened span { background: none; }
#headerCntr.header-inner .mobileMenu span:before,
#headerCntr.header-inner .mobileMenu span:after { background: #fff; }
#headerCntr.fixed .mobileMenu { top: 24px; }
#headerCntr.header-inner.fixed .mobileMenu span { background-color: #1C1D3E; }
#headerCntr.header-inner.fixed .mobileMenu span:before,
#headerCntr.header-inner.fixed .mobileMenu span:after { background: #1C1D3E; }
#headerCntr.header-inner.fixed .mobileMenu.opened span:before { background-color: #fff; }
#headerCntr.header-inner.fixed .mobileMenu.opened span:after { background-color: #fff; }
#headerCntr.fixed { position: fixed; display: flex; opacity: 1; height: 70px; background-color: rgba(255, 255, 255, 0.95); /*#fff*/ background-image: none; box-shadow: 0 0 10px 0 rgba(43, 47, 58, 0.3); }
#headerCntr.fixed .holder { padding: 0; transition: 0.5s; }

/* ### menu box ### */
.menuBox:not(.mm-menu) { position: relative; z-index: 1; }
.menuBox:not(.mm-menu) > ul { display: flex; align-items: center; width: auto; }
.menuBox:not(.mm-menu) > ul > li { margin: 0 19px; position: relative; font-size: 16px; font-weight: 700; }
.menuBox:not(.mm-menu) > ul > li > a { position: relative; text-decoration: none; color: #1C1D3E; }
.menuBox:not(.mm-menu) > ul > li > a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }
.menuBox:not(.mm-menu) > ul > li > a:hover:after { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) > ul > li.is-active > a:after { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) > ul > li > ul { padding: 0 22px; position: absolute; top: 0; left: -36px; display: block; opacity: 0; visibility: hidden; width: 220px; background-color: #fff; transition: 0.5s; box-shadow: 0 0 34px 0 rgba(43, 47, 58, 0.3); }
.menuBox:not(.mm-menu) > ul > li:hover > ul { top: 33px; opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) > ul > li > ul > li { margin: 22px 0; width: 100%; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; }
.menuBox:not(.mm-menu) > ul > li > ul > li > a { position: relative; color: #1C1D3E; }
.menuBox:not(.mm-menu) > ul > li > ul > li > a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }
.menuBox:not(.mm-menu) > ul > li > ul > li > a:hover:after { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) > ul > li > ul > li.is-active > a:after { opacity: 1; visibility: visible; }
#headerCntr.header-inner .menuBox:not(.mm-menu) > ul > li > a { color: #fff; }
#headerCntr.header-inner .menuBox:not(.mm-menu) > ul > li > a:after { background-color: #fff; }
#headerCntr.header-inner .menuBox:not(.mm-menu) > ul > li > ul > li > a { color: #1C1D3E; }
#headerCntr.header-inner .menuBox:not(.mm-menu) > ul > li > ul > li > a:after { background-color: #1C1D3E; }
#headerCntr.fixed .menuBox:not(.mm-menu) > ul > li > a { color: #1C1D3E; }
#headerCntr.fixed .menuBox:not(.mm-menu) > ul > li > a:after { background-color: #1C1D3E; }

/* ### language box ### */
.languageBox { /*padding-top: 5px;*/ position: relative; margin-bottom:15px;}
#headerCntr.fixed .languageBox { margin-bottom:0;}
.languageBox ul { display: flex; align-items: center; list-style: none; }
.languageBox li { margin: 0 4px 0 26px; font-size: 16px; font-weight: 700; }
.languageBox li a { position: relative; text-decoration: none; color: #1C1D3E; }
.languageBox li a:not(.button):after { position: absolute; bottom: -5px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }

.languageBox li a:hover:after { opacity: 1; visibility: visible; }
.languageBox li.user a { color: #acaaab; }
.languageBox .material-icons { font-size: 25px; }
.languageBox li.user a:after { display: none; }
.languageBox li a.btn:after { display: none; }
#headerCntr.header-inner .languageBox li a { color: #fff; }
#headerCntr.header-inner .languageBox li.user a { color: #fff; }
#headerCntr.header-inner .languageBox .btn-outer-secondary { border-color: #fff; }
#headerCntr.header-inner .languageBox .btn-outer-secondary:hover { color: #1C1D3E; border-color: #fff; background-color: #fff; }
#headerCntr.header-inner .languageBox li a:after { background-color: #fff; }
#headerCntr.fixed .languageBox li a { color: #1C1D3E; }
#headerCntr.fixed .languageBox li a:after { background-color: #1C1D3E; }
#headerCntr.fixed .languageBox .btn-outer-secondary { border-color: #1C1D3E; }
#headerCntr.fixed .languageBox .btn-outer-secondary:hover { color: #fff; border-color: #1C1D3E; background-color: #1C1D3E; }
#headerCntr.fixed .languageBox li.user a { color: #acaaab; }

/* ### mobilemenu box ### */
.mobilemenuBox { padding: 0 40px; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100vh; background:#1C1D3E; overflow-y: auto; }
.mobilemenuBox .header { padding-top: 20px; padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.mobilemenuBox .mobile-logo img { width: 100%; }
.mobilemenuBox .language { padding-right: 30px; position: relative; }
.mobilemenuBox .language.phone { margin-top: 61px; padding-right: 0; position: relative; display: none; justify-content: center; width: 100%; }
.mobilemenuBox .language ul { display: flex; align-items: center; list-style: none; }
.mobilemenuBox .language li { margin: 0 10px; font-size: 16px; font-weight: 700; }
.mobilemenuBox .language li a { position: relative; text-decoration: none; color: #fff; }
.mobilemenuBox .language li a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 2px; background-color: #fff; transition: 0.5s; content: ''; }
.mobilemenuBox .language li a:hover:after { opacity: 1; visibility: visible; }
.mobilemenuBox .language li.user a { font-size: 25px; color: #acaaab; }
.mobilemenuBox .language .material-icons { font-size: 25px; }
.mobilemenuBox .language li.user a:after { display: none; }
.mobilemenuBox .language li a.btn:after { display: none; }
.mobilemenuBox .main { display: flex; align-items: center; justify-content: center; width: 100%; height: 86%; overflow-y: auto; }
.mobilemenuBox .menu { padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center; width: auto; }
.mobilemenuBox .menu li { margin: 15px 0; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; font-family: 'Aileron', sans-serif; font-size: 48px; font-weight: 900;font-style: italic;}
.mobilemenuBox .menu li a { position: relative; text-decoration: none; color: #fff; }
.mobilemenuBox .menu li a:before { position: absolute; bottom: -5px; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 2px; background-color: #fff; transition: 0.5s; content: ''; }
.mobilemenuBox .menu li a:hover:before { opacity: 1; visibility: visible; }
.mobilemenuBox .menu li.is-active a:before { opacity: 1; visibility: visible; }
.mobilemenuBox .menu li .icon { font-size: 30px; font-weight: 400; color: #fff; transition: 0.5s; cursor: pointer; }
.mobilemenuBox .menu li.dropdown-open .icon { transform: rotate(90deg); }
.mobilemenuBox .menu li ul { display: none; width: 100%; }
.mobilemenuBox .menu li ul li { margin: 22px 0; width: 100%; font-family: 'Aileron', sans-serif; font-size: 24px; font-weight: 700; text-align: center; }
.mobilemenuBox .menu li ul li a { opacity: 0.63; color: #fff; }

/* ### content container ### */
#contentCntr { width: 100%; }
#contentCntr.contactpage { padding-top: 98px; }

/* ### banner home box ### */
.banner-homeBox .content h4 { margin-bottom: 15px;font-family: 'Aileron', sans-serif;font-size: 16px;font-weight: 700;opacity: 1;color: #2b2f3a;}
.banner-homeBox { position: relative; display: flex; align-items: center; width: 100%; height:52vw; min-height: 730px; /*background: #e3e3e3;*/ margin-bottom:30px;}
.banner-homeBox .image { position: absolute; top: 80px; left: 0; width: 100%; height: 100%; min-width:1000px;}
.banner-homeBox .image img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
.banner-homeBox .content { padding-top: 80px;  /*padding-bottom: 60px;*/ position: relative; z-index: 1; width: 100%; max-width: 730px; margin:0 calc((100% - 50vw) / 2 - 4vw);}
.banner-homeBox h1 { margin-bottom: 32px; font-weight: 900; line-height: 1; }
.banner-homeBox p { margin-bottom: 39px; font-size: 20px; font-weight: 400; line-height: 1.6; color: #1C1D3E; }
.banner-homeBox .banner-button { margin-bottom: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content:center;}
.banner-homeBox .description { font-size: 14px; font-weight: 400; color: #706f6f; }
.banner-homeBox .description a { color:#009047; font-weight:700;}
.banner-homeBox .mobile-img { display: none; }
.banner-homeBox .bg-big { position: absolute; bottom: -1px; left: 0; display: block; width: 100%; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
.banner-homeBox .bg-small { position: absolute; bottom: -1px; left: 0; display: none; width: 100%; }
.banner-homeBox .image .bg-small img { opacity: 1; }
.banner-homeBox .image .bg-big img { opacity: 1; }


.banner-homeBox.dark h1,  .banner-homeBox.dark p { color:white;}
.banner-homeBox.dark .btn-white { border: 2px solid white;color:white;}

/* ### banner box ### */
.bannerBox { position: relative; display: flex; align-items: center; width: 100%; min-height: 600px; background: #1C1D3E; margin-bottom:-30px;}
.bannerBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .image img { object-fit: cover; object-position: center; width: 100%; height: 100%; }
.bannerBox .content { padding-top: 180px; padding-bottom:200px; position: relative; z-index: 1; width: 100%; max-width: 620px; }
.bannerBox h4 { margin-bottom: 15px; opacity: 0.5; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #fff; }
.bannerBox h1 { margin-bottom: 20px; line-height: 1; }
.bannerBox p { margin-bottom: 39px; font-size: 20px; font-weight: 400; line-height: 1.6; }
.bannerBox p:last-child { margin-bottom: 0; }
.bannerBox.banner-dark h1,
.bannerBox.banner-dark-layered h1,
.bannerBox.banner-dark-layered a.btn-link.back,
.bannerBox.banner-dark-notext h1 { color: #fff; }
.bannerBox.banner-dark p,
.bannerBox.banner-dark-layered p,
.bannerBox.banner-dark-notext p { color: #fff; }
.bannerBox.banner-dark p a,
.bannerBox.banner-dark-layered p a,
.bannerBox.banner-dark-notext p a{ color: #fff !important;text-decoration:underline; }
.bannerBox.banner-dark-notext { min-height:450px;}
.bannerBox.banner-dark-layered a.btn-link.back:before { background-color:white;}
.bannerBox .mobile-img { display: none; }
.bannerBox .bg-small { position: absolute; bottom: -1px; left: 0; display: none; width: 100%; }
.bannerBox .bg-big { position: absolute; bottom: -1px; left: 0; display: block; width: 100%; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
.bannerBox .bg-big >  img {}
.bannerBox .image .bg-big img { opacity: 1; }
.bannerBox .image .bg-small img { opacity: 1; }
.bannerBox.banner-dark-layered .image img { opacity: 0.64; }
.bannerBox.banner-dark-layered .image .bg-small img { opacity: 1; }
.bannerBox.banner-dark-layered .image .bg-big img { opacity: 1; }
.bannerBox.banner-light { background: #e3e3e3;}
.bannerBox.banner-light .content h4 { opacity: 1; color: #2b2f3a; }
.bannerBox.banner-light .content h1 { color: #1C1D3E; }
.bannerBox.banner-light .content p { color: #1C1D3E; }
.bannerBox.banner-light .content p a { color: #1C1D3E; text-decoration:underline;}
.bannerBox.banner-dark-notext { min-height: 0;}
.bannerBox.banner-dark-notext .content { max-width: 100%; padding-bottom:50px; /*100px;*/}
.bannerBox.banner-dark-notext .image { display: none; }
.bannerBox.news { min-height:0;}
.bannerBox.news .content { padding-bottom: 50px; min-height:0;}
.bannerBox.news p.date { margin:10px 0 0 0;font-size:18px;}

/* ### coaching box ### */
.coachingBox { padding-top: 7vw; padding-bottom: 7vw; width: 100%; }
.coachingBox .text { /*margin-bottom: 75px;*/ max-width: 735px; }
.coachingBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.coachingBox h2 { margin-bottom: 21px; }
.coachingBox .text p.intro { font-size: 20px; font-weight: 400; line-height: 1.6; color: #1C1D3E; }
.coachingBox .text p { margin-bottom: 25px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.coachingBox .text p.intro + p { margin-top:-10px;}
.coachingBox .coaching-content { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top:75px;}
.coachingBox .left { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; width: 50%; }
.coachingBox .right { width: 48.7%; }
.coachingBox .content { margin-bottom: 31px; width: 48%; }
.coachingBox .content .btn-link { margin-top:5px;}
.coachingBox .icon { font-size: 50px; line-height: 30px; color: #49AD3B; }
.coachingBox h3 { margin-top: 14px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; color: #2b2f3a; }
.coachingBox p { margin-top: 7px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #706f6f; }
.coachingBox .video { margin-right: -95px; position: relative; }
.coachingBox .video img { width: 100%; }
.coachingBox .play { position: absolute; top: 50%; left: 50%; font-size: 80px; color: #fff; transform: translate(-50%, -50%); }
.coachingBox .coaching-button { margin-top: 5px; display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
.coachingBox .detail { margin-right: 20px; font-size: 16px; font-weight: 700; color: #2b2f3a; }

/* ### organization box ### */
.organizationBox { padding-top: 8vw; padding-bottom: 8vw; width: 100%;}
.organizationBox .holder { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.organizationBox .image { margin-top: 2px; margin-left: -95px; width: 48.7%;  overflow: hidden;}
.organizationBox .image + .content { width: 48.2%; }
.organizationBox .image img { width: 100%; }
.organizationBox h4 { margin-bottom: 9px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.organizationBox h2 { margin-bottom: 20px; }
.organizationBox p.intro { font-size: 20px; font-weight: 400; line-height: 1.6; color: #1C1D3E; }
.organizationBox p.intro + p { margin-top:-10px;}
.organizationBox p { margin-bottom: 25px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.organizationBox .more-info { margin-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
.organizationBox .more-info:last-child { margin-bottom: 0; }
.organizationBox .detail { margin-right: 20px; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.organizationBox .detail.refer { font-weight: 400; }
.organizationBox .detail.refer a { color:#0069d7;font-weight:bold;}
.organizationBox .list { margin-top: 46px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.organizationBox .text { width: 30%; }
.organizationBox .text h3 { margin-bottom: 4px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6; color: #2b2f3a; }
.organizationBox .text p { font-size: 16px; font-weight: 400; line-height: 1.6; color: #706f6f; margin-bottom:10px;}
.organizationBox .text a { margin-bottom:35px;}
.organizationBox .text .icon { font-size: 50px; line-height: 30px; color: #49AD3B; }

/* ### club box ### */
.clubBox { padding-top: 5vw; padding-bottom: 5vw; width: 100%; }
.clubBox h4 { font-family: 'Aileron', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.2px; text-align: center; color: #706f6f; max-width:730px;margin:44px auto;}
.clubBox h4 a { position: relative; font-weight: 700; text-decoration: none; color: #009047; }
.clubBox h4 a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #009047; transition: 0.5s; content: ''; }
.clubBox h4 a:hover:after { opacity: 1; }
.clubBox h4 a:hover { color: #009047; }
.clubBox ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; }
.clubBox li { margin-bottom: 31px; display: flex; align-items: center; justify-content: center; width: 16.66%; }
.clubBox li img, .clubBox li svg { max-width:160px; max-height:70px;}
.clubBox .club-button { margin-top: 40px; display: flex; align-items: center; justify-content: center; }
.clubBox .btn-outer-secondary { padding: 13px 20px; font-size: 16px; font-weight: 700; border-width: 2px; }
.clubBox .content-button { width:100%;text-align:center;}
.clubBox .content-button .detail {  margin-top:30px;   margin-right: 20px; font-size: 20px; font-weight: 400;  color: #2b2f3a;clear:both;display:block;color:#1C1D3E; border-top:1px solid #00132f26; padding-top:30px;}
.clubBox .content-button .btn { margin-top:25px;display:inline-block;}
.toTopBox { padding-top: 0px; padding-bottom: 99px; width: 100%; }
.toTopBox .club-button { display: flex; align-items: center; justify-content: center; }

/* ### employees box ### */
.employeesBox { padding-top: 130px; padding-bottom: 130px; width: 100%; }
.employeesBox { padding-top: 8vw; padding-bottom: 8vw; width: 100%; }
.employeesBox .holder { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: center; justify-content: space-between; }
.employeesBox .text { width: 50%; }
.employeesBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 72px; font-weight: 700; color: #2b2f3a;font-family:'Summer', sans-serif; text-align:center;}
.employeesBox h2 { margin-bottom: 21px; padding-right: 50px;color:#49AD3B; }
.employeesBox p { margin-bottom: 25px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.employeesBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.employeesBox p.intro + p { margin-top:-10px;}
.employeesBox p:last-child { margin-bottom: 0; }
.employeesBox .image-block { margin-right: -93px; display: flex; flex-wrap: wrap; align-content: flex-start; overflow: hidden; width: 48.4%; border-right: 5px; }
.employeesBox .image-block .image { width: 100%;}
.employeesBox .image-block .image img { width: 100%;  }
.employeesBox .employees-content { padding-top: 42px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.employeesBox .content { margin-top: 31px; padding-right: 15px; width: 25%; }
.employeesBox h3 { margin-bottom: 5px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6; color: #2b2f3a; }
.employeesBox .content p { margin-bottom: 8px; color: #706f6f; font-size:16px;}
.employeesBox .content .icon { font-size: 50px; line-height: 30px; color: #49AD3B; }
.employeesBox .coaching-button { margin-top: 5px; display: flex;flex-wrap: wrap; align-items: center; width: 100%; }
.employeesBox .coaching-button .detail { margin-right: 20px;font-size: 16px; font-weight: 700;color: #2b2f3a;}

/* ### online box ### */
.onlineBox { padding-top: 8vw; padding-bottom: 6vw;; width: 100%; background-color: white; }
.onlineBox.onlinebg { background-color: #fff; }
.onlineBox .text { max-width: 740px; }
.onlineBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.onlineBox h2 { margin-bottom: 28px; }
.onlineBox p { margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.onlineBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.onlineBox p.intro + p { margin-top:-10px;}
.onlineBox .online-block { padding-top: 23px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.onlineBox .content { margin-bottom: 40px; width: 23%; }
.onlineBox .icon { margin-bottom: 12px; position: relative; display: flex; align-content: flex-start; align-items: center; min-height: 50px; font-size: 50px; color: #49AD3B; }
.onlineBox .content:first-child .icon { align-items: flex-start; }
.onlineBox .material-icons { font-size: 50px; }
.onlineBox .star { margin-right: 3px; font-size: 30px; }
.onlineBox .time { font-size: 16px; }
.onlineBox h3 { margin-bottom: 4px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6; color: #2b2f3a; }
.onlineBox .content p { margin-bottom: 12px; line-height: 1.6; color: #706f6f; font-size:16px;}
.newsBox { padding-top:4vw;}
.newsBox .content { margin-bottom: 40px; width: 30%; }
.newsBox .content img { width:100%;border-radius:3px;margin-bottom:15px;}
.newsBox .content p.date { margin-bottom:0;} 
.newsBox a.blue {color:#1362AB !important;}
.newsBox a.btn { border-color:#2b2f3a;color:#2b2f3a;}


/* ### people box ### */
.peopleBox { padding-top: 8vw; padding-bottom: 8vw; width: 100%; }
.peopleBox .text { max-width: 740px; }
.peopleBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.peopleBox h2 { margin-bottom: 20px; }
.peopleBox p { margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.peopleBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.peopleBox p.intro + p { margin-top:-24px;}
.peopleBox .people-block { padding-top: 27px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.peopleBox .review { width: 30%; }
.peopleBox .review p {font-size:16px;}
.peopleBox .detail { margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; }
.peopleBox .image { overflow: hidden; border-radius: 50%; }
.peopleBox .people-detail { width: 75%; }
.peopleBox p span { font-size: 18px; }
.peopleBox h3 { margin-bottom: 0; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6; color: #2b2f3a; }
.peopleBox .post { font-size: 14px; line-height: 1.4; }

/* ### mental box ### */
.mentalBox { position: relative; width: 100%; padding-top: 130px;padding-bottom: 130px;}
.mentalBox.mental-gap { margin-top: 0px; margin-bottom: 0px; }
.mentalBox .holder { position: relative; display: flex; align-content: flex-start; align-items: center; justify-content: space-between; width: 100%; height: 540px;  background: #1C1D3E; overflow: hidden; }
.mentalBox .text { margin-left: 65px; position: relative; z-index: 1; max-width: 460px; }
.mentalBox h4 { margin-bottom: 15px; opacity: 0.5; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #fff; }
.mentalBox h2 { margin-bottom: 20px; color: #fff; }
.mentalBox p { margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 1.6; color: white; }
.mentalBox p.intro { margin-bottom: 30px; font-size: 20px; font-weight: 400; line-height: 1.6; color: #fff; }
.mentalBox p.intro + p { margin-top:-10px;}
.mentalBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  overflow: hidden; }
.mentalBox .image img { opacity: 0.4; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mentalBox .mental-button { display: flex; align-items: center; }
.mentalBox .tel { margin-left: 30px; display: flex; font-size: 18px; color: #fff; }
.mentalBox .btn-link { margin-left: 5px; padding: 0; font-size: 18px; font-weight: 700; color: #fff; }
.mentalBox .btn-link:before { background-color: #fff; }
.mentalBox .mental-btn { margin-top: 79px; display: flex; justify-content: center; }
.mentalBox .btn-outer-secondary { padding: 13px 20px; font-size: 16px; font-weight: 700; border-width: 2px; }
.mentalBox .holder.content { min-height: 475px;}
.mentalBox .holder.content .text { width: 40%; }
.mentalBox .holder.content .image { position: relative; width: 48.5%; border-radius: 0; }
.mentalBox .holder.content .image img { opacity: 1; }

/* ### further box ### */
.furtherBox { padding-top: 130px; padding-bottom: 130px; position: relative; width: 100%; }
.furtherBox .holder { margin: 0 auto; position: relative; max-width: 730px; }
.furtherBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.furtherBox h2 { margin-bottom: 15px; }
.furtherBox p { margin-bottom: 54px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.furtherBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.furtherBox p.intro + p { margin-top:-34px;}
.furtherBox .further-block { display: flex; flex-wrap: wrap; justify-content: space-between; }
.furtherBox .link { width: 48%; list-style: none; }
.furtherBox .link li { width: 100%; font-size: 16px; font-weight: 700; border-bottom: 1px solid rgba(149, 187, 51, 0.1); }
.furtherBox.background-dark .link li { border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.furtherBox.background-dark .link li a:after { color:white;}

.furtherBox .link li a { padding: 14px 0; position: relative; display: block; color: #1C1D3E; }
.furtherBox .link li a:after { position: absolute; top: 50%; right: 0; display: block; font-family: 'Material Icons', sans-serif; transform: translateY(-50%); content: 'keyboard_arrow_right'; }
.furtherBox .link li a span { position: relative; }
.furtherBox .link li a span:before { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }
.furtherBox .link li a:hover span:before { opacity: 1; }
.furtherBox .further-button { margin-top: 79px; display: flex; justify-content: center; }
.furtherBox .btn-outer-secondary { padding: 13px 20px; font-size: 16px; font-weight: 700; border-width: 2px; }

/* ### text box ### */
.textBox { padding-top: 80px; padding-bottom: 80px; width: 100%; }
.textBox h2 { margin-bottom: 28px; font-size: 36px; }
.textBox p { margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.textBox ul { margin-left:10px;}
.textBox ul li { margin-bottom:10px;font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; list-style:square;}
.textBox p.intro { font-size: 18px; font-weight: 400; color: #1C1D3E; }
.textBox p a { position: relative; font-weight: 700; color: #009047; }
.textBox p a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #009047; transition: 0.5s; content: ''; }
.textBox p a:hover:after { opacity: 1; }
.textBox h3 { margin-bottom: 10px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; color: #1C1D3E; }
.textBox .list { margin-bottom: 42px; margin-left: 12px; list-style: none; }
.textBox .list li { margin-bottom: 1px; padding-left: 24px; position: relative; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.textBox .list li:before { position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #2b2f3a; content: ''; }
.textBox .text-link { margin-top: 44px; margin-left: -30px; padding: 37px 30px 43px; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% + 60px);  background-color: #e3e3e3; }
.textBox .text-link h2 { width: 100%; }
.textBox .link { width: 48%; list-style: none; }
.textBox .link li { width: 100%; font-size: 16px; font-weight: 700; border-bottom: 1px solid rgba(149, 187, 51, 0.1); }
.textBox .link li a { padding: 14px 0; position: relative; display: block; color: #1C1D3E; }
.textBox .link li a:after { position: absolute; top: 50%; right: 0; display: block; font-family: 'Material Icons', sans-serif; transform: translateY(-50%); content: 'keyboard_arrow_right'; }
.textBox .link li a span { position: relative; }
.textBox .link li a span:before { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }
.textBox .link li a:hover span:before { opacity: 1; }
.textBox .text-button { margin-top: 77px; display: flex; justify-content: center; }
.textBox .btn-outer-secondary { padding: 13px 20px; font-size: 16px; font-weight: 700; border-width: 2px; }
.textBox.news .image { max-width:100%; margin-bottom:20px;margin-top:-20px;}
.textBox.news .image img { width:100%; border-radius:5px;}

/* ### content box ### */
.contentBox { padding-top: 8vw; padding-bottom: 8vw; width: 100%;text-align:center;}
.contentBox h4 { margin-bottom: 6px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; color: #2b2f3a; }
.contentBox h2 { margin-bottom: 30px; }
.contentBox p { margin-bottom: 40px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.contentBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.contentBox p.intro + p { margin-top:-24px;}
.contentBox h3 { margin-bottom: 15px; padding-top: 11px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; color: #1C1D3E; }
.contentBox .content-button { display: flex; align-items: center; text-align:center;justify-content:center;}
.contentBox .detail { margin-right: 20px; font-size: 16px; font-weight: 700; color: #2b2f3a; }

/* ### point box ### */
.pointBox { width: 100%; }
.pointBox .holder { padding-top: 8vw; padding-bottom: 8vw; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.pointBox .image { width: 40%; border-radius: 50%; overflow: hidden; }
.pointBox .image img { width: 100%; }
.pointBox .text { width: 48.5%; }
.pointBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.pointBox h2 { margin-bottom: 20px; }
.pointBox p { margin-bottom: 23px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.pointBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.pointBox p.intro + p { }
.pointBox .btn-link:after { transform: translateY(-50%) rotate(90deg); }
.pointBox .holder.right { padding-top: 8vw; padding-bottom: 8vw;}
.pointBox .holder.right .image { order: 2; }

/* ### vision box ### */
.visionBox { width: 100%; }
.visionBox .holder { padding-top: 135px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.visionBox .image { margin-top: auto; margin-left: -94px; width: 46%; }
.visionBox .image img { width: 100%; }
.visionBox .text { padding-bottom: 110px; width: 48.5%; }
.visionBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.visionBox h2 { margin-bottom: 20px; }
.visionBox p { margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.visionBox p strong { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.visionBox .btn-link:after { transform: translateY(-50%) rotate(90deg); }
.visionBox .holder:nth-child(even) { padding-top: 108px; background-color: #e3e3e3; }
.visionBox .holder:nth-child(even) .image { margin-right: -88px; margin-left: 0; order: 2; }

/* ### product box ### */
.productBox { padding-top: 7vw; padding-bottom: 7vw; width: 100%; }
.productBox.no-space { margin-top:0;margin-bottom:0;padding-top:65px;padding-bottom:125px;}
.productBox h4 { margin-bottom: 15px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #2b2f3a; }
.productBox h2 { margin-bottom: 21px; }
.productBox p { margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.productBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
.productBox p.intro + p { margin-top:-10px;}
.productBox .client { padding-top: 39px; display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; }
.productBox .client li { margin-bottom: 19px; display: flex; align-items: center; width: 16.66%; }
.productBox .client li img, .productBox .client li svg { max-width:80px; max-height:40px;}
.productBox .content { margin-top: 0px; margin-left: -30px; padding: 57px 50px 50px 30px; display: flex; justify-content: space-between; width: calc(100% + 60px);  background: #1C1D3E; }
.productBox .text { width: 78%; }
.productBox .content p { margin-bottom: 19px; font-size: 20px; font-weight: 400; line-height: 1.6; color: #fff; }
.productBox .content .name { margin-bottom: 30px; opacity: 0.54; font-size: 16px; font-weight: 700; color: #fff; }
.productBox .image { margin-top: 22px; width: 18%; }
.productBox .image img { width: 100%; border-radius:50%;}
.productBox .image.mobile { display: none; }
.productBox .product-button { display: flex; flex-wrap: wrap; align-items: center; }
.productBox .btn-pink { padding-right: 40px; padding-left: 40px; }
.productBox .tel { margin-left: 30px; display: flex; font-size: 18px; color: #fff; }
.productBox .btn-link { margin-left: 5px; padding: 0; font-size: 18px; font-weight: 700; color: #fff; }
.productBox .btn-link:before { background-color: #fff; }
.productBox .product-btn { margin-top: 77px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.productBox .btn-outer-secondary { padding: 13px 20px; font-size: 16px; font-weight: 700; border-width: 2px; }



/* ### contact box ### */
.contactBox { padding-top: 104px; padding-bottom: 81px; width: 100%; }
.contactBox h4 { margin-bottom: 31px; opacity: 0.5; width: 100%; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 700; color: #1C1D3E; }
.contactBox .holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contactBox .left { width: 42.8%; }
.contactBox .right { margin-right: 66px; width: 42.8%; }
.contactBox h2 { margin-bottom: 31px; font-size: 36px; }
/*.contactBox .right h2 { margin-bottom: 18px; }*/
.contactBox .description { margin-top: 9px; display: block; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 400; font-style: italic; }
.contactBox p { margin-bottom: 29px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #2b2f3a; }
.contactBox p.intro { font-size: 20px; font-weight: 400; color: #1C1D3E; }
/*.contactBox p.intro + p { margin-top:-24px;}*/
.contactBox p.success { color:#2daf5b;padding:10px;margin-top:10px;}
.contactBox h3 { margin-bottom: 18px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 700; color: #1C1D3E; }
.contactBox .detail { margin-bottom: 36px; padding-top: 2px; padding-bottom: 8px; list-style: none;  background-color: #e3e3e3; overflow: hidden; }
.contactBox .detail li { padding: 19px 29px 17px 24px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-bottom: 1px solid rgba(0, 19, 47, 0.16); }
.contactBox .detail li:last-child { border-bottom: 0; }
.contactBox .address { font-size: 18px; font-weight: 400; color: #1C1D3E; }
.contactBox .address span { margin-top: 3px; display: block; font-size: 14px; color: #2b2f3a; }
.contactBox .number { padding-top: 3px; font-size: 18px; font-weight: 700; color: #1C1D3E; }
.contactBox .number a { color: #1C1D3E; }
.contactBox .contact-detail { list-style: none; }
.contactBox .contact-detail li { padding-top: 4px; padding-bottom: 15px; display: flex; font-size: 20px; font-weight: 700; font-style: normal; color: #1C1D3E; }
.contactBox .contact-detail li span { display: inline-block; font-weight: 400; }
.contactBox .contact-detail li a { color: #1C1D3E; }
.contactBox .left-side { min-width: 86px; }
.contactBox .hour { margin-left: 22px; display: inline-block; font-size: 16px; font-weight: 400; color: #706f6f; }
.contactBox .form { margin-top: 17px; padding: 42px 29px 24px 26px; width: 100%;  background-color: #e3e3e3; overflow: hidden; }
.contactBox .form h3 { margin-bottom: 31px; font-size: 16px; font-weight: 400; color: #2b2f3a; }
.contactBox .field { margin-bottom: 19px; position: relative; }
.contactBox input[type='text'] { padding: 0 40px 0 15px; width: 100%; height: 48px; font-size: 16px; border: 0;  background-color: #fff; }
.contactBox input[type='text']::placeholder { font-size: 16px; color: #706f6f; }
.contactBox textarea { padding: 15px 40px 15px 15px; width: 100%; height: 132px; font-size: 16px; border: 0;  background-color: #fff; }
.contactBox textarea::placeholder { font-size: 16px; color: #706f6f; }
.contactBox .star { position: absolute; top: 15px; right: 26px; opacity: 0.49; font-size: 25px; color: #2b2f3a; }
.contactBox .contact-button { display: flex; align-items: center; justify-content: space-between; }
.contactBox .btn-primary { /*padding: 15px 30px;*/ display: inline-flex; align-items: center; cursor: pointer; font-family: 'Aileron', sans-serif; margin-top:5px; }
.contactBox .btn-primary:after { font-family: 'Material Icons', sans-serif; content: 'keyboard_arrow_right'; }
.contactBox .required { font-size: 14px; font-weight: 400; color: #2b2f3a; text-align:right;}
.contactBox .required span { padding-left: 6px; opacity: 0.49; font-size: 20px; color: #2b2f3a; }
.contactBox .address-detail { margin-top: 43px; }
.contactBox .address-detail address, .contactBox .address-detail p { margin-bottom: 28px; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.6; color: #1C1D3E; }
.contactBox .contact-btn { margin-top: 50px; display: flex; justify-content: center; }
.contactBox a:not(.btn) { position: relative; color:#1C1D3E;font-weight:700;}
.contactBox a:not(.btn):after { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #1C1D3E; transition: 0.5s; content: ''; }
.contactBox a:hover:after { opacity: 1; }
.contactBox .btn-outer-secondary { padding: 13px 20px; font-size: 16px; font-weight: 700; border-width: 2px; }
.contactBox .btn-outer-secondary:after { display: none; }
.contactBox span.error { font-size: 14px; color:red;font-weight:800;display:block;margin-top:5px;}
.contactBox span.error.main { font-size:16px;margin-bottom:10px;}
.contactBox input[type='text'].error, .contactBox textarea.error { border:1px solid red;}
/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; background: #1C1D3E; }

/* ### footer box ### */
.footerBox { padding-top: 50px; padding-bottom:50px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.footerBox .appointment { width: 30%; }
.footerBox .appointment a img { max-width: 250px; width: 100%;}
.footerBox .appointment ul.link { width:100%;}
.footerBox .appointment ul.link li { margin-left:0;margin-right:10px;margin-bottom:5px;}
.footerBox .appointment.copyrightBox { margin-top:20px;}
.footerBox .footer-link { padding-top: 34px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 48.9%; }
.footerBox p { margin-top: 10px; opacity: 0.5; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; color: #fff; }
.footerBox .footer-button { margin-top: 20px; display: flex; align-items: center; }
.footerBox .number { margin-left: 25px; font-family: 'Aileron', sans-serif; font-size: 18px; font-weight: 400; color: #fff; }
.footerBox .number a { position: relative; font-weight: 700; color: #fff; }
.footerBox .number a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #fff; transition: 0.5s; content: ''; }
.footerBox .number a:hover:after { opacity: 1; }
.footerBox .link { width: 30%; }
.footerBox .link li { margin-bottom: 17px; font-family: 'Aileron', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; }
.footerBox .link li a { position: relative; display: inline-flex; align-items: center; color: #fff; }
.footerBox .link li a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #fff; transition: 0.5s; content: ''; }
.footerBox .link li a img { margin-left: 5px; }
.footerBox .link li a:hover:after,
.footerBox .link li.is-active a:after { opacity: 1; }
.footerBox .logo-slogan { width: 130px; float: left; max-width: initial; margin: -13px 0 0 160px; opacity:0.5; }

/* ### copyright box ### */
.copyrightBox { margin-top: 74px; padding-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; }
.copyrightBox .copyright { opacity: 0.5; font-family: 'Aileron', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: #fff; }
.copyrightBox .link { display: flex; flex-wrap: wrap; }
.copyrightBox .link li { margin-left: 22px; opacity: 0.5; font-family: 'Aileron', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; }
.copyrightBox .link li a { position: relative; color: #fff; }
.copyrightBox .link li a:after { position: absolute; bottom: -5px; left: 0; opacity: 0; width: 100%; height: 2px; background-color: #fff; transition: 0.5s; content: ''; }
.copyrightBox .link li a:hover:after { opacity: 1; }

/* ### scroll icon */
.icon-scroll, .icon-scroll:before { position: absolute; left: 50%;}
.icon-scroll { width: 30px; height: 50px; margin-left: -20px; top: 90%; margin-top: -35px; box-shadow: inset 0 0 0 2px #fff; border-radius: 25px;}
.icon-scroll:before {content: ''; width: 8px; height: 8px; background: #fff; margin-left: -4px; top: 8px; border-radius: 4px; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: scroll;}
@keyframes scroll { 0%{ opacity: 1;} 100% { opacity: 0;transform: translateY(35px);}}


/* #Media Queries
================================================== */

@media only screen and (max-width: 1550px) {
	.large-centered { padding-right: 30px; padding-left: 30px; }
}

@media only screen and (max-width: 1500px) {
	.coachingBox .video { margin-right: 0; }
	.organizationBox .image { margin-left: 0; }
	.employeesBox .image-block { margin-right: 0; }
	.visionBox .image { margin-left: 0; }
	.visionBox .holder:nth-child(even) .image { margin-right: 0; }
}

@media only screen and (max-width: 1350px) {
	.centered { padding-right: 30px; padding-left: 30px; }
	h1,
	h2 { font-size: 42px; }
	.organizationBox .detail { font-size: 14px; margin-bottom:5px;}
}

@media only screen and (max-width: 991px) {
	.centered,
	.large-centered,
	.centered-sm { padding-right: 40px; padding-left: 40px; }
	.btn { padding-top: 10px; padding-bottom: 10px; }
	#headerCntr .holder { padding-top: 20px; }
	#headerCntr .logo-slogan { top:98px;}
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	.languageBox { padding-top: 0; /*padding-right: 40px; */}
	.languageBox li { margin-left: 16px; }
	.banner-homeBox .content { max-width: 450px; }
	.banner-homeBox h1 { margin-bottom: 18px; }
	.banner-homeBox p { margin-bottom: 26px; }
	.banner-homeBox .banner-button { margin-bottom: 25px; }
	.banner-homeBox .banner-button .btn-pink { padding: 12px 26px; }
	.banner-homeBox .description { font-family: 'Aileron', sans-serif; font-weight: 400; }
	.banner-homeBox .btn-primary span { display: none; }
	.bannerBox { min-height: 550px; }
	.bannerBox .content { max-width: 500px; }
	.bannerBox h1 { margin-bottom: 18px; }
	.bannerBox p { margin-bottom: 26px; font-family: 'Aileron', sans-serif; font-weight: 400; }
	.coachingBox { padding-top: 96px; padding-bottom: 95px; }
	.coachingBox .text { /*margin-bottom: 35px;*/ }
	.coachingBox h4 { margin-bottom: 10px; }
	.coachingBox h2 { margin-bottom: 25px; }
	.coachingBox .left { width: 100%; }
	.coachingBox .right { margin-top: 34px; width: 100%; }
	.coachingBox .coaching-content  { margin-top:35px;}
	.coachingBox .content { margin-bottom: 40px; }
	.coachingBox .coaching-button { margin-top: 0; }
	
	.coachingBox .text p.intro + p,
	.organizationBox p.intro + p,
	.employeesBox p.intro + p,
	.onlineBox p.intro + p,
	.mentalBox p.intro + p,
	.productBox p.intro + p { margin-top:0px;}
	
	.organizationBox { padding-top: 96px; padding-bottom: 80px; }
	.organizationBox .image { margin-top: 0; width: 100%; }
	.organizationBox .image + .content { margin-top: 35px; width: 100%; }
	.organizationBox h4 { margin-bottom: 15px; }
	.organizationBox p { margin-bottom: 32px; }
	.organizationBox .detail { font-size: 16px; }
	.organizationBox .more-info { margin-bottom: 8px; }
	/*.organizationBox .btn-primary { background-color: #0069d7; }*/
	.organizationBox .button { color: #49AD3B; }
	.organizationBox .list { margin-top: 10px; }
	.organizationBox .text { margin-bottom: 25px; width: 48%; }
	.organizationBox .text p:last-child { margin-bottom: 0; }
	.clubBox { padding-top: 89px; padding-bottom: 82px; }
	.clubBox h4 { margin-bottom: 30px; line-height: 1.4; }
	.clubBox h4 span { display: block; }
	.clubBox li { margin-bottom: 25px; padding: 0 10px; width: 25%; }
	.clubBox li img { max-width: 100%; }
	.clubBox .club-button { margin-top: 70px; }
	.employeesBox { padding-top: 102px; padding-bottom: 101px; }
	.employeesBox .text { padding-top: 0; width: 100%; }
	.employeesBox h4 { margin-bottom: 10px; font-size:38px;text-align:left;}
	.employeesBox h2 { margin-bottom: 25px; padding-right: 0; }
	.employeesBox p { margin-bottom: 16px; }
	.employeesBox p strong { font-weight: 400; }
	.employeesBox .image-block { margin-top: 59px; width: 100%; }
	.employeesBox .employees-content { padding-top: 10px; }
	.employeesBox .content { margin-top: 41px; padding-right: 0; width: 48%; }
	.employeesBox .btn-link { padding: 0; }
	.onlineBox { padding-top: 95px; padding-bottom: 95px; }
	.onlineBox h4 { margin-bottom: 10px; }
	.onlineBox .online-block { padding-top: 0; }
	.onlineBox .content { margin-top: 14px; margin-bottom: 14px; width: 48%; }
	.onlineBox .btn-link { padding: 0; }
	.onlineBox .icon { min-height: inherit; }
	.onlineBox .star { font-size: 40px; }
	.onlineBox.block-3 .online-block { justify-content: flex-start; }
	.onlineBox.block-3 .content { padding-right: 15px; width: 33.3%; }
	.peopleBox { padding-top: 97px; padding-bottom: 76px; }
	.peopleBox h4 { margin-bottom: 10px; }
	.peopleBox h2 { margin-bottom: 26px; }
	.peopleBox .review { width: 48%; }
	.peopleBox .people-block { padding-top: 14px; }
	.mentalBox.mental-gap { margin-top: 100px; margin-bottom: 100px; }
	.mentalBox .holder { height: 480px; }
	.mentalBox .text { margin-left: 30px; max-width: 420px; }
	.mentalBox h2 { line-height: 1.2; }
	.mentalBox .holder.content { padding-top: 58px; padding-bottom: 60px; display: block; height: auto; }
	.mentalBox .holder.content h2 { margin-bottom: 17px; }
	.mentalBox .holder.content .text { margin: 0 auto 51px; width: 100%; max-width: 448px; }
	.mentalBox .holder.content .image { margin: 0 auto; width: 100%; max-width: 448px; }
	.mentalBox .holder.content .image img {  }
	.furtherBox { padding-top: 101px; }
	.furtherBox p { margin-bottom: 32px; }
	.furtherBox .further-button { margin-top: 100px; }
	.textBox h2 { margin-bottom: 20px; font-size: 32px; }
	.textBox .text-link { margin-left: 0; width: 100%; }
	.textBox .text-link h2 { font-size: 36px; }
	.contentBox { padding-top: 100px; padding-bottom: 100px; }
	.contentBox h4 { margin-bottom: 10px; font-size: 16px; }
	.contentBox h2 { margin-bottom: 25px; }
	.contentBox h3 { padding-top: 0; }
	.pointBox .holder { padding-top: 150px; padding-bottom: 139px; justify-content: center; }
	.pointBox .image { margin-bottom: 40px; width: 192px; }
	.pointBox .text { width: 100%; text-align: center; }
	.pointBox h4 { margin-bottom: 20px; }
	.pointBox p { margin-bottom: 10px; }
	.pointBox .btn-link { display: inline-flex; }
	.pointBox .holder:nth-child(even) { padding-bottom: 132px; }
	.pointBox .holder:nth-child(even) .image { order: 0; }
	.pointBox .holder.right .image { order:0;}
	.visionBox .holder { padding-top: 149px; padding-bottom: 126px; justify-content: center; }
	.visionBox .image { width: 176px; }
	.visionBox .text { margin-top: 50px; padding-bottom: 0; width: 100%; text-align: center; }
	.visionBox .btn-link { display: inline-flex; }
	.visionBox .holder:nth-child(even) { padding-top: 150px; }
	.visionBox .holder:nth-child(even) .image { order: 0; }
	.productBox { margin-top: 100px; margin-bottom: 100px; }
	.productBox h4 { margin-bottom: 20px; }
	.productBox h2 { margin-bottom: 33px; }
	.productBox .client { padding-top: 10px; }
	.productBox .content { margin-top: 40px; margin-left: 0; padding: 54px 30px 60px; width: 100%; }
	.productBox .text { width: 66%; }
	.productBox .image { margin-top: 5px; width: 29%; }
	.productBox .content p { margin-bottom: 30px; }
	.productBox .btn-pink { padding-right: 25px; padding-left: 25px; }
	.contactBox { padding-top: 63px; }
	.contactBox .holder { margin: 0 auto; max-width: 449px; }
	.contactBox .left { width: 100%; }
	.contactBox .right { margin-top: 70px; margin-right: 0; width: 100%; }
	.contactBox h4 { margin-bottom: 40px; }
	.contactBox h2 { font-size: 32px; }
	.contactBox .contact-btn { display: none; }
	.footerBox .appointment { width: 100%; max-width: 500px; }
	.footerBox .footer-link { padding-top: 48px; width: 100%; }
	.copyrightBox { margin-top: 30px; }
}

@media only screen and (max-width: 767px) {
	.centered,
	.large-centered,
	.centered-sm { padding-right: 20px; padding-left: 20px; }
	h1,
	h2 { font-size: 36px; }
	.btn:nth-of-type(1) { margin-right: 15px;}
	.btn + .btn { margin-left:0; margin-top:10px;}
	#headerCntr .logo { width: 45vw; }
	#headerCntr.fixed { box-shadow: none; background: transparent; }
	#headerCntr.fixed .logo { visibility: hidden; transition: 0.3s; }
	#headerCntr .mobileMenu { padding: 5px; position: fixed; top: 24px; right: 15px; width: 35px; height: 35px; border-radius: 50%; }
	#headerCntr.fixed .mobileMenu { top: 24px; background-color: #fff; }
	#headerCntr.fixed .mobileMenu span:before,
	#headerCntr.fixed .mobileMenu span:after { background-color: #1C1D3E; }
	#headerCntr.header-inner.fixed .mobileMenu.opened span { background-color: transparent; }
	#headerCntr.header-inner.fixed .mobileMenu.opened span:before,
	#headerCntr.header-inner.fixed .mobileMenu.opened span:after { background-color: #1C1D3E; }
	#headerCntr .logo-slogan { top:60px;}
/*	.languageBox { display: none; }*/
	.languageBox ul li a.button img{ width:100px;}
	.mobilemenuBox { padding: 0 20px; }
	.mobilemenuBox .mobile-logo { width: 146px; }
	.mobilemenuBox .language { display: none; }
	.mobilemenuBox .language.phone { padding-bottom: 20px; display: flex; }
	.mobilemenuBox .language li { margin: 0 8px; }
	.mobilemenuBox .main { height: 69%; }
	.mobilemenuBox .menu li { margin: 10px 0; font-size: 36px; }
	.mobilemenuBox .menu li ul li { font-size: 20px; }
	.banner-homeBox { padding: 0; display: block; min-height: inherit; background: white; height:100vh;max-height:900px;}
	.banner-homeBox .content { margin-top: 10px; padding: 52vw 20px 72px; max-width: 100%; margin:0;text-align:center;padding-top:max(52vw,270px);}
	.banner-homeBox .content h1 { margin-bottom: 22px; line-height: 0.9; color: #fff; font-size:65px; text-shadow: -2px -2px 2px rgba(0,0,0,0.38);}
	.banner-homeBox .content p { line-height: 1.5; color: #fff; font-size:18px;}
	.banner-homeBox .banner-button .btn-pink { padding-right: 18px; padding-left: 18px; }
	.banner-homeBox .banner-button .cartoon img { width:150px;}
	.banner-homeBox .btn-link { color: #fff; }
	.btn-white { padding-right: 18px; padding-left: 18px; font-weight: 700; text-decoration: none; color: white; border: 0; background-color:none; border:2px solid white; }
	.btn-white:hover { background-color: none; color:white;}
	.banner-homeBox .description { opacity: 0.6; line-height: 20px; color: #fff; }
	.banner-homeBox .image { position: absolute; width: 100%; height: 100vh; min-width:100%;top:60px;max-height:900px;}
	.banner-homeBox .image img { /*display: none;*/  object-position:80% 15%;}
	/*.banner-homeBox .image .mobile-img { display: block; }*/
	.banner-homeBox .bg-small { display: block; }
	.banner-homeBox .bg-big { display: none; }
	.banner-homeBox .image .bg-small img { display: block; }
	.banner-homeBox .image .bg-big img { display: none; }
	.bannerBox { padding: 0; display: block; min-height: inherit; background: #1C1D3E; }
	.bannerBox .content { margin-top: 10px; padding: 0 20px 72px; max-width: 100%; }
	.bannerBox .content h1 { color: #fff; }
	.bannerBox .content p { line-height: 1.5; color: #fff; }
	.bannerBox .banner-button .btn-pink { padding-right: 18px; padding-left: 18px; }
	.bannerBox .banner-button .btn { margin-bottom: 10px; display: inline-block; }
	.bannerBox .btn-link { color: #fff; }
	.bannerBox .btn-link.back { color: #1C1D3E;}
	.bannerBox .description { opacity: 0.6; line-height: 20px; color: #fff; }
	.bannerBox .image { position: relative; width: 100%; height: 358px; display: block; }
	.bannerBox .image img { object-position:80%;}
	.bannerBox .bg-big { display: none; }
	.bannerBox .bg-small { display: block; }
	.bannerBox .image .bg-big img { display: none; }
	.bannerBox .image .bg-small img { display: block; }
	.bannerBox.banner-dark,
	.bannerBox.banner-dark-layered,
	.bannerBox.banner-light { background: #e3e3e3; }
	.bannerBox.banner-dark .content h4,
	.bannerBox.banner-dark-layered .content h4,
	.bannerBox.banner-light .content h4 { opacity: 0.5; color: #2b2f3a; }
	.bannerBox.banner-dark .content h1,
	.bannerBox.banner-dark-layered .content h1,
	.bannerBox.banner-light .content h1 { color: #1C1D3E; }
	.bannerBox.banner-dark .content p,
	.bannerBox.banner-dark-layered .content p,
	.bannerBox.banner-light .content p { color: #1C1D3E; }
	.bannerBox.banner-dark-layered .image img { opacity: 1; }
	.bannerBox.banner-dark-notext .content { margin-top: 0; padding-top: 120px; padding-bottom: 80px; }
	.bannerBox.news .content {margin-top: 0; padding-top: 100px; padding-bottom: 80px; }
	
	.bannerBox.banner-dark-layered .content h1,
	.bannerBox.banner-dark-layered .content a.btn-link.back,
	.bannerBox.banner-dark-layered .content p,
	.bannerBox.banner-dark-layered .content p a { color:white;}
	
	.coachingBox { padding-top: 72px; padding-bottom: 74px; }
	.coachingBox .text { /*margin-bottom: 50px;*/ }
	.coachingBox h4 { margin-bottom: 13px; }
	.coachingBox h2 { margin-bottom: 13px; }
	.coachingBox .content { margin-bottom: 18px; padding-left: 54px; position: relative; width: 100%; margin:10px 0;}
	.coachingBox .content.no-icon { padding-left:0px;}
	.coachingBox .content .icon { position: absolute; top: 9px; left: -1px; font-size: 40px; line-height: normal; }
	.coachingBox .content p {   margin-top: 0px;font-size: 16px; font-weight: 400;line-height: 1.6;color: #706f6f;}
	.coachingBox .coaching-content  { margin-top:30px;}
	.coachingBox .coaching-button {  padding-top: 5px; padding-bottom: 10px; }
	.coachingBox .detail { margin-right: 0; margin-bottom: 13px; width: 100%; }
	.coachingBox .right { margin-top: 45px; }
	.coachingBox .play { font-size: 50px; }
	.organizationBox { padding-top: 78px; padding-bottom: 50px; }
	.organizationBox .image + .content { margin-top: 25px; }
	.organizationBox .more-info { margin-bottom: 15px; }
	.organizationBox .detail { margin-right: 0; margin-bottom: 13px; width: 100%; }
	.organizationBox .button { padding: 0; }
	.organizationBox .text { width: 100%;  margin:10px 0;}
	.organizationBox .text .icon { font-size: 40px;  }
	.organizationBox .text.no-icon { padding-left:0px;}
	.organizationBox .text p {    margin-top: 0px;font-size: 16px; font-weight: 400;line-height: 1.6;color: #706f6f; margin-bottom: 0; }
	.organizationBox .text .btn-link { padding-top: 5px; padding-bottom: 10px;margin:0;}
	.organizationBox .text h3 { margin-bottom: 0; }	
	.organizationBox .list { margin-top:40px;}
	.clubBox { padding-top: 75px; padding-bottom: 45px; }
	.clubBox li { margin-bottom: 20px; width: 30%; }
	.clubBox .club-button { margin-top: 40px; }
	.clubBox .btn-outer-secondary { padding-top: 8px; padding-bottom: 8px; }
	.employeesBox { padding-top: 85px; padding-bottom: 80px; }
	.employeesBox .image-block { margin-top: 35px; }
	.employeesBox .employees-content { padding-top:40px;}
	.employeesBox .content { margin-bottom: 18px; padding-left: 54px; position: relative; width: 100%; margin:10px 0;}
	.employeesBox .content .icon { position: absolute; top: 0px; left: -1px; font-size: 40px; line-height: normal; }
	.employeesBox .content.no-icon { padding-left:0px;}
	.employeesBox .content p {    margin-top: 0px;font-size: 16px; font-weight: 400;line-height: 1.6;color: #706f6f; margin-bottom: 0; }
	.employeesBox .no-icon { padding-left:0px;}
	.employeesBox .content .btn-link { padding-top: 5px; padding-bottom: 10px;}
	.employeesBox .content h3 { margin-bottom: 0; }
	.newsBox .content { padding-left:0;}
	.onlineBox { padding-top: 72px; padding-bottom: 60px; }
	.onlineBox .content { margin-bottom: 18px; /*padding-left: 54px;*/ position: relative; width: 100%; }
	.onlineBox .icon { position: absolute; top: 9px; left: -1px; font-size: 40px; line-height: normal; }
	.onlineBox .content.no-icon { padding-left:0px;}
	.onlineBox .material-icons { font-size: 40px; }
	.onlineBox .icon.location img { height: 35px; }
	.onlineBox .icon.user img { height: 19px; }
	.onlineBox .time { display: none; }
	.onlineBox .btn-link { padding: 0; }
	.onlineBox.block-3 .content { width: 100%; }
	.onlineBox .time-update .material-icons { font-size: 30px; }
	.onlineBox .content .time { display: block; font-size: 12px; }
	.onlineBox .content .star + .star { display: none; }
	.peopleBox { padding-top: 70px; padding-bottom: 42px; }
	.peopleBox .review { width: 100%; }
	.peopleBox .detail { justify-content: flex-start; }
	.peopleBox .image { margin-right: 20px; }
	.mentalBox { padding-top:70px; padding-bottom:70px;}
	.mentalBox .holder { padding: 60px 20px; height: auto;  background: #1C1D3E; }
	.mentalBox .text { margin-left: 0; max-width: 100%; }
	.mentalBox .image { display: none; }
	.mentalBox h2 { line-height: 1; }
	.mentalBox .btn-pink { padding-right: 30px; padding-left: 30px; display: inline-block; }
	.mentalBox .tel { margin-top: 20px; margin-left: 0; }
	.mentalBox .mental-button { margin-top: 30px; display: block; }
	.mentalBox .btn-outer-secondary { padding-top: 8px; padding-bottom: 8px; }
	.mentalBox.mental-gap { padding-top: 90px; padding-bottom: 90px;margin:0; }
	.mentalBox .holder.content { padding-top: 40px; padding-bottom: 47px; }
	.mentalBox .holder.content .text { margin-bottom: 35px; }
	.mentalBox .holder.content .image { display: block; }
	.mentalBox .mental-btn { margin-top: 45px; }
	.furtherBox { padding-top: 70px; }
	.furtherBox .link { width: 100%; }
	.furtherBox .further-button { margin-top: 46px; }
	.furtherBox .btn-outer-secondary { padding-top: 8px; padding-bottom: 8px; }
	.textBox h2 { margin-bottom: 20px; font-size: 28px; }
	.textBox .text-link { margin-left: -30px; width: calc(100% + 60px); border-radius: 0; }
	.textBox .link { width: 100%; }
	.textBox .text-button { margin-top: 47px; }
	.textBox .btn-outer-secondary { padding-top: 8px; padding-bottom: 8px; }
	.contentBox { padding-top: 75px; padding-bottom: 75px; }
	.contentBox .content-button { display: block; }
	.contentBox .content-button .btn { margin-top: 15px; display: inline-block; }
	.pointBox .holder, .pointBox .holder.right { padding-top: 74px; padding-bottom: 62px; }
	.pointBox .image { margin-bottom: 22px; width: 154px; }
	.pointBox h4 { margin-bottom: 13px; }
	.pointBox h2 { margin-bottom: 12px; }
	.pointBox .holder:nth-child(even) { padding-top: 70px; padding-bottom: 62px; }
	.visionBox .holder { padding-top: 74px; padding-bottom: 62px; }
	.visionBox .text { margin-top: 25px; }
	.visionBox h4 { margin-bottom: 13px; }
	.visionBox h2 { margin-bottom: 12px; }
	.visionBox p { margin-bottom: 20px; }
	.visionBox .btn-link { padding: 0; }
	.visionBox .holder:nth-child(even) { padding-top: 74px; }
	.productBox { margin-top: 0px; margin-bottom: 0px; padding-top:70px; padding-bottom:70px;}
	.productBox h4 { margin-bottom: 13px; }
	.productBox h2 { margin-bottom: 23px; }
	.productBox .client li { justify-content: flex-start; width: 32%; }
	.productBox .content { margin-top: 25px; }
	.productBox .text { width: 100%; }
	.productBox .image { display: none; }
	.productBox .image.mobile { margin-bottom: 35px; display: block; width: 45%; }
	.productBox .content p { margin-bottom: 23px; }
	.productBox .content .name { margin-bottom: 27px; }
	.productBox .tel { margin-top: 15px; margin-left: 0; width: 100%; }
	.productBox .product-btn { margin-top: 47px; }
	.contactBox { padding-top: 30px; }
	.contactBox h4 { margin-bottom: 36px; }
	.contactBox h2 { font-size: 28px; }
	.contactBox .description { margin-top: 11px; }
	.contactBox .address { width: 100%; }
	.contactBox .number { width: 100%; }
	.contactBox .left-side { min-width: 110px; }
	.contactBox .hour { margin-left: 0; }
	.contactBox .contact-detail li { padding-bottom: 6px; }
	.contactBox .form { margin-top: 35px; padding-top: 32px; }
	.contactBox .form h3 { margin-bottom: 25px; }
	.contactBox .contact-btn { margin-top: 10px; display: flex; }
	.contactBox .btn-outer-secondary { padding-top: 8px; padding-bottom: 8px; }
/*	.contactBox .btn-primary { padding: 15px 20px; }*/
	.footerBox { padding-top: 75px; }
	.footerBox .link { margin-bottom: 20px; width: 50%; }
	.copyrightBox { justify-content: flex-start; }
	.copyrightBox .copyright { margin-bottom: 5px; width: 100%; }
	.copyrightBox .link li { margin-right: 20px; margin-bottom: 5px; margin-left: 0; }
	.icon-scroll { display:none;}
}

@media only screen and (max-width: 500px) {
	#headerCntr .logo-slogan { display:none;}
}
	
@media only screen and (max-width: 374px) {
	.btn + .btn { margin-left: 0; }
	.banner-homeBox .banner-button .btn-pink { margin-right: 10px; }
	.bannerBox.banner-service .btn-primary { padding-right: 15px; padding-left: 15px; }
	.bannerBox .banner-button .btn-pink { margin-right: 10px; }
	.bannerBox .banner-button { flex-wrap: wrap; }
	.contactBox .btn-primary { padding: 10px; font-size: 14px; }
}