@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
/*@import url(pexels-travis-blessing-1363876.jpg);*/
@font-face {font-family: BAHNSCHRIFT; src: url(BAHNSCHRIFT.TTF);}
@font-face {font-family: Aptos; src: url(Aptos.ttf);}
@font-face {font-family: AptosI; src: url(Aptos-Serif-Italic.ttf);}
@font-face {font-family: Aileron; src: url(Aileron-Regular.otf);}

*{
    box-sizing: border-box;
}
.container{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

h1{
/*    font-size: 6rem;*/
    cursor: pointer;
}

.animation-bounce{
    animation-name: bounce;
    animation-duration: 1s;
}


@keyframes bounce{
    0%{
        transform: translateY(0);
    }
    30%{
        transform: translateY(-70px);
    }
    50%{
        transform: translateY(5px);
    }
    70%{
        transform: translateY(-25px);
    }
    80%{
        transform: translateY(2px);
    }
    90%{
        transform: translateY(-15px);
    }
    100%{
        transform: translateY(0);
    }
}



html {scroll-behavior: smooth;}

body { margin: 0;}

/* Override UGG site */
#main {width: 100%; padding:0;}
.content-asset p {margin:0 auto;}
.breadcrumb {display:none;}

/* Helpers */
/**************************/
.margin-top-10 {padding-top:10px;}
.margin-bot-10 {padding-bottom:10px;}

/* Typography */
/**************************/
#parallax-world-of-ugg h1 {font-family:'Lexend Deca'; font-size:45px; font-weight:400; color:white; padding:0; margin:0;color:#06486d;}
#parallax-world-of-ugg h2 {font-family:'Lexend Deca'; font-size:30px; letter-spacing:3px; text-align:left; color:#055061; font-weight:bold; z-index:10; opacity:1;}
#parallax-world-of-ugg h3 {font-family:'Lexend Deca'; font-size:26px; line-height:1.1;font-weight:400;letter-spacing:5px;color:white;margin-top:0px;}
/*#parallax-world-of-ugg p  {font-family:'LexendDeca'; font-size:18px; line-height:24px; color:#055061;}*/
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family:'Lexend Deca';}

