/* ++++++++++++++++  BEGIN CUSTOM CSS   ++++++++++++++  */

/* HTML ELEMENT SETTINGS */
/* Select */
html {
position:relative;
background:white;
background-image: url("../images/bg/sky2.jpg");
background-attachment:fixed;
background-position:center top;
background-repeat:repeat;
height:100vh;
min-height:100%;
width: 100%;
padding-top: 0px;
overflow: visible;
}

body, #hw-body, #body-home, #body-page, #body-custom, #body-item, #body-item-send-friend, #body-item-post, #body-item-edit, #body-item-contact, #body-contact, #body-search, #body-user-items, #body-user-profile, #body-user-public-profile, #body-user-alerts, #body-user-register, #body-user-recover, #body-user-login, #body-user-dashboard, #body-user-forgot-password, #body-user-custom, #body-user-alerts, #body-user- {
background: 0;
background-color: transparent;
padding: 0;
    height:100vh;
min-height:100%;
width: 100%;
    margin: 0px;
}

/* Clear floats after the columns */

scroll::after {
    background-color: rgba(255, 255, 255, 0.0);
    content: "";
    display: table;
    min-height: 0px;
    clear: both;
}

sol {
    position: relative;
    display: block;
    background: 0;
    background-color: rgba(255, 255, 255, 0.0);
    height:auto;
    width: 100%;
    max-width: 1200px;
    min-width: 300px;
    padding: 0px 0px;
    margin: 0px auto;
    text-align: center;
    clear: both;
    overflow: visible;
}

cell {
    display: inline;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 100%;
    min-width: 80px;
    clear: none;
}

block {
    padding: 0px 0px;
    margin: 0px 0px;
    width: 100%;
    min-width: 120px;
}

nav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
nav a:hover {
  background-color: rgba(255, 139, 139, 0.99);
  color: black;
}

main {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: rgba(255, 255, 255, 0.33);
    overflow: visible;
}

head-gap {
    clear: both;
    height: 177px;
    min-height: 177px;
    content: "";
    display: table;
    clear: both;
}

big-beautiful-button, big-beautiful-button-be {
    display: block;
    text-align: center;
    margin: 33px 0px;
    padding: 33px 33px;
    border-bottom-left-radius: 17px 50%;
    border-bottom-right-radius: 17px 50%;
    border-top-left-radius: 17px 50%;
    border-top-right-radius: 17px 50%;
    border: 3px solid ghostwhite;
    box-shadow: 0px -33px 33px 1px rgba(255, 217, 0, .33), 0px 33px 33px 1px rgba(255, 255, 255, .88), 0px -25px 25px 1px rgba(255, 255, 255, .55), 0px 0px 11px 3px white, inset 0px 0px 33px 0px rgba(255, 217, 0, .44);
    text-decoration: none;
}

big-beautiful-button > a {
    display: block;
    background-color: rgba(68, 72, 236, 0.55);
    color: ghostwhite;
    text-align: center;
    margin: 33px auto 33px auto;
    padding: 33px 25px;
    line-height: 33px;
    font-size: 33px;
    border-bottom-left-radius: 17px 50%;
    border-bottom-right-radius: 17px 50%;
    border-top-left-radius: 17px 50%;
    border-top-right-radius: 17px 50%;
    border: 3px solid ghostwhite;
    box-shadow: 0px 0px 11px 3px rgba(68, 72, 236, 0.55), inset 0px 0px 33px 0px white;
    text-decoration: none;
}

big-beautiful-button-be > a {
    display: block;
    background-color: rgba(255, 0, 33, 0.55);
    color: ghostwhite;
    text-align: center;
    margin: 33px auto 33px auto;
    padding: 33px 25px;
    line-height: 33px;
    font-size: 33px;
    border-bottom-left-radius: 17px 50%;
    border-bottom-right-radius: 17px 50%;
    border-top-left-radius: 17px 50%;
    border-top-right-radius: 17px 50%;
    border: 3px solid ghostwhite;
    box-shadow: 0px 0px 11px 3px rgba(255, 0, 33, 0.55), inset 0px 0px 33px 0px white;
    text-decoration: none;
}

