h1{
    font-size:x-large;
}
h2{
    font-size: large;
}
h3{
    font-size: medium;
}
h4, h5, h6{
    font-size:small;
}

.indent{
    padding-left:2%;
}
.pad2{
    padding:5%;
}
.s-fawe{
    font-size:small;
}
.m-fawe{
    font-size:medium;
}
.l-fawe{
    font-size:large;
}
.xl-fawe{
    font-size:x-large;
}
.xxl-fawe{
    font-size:xx-large;
}
.maintp{
    font-weight:bold;
    color:#fff;
    background-color:#000 !important;
}
.bold{
    font-weight:bold;
}
.medium-font{
    font-size:medium;
}
.large-font{
    font-size:large;
}
.x-large-font{
    font-size:x-large;
}
.audio-ui{
    border:2px;border-color:#fff;border-style:solid;
    padding:4%;margin:4%;
    border-radius:20px;
        background: linear-gradient(135deg, #d9325f,#0022ff);
        background: linear-gradient(135deg, rgba(255,0,0,0.7),rgba(255,255,0,0.7));
        box-shadow: 5px 6px rgba(0,0,0,0.4);
}
.sm-shadow{
    color:#fff;
    text-shadow: 1px 2px #000;
}
.smw-shadow{
    color:#000;
    text-shadow: 1px 1px #fff;
}
.no-shadow{
    text-shadow: 0px 0px;
}
.black{
    color:black;
}
.white{
    color:#fff;
}
.flip-fawe{
    transform: scaleX(-1) rotate(-360deg);
}

.grad-bg{
    Xborder:2px;Xborder-color:#fff;Xborder-style:solid;
    Xpadding:4%;margin:4%;
        background: linear-gradient(135deg, #d9325f,#0000ff);
        Xbackground: linear-gradient(135deg, rgba(217,50,95,0.7),rgba(0,0,255,0.7));
       X box-shadow: 5px 6px rgba(0,0,0,0.4);
}
.text-bg{
    border-radius:20px;
    border-color:#fff;border-style:solid;border-width:1px;
    padding:3%;
            background: rgba(255,255,255,0.4);
}
.text-bgd{
    border-radius:20px;
    border-color:#fff;border-style:solid;border-width:1px;
    padding:3%;
            background: rgba(0,0,0,0.5);
}
.sppb-img-circle{
    box-shadow: 3px 3px 5px;
        border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:3px solid #fff;
}
.sppb-addon-single-image-container{
    box-shadow: 3px 3px 5px;
        border-radius: 23px;
    -moz-border-radius:23px;
    -webkit-border-radius:23px;
    border:3px solid #eee;
}
.sppb-addon-image-overlay{
    box-shadow: 3px 3px 5px;
        border-radius: 23px;
    -moz-border-radius:23px;
    -webkit-border-radius:23px;
    border:3px solid #ccc;
}
.pweb-field{
    text-align:center;
}
.pweb-chars-counter{
    Xcolor:#fff !important;
}
.bigf{
    color:#fff;
    font-weight:bold;
    font-style:italic;
    font-size: 12px;
    padding:8px;
}
.circ{
    height:44px;
    width:44px;
    padding:8px;
    margin-right:6px;
    margin-bottom:6px;
    border-radius: 22px;
    background-color:#4da9dc;
    border:2px;
    border-style:solid;
    border-color:#6bd3ff;
}
@font-face {
    font-family: "Precious";
     src: url("css/fonts/precious.ttf") format('truetype');
}
@font-face {
    font-family: "Anydore";
    src: url("css/fonts/anydore.otf") format('opentype');
    src: url("css/fonts/anydore.ttf") format('truetype');
    src: url("css/fonts/anydore.woff") format('woff');
    src: url("css/fonts/anydore.woff2") format('woff2');
}
.precious-font{
    font-family:"Precious";
}
.fs-50{
    font-size:50px;
}
.fs-41{
    font-size:41px;
}
.fs-40{
    font-size:40px;
}
.fs-38{
    font-size:38px;
}
.fs-30{
    font-size:30px;
}
.lheight-140{
    line-height:140%;
}
.anydore-font{
    font-family:"Anydore";
}
.flange-pink{
    color:#d9325f;
}
.offcanvas-inner-OFF {
    display:block;
    background-image: url('https://tfb.ido.directory/images/Flange-Cover-Band-sq1.png');
    background-size: 240px 240px;
    background-repeat: no-repeat;
    background-position: 10% 0%; 
}

.offcanvas-menu {
    off-background-color:#00b4ff;
    background-color:#d9325f;
    color:#fff;
}
.offcanvas-menu a:link, a:active, a:visited{
    color:#fff; !important;
}
.offcanvas-menu-OFF parent a:hover{
    color:#000 !important;
}
.sp-module-content-OFF a:link{
color:#000 !important;
}
.sp-has-child-OFF a:link{
color:#000 !important;
}
#pwebcontact143_captcha-lbl{
color:#fff;
}

.item-page h1{
  display:none;
  font-size:medium;
    font-weight:normal;
}
.item-page {
       content: "Test";
    padding-top:30px;
}
.off-item-page:before {
    margin-top:100px;
    padding-bottom:30px;
    font-size:30px;
   OFF-content: "Test";
      content: "File Sharing Area";
}

.off-dropbox_content:before {
    font-size:30px;
    color:#fff;
    content: ">>>";
}
#off-dropbox_upload_field_2:before {
    padding-top:20px;
      content: "Image/Video Upload Folder";
}

#dropbox_upload_field_2 {
    padding-top:20px;

}

#dropbox_file_search_2 {
     display: inline;
            content: "Image/Video Upload Folder";
    off-padding-bottom:20px;
}
.btn.btn-primary.dropbox_file_search:after{
display: inline;
     margin-top:10px;
          off-margin-bottom:30px;
      off-margin-left:100px;
      content: " this download folder";
}
.dropbox_pic_wrapper {
    padding-top:30px;
    padding-bottom:30px;
}
#dropbox_wrapper_2.dropbox_content{
    content: "download folder";
}
#dropbox_wrapper_2::before {
    content: "Image/Video Download Folder";
}
#dropbox_file_search_2.dropbox_file_search:after input[type=text]{
    content: "Image/Video Download Folder";
}