.sc {color: #3b8595;}
.ny {color: #3d3c3a;}
.atw {color: #c48660;}
/* Page 1 */
/*========*/

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {
        color: white;
/*        padding: 60px;
        margin:0 auto;*/
        text-align:left;
        background-color: transparent;
        width: 33.5%;}
      
#parallax-world-of-ugg .titletext {padding-top:66%;}
                
#parallax-world-of-ugg .title h1 {font-size:55px;}
#parallax-world-of-ugg .logo {float:left;padding-bottom:2em;}

/* Menu */
/*======*/
/*#parallax-world-of-ugg .menu {width:12%;min-width:250px;margin-left:auto;top:40%;position: relative;line-height:1.3em;font-family:'LexendDeca'}*/
#parallax-world-of-ugg .menu {width: 14%;min-width: 300px;margin-left: auto;position: absolute;line-height: 1.3em;font-family:'Lexend Deca',sans-serif;bottom:0;right:1px;margin-bottom:2vh;}
#parallax-world-of-ugg .menu div {padding-bottom:1em;text-align:right;padding-right:1.5em;}
#parallax-world-of-ugg .menu a {text-decoration:none;color:white;font-size:calc(12px + 1.6vmin);line-height:0.6em;font-weight:400;}
#parallax-world-of-ugg .menu a:hover { font-weight:600; }

.grecaptcha-badge { 
    visibility: hidden !important;
}

/* Bounce */
/*========*/

#parallax-world-of-ugg .bounce {font-family:'Lexend Deca';text-align:center;font-size:2vamx;color:white;position:absolute;top:87%;margin-left:45%;}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background: white; width:100%; margin 0 auto;text-align:justify;}
#parallax-world-of-ugg .capblock  {background: white; width:40%; margin:auto;text-align:justify;}
#parallax-world-of-ugg .block h1 {color:black;padding-top:60px;}
#parallax-world-of-ugg .block h2 {color:black;padding-top:10px;}
#parallax-world-of-ugg .block h3 {color:black;padding-top:10px;}
#parallax-world-of-ugg .block p {color:black;padding-top:0.5em;padding-botom:0.5em;}

#parallax-world-of-ugg .pageabout {height:100%;padding-left:3em;}

#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/*
#parallax-world-of-ugg .capcol ul {font-size:1.5em;display:inline-block;text-align:left;}
#parallax-world-of-ugg .capcol div {text-align:center;}
#parallax-world-of-ugg .capcol h1 {text-align:center;margin-left:0px;}
#parallax-world-of-ugg .capcol h3 {text-align:center;padding-right:10px!important;}
#parallax-world-of-ugg .capcol h4 {font-size:1.5em;text-align:center;padding-right:10px!important;}
*/

#parallax-world-of-ugg .MTTtitle {width:10%;float:left;margin-left:5%;border:2px solid #b9e7f0;min-height:40%;margin-top:3%;}

#parallax-world-of-ugg .MTTtitle div {min-height:250px;padding-top:50%;padding-bottom:33%;padding-left:20%;color:#b9e7f0;font-size:2em;height:33%;font-family:Lexend Deca;    line-height: 1em;}

#parallax-world-of-ugg .PUBtitle {width:10%;float:left;margin-left:5%;border:2px solid #06486d;min-height:40%;margin-top:3%}
#parallax-world-of-ugg .PUBtitle div {min-height:250px;padding-top:50%;padding-bottom:33%;padding-left:20%;color:#06486d;font-size:2em;height:33%;font-family:Lexend Deca;    line-height: 1em;}

#parallax-world-of-ugg .MTTall {
	width:10%;
	float:left;
	margin-left:3%;
	background: linear-gradient(#06486d 0%,#06486d 60%,#14A5B4 60%);
	min-height:35%;
	padding:1em;
	text-align:center;
	margin-top:3%;
	min-width:132px;
	top:0;
	position:relative;
	position:relative;
	border-radius:25px;
	top:3px;}
	
#parallax-world-of-ugg .MTTallm {
	width:22%;
	float:left;
	margin-left:1.5%;
	background: linear-gradient(#06486d 0%,#06486d 50%,#14A5B4 50%);
	min-height:21%;
	padding:1em;
	text-align:center;
	margin-top:3%;
	min-width:132px;
	top:0;
	position:relative;
	position:relative;
	border-radius:25px;
	top:3px;}
/*#parallax-world-of-ugg .MTTeven {width:10%;float:left;margin-left:3%;background:white;min-height:40%;padding:1em;text-align:center;margin-top:3%;min-width:132px;top:0;position:relative;border: ridge #ccc 4px;transition:all 300ms linear;box-shadow: 8px 8px 2px 1px rgba(0, 0, 0,
#.2);position:relative;top:3px;}*/
#parallax-world-of-ugg .MTTeven h2 {font-weight:bold;font-size:1vw;margin-bottom:0px;text-align:center;font-family:Lexend Deca;}
#parallax-world-of-ugg .MTTeven p {font-size:1.1vw;padding-top:0px;margin-top:0.5vh;}
#parallax-world-of-ugg .MTTeven div {min-height:250px;width:100%;text-align:right;}
#parallax-world-of-ugg .MTTeven span {display: block;
    height: 1em;
    width: 1em;
    line-height: 1em;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 2.5em;
    font-weight:bold;
    border-radius: 1em;
    -moz-border-radius: 1em;
}

#parallax-world-of-ugg .peoplename {
	position:absolute;
	top:0%;
	left:0px;
	width:100%;
	clear:both;
	text-align:center !important;
	font-size:calc(2.5vmin);
	font-weight:bold;
	font-family:Lexend Deca;
	color:white;}
	
#parallax-world-of-ugg .mpeoplename {
	position:absolute;
	top:0%;
	left:0px;
	width:100%;
	clear:both;
	text-align:center !important;
	font-size:calc(1.5vmax);
	font-weight:bold;
	font-family:Lexend Deca;
	color:white;}	