big-beautiful-button > a:hover, big-beautiful-button-be > a:hover {
    display: block;
    background-color: rgba(127, 0, 255, 0.55);
    color: ghostwhite;
    text-align: center;
    margin: 33px auto 33px auto;
    padding: 33px 25px;
    line-height: 33px;
    font-size: 33px;
    border-bottom-left-radius: 17px 50%;
    border-bottom-right-radius: 17px 50%;
    border-top-left-radius: 17px 50%;
    border-top-right-radius: 17px 50%;
    border: 3px solid ghostwhite;
    box-shadow: 0px 0px 22px 3px violet, inset 0px 0px 33px 0px white;
    text-decoration: none;
}

trump-shaft {
    display: block;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .33);
    background-image: linear-gradient(rgba(255, 217, 0, .33), white, white, rgba(255, 217, 0, .33));
    width: 100%;
    height: 33px;
    border-bottom-left-radius: 17px 50%;
    border-bottom-right-radius: 17px 50%;
    border-top-left-radius: 17px 50%;
    border-top-right-radius: 17px 50%;
    padding: 7px 0px;
    margin: 0px 0px ;
    font-size: 16px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-weight: 500;
    color: #3399ff;
    border: 17px rgba(255, 217, 0, .33) solid;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    text-align: left;
    box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 1), 0px 0px 7px 0px goldenrod, inset 0px 0px 11px 3px rgba(0, 0, 111, 0.11);
}
/* 1st Main Row Boxes */
.hw-tile-left {
    position: relative;
    float: left;
    background:0;
    width: 30%;
    min-width: 310px;
    padding: 0px 0px;
    margin: 0px;
    
}

.hw-tile-middle {
    position: relative;
    float: right;
    background:0;
    width: 40%;
    min-width: 340px;
    padding: 0px 0px;
    margin: 0px;
}

.hw-tile-right {
    position: relative;
    float: right;
    background:0;
    width: 30%;
    min-width: 310px;
    padding: 0px 0px;
    margin: 0px;
}

arm-left {
    position: relative;
    float: left;
    width: 30%;
    padding: 0px 0px;
    margin: 0% 0% 0% 0%;
    text-align: center;
}

arm-right {
    position: relative;
    float: right;
    width: 30%;
    padding: 0px 0px;
    margin: 0% 0% 0% 0%;
    text-align: center;
}

arm-skin {
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .88) 38%, #fbf5b7, #FDE08D, transparent, #FDE08D, #fbf5b7, rgba(255, 255, 255, .88) 62%, transparent);
    background-color: rgba(255, 255, 255, 0.0);
    display: inline-block;
    position: relative;
    top: 0px;
    width: 300px;
    padding: 0px 0px;
    margin: 0% auto;
    margin-top: 0px;
    text-align: center;
}

chest-middle {
    background:0;
    width: 33%;
    padding: 0px 0px;
    margin: 0% 0%;
    text-align: center;
}

chest-skin-top {
    display: inline-block;
    position: relative;
    background:0;
    max-width: 420px;
    min-width: 340px;
    padding: 0px 0px;
    margin: 0% auto;
    text-align: center;
}

chest-skin {
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .88) 38%, #fbf5b7, #FDE08D, transparent, #FDE08D, #fbf5b7, rgba(255, 255, 255, .88) 62%, transparent);
    background-color: rgba(255, 255, 255, 0.0);
    display: inline-block;
    position: relative;
    max-width: 420px;
    min-width: 340px;
    padding: 0px 0px;
    margin: 0% auto;
    text-align: center;
}

/* 2nd Main Row Boxes */

hip-left {   
    display: inline-block;
    float: left;
    width: 70%;
    padding: 0px 0px;
    margin: 0% 0% 0% 0%;
    text-align: center;
}

hip-right {
    float: right;
    padding: 0px 0px;
    width: 30%;
    min-width: 300px;
    text-align: center;
}

/* 3rd Main Row Boxes */

leg-left {   
    float: left;
    padding: 0px 0px;
    width: 50%;
    min-width: 300px;
    text-align: center;
}

