:root {
	--blue-700: #04A5C2;
    --blue-500: #14BAD6;
    --blue-300: #27CCE5;

    --teal-700: #10B798;
    --teal-500: #12CEAB;
    --teal-300: #19D7B4;

    --yellow-700: #C2AF0A;
    --yellow-500: #D9C413;
    --yellow-300: #E8D215;

    --gray-900: #1A232B;
    --gray-800: #6A6F73;
    --gray-500: #979B9E;
    --gray-400: #ABAFB2;
    --gray-300: #C4C7C9;
    --gray-200: #E4E8EB;
    --gray-100: #EEF2F5;

    --text-color: var(--gray-900);
    --heading-color: var(--gray-900);
    --link-color:  var(--gray-500);
    --link-color-active: var(--blue-700);

    --container-wide: 1280px;
	--container-narrow: 900px;
	--container-padding: 5rem;/*80px*/

    --menu-color: var(--gray-400);
    --menu-color-active: var(--gray-800);
    --menu-accent: var(--blue-500);
    --hamburger-color: var(--gray-800);
    --hamburger-duration: .2s;

    --btn-bg: var(--blue-500);
    --btn-bg-active: var(--blue-700);
    --btn-text-color: #fff;
    --btn-2-bg: var(--gray-200);
    --btn-2-bg-active: var(--gray-400);
    --btn-2-text-color: var(--gray-900);

    --transition: .2s;
    --radius: 2px;

    --h1: 3.625rem; /*58px*/
    --h1-lh: 3.785rem; /*62px*/
    --h2: 2.5rem; /*40px*/
    --h2-lh: 3rem; /*48px*/
    --h3: 2rem; /*33px*/
    --h3-lh: 2.75rem; /*44px*/
    --h4: 1.75rem; /*28px*/
    --h4-lh: 2.25rem; /*36px*/
    --h5: 1.5rem; /*24px*/
    --h5-lh: 1.875rem; /*30px*/
    --h6: 1.25rem; /*20px*/
    --h6-lh: 1.75rem; /*28px*/

    /*plyr styles*/
    --plyr-color-main: var(--blue-500);
}