#parallax-world-of-ugg .pubname {position:absolute;top:0%;left:0px;width:100%;clear:both;text-align:center !important;font-size:calc(20px + 0.2vw);font-weight:bold;font-family:Lexend Deca;;}
#parallax-world-of-ugg .peoplejob {padding-top:10%;top: 60%;position: absolute;left: 0px;width:100%;clear:both;text-align:center !important;font-size:calc(1.5vmin);font-family:Lexend Deca;}
#parallax-world-of-ugg .mpeoplejob {padding-top:10%;top: 50%;position: absolute;left: 0px;width:100%;clear:both;text-align:center !important;font-size:calc(1.2vmax);font-family:Lexend Deca;}
#parallax-world-of-ugg .pubjob {top: 60%;position: absolute;left: 0px;width:100%;clear:both;text-align:center !important;font-size:calc(12px + 0.3vw);font-family:Lexend Deca;}
#parallax-world-of-ugg .publink {width:45%;margin:2.5%;float:left;background-image: linear-gradient(to right, #995314,#69370A,#995314);color:white;padding:1em;font-family:Lexend Deca;font-size: 2.5vmin;text-align:center;}
#parallax-world-of-ugg .publinkm {width:45%;margin:2.5%;float:left;background-image: linear-gradient(to right, #995314,#69370A,#995314);color:white;padding:1em;font-family:Lexend Deca;font-size: 3.5vmin;text-align:center;}
#parallax-world-of-ugg .MTTodd {width:10%;float:left;margin-left:3%;background:#b9e7f0;min-height:40%;padding:1em;text-align:center;margin-top:3%;min-width:132px;top:0;position:relative;border: ridge #ccc 4px;transition:all 300ms linear;box-shadow: 8px 8px 2px 1px rgba(0, 0, 0, .2);position:relative;top:3px;}
#parallax-world-of-ugg .MTTodd h2 {font-weight:bold;font-size:1vw;text-align:center;margin-bottom: 0px;font-family:Lexend Deca;}
#parallax-world-of-ugg .MTTodd p {font-size:1.1vw;padding-top:0px;margin-top:0.5vh;}
#parallax-world-of-ugg .MTTeven div {min-height:250px;width:100%;text-align:right;}
#parallax-world-of-ugg .MTTodd:hover {box-shadow: 12px 12px 2px 1px rgba(0, 0, 0, .2);position:relative;top:-10px;}
#parallax-world-of-ugg .MTTeven:hover {box-shadow: 12px 12px 2px 1px rgba(0, 0, 0, .2);position:relative;top:-10px;}

#parallax-world-of-ugg .MTTodd span {display: block;
    height: 1em;
    width: 1em;
    line-height: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 2.5em;
    font-weight:bold;
}


#parallax-world-of-ugg .capcol {width:18%;float:left;margin-left:0.5%;padding-left:0.5%;padding-right:0.5%;margin-right:1%;}
#parallax-world-of-ugg .capcol h2 {margin-top:1vh;font-size: 1.3vw !important;text-align:left;font-weight:400;color:black;font-family:Lexend Deca;letter-spacing:0.5;margin-bottom:0.1em;}
#parallax-world-of-ugg .capcol h3 {font-size: 1.35vw !important;text-align:left;font-weight:400;color:black;font-family:Lexend Deca;letter-spacing:0.5;padding-bottom:1em;font-size:1.5em;}
#parallax-world-of-ugg .capcol ul {font-size: 1.1vw !important;font-weight:regular;font-famile:Lexend Deca;font-size:2.5vmin;line-height:1.4em;text-align:left;}
#parallax-world-of-ugg .capcol li {font-size: 1.1vw !important;font-weight:400;color:black;font-family:Lexend Deca;letter-spacing:0.5;font-size:0.9em;margin-top:0.4em;}
#parallax-world-of-ugg .capcol ul {}
#parallax-world-of-ugg .capbox {box-shadow: 3px 3px 3px gray;background: #D1DBE5;margin-top:1%;}