leg-right {
    float: right;
    padding: 0px 0px;
    width: 50%;
    min-width: 300px;
    text-align: center;
}

trumpet {
    background-color: rgba(255, 255, 255, 0.69);
    position: fixed;
    width: 100%;
    bottom: 50%;
    padding: 0px;
    color: #007aba;
    text-align: center;
    margin-top: 17px;
}


/* Fake image */

.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}

/* Add a card effect for articles */

.card {
    background-color: rgba(255, 255, 255, 0.88);
    padding: 17px;
    margin-top: 17px;
    text-align: center;
}


/* -------- BODY ELEMENTS ----------- */

article > h1, p {
    margin: 10px;
    padding: 5px;
}

.content.add_item {
    max-width: 1200px;
}

.add_item .buttons-block {
    float: left;
    width: 60%;
    margin: 0px 0 40px 0;
}

.add_item .buttons-block .btn {
    float: right;
}

.box-empty {padding: 10px; float: left; text-align:center;clear: both; width: 100%; position: relative;color:#999;font-weight:normal;font-size:13px;font-style:italic;}
.is767, .is1200, .resp {display:none;}
#h-options, #h-search {display:none;}

/* ------------- HEADER --------------- */

@media screen and (max-width: 767px) {
    #header-bar, #header-search, .home-container, #partner, #footer, #body-search .content, #latest-search, .user_account.content, #related.white, .content.user_public_profile {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
    .column.side, .column.middle {
        width: 100%;
    }
}

@media screen and (max-width: 780px) {
    header {
        display: none;
    }
}

@media screen and (max-width: 720px) {
    .tablet-off {
        display: none;
    }
}

@media screen and (max-width: 570px) {
    .mobile-off {
        display: none;
    }
}

#contact-wrap #contact-ins {
    float: left;
    width: 100%;
    padding: 21px;
    background: transparent;
    border: 0px solid rgba(0, 0, 0, 0.1);
    margin: 0px;
}

#hw-body-user, .body-ua .content, #body-user-custom .content, .content.user_account, .osp-body.osp-body-cart, .osp-body.osp-body-payments, .osp-body.osp-body-pack, .osp-body.osp-body-item, .osp-body.osp-body-group, .osp-voucher-box, .dashboard-body {
    position: relative;
    float: left;
    clear: none;
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(rgba(255, 255, 255, .94) 122px, rgba(255, 255, 255, 0.88), transparent);
    width: 35%;
    min-width: 300px;
    max-width: 420px;
    padding: 21px 21px 88px 21px;
    margin: 33px auto -7px auto;
    font-size: 15px;
    color: slategray;
    font-weight: 400;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    box-shadow: 0px -11px 11px 0px rgba(255, 255, 255, 1), 0px -7px 7px 0px goldenrod, inset 0px 13px 13px 0px ghostwhite;
    text-align: center;
    border: 1px ghostwhite solid;
    border-bottom-left-radius: 69px;
    border-bottom-right-radius: 69px;
    border-top-left-radius: 69px;
    border-top-right-radius: 69px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.portal-body {
    position: relative;
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.88) 97%, transparent);
    width: 77%;
    min-width: 340px;
    padding: 33px 3%;
    margin: 33px auto;
    font-size: 16px;
    color: slategray;
    font-weight: 400;
    box-shadow: 0px -11px 11px 0px rgba(255, 255, 255, 1), 0px -7px 7px 0px goldenrod, inset 0px 13px 13px 0px ghostwhite;
    border: 1px ghostwhite solid;
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    text-align: justify;
}

.portal-body::after {
  content: "";
  clear: both;
  display: table;
}
/* ------------- FORMS --------------- */

#i-forms .input-box input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]), #i-forms .input-box select, #i-forms .input-box {
    float:left;
    width: 100%;
    max-width: 420px;
    clear: both;
    margin: 0 auto 15px auto;
    position: relative;
}

#i-forms.recover {
    width: 100%;
    max-width: 420px;
    float: none;
    clear: none;
    margin: 0 auto;
}

#i-forms .box {
    width: 100%;
    max-width: 420px;
    display: inline-block;
    margin: 0 auto;
}