body {font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.5; color: var(--text-color); letter-spacing: -0.015em;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Inter', sans-serif; font-weight: 300; color: var(--heading-color); line-height: 1.25; margin:0 0 1rem; letter-spacing: -0.02em;}
h1, .h1 {font-size: var(--h1); line-height: var(--h1-lh); letter-spacing: -0.05em;}
h2, .h2 {font-size: var(--h2); line-height: var(--h2-lh); letter-spacing: -0.04em;}
h3, .h3 {font-size: var(--h3); line-height: var(--h3-lh); letter-spacing: -0.04em;}
h4, .h4 {font-size: var(--h4); line-height: var(--h4-lh);}
h5, .h5 {font-size: var(--h5); line-height: var(--h5-lh);}
h6, .h6 {font-size: var(--h6); line-height: var(--h6-lh);}
.paragraph {font-size:1rem; line-height:1.5;}

strong {/*font-weight: 400;*/}

img {max-width: 100%; height: auto !important;}

/*
hr {margin: 30px 0; background: var(--gray-200); opacity: 1;}
*/

a {color:var(--link-color); text-decoration:none; transition:var(--transition) all;}
a:hover {text-decoration:none !important; color:var(--link-color-active);}

a.link-dark {color: var(--gray-900);}
a.link-dark:hover {color:var(--link-color-active);}

.btn {padding: .75rem 2.5rem; font-size: .875rem; font-weight: 400; color: var(--gray-800); line-height: 1.25rem; box-shadow: none !important; border-radius: var(--radius);}
.btn.btn-form {padding: 18px 20px;}
.btn.btn-wide {display: block;}
.btn.btn-primary {background: var(--btn-bg); border:none; color: var(--btn-text-color);}
.btn.btn-primary:hover,
.btn.btn-primary:focus {background: var(--btn-bg-active);}
.btn.btn-primary.btn-white {background: #fff; color: var(--btn-bg); border: 1px solid var(--btn-bg);}
.btn.btn-primary.btn-white:is(:hover, :focus) {background: var(--btn-bg-active); border-color: var(--btn-bg-active); color: #fff;}

.btn.btn-outline-primary {border:1px solid var(--btn-bg); color:var(--btn-bg);}
.btn.btn-outline-primary:is(.active, :hover, :focus) {background:var(--btn-bg-active); border-color:var(--btn-bg-active); color: #fff;}
.btn.btn-outline-primary.btn-white {border-color: #fff; color: #fff;}
.btn.btn-outline-primary.btn-white:is(:hover, :focus) {background:var(--btn-bg-active); border-color:var(--btn-bg-active); color: #fff;}

.btn.btn-outline-secondary {border:1px solid var(--btn-2-bg); color:var(--btn-2-text-color);}
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {background:var(--btn-2-bg); border-color:var(--btn-2-bg); color: var(--btn-2-text-color);}

.text-white .btn.btn-outline-secondary:not(:is(:hover, :focus)) {--btn-2-text-color: #fff;}

.btn.btn-arrow {display:inline-flex; justify-content: space-between; align-items: center;}
.btn.btn-arrow:after {content:''; display:inline-block; width: 5px; height:8px; margin-left: 10px; background:var(--btn-text-color); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.btn.btn-arrow-back {display:inline-flex; justify-content: space-between; align-items: center;}
.btn.btn-arrow-back:before {content:''; display:inline-block; width: 5px; height:8px; margin-left: 20px; background:var(--btn-text-color); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}

.btn.btn-wide.btn-arrow,
.btn.btn-wide.btn-arrow-back {display: flex; justify-content: space-between;}

.btn.btn-primary.btn-white.btn-arrow:after,
.btn.btn-primary.btn-white.btn-arrow-back:before {background: var(--btn-bg);}
.btn.btn-primary.btn-white.btn-arrow:is(:hover, :focus):after,
.btn.btn-primary.btn-white.btn-arrow-back:is(:hover, :focus):before {background: #fff;}

.btn.btn-outline-primary.btn-arrow:after,
.btn.btn-outline-primary.btn-arrow-back:before {background: var(--btn-bg);}
.btn.btn-outline-primary.btn-arrow:is(:hover, :focus):after,
.btn.btn-outline-primary.btn-arrow-back:is(:hover, :focus):before {background: #fff;}
.btn.btn-outline-primary.btn-arrow.btn-white:after,
.btn.btn-outline-primary.btn-arrow-back.btn-white:before {background: #fff;}

.btn.btn-outline-secondary.btn-arrow:after,
.btn.btn-outline-secondary.btn-arrow-back:back {background: var(--btn-2-text-color);}
/*.btn.btn-outline-secondary.btn-arrow:is(:hover, :focus):after {background: #fff;}*/


.link-arrow {display:inline-flex; align-items: center;}
.link-arrow:after {content:''; display: inline-block; width: 5px; height:8px; margin-left: 20px; background: var(--link-color); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.link-arrow:hover:after,
.link-arrow:focus:after {background: var(--link-color-active);}

.link-arrow-back {display:inline-flex; align-items: center;}
.link-arrow-back:before {content:''; display: inline-block; width: 5px; height:8px; margin-right: 20px; background: var(--link-color); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transform: scaleX(-1);transition:var(--transition);}
.link-arrow-back:is(:hover, :focus):after {background: var(--link-color-active);}

.underline:after {content: ''; display: block; width: 30px; height: 2px; background: var(--blue-500); margin-top: 20px;}
/*
.title-small {margin-bottom: 40px; font-size: .875rem; line-height: 1.25; font-weight: 400; color: var(--blue-700); letter-spacing: -0.015em; text-transform: uppercase;}
*/
.title-small {margin-bottom: 40px; font-size: 1.125rem; line-height: 1.25; font-weight: 400; color: var(--blue-700); letter-spacing: -0.015em; text-transform: uppercase;}
/*
.lead {font-size: 32px; color: var(--gray-800); line-height: 1.25;}
.bg-section-title {display: block; padding: 20px 10px; background: var(--red-500); border-radius: var(--radius); font-size: var(--h5); line-height: var(--h5-lh); font-weight: 300; color: #fff;}

.heading-small {font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--red-500);}
*/

.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white .h1,
.text-white .h2,
.text-white .h3,
.text-white .h4,
.text-white .h5,
.text-white .h6,
.text-white .lead {color: #fff;}

.row.row-thin-gap {margin-left: -1px; margin-right: -1px;}
.row.row-thin-gap > * {padding-left: 1px; padding-right: 1px;}
.row.row-small-gap {margin-left: -.25rem; margin-right: -.25rem;}
.row.row-small-gap > * {padding-left: .25rem; padding-right: .25rem;}

@media only screen and (min-width:768px) {
    .row.row-wide-gap {margin-left: -1.5625rem; margin-right: -1.5625rem;}
    .row.row-wide-gap > * {padding-left: 1.5625rem; padding-right: 1.5625rem;}
}
/*
.row.row-wide {width: calc(100vw - 2 * var(--container-padding)); max-width: 1280px; position: relative; left: 50%; transform: translateX(-50%);}
.img-wide {width: calc(100vw - 2 * var(--container-padding)); max-width: 1280px; position: relative; left: 50%; transform: translateX(-50%);}
*/

.rounded {border-radius: var(--radius) !important;}

.list-pointed {list-style: none; padding: 0;}
.list-pointed > li {padding-left: 40px; position: relative;}
.list-pointed > li:before {content: ''; display: block; width: 4px; height: 4px; background: var(--blue-500); border-radius: 2px; box-shadow: 0 0 0 4px rgba(20,186,214, 0.2); position: absolute; top: .75em; left: 10px; transform: translateY(-50%);}
.text-white .list-pointed > li:before {background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255, 0.2);}

.list-arrow {list-style: none; padding: 0;}
.list-arrow > li {padding: 10px 0 10px 20px; position: relative;}
.list-arrow > li:before {content:''; display:block; width:11px; height:6px; background: var(--blue-500); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; top: calc(.75em + 10px); left: 0; transform: translateY(-50%);}
.text-white .list-arrow > li:before {background: #fff;}

.list-check {list-style: none; padding: 0;}
.list-check > li {padding-left: 40px; margin: 0 0 30px; position: relative;}
.list-check > li:before {content:''; display:block; width:20px; height:12px; background: var(--blue-500); mask-image:url('../images/checkbox.svg'); -webkit-mask-image:url('../images/checkbox.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; top: .75em; left: 0; transform: translateY(-50%);}
.text-white .list-check > li:before {background: #fff;}

.list-pointed-underline {list-style: none; padding: 0;}
.list-pointed-underline > li {padding: 20px 0 20px 30px; border-bottom: 1px solid var(--gray-200); font-size: 1rem;/*.875rem;*/ position: relative;}
.list-pointed-underline > li:before {content: ''; display: block; width: 4px; height: 4px; background: var(--blue-500); border-radius: 2px; position: absolute; top: calc(20px + .75em); left: 10px; transform: translateY(-50%);}
.text-white .list-pointed-underline > li:before {background: #fff;}

@media only screen and (min-width:767px) {
    .list-col-2 {column-count: 2; column-gap: 0.75rem;}
    .list-col-2 li {break-inside: avoid;}
}

.ico-phone,
.ico-email,
.ico-url {display: inline-flex; align-items: center; gap: .75rem;}

:is(.ico-phone, .ico-email, .ico-url):before {content:''; display: inline-block; width: 1.5rem; height: 1.5rem; background: var(--blue-500); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}
.ico-phone:before {mask-image: url('../images/phone.svg'); -webkit-mask-image: url('../images/phone.svg');}
.ico-email:before {mask-image: url('../images/mail.svg'); -webkit-mask-image: url('../images/mail.svg');}
.ico-url:before {mask-image: url('../images/url.svg'); -webkit-mask-image: url('../images/url.svg');}
/*
.table.technical-table {table-layout: fixed;}
.table.technical-table > tbody > tr > td {width: 10%; padding: .5rem; border-bottom: 1px solid var(--gray-200);}
.table.technical-table > tbody > tr:nth-child(odd) > td {background: var(--gray-100);}
.table.technical-table > tbody > tr > td.name {font-size: 1rem; line-height: 1.5; font-weight: 400; color: var(--gray-900);}
.table.technical-table > tbody > tr > td.value {font-size: .875rem; line-height: 1.375rem; font-weight: 300; color: var(--gray-800);}
.table.technical-table > tbody > tr > td.value.sub-table {padding: 0}
.table.technical-table .value table {margin: 0;}
.table.technical-table .value table tr:last-child td {border: none;}
.table.technical-table .value table tr td {width: 10%; background: #fff; border: none;}
.table.technical-table .value table tr.odd td {background: var(--gray-100);}
.table.technical-table .value p:last-child,
.table.technical-table .value ul:last-child {margin-bottom: 0;}

.table.technical-table > tbody > tr.table-header-row > td {background: #fff;}
.table.technical-table > tbody > tr.odd > td {background: var(--gray-100);}
.table.technical-table > tbody > tr.even > td {background: #fff;}

.table.table-make-responsive {width: 100% !important; table-layout: fixed}
.table.table-make-responsive > tbody > tr > td {width: 10% !important; padding: .5rem; border-bottom: 1px solid var(--gray-200); font-size: .875rem; line-height: 1.375rem; font-weight: 300; color: var(--gray-800);}
.table.table-make-responsive > tbody > tr:nth-child(odd) > td {background: var(--gray-100);}
.table.table-make-responsive > tbody > tr.table-header-row > td {font-size: 1rem; line-height: 1.5; font-weight: 400; color: var(--gray-900);}
.table.table-make-responsive > tbody td.table-header-cell {font-size: 1rem; line-height: 1.5; font-weight: 400; color: var(--gray-900);}
.table.table-make-responsive > tbody td.table-header-cell {font-size: 1rem; line-height: 1.5; font-weight: 400; color: var(--gray-900);}

.table.table-make-responsive > tbody > tr.table-header-row > td {background: #fff;}
.table.table-make-responsive > tbody > tr.odd > td {background: var(--gray-100);}
.table.table-make-responsive > tbody > tr.even > td {background: #fff;}
*/


.mt-100 {margin-top:100px !important;}
.mb-100 {margin-bottom:100px !important;}
.mt-60 {margin-top:60px !important;}
.mb-60 {margin-bottom:60px !important;}
.mt-50 {margin-top:50px !important;}
.mb-50 {margin-bottom:50px !important;}
.mt-30 {margin-top:30px !important;}
.mb-30 {margin-bottom:30px !important;}
.mt-0 {margin-top:0 !important;}
.mb-0 {margin-bottom:0 !important;}

.mt-n4 {margin-top:-1.5rem !important;}
.mb-n4 {margin-bottom:-1.5rem !important;}

.pt-100 {padding-top:100px !important;}
.pb-100 {padding-bottom:100px !important;}
.pt-60 {padding-top:60px !important;}
.pb-60 {padding-bottom:60px !important;}
.pt-50 {padding-top:50px !important;}
.pb-50 {padding-bottom:50px !important;}
.pt-30 {padding-top:30px !important;}
.pb-30 {padding-bottom:30px !important;}
.pt-0 {padding-top:0 !important;}
.pb-0 {padding-bottom:0 !important;}

/*
.to-embed-responsive:not(.embed-responsive-item) {display: block; width: 100% !important;  height: auto !important; aspect-ratio: 16 / 9;}
.mce-object-iframe {width: 100% !important; height: auto: !important; aspect-ratio: 16 / 9;}

/**
 * Embedded videos and maps (and other embedded elements) responsive
 * style, with 16 by 9 aspect ratio.
 *
 * Usage:
 *     <div class="embed-responsive embed-responsive-16by9">
 *         <iframe src="#" class="embed-responsive-item"></iframe>
 *     </div>
 */
/*
.embed-responsive {position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive:before {display:block;content:""}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}

.embed-responsive-21by9:before {padding-top:42.857143%}
.embed-responsive-16by9:before {padding-top:56.25%}
.embed-responsive-4by3:before {padding-top:75%}
.embed-responsive-1by1:before {padding-top:100%}

@media only screen and (min-width:992px) {
    .col-lg-1-5 {width: 20%;}

    .text-lg-nowrap {white-space: nowrap;}
}
*/

@media only screen and (min-width:1200px) {
    .row.row-wide {width: calc(100vw - 2 * var(--container-padding)); max-width: 1280px; position: relative; left: 50%; transform: translateX(-50%);}
    .img-wide {width: calc(100vw - 2 * var(--container-padding)); max-width: 1280px; position: relative; left: 50%; transform: translateX(-50%);}
}

@media only screen and (max-width:1199px) {
    :root {
        --container-padding: clamp(0.75rem, -5.0278rem + 12.037vw, 4rem);/*12-64px*/
    }
}
@media only screen and (max-width:991px) {

}
@media only screen and (max-width:767px) {

    :root {
        --h1: clamp(2rem, 1.3027rem + 3.0989vw, 3.625rem);/*32-56px*/
        --h1-lh: clamp(2.25rem, 1.5914rem + 2.9273vw, 3.785rem);/*36-62px*/
        --h2: clamp(1.75rem, 1.4282rem + 1.4303vw, 2.5rem);/*28-40px*/
        --h2-lh: clamp(2.25rem, 1.9282rem + 1.4303vw, 3rem);/*36-48px*/
        --h3: clamp(1.5rem, 1.2855rem + 0.9535vw, 2rem);/*24-32px*/
        --h3-lh: clamp(2rem, 1.6782rem + 1.4303vw, 2.75rem);/*32-44px*/
        --h4: clamp(1.25rem, 0.8077rem + 1.9656vw, 1.75rem); /*20px-28px*/
        --h4-lh: clamp(1.75rem, 1.3077rem + 1.9656vw, 2.25rem); /*28px-36px*/
        --h5: clamp(1.125rem, 0.9039rem + 0.9828vw, 1.375rem); /*18px-22px*/
        --h5-lh: clamp(1.5rem, 1.1683rem + 1.4742vw, 1.875rem); /*24px-30px*/
        --h6: clamp(1rem, 0.7789rem + 0.9828vw, 1.25rem); /*16px-20px*/
        --h6-lh: clamp(1.5rem, 1.2789rem + 0.9828vw, 1.75rem); /*24px-28px*/
    }
    
    .mt-100 {margin-top:60px !important;}
    .mb-100 {margin-bottom:60px !important;}

    .pt-100 {padding-top:60px !important;}
    .pb-100 {padding-bottom:60px !important;}

    .lead {font-size: 26px;}
}