#parallax-world-of-ugg .capcolm {width:31%;float:left;margin-left:0.5%;padding-left:0.5%;padding-right:0.5%;margin-right:1%;}
#parallax-world-of-ugg .capcolm h2 {margin-top:1vh;font-size: 1.3vmax !important;text-align:left;font-weight:400;color:black;font-family:Lexend Deca;letter-spacing:0.5;margin-bottom:0.1em;}
#parallax-world-of-ugg .capcolm h3 {font-size: 1.35vmax !important;text-align:left;font-weight:400;color:black;font-family:Lexend Deca;letter-spacing:0.5;padding-bottom:1em;font-size:2vmax;}
#parallax-world-of-ugg .capcolm ul {font-size: 1.1vmax !important;font-weight:regular;font-famile:Lexend Deca;font-size:2.5vmax;line-height:1.4em;text-align:left;}
#parallax-world-of-ugg .capcolm li {font-size: 1.1vmax !important;font-weight:400;color:black;font-family:Lexend Deca;letter-spacing:0.5;font-size:2.5vmax;margin-top:0.4em;}
#parallax-world-of-ugg .capcolm ul {}
#parallax-world-of-ugg .capboxm {box-shadow: 3px 3px 3px gray;background: #D1DBE5;margin-top:1%;}


#parallax-world-of-ugg .capboxl {box-shadow: 3px 3px 3px gray;border:1px solid #06486d;;margin-top:1%;}
#parallax-world-of-ugg .contact {font-size: 1vw;width:100%;font-family:Lexend Deca;text-align:center;padding:0.8em 5em;background-color:black;color:white;float:left;}
#parallax-world-of-ugg .captitle {background:#06486d;border:2px solid #06486d;padding-bottom:1%;min-height:8.5vw;margin-bottom:1%;}
#parallax-world-of-ugg .captitle h2 {text-align:center;color:white;}

#parallax-world-of-ugg .captitlem {min-height:11em !important;background:#06486d;border:2px solid #06486d;padding-bottom:3%;min-height:8.5vw;margin-bottom:1%;}
#parallax-world-of-ugg .captitlem h2 {text-align:center;color:white;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {
	padding-top: 200px;
	padding-bottom: 200px;
	z-index:-1;
	overflow: hidden;
	position: absolute;
	top:0px;
	width: 100%;
	height:100%;
	background-image: url(freepik-export-20241014191428EgXc3-33.jpg);
	background-size: cover !important;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;}

#parallax-world-of-ugg .parallax-two {padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(home.png);
	background-attachment: fixed;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}

/* Media Queries */
/**************************/
/*@media screen and (max-width: 959px) and (min-width: 768px) {
//  #parallax-world-of-ugg .block {padding: 2vmax; width:620px;}
}
/*@media screen and (max-width: 767px) {
//  #parallax-world-of-ugg .block {padding: 30px; width:420px;}
//  #parallax-world-of-ugg h1 {font-size:60px;}
//  #parallax-world-of-ugg h2 {font-size:30px;}
//  #parallax-world-of-ugg .block {padding: 30px;}
//  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}
}*/
/*@media screen and (max-width: 479px) {
//  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
}*/
@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}
.square {
  width: 200px;
  height: 200px;
  // etc...
}

@media (prefers-reduced-motion: no-preference) {
  .square-animation {
    animation: wipe-enter 1s 1;
  }
}


.box {
/*  width: 20%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;*/
}