#osp_referral {
    max-width: 555px;
}
/* ------------- BODY --------------- */

.hw-body-bar-bg-filter {
    background-color: rgba(255, 255, 255, 0.2);
}

.hw-body-bar::after {
    content: "";
    display: table;
    clear: both;
}

.container-outer.register-register, .container-outer.contact, .container-outer.login-recover, .container-outer.login-forgot, .container-outer.item-item_add, .container-outer.item-item_edit {
    margin: 0;
    padding: 25px 10px 10px 10px;
    float: left;
    clear: both;
    width: 100%;
    display: block;
}

.hw-outer {
    position: relative;
    clear: both;
    width: 100%;
    height: auto;
    min-height: 7px;
    padding: 0px 0px;
    margin: 0px 0px;
    background: 0;
}

.hw-inner {
    position: relative;
    clear: both;
    width: 100%;
    max-width: 1200px;
    padding: 0px 0px;
    margin: 0 auto;
}

.hw-box {
    background-color: rgba(255, 255, 255, 0.0);
    padding: 5px;
    margin: 20px 10px;
    font-size: 17px;
    font-weight: normal;
    color: slategray;
    text-shadow: 0px 0px 1px white, 0px 0px 3px white;
    text-align: center;
}

.box-rainbow-perspective {
    background-image: conic-gradient(from 0deg, transparent 138deg, white, red, transparent, orange, transparent, yellow, transparent, green, transparent, blue, transparent, indigo, transparent, violet, white, transparent 222deg);
    background-color: rgba(255, 255, 255, 0.0);
    padding: 0px;
    margin: 20px 3% 0px 3%;
    font-size: 17px;
    font-weight: normal;
    color: slategray;
    text-shadow: 0px 0px 1px white, 0px 0px 3px white;
    text-align: center;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    border-bottom: 0px;
}

.box-rainbow-cat-clouds {
    position: relative;
    background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, .33), rgba(255, 101, 101, .33), rgba(255, 178, 101, .33), rgba(255, 255, 51, .33), rgba(0, 217, 0, .33), rgba(0, 0, 255, .11), rgba(75,0,130, .33), rgba(238,130,238, .22), rgba(255, 255, 255, .33), transparent);
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    min-height: 100px;
    font-size: 17px;
    font-weight: normal;
    color: slategray;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 3% 0px 3%;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    box-shadow: 0px 111px 111px 3px rgba(255, 255, 255, 1), 0px 11px 11px 0px rgba(255, 255, 255, 1), 0px 7px 7px 0px goldenrod, inset 0px -17px 17px 2px white;
    border-bottom-left-radius: 144px 44px;
    border-bottom-right-radius: 144px 44px;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-top: 0px;
}

.vile {
    position: relative;
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .88) 38%, #fbf5b7, #FDE08D,  transparent, #FDE08D, #fbf5b7, rgba(255, 255, 255, .88) 62%, transparent);
    background-color: rgba(255, 255, 255, 0.0);
    width: auto;
    height: auto;
    min-height: 100px;
    font-size: 17px;
    font-weight: normal;
    color: slategray;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: -13px 0% 0px 0%;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    border-bottom-left-radius: 50% 77px;
    border-bottom-right-radius: 50% 77px;
    border-top-left-radius: 144px 33px;
    border-top-right-radius: 144px 33px;
    border-top: 0px;
}

.vile-7 {
    position: relative;
    background-color: rgba(255, 255, 255, 0.0);
    width: auto;
    height: auto;
    min-height: 100px;
    font-size: 17px;
    font-weight: normal;
    color: slategray;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: -13px 7% 0px 7%;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    border-bottom-left-radius: 50% 77px;
    border-bottom-right-radius: 50% 77px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px;
}

.hw-card {
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(rgba(255, 255, 255, .1) 17%, white 33%, white 69%, rgba(255, 255, 255, 0) 88%, rgba(255, 255, 255, 0));
    padding: 0% 0% 17% 0%;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    color: slategray;
    font-weight: 420;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    box-shadow: 0px 11px 11px 0px rgba(255, 255, 255, 1), 0px 7px 7px 0px goldenrod, inset 0px -17px 17px 2px white;
    text-align: center;    
    border-bottom-left-radius: 50% 77px;
    border-bottom-right-radius: 50% 77px;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-top: 0px;
}

