/* kristina-michaels.com, static rebuild. Matches the former WordPress/Divi page. */
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lato-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/lato-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:ETmodules;font-display:block;src:url(/fonts/etmodules.woff) format("woff")}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#666;font-family:Montserrat,Helvetica,Arial,Lucida,sans-serif;font-size:18px;font-weight:500;line-height:1.7em;-webkit-font-smoothing:antialiased}
img{border:0;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2{margin:0;padding:0 0 10px;font-weight:500;line-height:1em;color:#333;text-transform:uppercase}
p{margin:0;padding:0 0 1em}
p:last-of-type{padding-bottom:0}
ul{margin:0;padding:0;list-style:none}
#page{position:relative;overflow:hidden}

/* header */
#main-header{position:absolute;top:0;left:0;width:100%;height:80px;z-index:99999;background:rgba(31,29,112,.42)}
.header-in{position:relative;height:100%;padding:0 30px}
.logo-wrap{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 30px}
.logo-helper{display:inline-block;height:100%;vertical-align:middle;width:0}
#logo{display:inline-block;vertical-align:middle;width:auto;height:auto;max-height:95%;margin-left:5px}
#top-nav{float:right;padding-top:33px;position:relative;z-index:2;font-weight:600}
#top-menu{line-height:0}
#top-menu li{display:inline-block;font-size:14px;padding-right:22px}
#top-menu li:last-child{padding-right:0}
#top-menu a{display:block;position:relative;padding-bottom:33px;font-size:18px;font-weight:400;line-height:14px;color:#fff;text-transform:uppercase}
#top-menu a:hover{opacity:.7}
#mobile-nav{display:none}

/* layout */
.sec{position:relative}
.row{position:relative;width:80%;max-width:1080px;margin:0 auto;padding:27px 0}
.row::after{content:"";display:block;clear:both}
.col{float:left;margin-right:5.5%;position:relative;min-height:1px}
.col:last-child{margin-right:0}
.col-4-4{width:100%}
.col-2-3{width:64.8333%}
.col-1-3{width:29.6667%}
.col-3-5{width:57.8%}
.col-2-5{width:36.7%}
.col-1-2{width:47.25%}
.col-1-5{width:17.6%}
.col>*{margin-bottom:30px}
.col>*:last-child{margin-bottom:0}

/* section: hero */
.sec-hero{padding:calc(7% + 79px) 0 8.6%;background:linear-gradient(180deg,rgba(150,105,97,.67) 0%,rgba(2,0,76,.84) 100%),url(/img/bg-hero.webp) center/cover no-repeat}
.col-hero{padding-top:1px}
.promo{position:relative;text-align:left;color:#666}
.promo-hero{max-width:750px;margin-left:0;margin-right:auto;padding-right:15px;color:#fff}
.promo-hero h1{font-weight:700;font-size:80px;letter-spacing:2px;line-height:1.2em;color:#fff;text-shadow:0 .1em .6em rgba(0,0,0,.6)}
.promo-hero .promo-desc div{font-size:20px;line-height:1.8em}
.promo-hero .promo-desc p{padding-bottom:0}
.promo-desc{padding-bottom:20px}
.btn{display:inline-block;position:relative;padding:.3em 1em;border:2px solid transparent;border-radius:15px;background:#fa8029;color:#fff;font-family:inherit;font-size:20px;font-weight:600;line-height:1.7em;text-transform:uppercase;cursor:pointer;transition:letter-spacing 300ms ease 0ms}
.btn:hover{letter-spacing:2px}
.btn-light{font-weight:400}
.btn-sell{box-shadow:0 2px 18px 0 rgba(0,0,0,.3)}

/* dividers */
.divider{position:absolute;left:0;width:100%;height:100px;z-index:1;background-size:100% 100px;background-repeat:no-repeat;pointer-events:none}
.divider-bottom{bottom:0;background-image:url(/img/divider-bottom-white.svg)}
.divider-top{top:0;background-image:url(/img/divider-top-pale.svg)}
.sec-hero>.row,.sec-sell>.row,.sec-contact>.row{z-index:2}

/* section: activities */
.sec-activities{padding:57px 0 32px;background:linear-gradient(180deg,#fff 0%,#e8eefc 100%)}
.text-activities{text-align:center;font-weight:600;font-size:45px}
.img-wrap{display:inline-block;max-width:100%;vertical-align:top;line-height:0}
.img img{display:block;max-width:100%;height:auto}
.img-first,.img-third{margin-top:1px;text-align:left}
.img-second{margin-top:14px;text-align:left}
.img-first .img-wrap,.img-second .img-wrap,.img-third .img-wrap{box-shadow:0 2px 18px 0 rgba(0,0,0,.3)}
.promo-act{padding:4px 40px 40px}
.promo-act h2{font-size:26px;font-weight:700;line-height:1em}
.promo-flip{margin-top:53px}
.promo-rental{margin-top:45px;text-align:right}
.promo-buy{margin-top:59px}
.row-rental{margin-top:13px}

/* section: looking to sell (parallax) */
.sec-sell{padding:10% 0;color:#fff}
.parallax-wrap{position:absolute;inset:0;overflow:hidden}
.parallax-bg,.parallax-grad{position:absolute;inset:0;display:block}
.parallax-bg{background:url(/img/bg-sell.webp) center/cover no-repeat fixed}
.parallax-grad{background:linear-gradient(180deg,rgba(150,105,97,.67) 0%,rgba(2,0,76,.84) 100%)}
.row-sell{padding-left:10%;padding-right:10%;margin-top:2%;margin-bottom:2%}
.promo-sell{text-align:center;color:#fff}
.promo-sell h2{font-size:45px;font-weight:700;line-height:1em;color:#fff}
.promo-sell .promo-desc div{font-size:20px;line-height:1.4em}
.promo-sell .promo-desc{padding-bottom:20px}

/* section: about */
.sec-about{padding:57px 0 47px;background:linear-gradient(180deg,#fff 0%,#e8eefc 100%)}
.text{position:relative}
.text-trust{max-width:800px;margin-left:auto;margin-right:auto;text-align:center;color:#898f99;line-height:2em;font-family:Lato,Helvetica,Arial,Lucida,sans-serif}
.text-trust h2{font-family:Lato,Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:42px;line-height:1.5em}
.text-name{margin-top:33px}
.text-name h2{font-size:26px;font-weight:600;color:#03004b;text-align:center}
.text-bio{text-align:center}
.img-portrait{text-align:center}
.img-portrait .img-wrap{border-radius:22px;overflow:hidden;box-shadow:0 2px 18px 0 rgba(0,0,0,.3)}

/* section: contact */
.sec-contact{padding:5.7% 0 6.2%;background:linear-gradient(180deg,rgba(150,105,97,.67) 0%,rgba(2,0,76,.84) 100%),url(/img/bg-contact.webp) center top/cover no-repeat;color:#fff}
.row-talk{margin-top:33px;margin-bottom:0}
.promo-talk{max-width:750px;margin:0 auto;padding:0 0 0;text-align:center;color:#fff}
.promo-talk h2{font-family:Lato,Helvetica,Arial,Lucida,sans-serif;font-weight:900;font-size:48px;letter-spacing:2px;line-height:1.2em;color:#fff;text-shadow:0 .1em .6em rgba(0,0,0,.24)}
.promo-talk .promo-desc div{font-size:22px;line-height:1.8em}
.row-form{margin-top:-40px}
.row-form .col-1-5:first-child{margin-right:3.5%}

/* form (looks like the former Gravity Forms block) */
.gf-wrapper{background:rgba(3,0,75,.24);border-radius:10px;overflow:hidden;padding:30px;box-shadow:inset 0 0 18px 0 rgba(0,0,0,.3)}
.gf-fields{display:grid;grid-template-columns:100%;gap:16px 2%}
.gfield{border:0;margin:0;padding:0;min-width:0;position:relative}
.gf-hp{display:none}
.gf-label{display:inline-block;padding:0;margin-bottom:8px;font-size:16px;font-weight:600;color:#fff;text-align:left;float:none;width:auto}
legend.gf-label{float:left;width:100%}
legend.gf-label+*{clear:both}
.gf-req{padding-left:1.626px;line-height:inherit;font-size:13.008px;font-weight:400;font-style:italic;color:#e02b20}
.gf-complex{display:flex}
.gf-first{flex:1 1 auto;padding-right:1%}
.gf-sub{display:block;padding-top:5px;font-size:15px;font-weight:500;font-style:italic;color:#fff}
.gf-input input,.gf-first input,.gf-input textarea{display:inline-block;width:100%;margin:5px 0 25px;padding:10px 8%;border:1px solid #bbb;border-radius:0;background:rgba(147,112,131,.35);color:#fff;font-family:inherit;font-size:15px;font-weight:400;text-align:left;box-shadow:0 2px 3px 0 rgba(0,0,0,.3)}
.gf-input input:focus,.gf-first input:focus,.gf-input textarea:focus{outline:0;border-color:#fff}
.gf-first input{margin-bottom:25px}
.gf-input textarea{height:288px;resize:vertical;line-height:normal}
.gf-counter{padding-top:13px;font-size:15px;font-weight:500;color:#767676}
.gf-footer{display:flex;justify-content:center;margin-top:6px;padding:16px 0}
.btn-submit{margin-bottom:8px;border-color:#fa8029;border-radius:18px;background:#fa8028;box-shadow:0 2px 18px 0 rgba(0,0,0,.3);transition:color 300ms ease 0ms,background-color 300ms ease 0ms,letter-spacing 300ms ease 0ms}
.btn-submit:hover{color:#fa8028;background:#fff}
.btn-submit[disabled]{opacity:.7;cursor:default}
.gf-status{margin:0;padding:0;color:#fff;font-size:16px;line-height:1.5em;text-align:center}
.gf-status:empty{display:none}
.gf-status.err{color:#ffd1cc}
.gf-sent{padding:0;text-align:left;font-size:16px}

/* footer */
#footer-bottom{background:linear-gradient(rgba(3,0,75,.74),rgba(3,0,75,.74)),#222;padding:15px 0 5px;color:#fff}
.footer-in{width:80%;max-width:1080px;margin:0 auto}
.footer-in::after{content:"";display:block;clear:both}
#footer-info{float:left;padding-bottom:10px;color:#fff}

/* fold-in animation (was Divi "fold", once) */
.fold{opacity:0}
.fold.in{animation:fold-in 1s ease-in-out both}
@keyframes fold-in{from{opacity:0;transform:perspective(900px) rotateY(var(--fold,-14.4deg))}to{opacity:1;transform:none}}
.promo-hero.fold{--fold:-14.4deg}
.promo-talk.fold{--fold:-45deg}
.no-js .fold,.reduce .fold{opacity:1}

/* back to top */
.scroll-top{position:fixed;z-index:99999;right:0;bottom:125px;display:none;width:40px;height:40px;margin:0;padding:5px;border:0;border-radius:5px 0 0 5px;background:rgba(0,0,0,.4);color:#fff;font-family:ETmodules;font-size:30px;line-height:30px;text-align:center;cursor:pointer;opacity:0}
.scroll-top::before{content:"2"}
.scroll-top.show{display:block;opacity:1;animation:st-in 1s 1 cubic-bezier(.77,0,.175,1)}
@keyframes st-in{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}

/* tablet and phone */
@media (max-width:980px){
  #top-menu-nav,#top-menu{display:none}
  #logo{max-height:54%;max-width:50%}
  .header-in{padding:0 10%}
  #main-header{height:124px}
  .logo-wrap{height:76px;text-align:center}
  #logo{margin-left:0}
  #top-nav{position:absolute;left:0;top:70px;width:100%;float:none;padding:0;text-align:center}
  #mobile-nav{display:block;float:none}
  .mobile-nav{position:relative}
  .select-page{display:none}
  .mobile-menu-bar{display:block;position:relative;margin:0 auto!important;width:32px;height:56px;margin:0;padding:0 0 24px;border:0;background:none;line-height:32px;cursor:pointer;color:#35336f;font-family:ETmodules;font-size:32px;font-weight:400;font-style:normal;text-transform:none;-webkit-font-smoothing:antialiased}
  .mobile-menu-bar::before{content:"a";position:relative;top:2px;font-family:ETmodules;line-height:1}
  .mobile-nav{position:static}
  .mobile-menu{display:none;position:absolute;left:10%;top:124px;width:80%;padding:4%;z-index:9999;background:rgba(31,29,112,.42);border-top:3px solid #35336f;box-shadow:0 2px 5px rgba(0,0,0,.1)}
  .mobile-nav.opened .mobile-menu{display:block}
  .mobile-menu a{display:block;padding:10px 5%;border-bottom:1px solid rgba(0,0,0,.03);color:#fff;font-size:14px;font-weight:600;line-height:23px}
  .row{padding:30px 0}
  .col,.col-1-2,.col-2-3,.col-1-3,.col-3-5,.col-2-5{width:100%;margin-right:0;margin-bottom:30px}
  .col:last-child{margin-bottom:0}
  .row .col-2-5{margin-bottom:10px}
  .sec-hero{padding-top:calc(7% + 123px)}
  .promo-act{padding:0 0 10px;text-align:center}
  .promo-flip,.promo-rental,.promo-buy{margin-top:0}
  .promo-act .btn-wrap{text-align:center}
  .img-first,.img-second,.img-third{margin-top:0;text-align:center}
  .row-rental{display:flex;flex-direction:column}
  .row-rental .col.col-2-5{order:-1;margin-bottom:10px!important}
  .row-rental .col-3-5{margin-bottom:0}
  .col-empty{display:none}
  .row .col:last-child{margin-bottom:0}
  .promo-hero{padding-right:115px}
  .promo-hero h1{font-size:46px}
  .promo-sell h2{font-size:38px}
  .row-sell{padding-left:8%;padding-right:8%;margin-top:8%;margin-bottom:8%}
  .promo-talk h2{font-size:40px}
  .promo-talk{margin-top:40px}
  .row-form{margin-top:-50px}
  .logo-wrap{padding:0 10%}
  #footer-bottom{padding-bottom:10px}
  #footer-info{float:none;width:100%}
  .parallax-bg{background-attachment:scroll}
}
@media (max-width:767px){
  .promo-hero{padding-right:10px}
  .promo-sell h2{font-size:39px}
  .row-sell{padding-left:0;padding-right:0;margin-top:15%;margin-bottom:15%}
}
@media (max-width:640px){
  .gf-input input,.gf-first input{line-height:30px}
  .gf-complex{margin-bottom:7px}
}
@media (prefers-reduced-motion:reduce){.fold{opacity:1;animation:none!important}}