.button {
/*  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid blue;
  border-radius: 20px/50px;*/
  text-decoration: none; 
  color:black;
/*  cursor: pointer; 
  transition: all 0.3s ease-out;*/
}
.button:hover {
/*  background: blue;*/
}

.overlay {
  position: absolute;
  top: 200%;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  width:100%;
  background: rgba(50,50,50,0.8);
  height: 100%;
}
.overlay:target {
  visibility: visible;
}

.overlayMTT {
  position: absolute;
  top: 500%;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  width:100%;
  background: rgba(50,50,50,0.8);
  height: 100%;
  top:0;
}

.overlayMTT:target {
  visibility: visible;
}

.overlayCon {
  position: absolute;
  top: 700%;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  width:100%;
  background: rgba(50,50,50,0.8);
  height: 100%;
}
.overlayCon:target {
  visibility: visible;
}


.popup {
  margin: 70px auto;
  background: #fff;
  border-radius:5px;
  width: 50%;
  position: relative;
  transition: opacity 3s linear 1s;
  max-height:80vh;
  font-family:Lexend Deus;
  background:#b9e7f0;
}

.popup h2 {
  padding:2vmax !important;
  color: #333;
  border-radius:5px;
  font-family: Lexend Deca;
  background:#b9e7f0;
  margin-bottom:0px;
  font-size:1.5vmax !important;
  letter-spacing: 0.05em !important;
  text-align:center !important;
}

.popup h3 {
  margin-top:0px;
  margin-bottom:0px;
  padding:0 2vmax 0 2vmax !important;
  color: #333;
  border-radius:5px;
  font-family: Lexend Deca;
  background:#b9e7f0;
  margin-bottom:0px;
  font-size:1.25vmax !important;
  color:#06486d !important;
  letter-spacing: 0.05em !important;
  text-align:center;
}

.popup h4 {
  margin-bottom:2vmax !important;
  margin-top:1%;
  margin-bottom:0px;
  padding:0 2vmax 0 2vmax !important;
  color: #333;
  border-radius:5px;
  font-family: Lexend Deca;
  background:#b9e7f0;
  margin-bottom:0px;
  font-size:0.8vmax !important;
  color:#06486d !important;
  letter-spacing: 0.05em !important;
  font-weight:normal;
  text-align:center;
}

.popup p {
  font-size:1vmax;
  font-family: Lexend Deca;
  color:#06486d !important;
}

.popup .close {
  position: absolute;
  top:20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06486d;
}
.popup .content {
  padding:2vmax;
  max-height: 80%;
  overflow: auto;
  background:#b9e7f0;
  color:black;
  border-radius:5px;
  opacity:1;
  text-align:justify;
}

input {width:80%;
	height:3em;
	margin-bottom:2em;
	font-size:1vw;
	font-family:Lexend Deca;
}

textarea {width:80%;
	height:10vw;
	font-size:1vw;
	font-family:Lexend Deca;
}
label {
	font-size:1vw;
	font-family:Lexend Deca;
	line-height:2em;
}

@media (orientatin: portrait) {
  /* … */
parallax-world-of-ugg  .ethosbox {width:50%;}
}

 /* if desktop */
    .mobile {
        display: none;
    }


    /* if mobile device max width 380px */
    @media only screen and (orientation: portrait) {
        .mobile{display: block;}       
        .desktop {display: none;}
        #parallax-world-of-ugg {min-width: 122vw;}
        .parallax-one {min-width: 122vw;}
        .overlayMTT {min-width: 122vw;}
        .popup {width:80%;}
        .popup h2 {font-size:3vmax !important;}
        .popup h3 {font-size:2vmax !important;;}
        .popup h4 {font-size:1.3vmax !important;;}
    } 

    /* if mobile device max width 380px */
    @media only screen and (orientation: landscape) and (max-width: 1000px) {
        #parallax-world-of-ugg {min-width: 122vw;}
        .parallax-one {min-width: 122vw;}
    }