.hw-card-home {
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(rgba(255, 255, 255, .1) 17%, rgba(255, 255, 255, .5) 33%, rgba(255, 255, 255, .1));
    padding: 0% 0% 0% 0%;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    color: slategray;
    font-weight: 420;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    box-shadow: 0px 11px 11px 0px rgba(255, 255, 255, 1), 0px 7px 7px 0px goldenrod, inset 0px -17px 17px 2px white;
    text-align: center;    
    border-bottom-left-radius: 50% 77px;
    border-bottom-right-radius: 50% 77px;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-top: 0px;
}

.cloud-types{
    display: inline-block;
    position: relative;
    background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, .33), rgba(255, 101, 101, .33), rgba(255, 178, 101, .33), rgba(255, 255, 51, .33), rgba(0, 217, 0, .33), rgba(0, 0, 255, .11), rgba(75,0,130, .33), rgba(238,130,238, .22), rgba(255, 255, 255, .33), transparent);
    background-color: rgba(255, 255, 255, 0.0);
    width: 100%;
    height: auto;
    min-height: 100px;
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(transparent, transparent 33%);
    padding: 0px 0px 69px 0px;
    margin: 0px 0px 33px 0px;
    font-size: 18px;
    color: slategray;
    font-weight: 420;
    text-align: center;    
    box-shadow: 0px 111px 111px 3px rgba(255, 255, 255, 1), 0px 11px 11px 0px rgba(255, 255, 255, 1), 0px 7px 7px 0px goldenrod, inset 0px -17px 17px 2px white;
    border-bottom-left-radius: 50% 77px;
    border-bottom-right-radius: 50% 77px;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-top: 0px;
}

.cloud-box {
    display: inline-block;
    margin: 11px auto 21px auto;
    height: auto;
    padding: 66px 8% 33px 7%;
    margin: -17px 0px 0px 0px;
    width: 88%;
    background: 0;
    background-image: url("../images/buttons + icons/cloud_button.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    line-height: 27px;
    font-size: 21px;
    font-weight: 400;
    color: slategray;
    text-decoration: none;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white;
    text-align: center;
}

.hw-card-bottom {
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(transparent, rgba(255, 255, 255, .33) 50%, white);
    padding: 7px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    height: 62px;
    font-size: 33px;
    color: slategray;
    font-weight: 400;
    text-shadow: 0px 0px 0px ghostwhite, 0px 0px 3px white;
    box-shadow: 0px 11px 11px 0px rgba(255, 255, 255, 1), inset 0px 17px 17px 0px white;
    text-align: center;    
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 144px 33px;
    border-top-right-radius: 144px 33px;
    border-bottom: 0px;
    border-top: rgba(255, 255, 255, .33) solid 1px;
}

.hw-card-top {
    background-color: rgba(255, 255, 255, 0.0);
    background-image: linear-gradient(white, rgba(255, 255, 255, 1) 50%);
    height: auto;
    padding: 0px;
    padding-bottom: 7px;
    margin: 0px 0px 21px 0px;
    height: 44px;
    font-size: 13px;
    color: slategray;
    font-weight: 420;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 3px white;
    box-shadow: 0px 11px 11px 0px rgba(255, 255, 255, 1), 0px 7px 7px 0px goldenrod, inset 0px -7px 7px 0px ghostwhite;
    text-align: center;    
    border-bottom-left-radius: 100% 144px;
    border-bottom-right-radius: 100% 144px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px;
}

.rainbow-clouds {
    display: inline-block;
    position: relative;
    margin: 17px 7px 7px 7px;
    padding: 27px 27px 21px 27px;
    width: auto;
    background: 0;
    background-image: url("../images/buttons + icons/cloud_button.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    line-height: 17px;
    font-size: 17px;
    font-weight: bold;
    color: #1d9eef;
    text-decoration: none;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
}

.hw-py-txt {
    background-color: rgba(255, 255, 255, .0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), transparent);
    width: 100%;
    height: auto;
    color: slategray;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 7px 7% 7px 7%;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    box-shadow: 0px -20px 20px 0px rgba(255, 255, 255, 0.0);
}

.image-holder {
    background-color: rgba(255, 255, 255, .0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), transparent);
    width: 100%;
    height: auto;
    color: slategray;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 0px;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 0px white solid;
    box-shadow: 0px 7px 7px 0px rgba(255, 255, 255, 0);
}

