html {
    height: 100%;
    width: 100%;
}

body {
    font-family: 'Open Sans', serif;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}


.yowyob-app {

    display: block;
    position: absolute;
    box-sizing: content-box;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
}

.yowyob-app .rectangle6 {
    position: fixed;
    box-sizing: content-box;
    background-image: url(/images/rectangle6.png?a376380fe279e86fe720063cf84fd72b);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(112, 112, 112, 1);
    border-bottom-style: none;
    border-bottom-width: 1.00px;
    border-left-color: rgba(112, 112, 112, 1);
    border-left-style: none;
    border-left-width: 1.00px;
    border-right-color: rgba(112, 112, 112, 1);
    border-right-style: none;
    border-right-width: 1.00px;
    border-top-color: rgba(112, 112, 112, 1);
    box-shadow: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

}

.yowyob-app .logoblanc {
    position: absolute;
    box-sizing: content-box;
    display: none;
    transform: rotate(0.00deg);
    transform-origin: center;
    background-image: url(/images/logoblanc.png?2ff281a0ac7623206df7b76bfaf5e286);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    cursor: default;
    background-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(112, 112, 112, 1);
    border-bottom-style: none;
    border-bottom-width: 1.00px;
    border-left-color: rgba(112, 112, 112, 1);
    border-left-style: none;
    border-left-width: 1.00px;
    border-right-color: rgba(112, 112, 112, 1);
    border-right-style: none;
    border-right-width: 1.00px;
    border-top-color: rgba(112, 112, 112, 1);
    border-top-style: none;
    border-top-width: 1.00px;
    box-shadow: none;
    width: 186.00px;
    height: 220.00px;
    left: 53.00px;
    top: 15.00px;

}

.yowyob-app .trace4 {
    position: absolute;
    box-sizing: content-box;
    transform: rotate(0.00deg);
    transform-origin: center;
    opacity: 1;
    cursor: default;
    fill: rgba(255, 125, 75, 1);
    box-shadow: none;
    width: 400px;
    height: 652px;
    right: -30px;
    top: -50px;

}

.yowyob-app .desc {
    padding: 100px;
    position: relative;
    z-index: 2;
}

.yowyob-app .desc h2 {
    box-sizing: content-box;
    background-color: rgba(255, 255, 255, 0);
    text-align: left;
    letter-spacing: 0.00px;
    color: rgba(255, 125, 75, 1);
    -webkit-text-stroke: 1.00px rgba(0, 0, 0, 0);
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    font-family: 'Segoe UI', Arial;
    white-space: pre;

}


.yowyob-app .rectangle7 {
    position: absolute;
    box-sizing: content-box;
    transform: rotate(0.00deg);
    transform-origin: center;
    opacity: 1;
    cursor: default;
    background-color: rgba(138, 90, 72, 1);
    border-bottom-color: rgba(112, 112, 112, 1);
    border-bottom-style: none;
    border-bottom-width: 1.00px;
    border-left-color: rgba(112, 112, 112, 1);
    border-left-style: none;
    border-left-width: 1.00px;
    border-right-color: rgba(112, 112, 112, 1);
    border-right-style: none;
    border-right-width: 1.00px;
    border-top-color: rgba(112, 112, 112, 1);
    border-top-style: none;
    border-top-width: 1.00px;
    border-top-left-radius: 50.00px;
    border-top-right-radius: 50.00px;
    border-bottom-left-radius: 50.00px;
    border-bottom-right-radius: 50.00px;
    box-shadow: none;
    width: 331.00px;
    height: 83.00px;
    left: 128.00px;
    top: 767.00px;

}

.yowyob-app .trace6 {
    position: fixed;
    box-sizing: content-box;
    transform: rotate(0.00deg);
    transform-origin: center;
    opacity: 0.18000000715255737;
    cursor: default;
    fill: rgba(255, 125, 75, 1);
    box-shadow: none;
    width: 100%;
    height: 226.37px;
    left: -70.00px;
    bottom: -70px;

}

