:root {
    --text-color: #6A6F73;
    --heading-color: #1A232B;
    --link-color:  #D70C38;
    --link-color-active: #AB092C;

    --menu-color: #6A6F73;
    --menu-color-active: #1A232B;
    --hamburger-color: #1A232B;
    --hamburger-duration: .2s;

    --btn-bg: #D70C38;
    --btn-bg-active: #AB092C;
    --btn-text-color: #fff;
    --btn-2-bg: #C4C7C9;
    --btn-2-bg-active: #C4C7C9;
    --btn-2-text-color: #1A232B;

    --red-800: #AB092C;
    --red-500: #D70C38;
    --red-300: #F30C3E;
    --gray-900: #1A232B;
    --gray-800: #6A6F73;
    --gray-500: #979B9E;
    --gray-300: #C4C7C9;
    --gray-200: #E4E8EB;
    --gray-100: #EEF2F5;

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

    --h1: 3.25rem; /*52px*/
    --h1-lh: 3.875rem; /*62px*/
    --h2: 2.625rem; /*42px*/
    --h2-lh: 3rem; /*48px*/
    --h3: 2.25rem; /*36px*/
    --h3-lh: 2.75rem; /*44px*/
    --h4: 1.75rem; /*28px*/
    --h4-lh: 2.25rem; /*36px*/
    --h5: 1.375rem; /*22px*/
    --h5-lh: 1.875rem; /*30px*/
    --h6: 1.25rem; /*20px*/
    --h6-lh: 1.75rem; /*28px*/

    /*plyr styles*/
    --plyr-color-main: #D70C38;
}

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: 200; color:var(--heading-color); line-height: 1.25; margin:0 0 1rem; letter-spacing: -0.01em;}
h1, .h1 {font-size: var(--h1); line-height: var(--h1-lh);}
h2, .h2 {font-size: var(--h2); line-height: var(--h2-lh);}
h3, .h3 {font-size: var(--h3); line-height: var(--h3-lh);}
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);}

.btn {padding:15px 20px; font-size:1rem; 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(--red-500);}
.btn.btn-primary.btn-white:hover,
.btn.btn-primary.btn-white:focus {background: var(--red-500); color: #fff;}
/*
.btn.btn-outline-primary {border:1px solid var(--btn-2-bg); color:var(--btn-2-text-color);}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {background:var(--btn-2-bg-active); border-color:var(--btn-2-bg-active); color: var(--btn-2-text-color);}
*/
.btn.btn-outline-secondary {border:1px solid var(--btn-2-bg); color:var(--btn-2-bg);}
.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);}

.btn.btn-arrow {display:inline-flex; justify-content: space-between; align-items: center;}
.btn.btn-arrow:after {content:''; display:inline-block; width:10px; height:10px; margin-left:20px; background:var(--btn-text-color); 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; transition:var(--transition);}

.btn.btn-accordion {display:flex; justify-content: center; align-items: center; width: 100%;}
.btn.btn-accordion:after {content:''; display:inline-block; width:6px; height:12px; margin-left: 30px; background:var(--btn-text-color); mask-image:url('../images/chevron-small.svg'); -webkit-mask-image:url('../images/chevron-small.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); transform: rotate(-90deg);}
.btn.btn-accordion.collapsed:after {transform: rotate(90deg);}

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

.btn.btn-primary.btn-white.btn-arrow:after {background: var(--red-500);}
.btn.btn-primary.btn-white.btn-arrow:hover:after,
.btn.btn-primary.btn-white.btn-arrow:focus:after {background: #fff;}

.btn.btn-outline-secondary.btn-arrow:after {background: var(--btn-2-bg);}
.btn.btn-outline-secondary.btn-arrow:hover:after,
.btn.btn-outline-secondary.btn-arrow:focus:after {background: var(--btn-2-text-color);}

.link-arrow {display:inline-flex; align-items: center;}
.link-arrow:after {content:''; display:inline-block; width:11px; height:6px; margin-left:20px; background: var(--link-color); 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; transition:var(--transition);}
.link-arrow:hover:after,
.link-arrow:focus:after {background: var(--link-color-active);}

.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;}
.row.row-wide {width: calc(100vw - 100px); max-width: 1240px; position: relative; left: 50%; transform: translateX(-50%);}

.bg-gray {background-color: var(--gray-100);}

.img-wide {width: calc(100vw - 100px); max-width: 1240px; 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(--red-500); border-radius: 2px; box-shadow: 0 0 0 4px rgba(215, 12, 56, 0.2); position: absolute; top: .75em; left: 10px; transform: translateY(-50%);}

.list-arrow {list-style: none; padding: 0;}
.list-arrow > li {padding-left: 20px; position: relative;}
.list-arrow > li:before {content:''; display:block; width:11px; height:6px; background: var(--link-color); 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: .75em; left: 0; transform: translateY(-50%);}

.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(--red-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%);}

.list-col-2 {column-count: 2; column-gap: 0.75rem;}

.table.technical-table {table-layout: fixed;}
.table.technical-table > tbody > tr > td {width: 10%; /*padding: 16px 10px;*/ 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 {/*width: 33.333333%;*/ 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: 50%;*/ 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: 16px 10px;*/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 (max-width:1199px) {
    .row.row-wide {width: calc(100vw - 1.5rem);}
    .img-wide {width: calc(100vw - 1.5rem);}
}

@media only screen and (max-width:1024px) {
    .list-col-2 {column-count: 1;}
}


@media only screen and (max-width:767px) {
    :root {
        --h1: clamp(2rem, 0.8943rem + 4.9140vw, 3.25rem); /*32px-52px*/
        --h1-lh: clamp(2.25rem, 0.8348rem + 6.2899vw, 3.85rem); /*36px-62px*/
        --h2: clamp(1.75rem, 0.9760rem + 3.4398vw, 2.625rem); /*28px-42px*/
        --h2-lh: clamp(2.25rem, 1.5866rem + 2.9484vw, 3rem); /*36px-48px*/
        --h3: clamp(1.375rem, 0.6010rem + 3.4398vw, 2.25rem); /*22px-36px*/
        --h3-lh: clamp(1.875rem, 1.1010rem + 3.4398vw, 2.75rem); /*30px-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;}
}