.space-33 {
    clear: both;
    height: auto;
    min-height: 33px;
}

.mist-33 {
    top: -17px;
    border:0px white solid;
    background-color: rgba(255, 255, 255, 1);
    background-image: linear-gradient(transparent, rgba(255, 255, 255, 1) 49%,rgba(255, 255, 255, 1) 51%, transparent);
    margin: 0px 0px 0px 0px;
    clear: none;
    height: auto;
    min-height: 34px;
    box-shadow: 0px 17px 17px 17px rgba(255, 255, 255, .51), 0px -17px 17px 17px rgba(255, 255, 255, .51), inset 0px 0px 17px 17px rgba(255, 255, 255, .51);
    z-index: 999;
}

.honey-drip {
    background-image: url("http://www.helpwanted.world/images/Honey-Drip.png");
    background-size: auto;
    background-position:center top;
    background-repeat:repeat-x;
    background-size: 34%;
    padding-top: 51px;
    clear: both;
    height: auto;
    min-height: 83px;
}
.image-caption {
    background-color: rgba(255, 255, 255, 1);
    background-image: radial-gradient(transparent, rgba(255, 255, 255, 1));
    width: 100%;
    height: auto;
    min-height: 17px;
    color: slategray;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 0px 0px 0px 0px;
    margin: -17px 0px 0px 0px;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 33%;
    border-bottom-right-radius: 33%;
    border-top-left-radius: 33%;
    border-top-right-radius: 33%;
    border: 0px white solid;
    box-shadow: 0px 17px 17px 17px rgba(255, 255, 255, 1), 0px -17px 17px 17px rgba(255, 255, 255, 1), inset 0px -7px 7px 3px rgba(255, 255, 255, .91);
}

.txt-rainbow-h1{
    background-color: rgba(255, 255, 255, .0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), transparent);
    width: 100%;
    height: auto;
    color: slategray;
    font-size: 33px;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 0px 17px 7px 17px;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    box-shadow: 0px -20px 20px 0px rgba(255, 255, 255, 0.0);
}

.txt-rainbow-h2{
    background-color: rgba(255, 255, 255, .0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), transparent);
    width: 100%;
    height: auto;
    color: slategray;
    font-size: 27px;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 0px 17px 7px 17px;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    box-shadow: 0px -20px 20px 0px rgba(255, 255, 255, 0.0);
}

.txt-rainbow-h3{
    background-color: rgba(255, 255, 255, .0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), transparent);
    width: 100%;
    height: auto;
    color: slategray;
    font-size: 21px;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 0px 17px 7px 17px;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    box-shadow: 0px -20px 20px 0px rgba(255, 255, 255, 0.0);
}

.txt-rainbow-h4{
    background-color: rgba(255, 255, 255, .0);
    background-image: linear-gradient(rgba(255, 255, 255, .0), transparent);
    width: 100%;
    height: auto;
    color: slategray;
    font-size: 17px;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    padding: 0px 17px 7px 17px;
    text-align: center;
    clear: both; 
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    box-shadow: 0px -20px 20px 0px rgba(255, 255, 255, 0.0);
}
.hw-txt {
    background-color: rgba(255, 255, 255, 0.1);
    background-image: linear-gradient(silver 2px, transparent 3px, white , transparent);
    width: 100%;
    height: auto;
    padding: 23px 17px;
    margin: 3px auto;
    font-size: 16px;
    color: slategray;
    text-shadow: 0px 0px 1px ghostwhite, 0px 0px 1px slategray;
    font-weight: 420;
    text-align: justify;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    
}

