:root {
    --text-color: #F3F3F3;
    --heading-color: #F3F3F3;

    --white-1: #F3F3F3;
    --white-2: #EFEFEF;
    --white-3: #E4E4E4;

    --gray-1: #676767;
    --gray-2: #353535;
    --gray-3: #323231;
    --gray-4: #232321;
    --gray-5: #535353;
    --gray-6: #BCBDBF;
    --gray-7: #969696;
    --gray-8: #4D4D4D;

    --beige-1: #F4E5D7;
    --beige-2: #DDD7D1;

    /*container*/
    --container-padding: 0 15px;
    --container-wide-xl-width: 1330px;
    --container-narrow-width: 890px;
    /*container end*/

    /*header*/
    --header-height: 100px;
    --header-height-scrolled: 60px;
    /*header end*/

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

    /*buttons*/
    --btn-text: 12px;
    --btn-text-lh: 22px;
    --btn-weight: 600;
    --btn-bg: var(--gray-3);
    --btn-bg-active: var(--gray-5);
    --btn-text-color: var(--white-2);
    --btn-text-color-active: var(--white-2);
    --btn-secondary-bg: var(--white-3);
    --btn-secondary-bg-active: var(--gray-1);
    --btn-secondary-text-color: var(--gray-5);
    --btn-secondary-text-color-active: var(--white-1);
    --btn-padding: 11px 30px;
    --btn-radius: var(--radius);
    --btn-border-size: 0;
    /*buttons end*/

    /*form*/
    --form-input-size: 14px;
    --form-input-weight: 500;
    --form-input-color: var(--white-3);
    --form-input-placeholder-color: var(--gray-7);
    --form-input-margin: 0 0 12px;
    --form-input-padding: 1rem;
    --form-input-radius: var(--radius);
    --form-input-border-size: 1px;
    --form-input-border-color: var(--gray-8);
    --form-input-border-color-active: var(--beige-1);
    --form-input-background: inherit;
    
    --form-label-display: none;
    --form-label-size: 1rem;
    --form-label-weight: 400;
    --form-label-color: var(--beige-1);
    --form-label-margin: 0 0 .75rem;

    --form-checkbox-size: .75rem;
    --form-checkbox-weight: 400;
    --form-checkbox-color: var(--gray-1);
    --form-checkbox-check-color: var(--gray-1);
    --form-checkbox-check-size: 1rem;
    --form-checkbox-check-gap: .75rem;
    --form-checkbox-check-radius: var(--radius);
    --form-checkbox-check-background: transparent;
    --form-checkbox-check-background-active: var(--beige-1);
    --form-checkbox-check-border-size: 1px;
    --form-checkbox-check-border-color: var(--gray-1);
    --form-checkbox-check-border-color-color: var(--beige-1);
    /*form end*/
}

body {background: var(--gray-2);font-family:"Taviraj", serif;font-style:normal;font-weight:300;color:var(--text-color); font-size:16px; line-height:1.6; letter-spacing: .02em;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family:"Taviraj", serif; margin-bottom:30px;color:var(--heading-color);font-weight:300;}

h1, .h1 {font-size:48px; color:var(--white-1);font-weight:300;margin-bottom:30px;line-height:1.1}

a {color: var(--beige-1); transition: var(--transition); text-decoration:none;}
a:hover {text-decoration:none !important;color:var(--white-1);}
img {display:inline-block;max-width:100%;height:auto;}
video {display:inline-block;max-width:100%;height:auto;}
p {margin-bottom:30px;}
table {margin-bottom:30px;}
th, td {padding:5px 8px;}
ul, ol {margin:0 0 30px 0;padding-left:20px;}
li {padding:2px 0 2px 5px;}

/*
.form-control {border-radius:3px;height:55px;font-size:13px;padding:0 15px;}
textarea.form-control {padding:17px 15px;min-height:150px;}
*/

