/* @group Reset
------------------------------------ */
:root {
	/*Brand Colors */
	--white: rgba(255,255,255,1);
    --white-text: rgba(252, 252, 255,1);
    --white-title: rgb(251, 248, 239,1);
    --white-work: rgba(233, 233, 233,1);
    --white-bttn: rgba(244, 244, 244,1);
	--black: rgba(23, 23, 23, 1);
	--black-txt: rgba(52, 46, 46, 1);
    --services-title: rgba(102,102,102,1);
    --border-input: rgba(70, 70, 70,1);
    --error-input: rgba(169, 68, 66,1);
	--bttn-form: rgba(56, 47, 45,1);
	/*Fonts */
    --georgia-font: "utopia-std", sans-serif;
    --helvetica-font: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    --cta-font: "etica-display", sans-serif;
}
* { box-sizing: border-box; }
html,
body { height: auto; background: none var(--white); font-family: var(--helvetica-font); }
h1 { font: 400 normal 48px / 1em var(--georgia-font); }
h2 { font: 400 normal 56px / 1em var(--georgia-font); }
.bttn { color: var(--black); font: 900 normal 12px / 14px var(--cta-font); letter-spacing: 2px; border: solid 1px var(--black); background: none var(--white-text); text-transform: uppercase; padding: 16px 50px; display: inline-flex; justify-content: center; }
.bttn-black { background: none var(--black); color: var(--white-bttn); }

.txt-link { font-size: 14px; line-height: 24px; font-weight: 600; letter-spacing: 2px; display: inline-flex; align-items: center; }
.txt-link::after { content: ''; margin-left: 20px; background: url(../../img/arrow-right.svg) center center no-repeat; width: 17px; height: 16px; }

.video-box,
.img-box { overflow: hidden; position: relative; margin: 0; }
.img-box>img { object-fit: cover; object-position: center center; height: 100%; width: 100% !important; }
:is(.video-box, .img-box) video { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.outerAbsolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 3; }
.outerAbsolute .row { height: 100%; }
.outerAbsolute a,
.outerAbsolute .box { pointer-events: all; }
@media only screen 
and (min-width: 961px) {
    h1 { font-size: 80px; }
    h2 { font-size: 100px; line-height: 90px; }

    @media (hover: hover) {
        .bttn:hover { background: none #F4F4F4; }
        .bttn-black:hover { background: none #464646; } 
    }
}
/* @end */

/* @group Site Nav
------------------------------------ */
.site-nav { position: fixed; top: 0; width: 100%; background: none rgba(252, 252, 255, .9); z-index: 5; }
.site-nav .logo { max-width: 210px; display: block; }
.site-nav .logo img { height: auto; width: 100%; }
@media only screen 
and (min-width: 961px) {
    .site-nav .row { height: 80px; }
    .site-nav .col-36-18 { padding: 0 20px; }
    .site-nav .bttn { margin-left: 30px; }
}
@media only screen 
and (min-width: 961px)
and (max-width: 1220px)  {
    .site-nav .bttn { margin-left: 15px; padding: 16px 25px; }
}
@media only screen 
and (max-width: 960px) {
    .site-nav .logo { margin: 20px auto; }
    .site-nav .col-36-24 { padding: 0; display: flex; flex-wrap: wrap; }
    .site-nav .bttn { width: 50%; padding: 16px 0; }
    .site-nav .even:last-child { width: 100%; }
}
/* @end */

/* @group Site Footer
------------------------------------ */
.site-footer { background: var(--black); color: var(--white-text); padding: 47px 0 38px; }
.site-footer .logo img { height: auto; max-width: 167px; margin: 0 0 96px; }
.site-footer h4 { font: normal 400 18px / 1em var(--georgia-font); letter-spacing: 1px; color: var(--white-title); margin: 0 0 27px; }
.site-footer .social-networks { display: flex; flex-wrap: wrap; gap: 26px; align-items: center; }
.site-footer .social-networks a { max-width: 30px; }
.site-footer .social-networks img { height: auto; width: 100%; }
@media only screen 
and (min-width: 961px) {
    .site-footer { background: var(--black); color: var(--white-text); padding: 50px 0 40px; }
    .site-footer .logo img { max-width: 180px; margin: 0; }
    .site-footer h4 { margin: 0 0 20px; }
    .site-footer .social-networks { gap: 20px; }
}
@media only screen 
and (max-width: 960px) {
}
/* @end */