.hw-card-title {
    background-color: rgba(255, 255, 255, 0.33);
    background-image: linear-gradient(ghostwhite 1%, white 11%, lightskyblue 120%);
    height: auto;
    width: 100%;
    padding: 8px 13px 8px 13px;
    margin: 3px auto;
    font-size: 25px;
    font-weight: 420;
    color: goldenrod;
    text-shadow: 0px 0px 1px gold, 0px 0px 1px darkgoldenrod, 0px 0px 3px white;
    box-shadow: 0px 0px 13px 13px rgba(255, 255, 255, 0.75), 0px 0px 3px 2px rgba(218, 165, 32, 0.75);
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
}

.hw-tictac-button {
    background-color: rgba(255, 255, 255, 0.33);
    background-image: linear-gradient(ghostwhite, white, transparent, lightskyblue);
    height: auto;
    width:auto;
    padding: 8px 7px 8px 7px;
    margin: 17px 0px;
    font-family: Copperplate, Papyrus, fantasy;
    font-size: 20px;
    font-weight: 500;
    color: darkgray;
    text-shadow: 0px 0px 3px white, 0px 0px 5px gold;
    box-shadow: 0px 0px 21px 17px rgba(255, 255, 255, 0.75), 0px 0px 3px 2px rgba(218, 165, 32, 0.75), inset 0px 0px 13px 3px rgba(255, 255, 255, 0.75);
    border-top-left-radius: 77px;
    border-top-right-radius: 77px;
    border-bottom-left-radius: 77px;
    border-bottom-right-radius: 77px;
    clear: none;  
}

.hw-postcard {
    background-color: rgba(255, 255, 255, 0.0);
    width: 100%;
    padding: 20px;
    margin: 20px 10px;
    font-size: 17px;
    font-weight: normal;
    color: slategray;
    text-shadow: 0px 0px 1px white, 0px 0px 3px white;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
}

.hw-stamp {
    
}

.hw-disc {
    
}

.hw-orb {
    background-color: rgba(155, 255, 205, 0.1);
    width: 100%;
    height: auto;
    border-radius: 50%;
    padding: 7%;
    margin: 0px;
    color: slategray;
    box-shadow: 0px 0px 33px 7px rgba(255, 255, 255, 0.44), inset 0px 0px 69px 7px rgba(255, 255, 255, 0.69);
}

.halo-bubble {
    background-color: rgba(155, 255, 205, 0.1);
    width: 33%;
    height: auto;
    border-radius: 50%;
    padding: 0%;
    margin: 0px;
    color: slategray;
    box-shadow: 0px 0px 11px 7px rgba(255, 255, 255, 0.97), 0px 0px 8px 7px gold, inset 0px 0px 7px 7px rgba(255, 255, 255, 0.88), inset 0px -3px 3px 3px gold;
}

.bubble-cup {
    background-color: rgba(155, 255, 205, 0.1);
    width: 33%;
    height: auto;
    border-radius: 50%;
    padding: 0%;
    margin: 0px;
    color: slategray;
    box-shadow: 0px 0px 11px 7px rgba(255, 255, 255, 0.97), 0px 0px 8px 7px gold, inset 0px 0px 7px 7px rgba(255, 255, 255, 0.88), inset 0px -3px 3px 3px gold;
}