/*buttons*/
.btn {padding: var(--btn-padding); font-family: "Plus Jakarta Sans", system-ui; font-size: var(--btn-text); line-height: var(--btn-text-lh); font-weight: var(--btn-weight); color: var(--link-color); text-transform: uppercase; box-shadow: none !important; border-radius: var(--btn-radius);}
.btn:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {color: var(--link-color-active);}
.btn.btn-wide {display: block;}

.btn.btn-primary {background: var(--btn-bg); border: none; color: var(--btn-text-color);}
.btn.btn-primary:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-bg-active); color: var(--btn-text-color-active);}

.btn.btn-secondary {background: var(--btn-secondary-bg); border: none; color: var(--btn-secondary-text-color);}
.btn.btn-secondary:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-secondary-bg-active);  color: var(--btn-secondary-text-color-active);}

.btn.btn-outline-primary {border: var(--btn-border-size) solid var(--btn-bg); color: var(--btn-bg);}
.btn.btn-outline-primary:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-bg-active); border-color: var(--btn-bg-active); color: var(--btn-text-color-active);}

.btn.btn-outline-secondary {border: var(--btn-border-size) solid var(--btn-secondary-bg); color: var(--btn-secondary-bg);}
.btn.btn-outline-secondary:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-secondary-bg-active); border-color :var(--btn-secondary-bg-active); color: var(--btn-secondary-text-color-active);}

.btn.btn-primary.btn-reverse {background: var(--btn-bg-active); color: var(--btn-text-color-active);}
.btn.btn-primary.btn-reverse:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-bg); color: var(--btn-text-color);}

.btn.btn-secondary.btn-reverse {background: var(--btn-secondary-bg-active);  color: var(--btn-secondary-text-color-active);}
.btn.btn-secondary.btn-reverse:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-secondary-bg); color: var(--btn-secondary-text-color);}

.btn.btn-outline-primary.btn-reverse {border: var(--btn-border-size) solid var(--btn-bg-active); color: var(--btn-bg-active);}
.btn.btn-outline-primary.btn-reverse:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-bg); border-color: var(--btn-bg); color: var(--btn-text-color);}

.btn.btn-outline-secondary.btn-reverse {border: var(--btn-border-size) solid var(--btn-secondary-bg-active); color: var(--btn-secondary-bg-active);}
.btn.btn-outline-secondary.btn-reverse:is(.active, :hover, :focus, :active):not(:disabled):not(.disabled) {background: var(--btn-secondary-bg); border-color :var(--btn-secondary-bg); color: var(--btn-secondary-text-color);}