.yowyob-app .trace5 {
    position: fixed;
    fill: rgba(255, 125, 75, 1);
    width: 100%;
    height: 226.37px;
    left: -70.00px;
    bottom: -80px;

}

.yowyob-app .illustration2 {
    position: absolute;
    box-sizing: content-box;
    transform: rotate(0.00deg);
    transform-origin: center;
    background-image: url(/images/illustration2.png?3a1c4400b8078330954be2741760aa2e);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    cursor: default;
    background-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(112, 112, 112, 1);
    border-bottom-style: none;
    border-bottom-width: 1.00px;
    border-left-color: rgba(112, 112, 112, 1);
    border-left-style: none;
    border-left-width: 1.00px;
    border-right-color: rgba(112, 112, 112, 1);
    border-right-style: none;
    border-right-width: 1.00px;
    border-top-color: rgba(112, 112, 112, 1);
    border-top-style: none;
    border-top-width: 1.00px;
    box-shadow: none;
    width: 600.00px;
    height: 508.00px;
    right: 0;
    top: 195.00px;

}

.navbar-wrapper{
    z-index: 1000;
}

.yowyob-app .yyobpng {
    position: absolute;
    box-sizing: content-box;
    transform: rotate(0.00deg);
    transform-origin: center;
    background-image: url(/images/yyobpng.png?b5d5ab58d4ddcf03976e189ada7ab470);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    cursor: default;
    background-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(112, 112, 112, 1);
    border-bottom-style: none;
    border-bottom-width: 1.00px;
    border-left-color: rgba(112, 112, 112, 1);
    border-left-style: none;
    border-left-width: 1.00px;
    border-right-color: rgba(112, 112, 112, 1);
    border-right-style: none;
    border-right-width: 1.00px;
    border-top-color: rgba(112, 112, 112, 1);
    border-top-style: none;
    border-top-width: 1.00px;
    box-shadow: none;
    width: 108.00px;
    height: 117.00px;
    right: 0;
    top: 211.00px;

}

.yowyob-app .navbar {
    position: relative;
    width: 100%;
    padding: 10px 0;
}

.navbar, .dropdown-menu {
    background: transparent;
    border: none;

}

.nav > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a, .dropdown-menu > li {
    border-bottom: 3px solid transparent;
}

.nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    border-bottom: 3px solid transparent;
    background: none;
}

.navbar a, .dropdown-menu > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .navbar-toggle {
    color: #333;
}

.dropdown-menu {
    box-shadow: none;
}

.nav li:hover, .nav li.active {
    border-bottom: rgba(255, 125, 75, 1) 3px solid;
}


.navbar-toggle .icon-bar {
    color: #fff;
    background: #fff;
}

.nav li.auth-connect > a {
    background: #8A5A48;
    color: #FAFAFA;
    border-bottom: none;
    padding: 10px 20px;
    margin: 5px 0;
    border-radius: 20px;
    transition: background-color 1000ms linear;
}

.nav li.auth-connect:hover {
    border: none;
}

.nav li.auth-connect:hover a {
    background: #9e6955;
    transition: background-color 1000ms linear;
}

.btn-secondary {
    padding: 7px 20px;
    background: #8A5A48;
    color: #FFF;
    border-radius: 20px;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: #5e3f2f;
    color: #FFF !important;
    box-shadow:inset 0 0 0 1.1em #bdbdbd;
}

.mt-5 {
    margin-top: 20px;
}

.login-pg .checkbox input {
  margin-left: 0;
  margin-right: 20px;
}

.btn.btn-login {
  background-color: rgb(43, 51, 62);
  border-color: rgb(43, 51, 62);
  border-radius: 30px;
  padding: 8px 20px;
}

.btn.btn-register {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgb(43, 51, 62);
  border-radius: 30px;
  padding: 8px 20px;
  color: rgb(43, 51, 62);
}