.orb-hw-earth {
    background-color: rgba(155, 255, 205, 0.1);
    background-image: url(https://www.helpwanted.world/images/hero/HW3.png);
    background-size: contain;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    padding: 7%;
    margin: 0px auto;
    color: slategray;
    box-shadow: 0px 0px 33px 7px rgba(255, 255, 255, 0.88), inset 0px 0px 69px 7px rgba(255, 255, 255, 0.69);
}

.orb-fish {
    background-color: rgba(155, 255, 205, 0.1);
    background-size: contain;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    padding: 5%;
    margin: 17px auto 0px auto;
    color: slategray;
    box-shadow: 0px 0px 33px 7px rgba(255, 255, 255, 0.99), inset 0px 0px 69px 7px rgba(255, 255, 255, 0.55);
}
.orb-rabbit {
    background-image: url(http://www.helpwanted.world/images/Matrix.gif);
    background-color: rgba(155, 255, 205, 0.1);
    background-size: 100% 100%;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    padding: 0% 3% 0% 14%;
    border: white 0px solid;
    margin: 0px auto;
    color: slategray;
    box-shadow: 0px 0px 33px 7px rgba(255, 255, 255, 0.99), inset 0px 0px 69px 7px rgba(255, 255, 255, 0.69);
}

.orb-bird {
    background-color: rgba(155, 255, 205, 0.1);
    background-size: 100% 100%;
    width: 144px;
    height: 144px;
    border-radius: 50%;
    padding: 0% 0%;
    border: white 0px solid;
    margin: 0px auto;
    color: slategray;
    box-shadow: 0px 0px 33px 7px rgba(255, 255, 255, 0.99), inset 0px 0px 69px 7px rgba(255, 255, 255, 0.69);
}
.hw-door {
    
}

.hw-window {
    
}

a:hover {text-decoration: none;}

.hw-img, .hw-img img {
    background-color: rgba(0, 0, 0, 0.0);
    width: 100%;
    height: auto;
    padding: 5%;
    margin: 0px;
    color: slategray;
    box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.69), 0px 0px 1px 1px rgba(200, 200, 200, 0.69);
}

.hw-left-label {
    background-color: rgba(255, 255, 255, 1);
    width: 88%;
    height: auto;
    float: left;
    padding: 5px 17px 7px 23px;
    margin: 17px 0px 0px 3%;
    text-align: left;
    color:#4bb1f1;
    font-weight: 444;
    font-size: 17px;
    text-shadow: 0px 0px 3px ghostwhite, 0px 1px 2px skyblue;
    box-shadow: 0px 0px 10px 10px rgba(55, 155, 255, 0.15);
    clear: both;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 0px;
}

.hw-right {
    background-color: rgba(75, 177, 241, 1);
    width:90%;
    height: auto;
    float: right;
    margin: 0px 3% 11px 7%;
    padding: 5px 7px 10px 21px;
    text-align: left;
    color: white;
    font-weight: 420;
    font-size: 15px;
    line-height:30px;
    text-shadow: 0px 0px 1px ghostwhite, 1px 1px 2px slategray;
    box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.33);
    border-top-left-radius: 0px;
    border-top-right-radius: 33px;
    border-bottom-left-radius: 33px;
    border-bottom-right-radius: 0px;
}

.hw-doc {
    background-color: rgba(255, 255, 255, 0.78);
    width: 100%;
    height: auto;
    padding: 17px;
    color: slategray;
    box-shadow: 21px 21px 17px 3px rgba(255, 255, 255, 0.69);
    white-space: pre-wrap;
}

.cloud_button {
    display: inline-block;
    margin: 11px;
    height: 50px;
    padding: 17px 21px 17px 21px;
    width: auto;
    background: 0;
    background-image: url("../images/buttons + icons/cloud_button.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: slategray;
    text-decoration: none;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
    text-align: center;
}
.cloud_button > a {
    display: inline-block;
    margin: 11px;
    height: 50px;
    padding: 17px 21px 17px 21px;
    width: auto;
    background: 0;
    background-image: url("../images/buttons + icons/cloud_button.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: slategray;
    text-decoration: none;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
    text-align: center;
}
.cloud_button > a:hover {
    background-image: url("../images/buttons + icons/cloud_button_blue.png");
    color: deepskyblue;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px white, 0px 27px 13px slategray;
}
.cloud_button > a:active {
    background-image: url("../images/buttons + icons/cloud_button_blue.png");
    color: slategray;
    text-shadow: 0px 0px 1px gold, 0px 0px 33px goldenrod, 0px 27px 13px darkgoldenrod;
}

.button {
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.33s;
  cursor: pointer;
    
    
    appearance: auto;
    font-weight: 500 ;
    font-stretch:semi-expanded ;
    font-size: 17px ;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" ;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 2px;
    border-style: outset;
    border-color: red;
    border-image: initial;
    
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #04AA6D;
}

.button1:hover {
  background-color: #04AA6D;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}

#sub-nav .inside .control {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 280px;
    height: 46px;
    padding: 7px 0;
    margin-top: 77px;
}