.btn.btn-arrow,
.btn.btn-arrow-back,
.btn.btn-hamburger {display: inline-flex; justify-content: space-between; align-items: center; gap: .75rem;}
.btn.btn-arrow:after,
.btn.btn-arrow-back:before {content: ''; display: inline-block; width: var(--btn-text); height: var(--btn-text); 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);}
.btn.btn-arrow-back:before {transform: scaleX(-1);}
.btn.btn-hamburger:after {content: ''; display: inline-block; width: .75rem; height: .75rem; background: var(--link-color); mask-image: url('../images/hamburger.svg'); -webkit-mask-image: url('../images/hamburger.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:is(.active, :hover, :focus):after,
.btn.btn-arrow-back:is(.active, :hover, :focus):after,
.btn.btn-hamburger:is(.active, :hover, :focus):after, {background: var(--link-color-active);}

.btn.btn-primary.btn-arrow:after,
.btn.btn-primary.btn-arrow-back:before,
.btn.btn-primary.btn-hamburger:after {background: var(--btn-text-color);}
.btn.btn-primary.btn-arrow:is(.active, :hover, :focus):after,
.btn.btn-primary.btn-arrow-back:is(.active, :hover, :focus):before,
.btn.btn-primary.btn-hamburger:is(.active, :hover, :focus):after {background: var(--btn-text-color-active);}

.btn.btn-secondary.btn-arrow:after,
.btn.btn-secondary.btn-arrow-back:before,
.btn.btn-secondary.btn-hamburger:after {background: var(--btn-secondary-text-color);}
.btn.btn-secondary.btn-arrow:is(.active, :hover, :focus):after,
.btn.btn-secondary.btn-arrow-back:is(.active, :hover, :focus):before,
.btn.btn-secondary.btn-hamburger:is(.active, :hover, :focus):after {background: var(--btn-secondary-text-color-active);}

.btn.btn-outline-primary.btn-arrow:after,
.btn.btn-outline-primary.btn-arrow-back:before,
.btn.btn-outline-primary.btn-hamburger:after {background: var(--btn-bg);}
.btn.btn-outline-primary.btn-arrow:is(.active, :hover, :focus):after,
.btn.btn-outline-primary.btn-arrow-back:is(.active, :hover, :focus):before,
.btn.btn-outline-primary.btn-hamburger:is(.active, :hover, :focus):after {background: var(--btn-text-color-active);}

.btn.btn-outline-secondary.btn-arrow:after,
.btn.btn-outline-secondary.btn-arrow-back:before,
.btn.btn-outline-secondary.btn-hamburger:after {background: var(--btn-secondary-bg);}
.btn.btn-outline-secondary.btn-arrow:is(.active, :hover, :focus):after,
.btn.btn-outline-secondary.btn-arrow-back:is(.active, :hover, :focus):before,
.btn.btn-outline-secondary.btn-hamburger:is(.active, :hover, :focus):after {background: var(--btn-secondary-text-color-active);}
/*buttons end*/

.headline-secondary {font-family: "Plus Jakarta Sans", system-ui; font-size:12px; color:var(--beige-1); font-weight:500; line-height:1.2; letter-spacing: .19em; text-transform: uppercase; margin-bottom:40px;}
.headline-underlined:after {width:59px;height:3px;background-color:#cecece;content:"";display:block;margin-top:30px;}
.headline-underlined.text-center:after {margin:30px auto 0;}
.headline-narrow {width:550px;margin-left:auto;margin-right:auto;max-width:100%}

ul.list-check-separated {list-style:none;margin-left:0;padding-left:0;}
ul.list-check-separated > li {position:relative;border-bottom:1px solid #ebebeb;padding:16px 0 16px 35px;}
ul.list-check-separated > li:before {content:"";display:block;width:12px;height:8px;position:absolute;left:5px;top:25px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAG1BMVEUAAAAdiO0diO0diO0diO0diO0diO0diO0diO37jOkqAAAACXRSTlMA9p2pkIK1i37AZalWAAAALElEQVQI12MAgzIwySLEYAGkHBUYDANAHAZmUSAHKGIYAuQAuYIKYHVGQAwAXlADMz/T6q4AAAAASUVORK5CYII=');}
/*
.paragraph-with-email,
.paragraph-with-address,
.paragraph-with-phone {padding-left:50px;position:relative;font-size:19px;font-weight:500;text-align:left;}
.paragraph-with-email:before,
.paragraph-with-address:before,
.paragraph-with-phone:before {display:block;content:"";position:absolute;left:0;top:-5px;width:35px;height:42px;background-repeat:no-repeat;background-size:contain;background-position:center center}
.paragraph-with-email:before {background-image:url('../images/ico-email.svg')}
.paragraph-with-address:before {background-image:url('../images/ico-location-pin.svg')}
.paragraph-with-phone:before {background-image:url('../images/ico-phone.svg')}
*/
.paragraph-with-address,
.paragraph-with-email,
.paragraph-with-phone {display: flex; gap: 10px; font-size: 18px; }
:is(.paragraph-with-address, .paragraph-with-email, .paragraph-with-phone):before {content:''; display: inline-block; flex: 0 0 28px; width: 28px; height: 28px; background: var(--beige-1); mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain;}
.paragraph-with-address:before {mask-image: url('../images/mail.svg'); -webkit-mask-image: url('../images/mail.svg');}
.paragraph-with-email:before {mask-image: url('../images/mail.svg'); -webkit-mask-image: url('../images/mail.svg');}
.paragraph-with-phone:before {mask-image: url('../images/phone.svg'); -webkit-mask-image: url('../images/phone.svg');}

.paragraph-with-address strong,
.paragraph-with-email strong,
.paragraph-with-phone strong {color: var(--gray-7);}

.paragraph-with-address a,
.paragraph-with-email a,
.paragraph-with-phone a {color: var(--white-1);}
.paragraph-with-address a:is(:hover, :focus),
.paragraph-with-email a:is(:hover, :focus),
.paragraph-with-phone a:is(:hover, :focus) {color: var(--beige-1);}

.color-reversed h1,
.color-reversed .h1 {color:#fff; }
.color-reversed p {color:#fff;}
.color-reversed .paragraph-with-email:before {background-image:url('../images/ico-email-gray.svg')}
.color-reversed .paragraph-with-address:before {background-image:url('../images/ico-location-pin-gray.svg')}
.color-reversed .paragraph-with-phone:before {background-image:url('../images/ico-phone-gray.svg')}

blockquote,
blockquote p {color:#1d88ed;font-size:16px;font-style:italic;}
blockquote {padding-left:50px;position:relative;}
blockquote:before {content:"\f10d";display:block;width:23px;height:23px;position:absolute;left:0;top:6px;font-family:"Font Awesome 5 Free";font-weight:bold;text-align:center;line-height:23px;font-size:23px;color:#d6d6d6;}

table {border-collapse:collapse;}
table td {vertical-align:top;text-align:left;border:1px solid #ddd;}

.alert {border-radius: var(--radius); font-family: "Plus Jakarta Sans", system-ui; /*font-size:12px;*/ font-weight: 500; /*line-height: 20px;*/}
.alert .close {}

p.lead {font-size:28px;color:var(--heading-color); font-weight:300; line-height:38px;}

@media only screen and (min-width:1024px) {
    .row.row-wide {width: var(--container-wide-xl-width); max-width: 100vw; margin-left: 0; margin-right: 0; position: relative; left: 50%; transform: translateX(-50%);}
}

/*margin*/
.mt-100 {margin-top:100px !important;}
.mb-90 {margin-bottom:100px !important;}
.mt-90 {margin-top:90px !important;}
.mb-100 {margin-bottom:90px !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;}
/*margin end*/

/*padding*/
.pt-100 {padding-top:100px !important;}
.pb-100 {padding-bottom:100px !important;}
.pt-90 {padding-top:90px !important;}
.pb-90 {padding-bottom:90px !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;}
/*padding end*/

@media only screen and (max-width:1024px) {
    :root {
        /*header*/
        --header-height: 60px;
        --header-height-scrolled: 60px;
        /*header end*/
    }
    
    .btn.btn-primary {padding:12px 30px;}
    h1, .h1 {font-size:30px;}
}

@media only screen and (max-width:900px) {
    h1, .h1 {font-size:27px;}
    .headline-underlined.text-center:after {margin:10px auto 0;}
}

@media only screen and (max-width:787px) {
    .h1 {text-align:center;}
    .headline-underlined:after {margin:10px auto 0;}
}

/*breakpoint SM*/
@media only screen and (max-width: 767px) {
    /*margin*/
    .mt-100 {margin-top:60px !important;}
    .mb-100 {margin-bottom:60px !important;}
    .mt-90 {margin-top:60px !important;}
    .mb-90 {margin-bottom:60px !important;}
    /*margin end*/

    /*padding*/
    .pt-100 {padding-top:60px !important;}
    .pb-100 {padding-bottom:60px !important;}
    .pt-90 {padding-top:60px !important;}
    .pb-90 {padding-bottom:60px !important;}
    /*padding end*/
}
/*breakpoint SM end*/

@media only screen and (max-width:425px) {
    h1, .h1 {font-size: 24px;}
    /*
    .paragraph-with-email,
    .paragraph-with-address,
    .paragraph-with-phone {font-size:15px;padding-left:38px;}
    .paragraph-with-email:before,
    .paragraph-with-address:before,
    .paragraph-with-phone:before {top:50%;width:27px;height:30px;transform:translateY(-50%);}
    */

    .paragraph-with-email,
    .paragraph-with-address,
    .paragraph-with-phone {font-size:15px;}
}