/*
.myip .cross::before {z-index: 20000; content: ''; position: absolute; display: block; left: -1px; top: -10px; width: 2px; height: 20px; background: red; opacity: .5; }
.myip .cross::after {z-index: 21000; content: ''; position: absolute; display: block; left: -10px; top: -1px; width: 20px; height: 2px; background: red; opacity: .5; }
*/

body, input, textarea, button {font-family: 'Montserrat', sans-serif; font-weight: 400; }

h1, .ref-block h2 {font-family: 'Montserrat', sans-serif; font-weight: 700 !important; }

h1, h2, h3, p {margin: 0; padding: 0; }

h1 {position: relative; color: #09756f; font-size: 2.25rem; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 75px; }
h1 span {display: block; color: #83a7a5; font-size: 1.125rem; font-weight: 400; letter-spacing: .25rem; }
h1 strong {display: block; padding: 10px 0 17px 0; letter-spacing: .1rem; }
h1::after {content: url(ico/triangel.png); display: block; position: absolute; left: 50%; top: 100%; transform-origin: left top; transform: scale(.25) translate3d(-50%,0,0); }

@media (max-width: 350px){
    h1 {font-size: 1.8rem; }
    h1 span {font-size: 1.125rem; }
    h1 strong {padding: 7px 0 15px 0; }
}

ul, li {margin: 0; padding: 0; }
ul {list-style-type: none; }

h1 a {}

p {line-height: 1.4; }

a {text-decoration: none; color: inherit; }

a img {border: none; }

.ltr {direction: ltr !important; }

html, body {margin: 0; padding: 0; overflow: auto; -moz-scroll-behavior: auto; }
html {font-size: 100%; }
body {background: #fff; font-size: 1rem; font-weight: 300; color: #465056; overflow-x: hidden; overflow-y: auto; }


button {outline: none !important; }


header {margin-top: 130px; }
nav, header, section, footer {width: 100%; position: relative; }
.stripe {width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; }

.stripe-content {margin: 0 6.6%; padding: 8% 0; }
section.refs .stripe-content {margin: 0; }
@media (max-width: 1400px){
    section.refs .stripe-content {margin: 0 6.6%; }
}
footer .stripe-content {padding: 3% 0; }

@media (max-width: 750px){
    .stripe-content, section.refs .stripe-content {margin: 0 10%; padding: 60px 0; }
    footer .stripe-content {padding: 40px 0; }
}

section, footer {position: relative; overflow: hidden; }
div {box-sizing: border-box; }

section.silver .fill {background: #f7f7f7; }


article {text-align: center; }

.cta {display: inline-block; padding: 17px 46px; color: #fff; background: #09756f; margin: 30px 0; border-radius: 3px; }
.cta:hover {color: #123a3c; background: #c2d3d2; }



/*

    H E A D E R

*/
header .stripe {max-width: none; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; }
.about-us header .stripe {max-width: 1320px; }

.header-img {flex: 0 0 50%; overflow: hidden; }
.header-img img, .header-img video {object-fit: cover; width: 100%; height: 100%; }
.about-us .header-img {flex: 0 0 100%; }
.about-us .header-img img {object-fit:fill; width: 100%; height: auto; margin-bottom: -5px; }

.greeting {flex: 0 0 50%; max-width: 660px; margin-bottom: 50px; display: flex; flex-flow: row; align-items: stretch; }
.about-us .greeting, .about-us .greeting .gcnt {flex: 0 0 100%; width: 100%; max-width: none; }
.greeting .gcnt {max-width: 660px; padding: 15% 13% 15% 18%; background: #f7f7f7; display: flex; flex-flow: wrap; align-content: center; }
.about-us .greeting .gcnt {padding: 5% 10% 5% 10%; }
.greeting .gcnt * {flex: 0 0 100%; }
.greeting .gcnt h1 {font-size: 4.5rem; text-align: left; margin-bottom: 0; }
.greeting .gcnt h1::after {display: none; }
.greeting .gcnt h1 span {display: block; color: #83a7a5; font-size: 1.5rem; font-weight: 400; padding-bottom: 10px; }
.greeting .gcnt p {padding-top: 20px; }
.greeting .cta:last-child:not(:hover) {background: transparent; color: #09756f; }
.greeting .cta {margin: 10px 0 0 0; }
.greeting .cta:nth-last-child(2) {margin-top: 35px; }

/* portrait */
@media (max-aspect-ratio: 1/1){
    header .stripe {min-height: 60vh; }
    .about-us header .stripe {min-height: 0; }
}
/* landscape */
@media (min-aspect-ratio: 1/1){
    header .stripe {min-height: calc(100vh - 130px); }
    .about-us header .stripe {min-height: 0; }
}

@media (max-width: 1100px){
    header .stripe {min-height: auto; }
    header .stripe>* {flex: 0 0 100% !important; }
    .header-img {height: calc(100vh / 2 - 65px); }
    .about-us .header-img {height: auto; }
    .greeting {margin-bottom: 0; min-height: calc(100vh / 2 - 65px); max-width:none; align-items: center; background: #f7f7f7; }
    .about-us .greeting {min-height: 0; }
    .greeting .gcnt {width: 100%; max-width: none; padding: 8% 6.6%; }
}
@media (max-width: 750px){
    .greeting .gcnt {padding: 60px 10%; }
}

/*

    HELP

*/
/*
.ref-block {background: rgba(255,255,255,.3); }
.ref-block .copy {background: rgba(0,0,0,.3); }
.mockup-area {background: rgba(255,0,0,.2); }
.mockup {background: rgba(0,0,0,.5); }
*/
/*section, header, footer {border-top: 1px dotted silver; }*/
.inside .mockup::after, .mockup.inside::after {content: 'inside'; color: silver; display: block; position: absolute; left: 100%; top: 50%; padding: 3px 5px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background: grey; font-size: 75%; transform: translateY(-50%); }

.limits {position: absolute; width: 100%; height: 0; left: 0; top: 0; display: none; }
.myip .limits {display: block; }
.limits>.limit {z-index: 5000; position: absolute; width: 100%; height: 0; border-top: 1px dashed red; border-bottom: 1px dashed red; }
.limits>.limit span {cursor: pointer; position: absolute; left: 0; right: auto; display: block; padding: 5px 10px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: white; font-size: 11px; transform: translateY(-50%); }
.limits>.limit:hover {z-index: 20000 !important; }

.limits>.limit.aboveLimitCss span, .limits>.limit.belowLimitCss span {background: silver; color: #4d4d4d; }
.limits>.limit.enterVPobject span {background: #383838; }
.limits>.limit.enterVPcss span {left: auto; right: 0; background: #144b83; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }

body.myip::after {z-index: 50000; content: ''; display: block; position: fixed; width: 100%; height: 1px; top: 75vh; background: rgba(0, 255, 255, 0.5); }
body.myip::before {z-index: 50000; content: ''; display: block; position: fixed; width: 100%; height: 1px; top: 25vh; background: rgba(0, 255, 255, 0.5); }













/*


    N A V I G A T I O N


*/
nav {z-index: 3000; position: relative; left: 0; top: 0; width: 100%; height: 0; overflow: visible; }

nav .stripe-content {padding: 0 !important; }
ul.mmenu {display: flex; height: 130px; padding-left: 205px; flex-flow: row; justify-content: flex-start; align-items: stretch; }
ul.mmenu>li {position: relative; display: flex; align-items: center; justify-content: center; }
ul.mmenu>li>a {position: relative; padding: 20px 12px; font-size: .875rem; color: #123a3c; font-weight: 700; text-transform: uppercase; text-decoration: none; }
#mobile-mmenu-box ul.mmenu>li>a {color: #fff; }
ul.mmenu>li>a::before {content: ''; display: block; position: absolute; width: 0; height: 3px; left: 50%; bottom: 10%; opacity: 0; transform: translateX(-50%); background: #0b171e; transition: .75s cubic-bezier(.51, .01, .28, 1); }
#mobile-mmenu-box ul.mmenu>li>a::before {background: #fff; }
/*#mmenu>li:nth-last-child(2) {padding-left: 30px; }*/
body[dir="rtl"] #mmenu>li:nth-last-child(3) {padding-left: 0; padding-right: 30px; }
ul.mmenu>li>a:hover::before, ul.mmenu>li>a.viewed::before {width: calc(100% - 24px); opacity: 1; transition: .35s cubic-bezier(.03, .69, .18, 1); }

ul.mmenu>li.social>a {padding: 8px; }
ul.mmenu>li.social>a::before {display: none; }
ul.mmenu>li.social>a>*:nth-child(1) {display: block; }
ul.mmenu>li.social>a>*:nth-child(2) {display: block; position: absolute; left: 8px; top: 8px; opacity: 0; }
#mmenu>li.social>a>*:nth-child(2) {transform: translateY(-30px); }
ul.mmenu>li>a.instagram>*:nth-child(2) * {display: block; position: relative; }
ul.mmenu>li>a.instagram>div svg {z-index: 200; }
ul.mmenu>li>a.instagram .insta-bg {z-index: 100; position: absolute; left: 10%; top: 10%; width: 80%; height: 80%; background: radial-gradient(circle at 70% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-radius: 10%; }

ul.mmenu>li.social>a:hover>*:nth-child(1) {opacity: 0; }
#mmenu>li.social>a:hover>*:nth-child(1) {transform: translateY(30px); }
ul.mmenu>li.social>a:hover>*:nth-child(2) {opacity: 1; }
#mmenu>li.social>a:hover>*:nth-child(2) {transform: none; }
ul.mmenu>li.social>a>* {transition: .45s cubic-bezier(.38, 0, .15, 1); }
ul.mmenu>li.social>a:hover>* {transition: .45s cubic-bezier(.3, 2, .35, 1); }
/**/
/*
#mmenu {opacity: 0; }
nav.vp #mmenu {opacity: 1; transition: opacity .45s cubic-bezier(.31, .53, .58, 1) .45s; }
*/
@media (min-width: 951px){
    .vp #mobile-mmenu-switch.opened .hide-box {width: 0; }
}
/*nav>.stripe {position: relative; z-index: 200; }*/
#mobile-mmenu-box {z-index: 20000; }
#mmenu li {transform: translateX(-200px); opacity: 0; }
nav.vp #mmenu li {transform: none; opacity: 1; transition: .55s cubic-bezier(.06, .85, .1, 1); }
body[dir="rtl"] #mmenu li {transform: translateX(200px); }
body[dir="rtl"] nav.vp #mmenu li {transform: none; }
nav.vp #mmenu li:nth-last-child(1) {transition-delay: .45s; }
nav.vp #mmenu li:nth-last-child(2) {transition-delay: .5s; }
nav.vp #mmenu li:nth-last-child(3) {transition-delay: .55s; }
nav.vp #mmenu li:nth-last-child(4) {transition-delay: .6s; }
nav.vp #mmenu li:nth-last-child(5) {transition-delay: .65s; }
nav.vp #mmenu li:nth-last-child(6) {transition-delay: .7s; }
nav.vp #mmenu li:nth-last-child(7) {transition-delay: .75s; }
nav.vp #mmenu li:nth-last-child(8) {transition-delay: .80s; }
nav.vp #mmenu li:nth-last-child(9) {transition-delay: .85s; }


#svencom-lt {position: absolute; top: 32px; width: 122px; height: 73px; opacity: 0; transform: scale(1.3); }
nav.vp #svencom-lt {opacity: 1; transition: .9s cubic-bezier(.22, 0, .08, 1); transform: none; }
nav.vp #svencom-lt:hover {transition: .45s cubic-bezier(.06, .6, .38, 1); transform: scale(1.1); }
#svencom-lt>* {position: absolute; display: block; width: 100%; }
#svencom-lt a span img {width: 100%; height: auto; }

#mobile-mmenu-box {position: fixed; left: 0; top: 0; width: 100%; height: 0; transform: translate3d(0,0,0); }

#mobile-mmenu-box.vp {transform: translate3d(0,-100px,0); transition: transform 0s linear .45s; }
/*#mobile-mmenu-box .stripe {background: #0007; }*/
#mobile-mmenu-box .stripe-content {position: relative; padding: 0; /*background: #0007;*/ }
#mobile-mmenu-switch {position: absolute; right: 0; top: 0; }
body[dir="rtl"] #mobile-mmenu-switch {right: auto; left: 0; }
#mobile-mmenu-switch-btn {cursor: pointer; display: block; position: relative; width: 45px; height: 40px; margin-top: 40px; z-index: 200; opacity: 0; background: #09756f; animation: fade-in .45s both cubic-bezier(.31, .53, .58, 1) 1.2s; /*background: rgba(0,0,0,.5); transition: .5s cubic-bezier(.03, .69, .18, 1);*/ }
body[dir="rtl"] #mobile-mmenu-switch-btn {transform: scaleX(-1); }
/*#mobile-mmenu-box.vp #mobile-mmenu-switch-btn {background: transparent; }*/
#mobile-mmenu-switch .hide-box {z-index: 100; position: absolute; top: 0; right: 0; width: 0; height: 100vh; border-top: 80px solid transparent; overflow-x: hidden; overflow-y: auto; transition: .75s cubic-bezier(.51, .01, .28, 1); }
body[dir="rtl"] #mobile-mmenu-switch .hide-box {right: auto; left: 0; }
#mobile-mmenu-switch.opened .hide-box {transition: .35s cubic-bezier(.03, .69, .18, 1); }
#mobile-mmenu-switch .slide-box {position: relative; left: 0; }
body[dir="rtl"] #mobile-mmenu-switch .slide-box {left: auto; right: 0;  }
#mobile-mmenu-box ul {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; width: min-content; text-align: left; height: auto; padding: 40px 20px; background: #09756f; background: #09756f; }
body[dir="rtl"] #mobile-mmenu-box ul {text-align: right; }
#mobile-mmenu-box ul li {flex: 0 0 100%; transform: translateX(50px) rotate(-.1deg); transition: 0s ease .5s; }
body[dir="rtl"] #mobile-mmenu-box ul li {transform: translateX(-50px) rotate(-.1deg); }
/*#mobile-mmenu-box ul>li:nth-last-child(3) {padding-left: 4px; }*/
/*body[dir="rtl"] #mobile-mmenu-box ul>li:nth-last-child(3) {padding-left: 0; padding-right: 4px; }*/
#mobile-mmenu-box ul>li.social {padding-top: 25px; }
#mobile-mmenu-box ul li.social {flex-basis: auto; }
#mobile-mmenu-box .opened ul li {transform: none; transition: .4s cubic-bezier(.27, .64, .48, 1); }
body[dir="rtl"] #mobile-mmenu-box .opened ul li {transform: none; }
#mobile-mmenu-box .opened ul li:nth-child(1) {transition-duration: .4s; }
#mobile-mmenu-box .opened ul li:nth-child(2) {transition-duration: .51s; }
#mobile-mmenu-box .opened ul li:nth-child(3) {transition-duration: .62s; }
#mobile-mmenu-box .opened ul li:nth-child(4) {transition-duration: .73s; }
#mobile-mmenu-box .opened ul li:nth-child(5) {transition-duration: .84s; }
#mobile-mmenu-box .opened ul li:nth-child(6) {transition-duration: .95s; }
#mobile-mmenu-box .opened ul li:nth-child(7) {transition-duration: 1.06s; }
#mobile-mmenu-box .opened ul li:nth-child(8) {transition-duration: 1.17s; }
#mobile-mmenu-box .opened ul li:nth-child(9) {transition-duration: 1.28s; }
#mobile-mmenu-box ul li, #mobile-mmenu-box ul li a {display: block; }
#mobile-mmenu-box ul>li>a::before {left: 12px; transform: none; }

#mobile-mmenu-switch-btn>span {position: absolute; left: 20%; width: 60%; height: 2px; animation: menu-switch-line-slide-in .55s both cubic-bezier(.19, .77, .28, 1); transition: .55s cubic-bezier(.19, .77, .28, 1); }
#mobile-mmenu-switch-btn>span:nth-child(1) {top: 12px; }
#mobile-mmenu-switch-btn>span:nth-child(2) {top: 19px; animation-delay: .15s; }
#mobile-mmenu-switch-btn>span:nth-child(3) {bottom: 12px; animation-delay: .3s; }
#mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span {animation: menu-switch-line-slide-out .35s both cubic-bezier(.39, .01, .87, .32); transition: .35s cubic-bezier(.39, .01, .87, .32); }
#mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(2) {animation-delay: .1s; }
#mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(3) {animation-delay: .2s; }
.opened #mobile-mmenu-switch-btn>span:nth-child(1) {top: 19px; }
.opened #mobile-mmenu-switch-btn>span:nth-child(3) {bottom: 19px; }
.opened #mobile-mmenu-switch-btn>span:nth-child(1)>span {width: 100%; transform: rotate(45deg); }
.opened #mobile-mmenu-switch-btn>span:nth-child(2)>span {left: 50%; right: auto; width: 0; opacity: 0; transform: translateX(-50%); }
.opened #mobile-mmenu-switch-btn>span:nth-child(3)>span {width: 100%; transform: rotate(-45deg); }

@keyframes menu-switch-line-slide-in {
    0% {transform: translateX(-100%); opacity: 0; }
    100% {transform: none; opacity: 1; }
}
@keyframes menu-switch-line-slide-out {
    0% {transform: none; opacity: 1; }
    100% {transform: translateX(200%); opacity: 0; }
}
@keyframes fade-in {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
#mobile-mmenu-switch-btn>span>span {position: absolute; right: 0; height: 100%; background: #fff; transition: .75s cubic-bezier(.51, .01, .28, 1); }
#mobile-mmenu-switch-btn>span:nth-child(1)>span {width: 60%; }
#mobile-mmenu-switch-btn>span:nth-child(2)>span {width: 80%; }
#mobile-mmenu-switch-btn>span:nth-child(3)>span {width: 100%; }
#mobile-mmenu-switch-btn:hover>span>span {width: 100%; transition: .35s cubic-bezier(.03, .69, .18, 1); }

@media (max-width: 750px){
    nav {background: red; }
}
@media (max-width: 690px){
    nav.vp #mmenu {position: relative; transform: translateY(-100px); transition: .35s ease-out; opacity: 0; }
    #mobile-mmenu-switch-btn {animation-delay: 0s; }
    #mobile-mmenu-box.vp {transform: translate3d(0,0,0); transition: none; }
    #mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span {animation: menu-switch-line-slide-in .55s both cubic-bezier(.19, .77, .28, 1); transition: .35s cubic-bezier(.03, .69, .18, 1); }
    #mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(2) {animation-delay: .15s; }
    #mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(3) {animation-delay: .3s; }
}

/*


    F O O T E R


*/
footer .stripe {border-top: 1px solid #c2d3d2; border-bottom: 1px solid #c2d3d2; }
footer .stripe-content {display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
footer .stripe-content li.hl {font-size: 1.125rem; font-weight: 700; color: inherit; padding-bottom: 20px; }
footer .stripe-content .col {flex: 0 0 18%; line-height: 1.98; margin: 3% 0; }
footer .stripe-content .col:last-child {flex: 0 0 24%; }
footer .address a {text-decoration: underline; }
footer .address a:hover {color: #83a7a5; }

footer .menu, footer .menu *, footer .qc a {position: relative; }

footer .menu {display: flex; flex-flow: column; align-items: flex-start; }
footer .menu li {padding: 0 25px; }
footer .menu li:first-child {padding-left: 0; }
footer .menu li:first-child::before {display: none; }
footer .menu li::before {content: ''; display: block; position: absolute; width: 8px; height: 12px; top: 50%; left: 0; transform: translate3d(0,-50%,0); background: #83a7a5; }
footer .menu li:hover {color: #123a3c; }
footer .menu li:hover::before {width: 100%; height: 24px; background: #c2d3d2; }
footer .menu li a {display: inline-block; }

footer .stripe-content .qc {line-height: 1.3; }
footer .stripe-content .qc li.hl:first-child {line-height: 1.98; }
footer .qc li.hl {margin-top: 30px; }
footer .qc li:first-child {margin-top: 0; }
footer .qc a.phone {padding-left: 40px; }
footer .qc a {display: block; padding-left: 50px; }
footer .qc a img {position: absolute; left: 0; top: 50%; transform-origin: left top; transform: scale(.25) translate3d(0,-50%,0); }

footer .copyright {text-align: center; color: #83a7a5; font-size: .8rem; padding: 30px 10%; }
/*
footer .stripe-content ul:nth-child(2) {flex: 0 1 60%; padding-left: 40px; box-sizing: border-box; }
footer .stripe-content div:nth-child(3) {flex: 0 1 100%; text-align: center; margin: 10% 0 5% 0; font-size: .875rem; }
footer .stripe-content ul.links li {display: flex; flex-flow: row; justify-content: flex-start; }
footer .stripe-content ul.links li a {display: block; position: relative; color: #1b1d1e; }
footer .stripe-content ul.links li a::after {content: ''; position: absolute; display: block; height: 2px; background: #1b1d1e; width: 0; bottom: 0; transform: translateY(100%); }
*/

@media (max-width: 1000px){
    footer .stripe-content .col:nth-child(odd) {flex: 0 0 40% !important; }
    footer .stripe-content .col:nth-child(even) {flex: 0 0 50% !important; }
}
@media (max-width: 460px){
    footer .stripe-content .col:nth-child(odd), footer .stripe-content .col:nth-child(even) {flex: 0 0 100% !important; }
}

/*
footer .stripe-content ul {display: flex; flex-flow: wrap; align-content: flex-start; }
footer .stripe-content ul li {flex: 0 1 100%; margin: 5px 0; }
footer .stripe-content ul li:first-child {margin-bottom: 20px; }
footer .stripe-content ul li:first-child b, footer .stripe-content ul li.item a {color: #1b1d1e; font-weight: 900; }
footer .stripe-content ul:nth-child(2) li:nth-child(2) {color: #fff; margin-bottom: 10px; }

footer .stripe-content ul li.item {margin: 10px 0; }
footer .stripe-content ul li.item a {padding-left: 50px; position: relative; }
footer .stripe-content ul li.item a svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(.8); opacity: 1; }
body[dir="rtl"] footer .stripe-content ul li.item a {padding-left: 0; padding-right: 50px; }
body[dir="rtl"] footer .stripe-content ul li.item a svg {left: auto; right: 0; }
footer .stripe-content ul li.item a svg:nth-child(2) {display: none; }
*/

@media (hover: hover) and (pointer: fine) {
    footer .stripe-content ul li.item a svg:nth-child(2) {display: block; transform: translateY(-100%) scale(.8); opacity: 0; }
    footer .stripe-content ul li.item a:hover svg:nth-child(1) {transform: translateY(0) scale(.8); opacity: 0; }
    footer .stripe-content ul li.item a:hover svg:nth-child(2) {transform: translateY(-50%) scale(.8); opacity: 1; }
    footer .stripe-content ul li.item a svg {transition: .45s cubic-bezier(.38, 0, .15, 1); }
    footer .stripe-content ul li.item a:hover svg {transition: .45s cubic-bezier(.3, 2, .35, 1); }
    footer .stripe-content ul.links li a:hover::after {width: 100%; transition: .35s ease-out; }
}

@media (max-width: 780px){
/*
    footer .stripe-content {justify-content: space-around; }
    footer .stripe-content ul {flex-flow: column; flex: 0 1 auto !important; }
    footer .stripe-content ul li {flex-shrink: 1; }
    footer .stripe-content ul {text-align: center; }
    footer .stripe-content ul.links li {justify-content: center; }
    footer .stripe-content ul:nth-child(2) {margin-top: 40px; }
*/
}



/*

    N E W S

*/
.news-list {display: flex; flex-flow: wrap; justify-content: space-between; text-align: left; row-gap: 50px; }
.news-list>.news {flex: 0 0 45%; }
.news h2 {color: #465056; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; }
.news h2 span {display: inline-block; font-size: 1.125rem; font-weight: 400; border-top: 1px solid #465056; }
.news p strong {font-weight: 700; }

@media (max-width: 760px){
    .news-list>.news {flex: 0 0 100%; }
}
@media (max-width: 560px){
    .news-list>.news {flex: 0 0 100% !important; max-width: none; }
}


/*

    A B O U T   U S

*/
.persons {display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; gap: 3.5%; max-width: 900px; margin-bottom: -50px; margin: 0 auto; }
.person {flex: 0 0 30%; text-align: left; margin-bottom: 50px; }
.person>div {width: 100%; position: relative; height: 0; padding-bottom: 100%; overflow: hidden; border-radius: 5px; margin-bottom: 30px; }
.person>div div {position: absolute; width: 100%; height: 100%; }
.person>div div img {object-position: center; object-fit: cover; }
.person h2 {font-size: 1.5rem; font-weight: 700; color: #09756f; margin-bottom: 20px; }
.person h2 span {display: block; font-size: 1rem; font-weight: 400; color: #83a7a5; }

@media (max-width: 850px){
    .persons {gap: 6%; max-width: 600px; }
    .person {flex: 0 0 47%; }
}
@media (max-width: 600px){
    .persons {gap: 0; max-width: 300px; }
    .person {flex: 0 0 100%; }
}

/*

    S E R V I C E S

*/
.service-list {display: flex; flex-flow: wrap; justify-content: space-between; text-align: left; }
.service-list>.service {flex: 0 0 22%; margin-bottom: 50px; }
.service-list>.service.main {flex: 0 0 48%; }

@media (max-width: 1060px){
    .service-list>.service {flex: 0 0 30%; }
    .service-list>.service:last-child {flex: 0 0 65%; padding-right: 35%; }
    .service-list>.service.main, .service-list>.service.main:last-child {flex: 0 0 48%; padding-right: 0; }
}
@media (max-width: 760px){
    .service-list>.service, .service-list>.service:last-child {flex: 0 0 46%; padding-right: 0; }
    .service-list>.service.main, .service-list>.service.main:last-child {flex: 0 0 100%; }
}
@media (max-width: 560px){
    .service-list>.service {flex: 0 0 100% !important; max-width: 400px; }
    .service-list>.service.main {max-width: none; }
}


.service.main {position: relative; /*padding-top: 180px; */}
.service.main div {height: 180px; box-sizing: border-box; padding-bottom: 42px; text-align: center; }
.service.main div img {height: 100%; width: auto; max-height: 100%; max-width: 100%; margin: 0 auto; }
/*
.service-list .service.main::before {display: block; position: absolute; left: 50%; top: 0; transform-origin: left top; transform: scale(.25) translate3d(-50%,0,0); }
.service-list .service.main:nth-child(1)::before {content: url(ico/puzzle01.png); }
.service-list .service.main:nth-child(2)::before {content: url(ico/puzzle02.png); }
.service-list .service.main:nth-child(3)::before {content: url(ico/puzzle03.png); }
.service-list .service.main:nth-child(4)::before {content: url(ico/puzzle04.png); }
*/
.service h2 {color: #09756f; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; padding-left: 15px; border-left: 8px solid #83a7a5; }
.service.main h2 {padding-left: 0; border-left: none; }
.service.main h2 {font-size: 1.5rem; font-weight: 400; margin-bottom: 20px; }
.service.main>a {color: #09756f; text-transform: uppercase; display: inline-block; padding-right: 30px; position: relative; margin-top: 15px; }
.service.main>a::after {content: url(ico/arrow-more.png); display: block; position: absolute; right: 0; top: 50%; transform-origin: right top; transform: scale(.25) translate3d(0,-45%,0); }
.service.main>a:hover::after {transform: scale(.25) translate3d(65%,-45%,0); }


@media (max-width: 430px){
/*    .service.main {padding-top: 150px; }*/
    .service.main div {height: 150px; padding-bottom: 35px; }
/*    .service-list .service.main::before {transform: scale(.208) translate3d(-50%,0,0); }*/
}


/*

    R E F S

*/
.ref-detail {display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.ref-detail:last-child {margin-bottom: 0; }
.ref-detail .ref {flex: 0 0 31.8%; position: relative; height: 0; padding-bottom: 17.8%; background: #999; border-radius: 5px; background: #457a77; color: #fff; }
.ref-detail .txt {flex: 0 0 60%; text-align: left; }
.ref-detail .txt p {padding-bottom: 15px; }
.ref-detail .txt p:last-child {padding-bottom: 0; }

@media (max-width: 1400px){
    .ref-detail {align-items: flex-start; }
    .ref-detail .ref {flex: 0 0 40%; padding-bottom: 22.39%; }
    .ref-detail .txt {flex: 0 0 55%; }
}
@media (max-width: 1000px){
    .ref-detail .ref span.label, .ref-detail .ref h2 {opacity: 0; }
}
@media (max-width: 750px){
    .ref-detail .ref span.label, .ref-detail .ref h2 {opacity: 1; }
    .ref-detail {justify-content: center; }
    .ref-detail .ref {flex: 0 0 100%; padding-bottom: 55.97%; margin-bottom: 30px; }
    .ref-detail .txt {flex: 0 0 100%; }
}
@media (max-width: 450px){
    .ref-detail .ref span.label, .ref-detail .ref h2 {opacity: 0; }
}
/*
*/

.ref-list {display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch; }
.ref-list .ref {flex: 0 0 31.8%; position: relative; height: 0; padding-bottom: 17.8%; background: #999; border-radius: 5px; margin: 0 0 2.3% 0; }

.homepage .ref-list .ref:nth-child(1), .homepage .ref-list .ref:nth-child(2), .homepage .ref-list .ref:nth-child(3) {background: #457a77; color: #fff; }
.homepage .ref-list .ref:nth-child(4), .homepage .ref-list .ref:nth-child(5), .homepage .ref-list .ref:nth-child(6) {background: #83a7a5; color: #fff; }
.homepage .ref-list .ref:nth-child(7), .homepage .ref-list .ref:nth-child(8), .homepage .ref-list .ref:nth-child(9) {background: #c2d3d2; color: #457a77; }

@media (max-width: 1060px){
    .ref-list .ref {flex: 0 0 48.7%; padding-bottom: 27.26%; margin: 0 0 2.5% 0; }
    .homepage .ref-list .ref:nth-child(1), .homepage .ref-list .ref:nth-child(2) {background: #457a77; color: #fff; }
    .homepage .ref-list .ref:nth-child(3), .homepage .ref-list .ref:nth-child(4) {background: #83a7a5; color: #fff; }
    .homepage .ref-list .ref:nth-child(5), .homepage .ref-list .ref:nth-child(6) {background: #c2d3d2; color: #457a77; }
    .homepage .ref-list .ref:nth-child(7), .homepage .ref-list .ref:nth-child(8), .homepage .ref-list .ref:nth-child(9) {display: none; }
}

@media (max-width: 660px){
    .ref-list .ref {flex: 0 0 100%; padding-bottom: 55.97%; margin: 0 0 5% 0; }
    .homepage .ref-list .ref:nth-child(1) {background: #457a77; color: #fff; }
    .homepage .ref-list .ref:nth-child(2) {background: #83a7a5; color: #fff; }
    .homepage .ref-list .ref:nth-child(3) {background: #c2d3d2; color: #457a77; }
    .homepage .ref-list .ref:nth-child(4), .homepage .ref-list .ref:nth-child(5), .homepage .ref-list .ref:nth-child(6) {display: none; }
    .ref-list .ref.blank {display: none; }
}

.ref-list .ref>*, .ref-detail .ref>* {display: block; position: absolute; width: 100%; height: 100%; }
.ref-list .ref>* span.label, .ref-detail .ref>* span.label {display: flex; height: 20%; flex-flow: row; justify-content: center; align-items: center; }
.ref-list .ref>* span.logo, .ref-detail .ref>* span.logo {display: flex; height: 50%; width: 60%; margin: 0 auto; flex-flow: row; justify-content: center; align-items: center; }
.ref-list .ref>* span.logo img, .ref-detail .ref>* span.logo img {max-width: 100%; max-height: 100%; }
.ref-list .ref>* h2, .ref-detail .ref>* h2 {display: flex; height: 30%; font-size: 1rem; flex-flow: row; justify-content: center; align-items: center; }

section.refs.silver .ref-list .ref {background: #c2d3d2 !important; color: #457a77 !important; }

/*temp*/
.ref-list .ref>* span.label, .ref-list .ref>* h2 {opacity: 0; }
.ref-list .ref>* span.label, .ref-list .ref>* h2, .ref-detail .ref>* span.label, .ref-detail .ref>* h2 {height: 25%; }


/*

    C O N T A C T

*/
section .contact {display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
section .contact>* {flex: 0 0 42%; }
section .contact>ul {/*background: silver;*/ text-align: left; }
section .contact>.space {flex: 0 0 16%; }
section .contact>.map {flex: 0 0 42%; max-width: 469px; margin-left: 50px; /*background: grey;*/ text-align: right; }
section .contact>.map img {width: 100%; height: auto; }

section .contact>ul {max-width: 300px; }
section .contact>ul {display: flex; flex-flow: wrap; align-content: center; align-items: center; }
section .contact>ul li {flex: 0 1 auto; }
section .contact>ul a {display: inline-block; position: relative; }
section .contact>ul .xl {font-size: 1.5rem; font-weight: 700; color: #09756f; }
section .contact>ul li {padding: 9px 0; position: relative; }
section .contact>ul li:first-child {padding-top: 0; padding-bottom: 0; }
section .contact>ul .no-link {padding-top: 20px; }
section .contact>ul .xl, section .contact>ul .no-link, section .contact>ul .linkedin {padding-left: 60px; }

section .contact>ul a::before, section .contact>ul .no-link::before {display: block; position: absolute; left: 19px; top: 50%; transform-origin: left top; transform: scale(.25) translate3d(-50%,-50%,0); }
section .contact>ul .phone::before {content: url(ico/phone.png); }
section .contact>ul .envelope::before {content: url(ico/envelope.png); }
section .contact>ul .linkedin::before {content: url(ico/linkedin.png); }
section .contact>ul .no-link::before {content: url(ico/location.png); top: 31px; }

@media (max-width: 750px){
    section .contact {flex-direction: column-reverse; justify-content: center; justify-items: center; }
    section .contact>* {flex: 0 0 100% !important; }
    section .contact>.map {margin: 0 auto 50px auto; }
}
@media (max-width: 350px){
    section .contact>ul .xl {font-size: 1.125rem; }
    section .contact>ul .xl, section .contact>ul .no-link, section .contact>ul .linkedin {padding-left: 45px; }
    section .contact>ul a::before, section .contact>ul .no-link::before {left: 15px; transform: scale(.2) translate3d(-50%,-50%,0); }
    section .contact>ul .no-link::before {top: 31px; }
}























