.wrap-margin1   { margin-left: 5px; margin-right: 5px; }
.wrap-margin2   { margin-left: 10px; margin-right: 10px; }
.wrap-margin3   { margin-left: 15px; margin-right: 15px; }
.wrap-margin4   { margin-left: 20px; margin-right: 20px; }
.wrap-margin5   { margin-left: 25px; margin-right: 25px; }
.wrap-margin6   { margin-left: 30px; margin-right: 30px; }
.wrap-margin7   { margin-left: 35px; margin-right: 35px; }
.wrap-margin8   { margin-left: 40px; margin-right: 40px; }

.wrap-padding1  { padding-left: 5px; padding-right: 5px; }
.wrap-padding2  { padding-left: 10px; padding-right: 10px; }
.wrap-padding3  { padding-left: 15px; padding-right: 15px; }
.wrap-padding4  { padding-left: 20px; padding-right: 20px; }
.wrap-padding5  { padding-left: 25px; padding-right: 25px; }
.wrap-padding6  { padding-left: 30px; padding-right: 30px; }
.wrap-padding7  { padding-left: 35px; padding-right: 35px; }
.wrap-padding8  { padding-left: 40px; padding-right: 40px; }

.padding1   { padding-top: 40px!important; padding-top: 2.5rem!important; }
.padding2   { padding-right: 40px!important; padding-right: 2.5rem!important; }
.padding3   { padding-bottom: 40px!important; padding-bottom: 2.5rem!important; }
.padding4   { padding-left: 40px!important; padding-left: 2.5rem!important; }
.padding5   { padding-top: 20px!important; padding-top: 1.25rem!important; }
.padding6   { padding-right: 20px!important; padding-right: 1.25rem!important; }
.padding7   { padding-bottom: 20px!important; padding-bottom: 1.25rem!important; }
.padding8   { padding-left: 20px!important; padding-left: 1.25rem!important; }
.padding9   { padding-top: 10px!important; padding-top: .625rem!important; }
.padding10  { padding-right: 10px!important; padding-right: .625rem!important; }
.padding11  { padding-bottom: 10px!important; padding-bottom: .625rem!important; }
.padding12  { padding-left: 10px!important; padding-left: .625rem!important; }
.padding13  { padding-top: 5px!important; padding-top: .3125rem!important; }
.padding14  { padding-right: 5px!important; padding-right: .3125rem!important; }
.padding15  { padding-bottom: 5px!important; padding-bottom: .3125rem!important; }
.padding16  { padding-left: 5px!important; padding-left: .3125rem!important; }



.indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }
.indent1    { margin-top: 40px!important; margin-top: 2.5rem!important; }
.indent2    { margin-right: 40px!important; margin-right: 2.5rem!important; }
.indent3    { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
.indent4    { margin-left: 40px!important; margin-left: 2.5rem!important; }
.indent5    { margin-top: 20px!important; margin-top: 1.25rem!important; }
.indent6    { margin-right: 20px!important; margin-right: 1.25rem!important; }
.indent7    { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
.indent8    { margin-left: 20px!important; margin-left: 1.25rem!important; }
.indent9    { margin-top: 10px!important; margin-top: .625rem!important; }
.indent10   { margin-right: 10px!important; margin-right: .625rem!important; }
.indent11   { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
.indent12   { margin-left: 10px!important; margin-left: .625rem!important; }
.indent13   { margin-top: 5px!important; margin-top: .3125rem!important; }
.indent14   { margin-right: 5px!important; margin-right: .3125rem!important; }
.indent15   { margin-bottom: 5px!important; margin-bottom: .3125rem!important; }
.indent16   { margin-left: 5px!important; margin-left: .3125rem!important; }
.block--element {
    display: block;
}
.inline-block--element {
    display: inline-block;
}
.absolute--holder {
    position: relative;
}
hr {
    height: 0;
    border: 0;
    border-top: 1px solid #ddd;
}
.hr--light {
    border-color: #f5f5f5;
}
.hide-content {
    display:  none;
    visibility: hidden;
}
.show-content {
    display:  block;
    visibility: visible;
}
.inliner {
    height: 100%;
}
.inliner,
.inliner + * {
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (min-width: 961px) {
    .desk--hide-content {
        display:  none;
    }
    .desk--show-content {
        display:  block;
        visibility: visible;
    }    
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .bigportable--hide-content {
        display: none;
    }
    .bigportable--show-content {
        display:  block;
        visibility: visible;
    }
    .bigportable-remove-float {
        float: none;
    }   
}

@media only screen and (max-width: 767px) {
    .smallportable--hide-content {
        display: none;
    }
    .smallportable--show-content {
        display:  block;
        visibility: visible;
    }
    .smallportable-remove-float {
        float: none;
    }   
}

@media only screen and (max-width: 480px) {
    .palm--hide-content {
        display:  none !important;
    }
    .palm--show-content {
        display:  block;
        visibility: visible;
    }
    .palm--remove-float {
        float: none;
    }
    
    .palm--no-indent    { margin: 0 !important; }
    .palm--indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }
    .palm--indent1      { margin-top: 40px!important; margin-top: 2.5rem!important; }
    .palm--indent2      { margin-right: 40px!important; margin-right: 2.5rem!important; }
    .palm--indent3      { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
    .palm--indent4      { margin-left: 40px!important; margin-left: 2.5rem!important; }
    .palm--indent5      { margin-top: 20px!important; margin-top: 1.25rem!important; }
    .palm--indent6      { margin-right: 20px!important; margin-right: 1.25rem!important; }
    .palm--indent7      { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
    .palm--indent8      { margin-left: 20px!important; margin-left: 1.25rem!important; }
    .palm--indent9      { margin-top: 10px!important; margin-top: .625rem!important; }
    .palm--indent10     { margin-right: 10px!important; margin-right: .625rem!important; }
    .palm--indent11     { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
    .palm--indent12     { margin-left: 10px!important; margin-left: .625rem!important; }
}


@media only screen and (min-width: 481px) and (max-width: 960px) {
    .lap--hide-content {
        display:  none;
    }
    .ui-nav-item.lap--hide-content, .ui-nav-item.palm--hide-content {
        display:  none !important;
    }
    .lap--show-content {
        display:  block;
        visibility: visible;
    }
    .lap--remove-float {
        float: none;
    }
    
    .lap--no-indent     { margin: 0 !important; }
    .lap--indent-block  { margin-top: 60px!important; margin-top: 3.75rem!important; } 
    .lap--indent1       { margin-top: 40px!important; margin-top: 2.5rem!important; }
    .lap--indent2       { margin-right: 40px!important; margin-right: 2.5rem!important; }
    .lap--indent3       { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
    .lap--indent4       { margin-left: 40px!important; margin-left: 2.5rem!important; }
    .lap--indent5       { margin-top: 20px!important; margin-top: 1.25rem!important; }
    .lap--indent6       { margin-right: 20px!important; margin-right: 1.25rem!important; }
    .lap--indent7       { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
    .lap--indent8       { margin-left: 20px!important; margin-left: 1.25rem!important; }
    .lap--indent9       { margin-top: 10px!important; margin-top: .625rem!important; }
    .lap--indent10      { margin-right: 10px!important; margin-right: .625rem!important; }
    .lap--indent11      { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
    .lap--indent12      { margin-left: 10px!important; margin-left: .625rem!important; }
}
@media only screen and (max-width: 960px) {
    .portable--hide-content {
        display:  none;
    }
    .portable--show-content {
        display:  block;
        visibility: visible;
    }
    .portable--remove-float {
        float: none;
    }
    
    .portable--no-indent    { margin: 0 !important; }
    .portable--indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }   
    .portable--indent1      { margin-top: 40px!important; margin-top: 2.5rem!important; }
    .portable--indent2      { margin-right: 40px!important; margin-right: 2.5rem!important; }
    .portable--indent3      { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
    .portable--indent4      { margin-left: 40px!important; margin-left: 2.5rem!important; }
    .portable--indent5      { margin-top: 20px!important; margin-top: 1.25rem!important; }
    .portable--indent6      { margin-right: 20px!important; margin-right: 1.25rem!important; }
    .portable--indent7      { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
    .portable--indent8      { margin-left: 20px!important; margin-left: 1.25rem!important; }
    .portable--indent9      { margin-top: 10px!important; margin-top: .625rem!important; }
    .portable--indent10     { margin-right: 10px!important; margin-right: .625rem!important; }
    .portable--indent11     { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
    .portable--indent12     { margin-left: 10px!important; margin-left: .625rem!important; }
}