:root {
   --primaryColor: rgba( 34, 34, 34 , 1); /* var(--themeColorBlack)  */
   --secondaryColor: rgba( 248, 248, 248 , 1); /* var(--themeColorWhite)  */
   --tertColor: rgba( 0, 136, 153 , 1); /* var(--themeColorBlue)  */
   --miscAColor: rgba( 0, 168, 107 , 1); /* green  */
   --miscBColor: rgba( 255, 179, 2 , 1); /* gold  */


   --curlFont: cursive;



   --xxZero: 0;
   --xxQuarter: 0.25em;
   --xxHalf: 0.5em;
   --xxFull: 1em;
   --xxFullquarter: 1.25em;
   --xxFullhalf: 1.5em;
   --xxFullx2: 2em;



   --themeColorRed: rgb(191,17,1);
   --themeColorBlack: rgb(34,34,34);
/*   --themeColorBlue: rgb(0,162,200);*/
   --themeColorBlue: rgb(0,163,173);
   --themeColorgold: rgb(253,181,21);
   --themeColorgreen: rgb(0,168,107);
   --themeColorWhite: rgb(260,260,260);
   --themeColorLightDark: rgb(220,220,220);
   --themeColorLightDarkText: rgb(94,94,94);
}














html,body {
   padding: 0;
   margin: 0;
}
a,a:before,a:after {
   text-decoration: none;
   color: unset !important;
}
.vis-cookie {
   padding: .5em 4%;
   position: fixed;
   max-height: 60vh;
   z-index: 999;
   float: left;
}
.vis-cookie div.cookie-information {
   margin: 0;
   padding: 1.5em 1% 1em 1%;
   display: none;
}
.vis-cookie div.cookie-information .tab {
   margin: .25em 0;
   padding: .5em 1em;
}
.vis-cookie div.message,.cookie div.pads {
   padding: 1em 0;
   text-align: center;
}
.vis-cookie div.pads button {
   margin: .25em 5px;
   display: inline-block;
}
/*   COOKIE VISUALS */

.vis-scroll-top {
   width: 60px;
   line-height: 60px;
   position: fixed;
   right: 2.5%;
   bottom: 2.5%;
   font-size: 1.5em;
   z-index: 999;
   border-radius: .5em;
   opacity: .25;
   background: var(--themeColorRed);
   color: var(--themeColorWhite);
   box-shadow: 0 0 .5em var(--themeColorBlack);
}
.vis-scroll-top:hover {
   box-shadow: 0 0 .25em var(--themeColorBlack);
   font-size: 1.75em;
   opacity: 1;
}
/*   SCROLLTOP VISUALS */

.reader {
   background: var(--themeColorBlack);
   position: fixed;
   color: var(--themeColorWhite);
   padding: 1.5em 0;
   left: 0;
   bottom: 35vh;
   border-radius: 0 .25em .25em 0;
   z-index: 999997;
   box-shadow: 0 0 1em var(--themeColorBlack);
   opacity: .05;
   translate: -75%;
}
.reader span {
   padding: 0.75em 1em;
   display: block;
   margin: .25em 0;
   cursor: pointer;
   color: var(--themeColorWhite);
}
.reader:hover,.reader.active,.reader.active * {
   opacity: 1;
   translate: 0%;
}
.reader span:not(.active):hover {
   color: var(--themeColorgold);
}
.reader span.active {
   color: var(--themeColorgreen);
}
.reader-setting {
   width: 300px;
   position: fixed;
   left: 50px;
   bottom: 27.5vh;
   background: inherit;
   z-index: 998;
   padding: 2em 1.5em;
   border-radius: .25em;
   box-shadow: 0 0 .5em var(--themeColorBlack);
   display: none;
}
.reader-setting label {
   display: block;
   margin: 0.5em 0;
   line-height: 2em;
   padding: 0 .5em;
   color: var(--themeColorBlue);
}
.reader-setting label span {
   font-size: .9em;
}
.reader-setting select {
   display: block;
   height: 50px;
   line-height: 50px;
   border-radius: 0;
   background: inherit;
   border: 0;
   padding: 0 .25em 0 .5em;
}
.reader-setting input[type=range]::-webkit-slider-thumb,.reader-setting input[type=range]::-moz-range-thumb {
   /*-webkit-appearance: none;
   -moz-appearance: none;
   background-color: var(--tertColor);
   border-radius: 50%;*/
}
/*   SCROLLTOP VISUALS */


body {
   height: 100vh;
   overflow: hidden;
   overflow-y: auto;
}
.navbar {
   background: var(--themeColorRed) !important;
   color: var(--themeColorWhite) !important;
   min-height: 80px;
   z-index: 999;

   position: sticky;
   top: 0;

   box-shadow: 0 .25em .25em var(--themeColorLightDark);
}
.navbar .navbar-brand {
   font-size: 2em;
   padding: 0 .5em;
   font-weight: bold;
   font-family: var(--curlFont);


}
.navbar ul {
   font-size: 1.25em;
}
.navbar-collapse {
   padding: .25em 2%;
}
.navbar-collapse li {
   margin: 0 .25em;
   font-weight: 400;
}
.navbar-collapse li a {
   transform: scale(0.9);
   margin-right: .5em;
}
.navbar-collapse li a:hover,
.navbar-collapse li a:hover span,
.navbar-collapse li a span.active {
   transform: scale(1) ;
   opacity: 1 !important;
}
.navbar-collapse input {
   min-width: 280px;
   height: 50px;
   padding: 0 0 0 1em;
   margin: 0;
   border: 0;
   background: var(--themeColorWhite);
}
.navbar-collapse button {
   margin-left: -.75em;
   background: inherit;
   border-radius: 0 .25em .25em 0;
   color: var(--themeColorRed);
}
.navbar-collapse button,.navbar-collapse button:focus,.navbar-collapse button:hover {
   background: var(--themeColorWhite);
   color: var(--themeColorBlue);
}

/*   NAV VISUAL */




.vis-menu {
/*   display: none;*/
   
   display: block;
   opacity: 1;
   padding: 2em;
   z-index: 999;
   display: none;
}
.vis-menu,.vis-notification,.vis-trend,.vis-account {
   border-radius: 0 0 .5em .5em;
   overflow: hidden;
   overflow-y: auto;
   background: var(--themeColorWhite);
   padding: 1em .5em;
   color: var(--themeColorLightDarkText);
   border: .5em solid var(--themeColorWhite);
   box-shadow: 0 .1em .5em var(--themeColorBlack);
   opacity: 1;
   float: right;
   z-index: 1000;
   display: none;
   max-height: calc(100vh - 80px);
   top: 80px;
   right: 2.5%;
   position: fixed;
}
/*   END NAV.NOTIFICATION VISUAL */
.vis-trend .a-card {
   border-radius: .25em;
   padding: .5em .25em;
   margin: .75em 0;
   display: block;
   float: left;
}
.vis-trend .a-card:hover {
   box-shadow: 0 0 0 .25em var(--themeColorRed) !important;
}
.vis-trend .a-card-img {
   margin: .5em 0 0;
}
.vis-trend .a-card-pack {
   padding: 0 1em;
}
.vis-trend .a-card-title {
   line-height: 1.5em;
   margin: 0 0 .5em; 
}
.vis-trend .a-card-foot {
   padding: .25em 0 0;
}
.vis-trend .a-card-foot small,
.vis-trend .a-card-foot span {
   font-size: .9em;
   color: var(--themeColorBlue);
}
/*   END NAV.vis-trend VISUAL */
.vis-account .profile-view {
   padding: 1em;
}
.vis-account .profile-view img {
   display: block;
   height: 8em;
   border-radius: 1em;
   margin: 0 auto 1em;   
}
.vis-account .profile-view .info-pack {
   padding: .5em 1em;
}
.vis-account .profile-view .info-pack .info {
   text-align: center;
   margin: 0 0 1em;
}
.vis-account .profile-view .actions p {
   margin: .25em 0;
   line-height: 3em;
   cursor: pointer;
}
.vis-account .profile-view .actions a span.fa {
   color: var(--themeColorRed);
}
.vis-account .profile-view .actions p:hover {
   padding-left: .5em;
}
.vis-account .profile-view .actions p {
   float: left;
}
/*   END NAV.ACCOUNT VISUAL */
.vis-menu ul {
   list-style-type: none;
   padding: 0 .25em;
   float: left;
/*   border: .5em solid gold !important;*/
}
.vis-menu ul a {
   display: block;
   line-height: 3em;
   margin: .25em 0;
   float: left;
   padding: 0 .5em;
   color: inherit;
   text-transform: capitalize;
   font-size: 1.15em;   
}
.vis-menu ul a span {
   color: var(--themeColorBlue);
}
.vis-menu ul a:hover {
   font-weight: 400;
   border-left: .5em solid var(--themeColorRed);
}
.vis-menu ul a:hover span {
   margin-right: .75em;
}
/*   END NAV.MENU LINK VISUAL */





















.page-pack {
   float: left;
   position: relative;
   background: var(--themeColorWhite);
   padding: .5em;
   height: calc(100vh);
/*   height: calc(100vh - 80px);*/
   overflow: hidden;
   overflow-y: auto;
}
.page-pack .main-pack {
   float: left;
   padding: 0;
}
.page-pack .sidebar {
   float: left;
   padding: .5em .25em;
   position: sticky;
   background: inherit;
   top: 0px;
}
.page-pack .sidebar .provis {
   position: relative;
   display: block;
   float: left;
}
.page-pack .sidebar .provis span {
   position: absolute;
   top: .15em;
   right: .25em;
   padding: .15em .5em;
   font-variant-caps: small-caps;
   background: transparent;
   color: var(--themeColorRed);
   font-size: .9em;
}
.page-pack .sidebar a[asact=adview] {
   margin: .25em 0;
   display: block;
   padding: 0 .15em;
   float: left;
}
/*   ENDOF PAGEPACK - VISUAL */

.tmiy {
   float: left;
   padding: .5em 1em;
   margin: 25px 0;
   background: inherit;
}
.tmiy h5 {
   margin-bottom: .25em;
   line-height: 2em;
   padding-left: 1.5em;
   color: var(--themeColorLightDarkText);
   font-weight: 600;
}
.tmiy h5 a {
   font-weight: 700;
   color: var(--themeColorRed);
   padding: 0 .5em 0 .25em;
   padding-bottom: .15em;
   border-bottom: .25em solid var(--themeColorRed);
}
.tmiy .pad {
   float: left;
   margin: .5em 0;
   padding: .5em 1em;

}
.tmiy .pad img {
   padding: .5em .25em 0;
   float: left;
}
.tmiy .pad .data {
   padding: 0 .5em;
   line-height: 1.5em;
   color: var(--themeColorLightDarkText);
}
.tmiy .pad:hover .data {
   color: var(--themeColorgreen);
}
/*   ENDOF TMIY - VISUAL */








.featured-image {
   width: 100%;
   padding: 0 20%;

   margin: 10px 0;
   border: 1em solid purple !important;
}
.featured-image img {
   width: 100%;

   display: block;
   margin: 10px auto;
}
/*   ENDOF FEATUREDIMAGE - VISUAL */

.pagefoot {
   padding: 4em .5em 6em;
}
.pagefoot .sponsors {
   margin: 2em 0 0 ;
   padding: .25em 1em;
}
.pagefoot .sponsors img {
   width: 90px;
   height: 55px;
   margin: 0 .5em;
}
.pagefoot .footsearch button {
   margin-left: -5px;
   margin-top: -5px;
   border-radius: 0;
   height: 60px;
   padding: 0 .5em;
   display: inline-block;
   background: var(--themeColorWhite);
   color: var(--themeColorBlue);
   outline: 0;
   border-radius: 0 .25em .25em 0;
}
.pagefoot .footsearch input:not(.captcha) {
   height: 60px;
   display: inline-block;
   background: var(--themeColorWhite);
   border-radius: .25em 0 0 .25em;
}
.pagefoot .footsearch input.captcha {

}
.pagefoot .footlinks {
   margin: 1.5em 0 .5em;
   padding: .5em 0;
   font-size: .9em;
}
.pagefoot .footlinks ul {
   list-style-type: none;
}
.pagefoot .footlinks ul li {
   line-height: 1.75em;
   margin: .75em 0;
   padding: 0 .5em;
   color: var(--themeColorWhite);
   text-shadow: 0 0 .2em var(--themeColorBlack);
}
.pagefoot .footlinks ul li span.tail {
   font-size: .8em;
   text-transform: lowercase;
   opacity: 0;
   font-style: italic;
   color: var(--themeColorgold);
}
.pagefoot .footlinks ul li:hover span.tail {
   margin-left: 1em;
   opacity: 1;
   transition: all .3s ease-in-out;
}
.pagefoot .footlinks ul li span.tail:before {
   content: "- ";
}
.pagefoot .footlinks ul li span.fa {
   color: var(--themeColorgold) !important;
}
.pagefoot .footlinks ul li.head {
   font-size: 1.25em;
   margin-bottom: 1em;
   padding-left: 2em;
   font-weight: bold;
   color: var(--themeColorBlue);
}
.pagefoot .footlinks ul li.head span {
   padding: 0 1em .25em .25em;
   border-bottom: 4px solid var(--themeColorgold);
}
.pagefoot .footlink {
   text-align: center;
   margin: .5em 0;
   line-height: 3.0em;
   color: var(--themeColorWhite);
}
.pagefoot .footcopy {
   color: var(--themeColorLightDark);
   margin-top: 1.5em;
   font-size: .9em;
}
.pagefoot .footright {
   color: var(--themeColorgold);
}
.pagefoot .footlink span {
   color: var(--themeColorLightDarkText);
   margin: 0 1em;
}
.pagefoot .footlink a {
   color: var(--themeColorWhite);
}
/*   ENDOF PAGEFOOT - VISUAL */

.vis-postreader {
   padding: 0 2em 1.5em;
}
.vis-postreader .path-visual {
   padding: .25em 1em;
}
.vis-postreader .path-visual .path {
   float: left;
   display: inline-block;
   padding: 0 1em;
   line-height: 60px;
   margin: .5em .25em .5em 0;
   font-size: 1.15em;
   background: var(--themeColorLightDark);
   color: var(--themeColorLightDarkText);
   font-weight: 700;
   text-transform: uppercase;
}
.vis-postreader .path-visual .path.tag {
   text-shadow: 0 0 .09em var(--themeColorLightDarkText);
   background: var(--themeColorBlue);
   color: var(--themeColorWhite);
   padding: 0 1em 0 0;
   font-size: 1em;
   font-family: var(--curlFont,cursive);
}
.vis-postreader .post-title {
   line-height: 1.5em;
   font-weight: 700;
   padding: 0 1.5em;
   margin: 0 0 .5em;
   color: var(--themeColorLightDarkText);
}

.vis-postreader .post-featuredimage {
   padding: 0 4%;
   display: block;
   margin: 0 0 2em;
}
.vis-postreader .post-paragraph {
   margin: 1em 0;

   text-indent: 1em;
   line-height: 1.75em;
   font-size: 1.25em;
   font-weight: lighter;
   font-family: var(--fontMotesserat,serif);
}

.vis-postreader .inline-adspace {
   position: relative;
   margin: .5em 0;
   padding: 0 1.5em;

}
.vis-postreader .inline-adspace img {
   display: block;
   max-height: 8em;
   max-width: 100%;
   margin: 0 auto;
}
.vis-postreader .inline-adspace span.info {
   padding: .25em .5em;
   position: absolute;
   top: 0;
   font-size: .75em;
   right: 0;
   font-weight: bold;
   color: var(--themeColorBlue);
}
.vis-postreader .post-table {
   font-size: 1em;
   margin: 1em 0;
   color: var(--themeColorLightDarkText);
}
.vis-postreader .post-foot {
   margin: 2em 0 0;
   padding: 1.5em .5em 1em;
   line-height: 1.5em;
   font-size: .9em;
   color: var(--themeColorLightDarkText);
   border-top: .25em solid var(--themeColorLightDark);
}
.vis-postreader .post-foot .tag {
/*   background: var(--themeColorBlue);*/
   line-height: 2em;
   text-decoration: underline;
   border-radius: .15em;
   color: var(--themeColorBlue);
   display: inline-block;
   padding: 0 .5em;
   margin: 0 .25em;
}
.vis-postreader .post-foot span.fa {
   color: var(--themeColorBlue);
}
.vis-postreader .post-media {
   padding: .5em 1.5em;
}
.vis-postreader .post-media img {
   display: block;
   margin: 0 auto;
}
/*   ENDOF POSTVIEW - VISUAL */

.category-index {
   padding: 1em;
}
.category-index .pub-slider {
   margin: 0 0  1em;
}
.category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 8% 2em 2em 4%;
   
   /*border: 4px solid red;*/
   
   max-height: 75%;
   color: var(--themeColorWhite);
   text-shadow: 0 0 .25em var(--themeColorBlack);
   background: linear-gradient( rgba(34, 58, 68, 0) 2%, rgba(34, 58, 68, .85 ) 18%, rgba(34, 58, 68, .9 ) 20% , rgba(34, 58, 68, 1 ) 70% );
   border-radius: .5em;
}
.category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .title {
   font-weight: 700; 
   margin: 0 0 .5em;
}
.category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .data {
   margin: 0 0 .5em;
   font-weight: 400;
}
.category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .data button {
   border: 0;
   padding: .75em .75em;
   background: var(--themeColorRed);
   color: var(--themeColorWhite);
}
.category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .data button:hover {
   padding: .75em 1.5em;
   color: var(--themeColorRed);
   font-weight: 600;
   background: var(--themeColorWhite);
}
.category-index .pub-slider .drt-control span.fa  {
   font-size: 1.5em;
   padding: 0 .5em;
   color: var(--themeColorRed);
}
.category-index .pub-slider .tempo-bar {
   height: .25em !important;
   background: var(--themeColorRed);
}
.category-index .type-title {
   margin: .5em 0 .7em;
   font-size: 1.15em;
   text-transform: uppercase;
   font-weight: 700;
   padding: 0 .5em;
   line-height: 1.5em;
   color: var(--themeColorLightDark);
}
.category-index .type-title span.data {
   color: var(--themeColorRed);
}

.category-row {
   margin: .25em 0;
   padding: .5em 1em;
}
.category-row-title {
   padding: 0 0 0 2em;
   line-height: 2em;
   color: var(--themeColorRed);
   margin: 1em 0 .25em;
   font-weight: 600;
/*   border: 10px solid purple !important;*/
}
.category-row-title span.fa {
   color: var(--themeColorBlue);
}
.category-row .pack {
   border-radius: .5em;
   color: var(--themeColorLightDarkText);
   padding: 1em .5em;
   box-shadow: 0 0 0 .25em var(--themeColorLightDark);
}
.category-row .pack:hover {
   box-shadow: 0 0 0 .25em var(--themeColorBlue);
}
.category-row .pack .img {
   padding: .25em;
}
.category-row .pack img {
   display: block;
   margin: 0 auto;
}
.category-row .pack .summary {
   padding: .25em;
}
.category-row .pack .summary .data {
   line-height: 1.5em;
}
.category-row .pack .info {
   margin: .5em 0 0;
   line-height: 1.5em;
}
.category-row .pack .info button {
   border-radius: 0;
   height: 1.5em;
   padding: 0 .25em !important;
   margin: 0;
   font-size: .9em;
   text-transform: capitalize;
   color: var(--themeColorLightDarkText);
}
.category-row .pack .info button span.fa {
   color: var(--themeColorBlue);
}

/* ENDOF CATEGORYROW - VISUAL*/



.account-access-form {
   background: var(--themeColorWhite);
}
.new-account-pack {
   margin: 7.5% auto 2.5%;
   padding: 0 0 3em;
   background: inherit;
   border: .5em solid var(--themeColorBlue);
   border-bottom: 3.0em solid var(--themeColorBlue);
   box-shadow: 0 0 .5em var(--themeColorBlue);
   border-radius: .5em;
}
.new-account-pack .h4 {
   line-height: 70px;
   margin: 0 0 1.5em;
   font-weight: 600;
   background:  var(--themeColorBlue);
   color:  var(--themeColorWhite);
}
.new-account-pack form {
   padding: 0 7.5%;
   color: var(--themeColorLightDarkText);
}
.new-account-pack form .tip a {
    color: var(--themeColorBlue) !important;
}
.new-account-pack form button {
   border-radius: 0;
   width: 300px;
   max-width: 80%;
   border-radius: .25em;
   display: block;
   margin: 2.5% auto 0;
}
.new-account-pack form .input-group {
   margin: 0 0 1.25em;
   line-height: 3.0em;
}
.new-account-pack form .input-group.text {
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.new-account-pack form .input-group span.input-group-text {
   background: inherit;
   line-height: 30px;
   color: var(--themeColorBlue);
   text-transform: uppercase;
   font-weight: 600;
}
.new-account-pack form .input-group input:not([type=checkbox]),
.new-account-pack form .input-group select,
.new-account-pack form .input-group input:not([type=radio]) {
   line-height: 3.0em;
   background: inherit;
   outline: 0;
   box-shadow: unset;
   border: 0;
   border-bottom: .25em solid var(--themeColorBlue);
   border-radius: 0;
   color: var(--themeColorLightDarkText);
}
.new-account-pack form .input-group.esc {
   width: auto !important;
   min-width: 120px;
   padding: 0 .5em;
   float: left;
   margin: 0;
}
.new-account-pack form .input-group .form-check {
   padding: 0;
   display: inline-block;
   margin: 0;
}
.new-account-pack form .input-group input[type=checkbox],
.new-account-pack form .input-group input[type=radio] {
   height: 2em;
   width: 4em;
   margin: 8px .5em 0;
   cursor: pointer;
}
.new-account-pack form .input-group input[type=radio] {
   width: 2em;
   height: 2em;
   border-radius: 50%;
   border: .25em solid deeppink;
   box-shadow: 0 0 0 .25em deeppink;
}
.new-account-pack form .input-group input[type=radio].male {
   border: .25em solid cyan;
   box-shadow: 0 0 0 .25em cyan;
}
.new-account-pack form .input-group input[type=radio]:checked {
   border-width: 1em;
}
.new-account-pack form .input-group input:not([type=checkbox]):focus,.new-account-pack form .input-group input:not([type=radio]):focus,.new-account-pack form .input-group select:focus {
   background: var(--themeColorWhite);
   box-shadow: none;
   outline: none;
}
.account-action.messageBox {
   margin: 6em 0 0;
   display: none;
}
.account-action.messageBox .alert {
   margin: 5em auto;
   padding: 2.5em;
}
/*   ENDOF SIGNINFORM - VISUAL */
.wfh {
   padding: 0 2%;

   color: var(--themeColorLightDarkText);
}
.wfh .regpack {
   margin: 0 auto;
   border-radius: .5em;
}
.wfh .regpack .head {
   background: var(--themeColorBlue);
   color: var(--themeColorWhite);
   font-weight: 600;
}
.wfh .data-pack {
   padding: 3em 3em;
   margin: .5em auto;
   float: left;
   display: none;
}
.wfh .data-pack .wfh-data {
   padding: .5em .25em 0 .5em;
   margin: 0 0 1em;
}
.wfh .data-pack .wfh-data label {
   text-transform: capitalize;
   display: block;
   padding: 0 .5em 0 0;
   color: var(--themeColorLightDarkText);
   font-weight: 600;   
   line-height: 3.5em;
}
.wfh .data-pack .wfh-data input,.wfh .data-pack .wfh-data select,.wfh .data-pack .wfh-data textarea {
   display: block;
   float: left;
   padding: 0 0 0 1em;
   border: 0;
   outline: 0;
   background: inherit;
   border-bottom: .25em solid var(--themeColorBlue);
   border-radius: 0;
   box-shadow: unset;
   font-size: 1em !important;
   height: 3.5em;
   line-height: 3.5em;
   color: var(--themeColorLightDarkText);
   

/*   border: .5em solid purple !important;*/
}
.wfh .data-pack .wfh-data textarea {
   line-height: 1.75em;
   min-height: 6em;
   max-height: 10em;
   padding: 0 .25em 0 .5em;
}
.wfh .data-pack .wfh-data input.error,.wfh .data-pack .wfh-data select.error {
   border-color: #f00;
}
.wfh .data-pack .wfh-data input[disabled],.wfh .data-pack .wfh-data select[disabled] {
   border: 0;
   font-style: italic;
   letter-spacing: 5%;
   font-weight: 600;
   font-size: 1em;
}
.wfh .data-pack .wfh-data input:focus,.wfh .data-pack .wfh-data select:focus {
   font-size: 1.15em;
   padding: 0 0 0 .5em;
}
.wfh .data-pack .navigation {
   float: left;
   margin: 4em 0 0;

}
.wfh .data-pack .navigation button {
   border-radius: none;
}
.wfh #wfhmntrrsp {
   line-height: 2em;
/*  QUERYING */
}
/*.wfh .data-pack input,.wfh .data-pack select,.wfh .data-pack textarea {
   line-height: 50px;
}*/
/*.wfh .data-pack .input-group-text {
   color: var(--themeColorBlue); !important;
   font-weight: 600;
}*/
/*.wfh .data-pack .review {
   font-weight: 600;
   font-size: 1.25em;
}*/

.wfh .data-pack .review span.data {
   font-weight: normal;
   padding-left: .25em;
   font-size: 1.2em;
   line-height: 2.5em;
   opacity: 1;
   color: var(--themeColorLightDarkText) !important;

}
.wfh .data-pack .message {
   border: .25em solid var(--themeColorLightDark);
   padding: 12% 2%;
}
.wfh .data-pack .message span.fa {
   font-size: 2em;
   display: block;
   margin: 1em 0 2em 0;
   border: .5em solid var(--themeColorBlue) !important;
}

.wfh .data-pack.review .wfh-data {
   line-height: 2em;
   margin: .25em 0 .5em;
}
.wfh .data-pack.review .wfh-data h6,.wfh .data-pack.review .wfh-data p {
   line-height: 2em;
   display: inline-block;
   float: left;
   font-size: 1em;
   margin: 0;

}
.wfh .data-pack.review .wfh-data h6 {
   font-weight: 600;
   text-transform: capitalize;
   color: var(--themeColorBlue);
   text-shadow: 0 0 .25em var(--themeColorLightDark);
}
/*    ENDOF WFHFORM - VISUAL*/




.sponsor {
   padding: 2% 2%;
}
.sponsor *::selection {
   background: transparent;
}
.sponsor .sponsorship-view {
   background: var(--themeColorBlack);
   color: var(--themeColorWhite);
   padding: 7.5% 10% ;
   backdrop-filter: blur(10px);
   margin: 0 0 2.5em;
}
.sponsor .sponsorship-view .name {
   font-size: 3em;
   padding: 0 0 0 .5em;
   font-weight: bold;
   letter-spacing: .05em;
   text-shadow: 0 0 .1em var(--themeColorLightDarkText);
}
.sponsor .sponsorship-view .name .slogan {
   font-weight: normal;
   font-size: .4em;
   letter-spacing: none;
   padding: 0 .25em;
   color: var(--themeColorgold);
   display: inline-block;
}
.sponsor .sponsorship-view .description {
   padding: .25em;
   font-size: 1.25em;
   color: var(--themeColorWhite);
   font-family: serif;
   text-shadow: 0 0 .15em var(--themeColorLightDarkText);
}
.sponsor .sponsorship-view .description img {
   margin: 0 1em 0 0;
   border-radius: 4px;
}
.sponsor .sponsorship-contact {
   padding: 1em .25em .5em;
   line-height: 2.5em;
}
.sponsor .contact-pack span:not(.fa) {
   display: inline-block;
   padding: 0 .5em 0 1em;
   margin: 0 .25em;
}
.sponsor .sponsorship-contact .title {
   color: var(--themeColorgreen);
   font-weight: 600;
   display: inline-block;
}
.sponsor .sponsorship-contact .contact-pack {
   text-align: right;
}
.sponsor .sponsorship-contact .contact-pack a {
   color: var(--themeColorBlue);
}
.sponsor .sponsorship-contact .type {
   padding: 3em 0 0;
   font-weight: 700;
   font-size: 1.25em;
   text-shadow: .02em .02em .2em var(--themeColorLightDark);
   cursor: default;
}
.sponsor .sponsorship-contact .brand-name.type-gold {
   text-shadow: .02em .02em .15em gold;
   color: gold;
}
.sponsor .sponsorship-contact .brand-name.type-premium {
   text-shadow: .02em .02em .1em var(--themeColorBlue);
   color: var(--themeColorBlue);
}
/*    ENDOF SPONSOR - VISUAL*/




















.tmiy-max {
   padding: 1em 0;
   background: var(--themeColorWhite);
}
.tmiy-max .navigation-switch {
   z-index: 1000;
   position: static;
}
.tmiy-max .view-selector {
   padding: 1em .5em;
   color: var(--themeColorLightDarkText);
}
.tmiy-max .view-selector span.fa {
   color: var(--themeColorBlue);
}
.tmiy-max .view-selector ul {
   list-style-type: none;
}
.tmiy-max .view-selector ul li {
   line-height: 3em;
   text-transform: capitalize;
   cursor: pointer;
   margin: 0;
   padding: 0 .25em 0 0;
}
.tmiy-max .view-selector ul li.active {
   border-right: .5em solid var(--themeColorRed);
}
.tmiy-max .view-selector ul li:not(.active):hover {
   border-left: .5em solid var(--themeColorLightDark);
   padding-left: .5em;
}
.tmiy-max .view {
   padding: .5em;
}
.page-navigation {
   padding: .5em 1em;
   margin: 1em 0 0;


}
.page-navigation button,.page-navigation button a {
   border-radius: 0;
   background: var(--themeColorWhite);
   color: var(--themeColorLightDarkText);
   font-size: 1em;
   padding: .25em .5em;
}
.page-navigation button.page-count {
   font-size: .9em;
}


.post-capsule {
   padding: .25em;
   float: left;
   margin: 0 0 .5em;
}
.post-capsule .pack {
   position: relative;
   background: inherit;
   transform: scale(.95);
   box-shadow: 0 0 0 .25em var(--themeColorRed);
}
.post-capsule .pack:hover {
   transform: scale(1);
}
.post-capsule .pack .information {
   position: absolute;
   background: linear-gradient( rgba(0, 0, 0, 0) 2% , var(--themeColorRed), var(--themeColorRed) );
   color: var(--themeColorWhite);
   bottom: 0;
   padding: 3em 1em .5em;
   line-height: 2em;
}
.post-capsule .pack .information .title {
   font-size: 1.25em;
   font-weight: 700;
   text-shadow: 0 0 .25em var(--themeColorBlack);
   line-height: 1.5em;
   text-overflow: ellipsis;
   padding: .15em .5em .15em;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.post-capsule .pack .information .metadata {
   margin: 0;
   margin-top: .25em;
   font-size: .9em;
   line-height: 1.75em;
}
.post-capsule .pack .information .metadata .taglike {
   cursor: pointer;
   border-radius: none;
   padding: 0 .5em;
   margin: 0;
   line-height: 2em;
   display: inline-block;
}
.post-capsule img {
    width: 100%;
}
/*   ENDOF POSTCAPSULE - VISUAL */

.pnf {
   padding: .5em;
}
.pnf .info {
   float: unset;
   display: inline-block;
   padding: 4em 2em;
   color: var(--themeColorLightDarkText);;   
}
.pnf .info span.main-icon,
.pnf .info span.fa.main-icon {
   display: block;
   text-align: center;
   margin: 1em auto .5em;
   font-size: 4em;
   color: var(--themeColorBlue);;
}
.pnf .info p {
   line-height: 2em;
   margin: .5em 0 0;
}
.pnf .info ul {
   list-style-type: square;
   margin: 1.5em 0 1em;
   padding: 0 0 0 1.5em;
}
.pnf .info ul li {
   line-height: 2em;
}
.eop {
   width: 100%;
   padding: 5em 2.5em;
   text-align: center;
   border: 1em solid purple !important;
}
.eop .info {
   border: .25em solid var(--themeColorgreen);;
   display: inline-block;
   padding: 2.5em 0;
}
/*   ENDOF EOP - VISUAL */


.about-pack {
   color: var(--themeColorLightDarkText);
   padding: 0 1% !important;
}

.about-pack .about {
   float: left;
   position: relative;
   background-image: url(//asatnow.com/lib/media/img/asatnow-bk-img.png);
   margin: 1em 0;


/*   border: 1em solid gold;*/
}
.about-pack .about .input-group {
   width: 550px;
   max-width: 100%;
   color: var(--themeColorWhite);
}
.about-pack .about .input-group .input-group-text {
   color: var(--themeColorWhite);
   background: inherit;
}
.about-pack .about .input-group input {
   color: var(--themeColorWhite);
   height: 50px;
   background: inherit;
}
.about-pack .about .input-group input:focus {
   background: var(--themeColorBlack);
   outline: 0;
   padding: 0 1em;
   box-shadow: unset;

}
.about-pack .about .data {
   top: 0;
   padding: 5em 4%;
   left: 0;
   margin: 0;
   width: 100%;
   color: var(--themeColorWhite);
   text-shadow:  0 0 .5em var(--themeColorBlack);
   text-align: center;
   background: rgba( 17, 4, 0, .8);

}
.about-pack .more-info {
   border: 2px solid var(--themeColorLightDark) !important;
   border-radius: .25em;
   margin: 4em 0 2em ;
   padding: 2% 2%;
   text-align: left;
   display: inline-block;
}
.about-pack .more-info p {
   font-size: 1em;
}
.about-pack .more-info .disclaimer {
   color: var(--themeColorBlue);
   padding: 1.5em 2%;
   text-transform: uppercase;
}
.about-pack blockquote a {
   color: var(--themeColorgreen) !important;
}
.about-pack blockquote .badge {
   color: var(--themeColorLightDarkText);
   font-weight: normal;
}

.about-pack .about .data h4 {
   font-size: 2.2em;
   margin: .25em 0;
   font-weight: bold;
}
.about-pack .about .data p {
   font-size: 1.2em;
}
.about-pack .tab {
   margin: .5em auto .5em;
   padding: .25em 0%;
   text-align: center;
}
.about-pack .tab .alternative {
   float: left;
   text-align: center;
   color: var(--themeColorBlue);
   font-size: 1em;
   font-weight: 400;
   margin: 0;
}
.about-pack .tab .title {
   font-weight: bold;
   font-size: 1.5em;
   float: unset !important;
   display: inline-block;
   margin: .5em 0 .25em;
   text-align: left;
   border-radius: .25em .25em 0 0;
}
.about-pack .tab .title:first-child {
   margin: 0 0 .5em;
}
.about-pack .tablet {
   text-align: left;
   padding: 0 .5em .5em;
   display: inline-block;
   float: unset !important;
   font-size: 1.05em;
   text-indent: .5em;
   color: var(--themeColorLightDarkText);
}
.about-pack .tablet img {
   border: .25em solid var(--themeColorWhite);
   float: left;
   margin: 0 .25em 0 0;
}
.about-pack .tablet a {
   color: var(--themeColorBlue) !important;
   font-weight: 600;
}
.about-pack .tablet a span {
   margin: 0 0 0 .25em !important;
}
.about-pack .tab .title span {
   margin-left: .5em;
   font-size: .75em;
   opacity: .9;
   font-weight: normal;
}
.about-pack .tab .title span:before {
   content: " - ";
}
.about-pack .tab .title {
   padding: 1em .5em 1em 4%;
   background: var(--themeColorRed);
   color: var(--themeColorWhite);
}
.about-pack .tab ul {
   list-style-type: circle;
   padding: 0;
   list-style-type: none;
   margin: 0 0 .5em .25em;
   color: var(--themeColorLightDarkText);
}
.about-pack .tab ul.lst-none {
   list-style-type: none;
}
.about-pack .tab li {
   line-height: 1.5em;
   text-indent: .5em;
   margin: 0 0 1em;
   padding: 0 .25em;
}
.about-pack .tab li span {
   margin: 0 .5em 0 0;
   padding: .125em .5em 0 .25em;
   border-radius: .25em;
   cursor: default;
   font-size1: .25em;

   text-transform: uppercase;
/*   font-weight: 700;*/
   border-radius: 0;
   border-bottom: 2px solid var(--themeColorLightDark);
   font-weight: 600;
}
.about-pack .tab .form-fold {
   padding: 2.5% 0;
   margin: 1em 0;
}
.about-pack .tab .form-fold form.foldable {
   margin: 0 auto;
   text-align: left;
}
/*   ENDOFABOUTR - VISUAL */

.help-pack {
   float: left;
   padding: .5em .75em;
   color: var(--themeColorLightDarkText);
   margin: .5em 0;
}
.help-pack .help {
   padding: 2.5em 1em;
   box-shadow: 0 0 0 .25em var(--themeColorLightDark);
   background: var(--themeColorWhite);
   margin: .25em 0;
   height: 375px;
   overflow: hidden;
   overflow-y: auto;
   transform: scale(.95);
   border-radius: .5em;
   cursor: default;
   border: .5em solid var(--themeColorWhite);
}
.help-pack .help:hover {
   box-shadow: 0 0 0 .25em var(--themeColorRed);

   transform: scale(1);
   padding: .5em 1em;
}
.help-pack .help .help-icon {
   display: block;
   margin: .5em 0;
   font-size: 3em;
   text-align: center;
   color: var(--themeColorRed);
}
.help-pack .help h5 {
   margin: 0 0 1em;
   text-align: center;
   display: block;
   line-height: 1.5em;
   color: var(--themeColorLightDarkText);
   font-weight: 600;
}
.help-pack .help p {
   color: var(--themeColorLightDarkText);
}
.help-pack .help .link {
   color: var(--themeColorBlue);
   margin: .25em 0 1em;
   float: left;
}
.help-pack .help:hover .actions {
   margin: 4.5% 0 0;
   line-height: 2em;
}
.help-pack .help:hover .help-icon {
   font-size: 2em;
}
.help-pack .help .actions .count {
   font-size: .75em;
}
.help-pack .help .actions button.reaction {
   font-size: 1.5em;
   display: inline-block;
   margin: 0 .5em;
   margin: 0 0;
   cursor: pointer;
   outline: 0;
   box-shadow: 0;
   padding: 0 .5em;
   background: inherit;
   border: 0;
}
.help-pack .help .actions button.reaction.inverse {
   transform: rotateY(180deg);
}
.help-pack .help .actions button.reaction {
   color: darkolivegreen;
   opacity: .25;
}
.help-pack .help .actions button.reaction:not(.active):hover {
   opacity: .8;
}
.help-pack .help .actions button.reaction.active {
   color: darkgreen;
   opacity: 1;
}
.help-pack .help .actions button.reaction.inverse {
   color: indianred;
   opacity: .25;
}
.help-pack .help .actions button.reaction.inverse.active {
   color: darkred;
   opacity: 1;
}
/*   border: 1em solid purple !important;*/
/*   ENDOF HELP - VISUAL */


div.alt-slider,div.main-slider {
   float: left;
}
div.main-slider {
   background-image: url(//asatnow.com/lib/media/img/asatnow.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   margin: .5em 0;
}
div.main-slider .desc {
   position: absolute;
   bottom: 0;
   left: 0;
   max-height: 65%;
   background: linear-gradient( rgba(34, 58, 68, 0) 2%, rgba(34, 58, 68, .85 ) 18%, rgba(34, 58, 68, .9 ) 20% , rgba(34, 58, 68, 1 ) 70% );
   padding: 3em 7.5% 3em;
   text-shadow: 0 0 .5em #000;
}
div.main-slider .desc h2 {
   font-weight: 700;
   margin: 0 0 .5em;
   color: var(--themeColorWhite);
}
div.main-slider .desc p {
   color: var(--themeColorWhite);
   font-size: 1.25em;
}
div.main-slider .desc button {
   background: var(--themeColorRed);
   color: var(--themeColorWhite);
   font-weight: 600;
   outline: 0;
   margin-top: 1.5em;
   border: 0;
}
div.main-slider .desc button:hover {
   background: var(--themeColorWhite);
   color: var(--themeColorRed);
   padding-left: 1.5em;
   padding-right: 1.5em;
}



div.alt-slider {
   padding: 0;

   padding: .25em 0;
   margin: 0;
   border-bottom: 0;
}
div.alt-slider a {
}
div.alt-slider {
   padding: 0;

   height: 325px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url(//asatnow.com/lib/media/img/featuredimage-update.png);
   border-top: 0;
   border-bottom: 0;

   margin: .5em 0 -.5em;


   box-shadow: 0 0 0 .25em var(--themeColorWhite);
   border-left: .25em solid var(--themeColorWhite) !important;
}
div.alt-slider:first-child {
/*   margin: 1em auto 0;*/
}
div.alt-slider.slide-ii {
   background-image: url(//asatnow.com/lib/media/img/featuredimage-entertainment.png);
}
div.alt-slider.alt-slider-vertical {
   margin: .5em auto 0;
   border: none;
   height: 650px;
   float: right;
   background-image: url(//asatnow.com/lib/media/img/asatnowadspace-vertical.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}





.cats-slider {
   margin: 0 0 1em;
}
.cats-slider .title {
   margin: 0 0 .25em;
   padding: 0 1em;
   line-height: 2em;
   font-weight: 700;

   color: var(--themeColorLightDarkText);
}
.cats-slider .title span {
   color: var(--themeColorRed);
}
.cats-slider a {
   display: block;
   padding: .5em;
}
.cats-slider .tab {
   position: relative;
   outline: 0;
   box-shadow: 0 0 0 .25em var(--themeColorRed);
   background-image: url(//asatnow.com/lib/media/img/asatnow-sq.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   transform: scale(.95);
}
.cats-slider .tab img {
   width: 100%;
}
.cats-slider .tab .desc {
   position: absolute;
   bottom: 0;
   left: 0;
   max-height: 65%;
   color: var(--themeColorWhite);
   text-shadow: 0 0 .15em var(--themeColorBlack);
   padding: 3em .25em .5em;
   background: linear-gradient( rgba(0, 0, 0, 0) 2%, var(--themeColorRed) 18%, var(--themeColorRed) 80%);
}
.cats-slider .tab .desc .title {
   margin: 0;
   font-weight: 600;
   line-height: 1.5em;
   color: var(--themeColorWhite);
}
.cats-slider .tab:hover {
   transform: scale(1);
   box-shadow: 0 0 0 .25em var(--themeColorRed);
}
.cats-slider .tab .metadata {
   margin: .25em 0 0;
   line-height: 2em;
   padding: 0 .5em;
   font-size: .9em;
}
/*    ENDOF HOMEPAGE - VISUALS   */



























.profile-pack {
   text-align: center;
   padding: .25em .5em;
   float: left;
}
.profile-pack .navigation-switch {
   font-size: 2.5em;
   color: var(--themeColorRed);
   position: sticky;
   left: .5em;
   top: 85px;
   padding: .25em;
   float: left;
   background: var(--themeColorWhite);
   cursor: pointer;
   border-radius: .5em;
   display: none;
}
.profile-pack .menu-pack,.profile-pack .menu-data {
   padding: 0 none;
   float: left;
}
.profile-pack .pack,.profile-pack .pack-switch {
   padding: 1em .5em;
   float: left;
   background: var(--themeColorWhite);
   z-index: 1;
}
.profile-pack .pack {
   padding: 1.5em .125em !important;
   float: unset;
   margin: .5em 0;   
   display: inline-block;
   padding-top: calc(80px + 0.25em) !important;
}
.profile-pack .menu-pack .pack span[closeView] {
   display: none;
/*   border: .5em solid lime !important;*/
}
.profile-pack .pack-switch {
   color: var(--themeColorLightDarkText);
}
.profile-pack .pack-switch span.fa {
   color: var(--themeColorRed);
}
.profile-pack .pack:not(.pack-switch),
.profile-pack .pack:not(.active) {
   display: inline-block !important;
}

.profile-pack .pack ul {
   list-style-type: none;
   padding: 0 .25em;
}
.profile-pack .pack ul li {
   line-height: 3.5em;
   padding: 0 .25em 0 .5em;
   background: inherit;
   cursor: pointer;
   margin: .25em 0;
}
.profile-pack .pack ul li.active {
   border-right: .5em solid var(--themeColorRed);
}
.profile-pack .pack ul li:not(.active):hover {
   border-left: .5em solid var(--themeColorLightDark);
}
.profile-pack .menu-data {
   float: left;
   overflow: hidden;
   background: var(--themeColorWhite);
   height: 100vh;
   overflow-y: auto;
   padding: 0 0 0 .5em !important;
   text-align: left;
}





































.profile-pack .profile-view-pack {
   float: left;
   margin: 0 0 1em;
   padding: .5em 0 5em;



}
.profile-pack .profile-view-pack .datarow {
   margin: 0 auto .5em;
   padding: .5em 0;
   display: inline-block;
   text-align: left;
   background: var(--themeColorWhite);
}
.profile-pack .profile-view-pack .dataeditor.datarow {
   position: fixed;
   right: 0;
   top: 0;
   height: 100vh;
   overflow: hidden;
   z-index: 1;
   padding: 2em 5%;
   overflow-y: auto;
   display: none;
   border: .5em solid var(--themeColorWhite);
   border-top-width: 2em;
   border-right-width: 0;
   border-left-width: .5em;
   border-bottom-width: 2em;

   box-shadow: 0 0 .25em var(--themeColorLightDarkText);
}



.profile-pack .profile-view-pack .datarow.datavisual {
   padding: 0;
   margin: 0 0 .25em;
/*   border: .25em solid purple !important;*/
}
.profile-pack .profile-view-pack .datarow.datavisual .row-label,
.profile-pack .profile-view-pack .datarow.datavisual .row-data {
   line-height: 3em;
   margin: 0;
   padding: 0 0 0 .25em;
}
.profile-pack .profile-view-pack .datarow.datavisual .row-label {
   float: left;
   font-weight: 700;
   opacity: .7;
   color: var(--themeColorLightDarkText);
}
.profile-pack .profile-view-pack .datarow.datavisual .row-data {
   float: left;
   text-align: right;
   font-size: .9em;
   color: var(--themeColorLightDarkText);
   padding: 0 1em 0 0;
}
.profile-pack .profile-view-pack .datarow.datavisual .row-data small {
   font-size: .8em;
   font-style: italic;
   padding-left: .5em;
   color: var(--themeColorBlue);
}
.profile-pack .profile-view-pack .datarow.datavisual .row-data small::before {
   content: "- ";
}
.profile-pack .profile-view-pack .datarow .data {
   padding: 0%;
   margin: 0 0 .5em;
   color: var(--themeColorLightDarkText);
}
.profile-pack .profile-view-pack .datarow .data label {
   line-height: 3.5em;
/*   float: left;*/
   font-size: 1.25em;
   padding: 0 0 0 .5em;
   font-weight: 600;
   margin: 0 0 .25em;
   cursor: pointer;
   z-index: 991;
   border-bottom: .25em solid var(--themeColorLightDark) !important;
}
.profile-pack .profile-view-pack .datarow .data label.active {
   padding-left: 1em;
   border-radius: 1em 1em 0 0;
   border: .25em solid var(--themeColorBlue) !important;
}
.profile-pack .profile-view-pack .datarow .data .form-check.input input[type=radio] {
   padding: 0;
   width: 2em;
   height: 2em;
   margin: .75em 0 0;
   border: 0;
   cursor: pointer;
   box-shadow: 0 0 0 .25em deeppink !important;
   outline: unset !important;
}
.profile-pack .profile-view-pack .datarow .data .form-check.input input[type=radio]:checked {
   border: 1em solid deeppink;
}
.profile-pack .profile-view-pack .datarow .data .form-check.input input[type=radio].male {
   box-shadow: 0 0 0 .25em cyan !important;
}
.profile-pack .profile-view-pack .datarow .data .form-check.input input[type=radio].male:checked {
   border: 1em solid cyan;
}
.profile-pack .profile-view-pack .datarow .data label .form-check:not(.input) {
   height: 3.5em;
   padding: 0;
   margin: 0;
   float: right;
}
.profile-pack .profile-view-pack .datarow .data label .form-check:not(.input) input {
   opacity: 0;
}
.profile-pack .profile-view-pack .datarow .data:hover label .form-check:not(.input) input,
.profile-pack .profile-view-pack .datarow .data label .form-check:not(.input) input:checked {
   opacity: 1;
}
.profile-pack .profile-view-pack .datarow .data label .form-check input {
   width: 3.5em;
   height: 1.75em;
   padding: 0;
   margin: 1em 0 0;
   cursor: pointer;
}












.profile-pack .profile-view-pack .datarow .data .btn,
.profile-pack .profile-view-pack .datarow .data .input {
   float: left;
   height: 3.5em;
   color: var(--themeColorBlue);
   border-radius: 0;
   font-size: 1.25em;
   background: var(--themeColorWhite);
   outline: unset;
   display: none;
   box-shadow: unset;
}
.profile-pack .profile-view-pack .datarow .data .input {
   padding: 0 .25em 0 1em;
   border: 0;
   border-bottom: .25em solid var(--themeColorBlue);
   color: var(--themeColorLightDarkText);
}
.profile-pack .profile-view-pack .datarow .data small {
   font-size: .75em;
}
.profile-pack .profile-view-pack .datarow .data .input:focus {
   padding-left: 1.5em;
}
.profile-pack .profile-view-pack .datarow.header {
   margin: 0 0 1em;
   padding: 1em 0;
   float: left;
}
.profile-pack .profile-view-pack .datarow.header .img {
   float: left;
   text-align: center;
   position: relative;
}
.profile-pack .profile-view-pack .datarow.header .img span.fa.data {
   position: absolute;
   font-size: 1.25em;
   color: var(--themeColorBlue);
}
.profile-pack .profile-view-pack .datarow.header .img span.fa.readster {
   right: 1em;
   bottom: 0;
}
.profile-pack .profile-view-pack .datarow.header .img span.fa.staff {
   left: 1em;
   font-size: .75em;
   font-variant: small-caps;
   bottom: 0;
   color: var(--themeColorLightDark);
}
.profile-pack .profile-view-pack .datarow.header .img span.fa.advertiser {
   position: absolute;
   top: 0.5em;
   right: 1em;
}
.profile-pack .profile-view-pack .datarow.header .img label {
   position: absolute;
   bottom: 0;
   left: 0;
   height: 50%;
   cursor: pointer;
   padding: 1em;
   background: var(--themeColorWhite);
   color: var(--themeColorLightDarkText);
   opacity: 0;
}
.profile-pack .profile-view-pack .datarow.header .img label span.fa {
   color: var(--themeColorRed);
}
.profile-pack .profile-view-pack .datarow.header .img input {
   position: absolute;
   left: 0;bottom: 0;
   visibility: hidden;
}
.profile-pack .profile-view-pack .datarow.header .img:hover label {
   opacity: 1;
}
.profile-pack .profile-view-pack .datarow.header .img img {
   display: block;
   margin: 0 auto;
   height: 10em;
   max-width: 100%;
}
.profile-pack .profile-view-pack .datarow.header .data {
   padding: 0 .5em;
   text-align: left;
   color: var(--themeColorLightDarkText);
}
.profile-pack .profile-view-pack .datarow.header .data .title {
   font-size: 1.75em;
   font-weight: 600;
   line-height: 2.25em;
}
.profile-pack .profile-view-pack .datarow.header .data .paragraph {
   line-height: 2.5em;
}
.profile-pack .profile-view-pack .datarow.header .data .paragraph span.fa {
   color: var(--themeColorRed);
}
/*    ENDOF ACCOUNT PROFILE - VISUAL*/

.profile-preference-pack {
   float: left;
   text-align: center;
   padding: 2.5em 0 5em;
}
.profile-preference-pack .profile-preference  {
   line-height: 3em;
   float: unset;
   display: inline-block;
   margin: 0 0 1em;
   text-align: left;
}
.profile-preference-pack .profile-preference .option span:not(.default),
.profile-preference-pack .profile-preference .option span:not(.default) {
   float: right;
   height: 3em;
   padding: 0;
   display: inline-block;
   
   border: .25em solid lime !important;
}
.profile-preference-pack .profile-preference .option {
   float: left;
   padding: 0;
}
.profile-preference-pack .profile-preference .option:nth-child(2) {
   display: none;
}
.profile-preference-pack .profile-preference .option.title {
   text-transform: uppercase;
   font-weight: 700;
   cursor: default;
   opacity: .7;
   color: var(--themeColorLightDarkText);
}
.profile-preference-pack .profile-preference .option .default {
   cursor: pointer;
   line-height: 3em;
   display: inline-block;
   margin-left: .5em;
   padding: 0 1em 0 .5em;
   font-weight: lighter;
   text-transform: capitalize;
}
.profile-preference-pack .profile-preference .option .default.active {
   border-radius: .25em 0 0 .25em;
   font-weight: 600;
   background: var(--themeColorBlue);
   color: var(--themeColorWhite);
}
.profile-preference-pack .profile-preference .option small {
   text-transform: lowercase;
   margin-left: .5em;
   font-weight: lighter;
   color: var(--themeColorBlue);
}
.profile-preference-pack .profile-preference .option small::before {
   content: "- ";
}
.profile-preference-pack .profile-preference .option input[type=checkbox] {
   margin: .5em 0 .25em;
   width: 2em;
   height: 2em;
   float: left;
}
.profile-preference-pack .profile-preference .option input:not([type=checkbox]),
.profile-preference-pack .profile-preference .option input:not([type=radio]),
.profile-preference-pack .profile-preference .option select {
   float: left;
   background: inherit;
   border: 0;
   padding: 0 .25em 0 .5em;
   box-shadow: unset;
   outline: unset;
   text-align: center;
   line-height: 3em;
   height: 3em;
   border-bottom: .25em solid var(--themeColorBlue);
   color: var(--themeColorLightDarkText);
}
.profile-preference-pack .profile-preference .option select {
   text-transform: capitalize;
   color: var(--themeColorLightDarkText);
}
.profile-preference-pack .profile-preference .option .btn {
   padding: 0;
   line-height: 3em;
   border-radius: 0;
   float: right;
}
.profile-preference-pack .profile-preference .option .form-check {
   height: 3em;
}
.profile-preference-pack .profile-preference .option .form-check input[type=checkbox] {
   width: 3.5em;
   height: 1.75em;
   cursor: pointer;
   border-width: 0;
}
.profile-preference-pack .profile-preference .option .form-check input[type=radio] {
   width: 1.85em;
   height: 1.85em;
   cursor: pointer;
   margin-left: .75em;
   border-width: .25em;
   border-color: pink;
   box-shadow: unset;
   outline: unset;
   margin-top: .5em;
}
.profile-preference-pack .profile-preference .option .form-check input[type=radio].male {
   border-color: cyan;
}
.profile-preference-pack .profile-preference .option .form-check input[type=radio]:checked {
   border-width: 1em;
}
/*    ENDOF PROFILE PREFERENCE - VISUAL*/

.profile-pack .profile-notification-pack {
   display: inline-block;
   text-align: left;
   padding: 2em 0 5em;
}
.profile-pack .profile-notification {
   padding: none;
   margin: 0 0 1em;
   position: relative;
   line-height: 1.75em;
}
.profile-pack p.text-display {
   padding: .75em 1em;
   position: relative;
}
.profile-pack p.text-display span[data-bs-dismiss] {
   position: absolute;
   right: -.15em;
   top: -.25em;
}
.profile-pack .row-navigation {
   margin: 2em 0 0;
   padding: .25em 0;
   float: left;
}
.profile-pack .row-navigation .btn {
   box-shadow: unset;
   border: 0;
   outline: unset;
   color: var(--themeColorLightDarkText);
}
.profile-pack .row-navigation .btn.state {
   color: var(--themeColorLightDark);
}
/*    ENDOF PROFILE GENERALIZED NOTIFICATION - VISUALS   */

.profile-pack .demacate {
   padding: .25em .5em;
   font-size: .9em !important;
   background: var(--themeColorWhite);
   color: var(--themeColorLightDarkText);
}
.profile-pack .demacate span.fa {
   color: var(--themeColorRed);
}
/*    ENDOF PROFILE GENERALIZED NOTIFICATION WITH INFO - VISUALS   */

.profile-pack .historypack {
   margin: 0 0 1.5em;
   float: left;
   padding: .25em .5em;
   border-radius: .25em;
   box-shadow: 0 0 0 .25em var(--themeColorLightDark);
}
.profile-pack .historypack:hover {
   box-shadow: 0 0 0 .25em var(--themeColorBlue);
}
.profile-pack .historypack .img {
   float: left;
   padding: 0 .25em 0 0;
}
.profile-pack .historypack .img img {
   display: block;
   margin: 0 auto;
   float: unset;
   max-height: 4em;
   max-width: 100%;
}
.profile-pack .historypack p.title {
   float: left;
   padding: 0 .25em;
   margin: 0;
   line-height: 1.5em;
}
.profile-pack .historypack .info {
   line-height: 2.5em;
   font-size: .9em;
   margin-top: .25em;
   padding: .25em .5em;
   font-size: .8em;
   color: var(--themeColorLightDarkText);
}
.profile-pack .historypack .info span.fa {
   color: var(--themeColorBlue);
}
.profile-pack .historypack .info .btn {
   border-radius: 0;
}
/*.profile-pack .historypack img {
   margin: 2px .25em 2px 0;
   float: left;
.profile-pack .info-pack .adv-image,.profile-pack .info-pack .info {
   float: left;
   padding: 0 4px;
}
}*/
/*    ENDOF PROFILE GENERALIZED HISTORY WITH INFO - VISUALS   */

.profile-pack .profile-notification-pack.referrals {
/*   border: .25em solid purple !important;*/
}
.profile-pack .referrals .referralcode {
   margin: 0 0 .5em;
   line-height: 2em;
   padding: 0 .25em 0 1em;
   color: var(--themeColorLightDarkText);
/*   border: .25em solid purple !important;*/
}
.profile-pack .referrals .referralcode b {
   text-transform: uppercase;
   margin-left: 1em;
   line-height: 2em;
   font-size: 1.25em;
}
.profile-pack .referrals .referralcode b span.fa {
   line-height: 2em;
   cursor: pointer;
   color: var(--themeColorLightDarkText);
   display: inline-block;
}
.profile-pack .referrals .referral-message {
   padding: .25em;
   font-size: .9em;
   color: var(--themeColorLightDarkText);
}
.profile-pack .referrals .referrals-count span.fa {
   color: var(--themeColorBlue);
}
.profile-pack .referrals .refers {
   margin: 1.5em 0 0;
   line-height: 2.5em;
   color: var(--themeColorLightDarkText);
   box-shadow: 0 0 0 .25em var(--themeColorLightDark);
   border-radius: .25em;
}
.profile-pack .referrals .refers .date,
.profile-pack .referrals .refers .name,
.profile-pack .referrals .refers .verification {
   float: left;
   padding: 0 0 0 .25em;
   color: var(--themeColorLightDarkText);
}
.profile-pack .referrals .refers .date {
   font-size: .9em;
}
.profile-pack .empty-data {
   color: var(--themeColorLightDarkText);
   float: left;  
}
.profile-pack .empty-data p b {
   color: var(--themeColorgreen);
}
.profile-pack .empty-data span.fa {
   font-size: 3em;
}

.profile-pack .myadvert-view {
   padding: .5em;
   margin: .25em 0;
/*   border: .25em solid purple !important;*/
}
.profile-pack .myadvert-view .adpack {
   color: var(--themeColorLightDarkText);
   float: left;
   border-radius: .5em;
   padding: .5em;
   box-shadow: 0 0 0 .25em var(--themeColorLightDark);
   font-size: .95em;
/*   border: .25em solid purple !important;*/
}
.profile-pack .myadvert-view .adpack img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
   height: 4.5em;
   border-radius: .25em;
}
.profile-pack .myadvert-view .adpack .title {
   padding: 0 .25em;
   line-height: 1.5em;
/*   border: .25em solid purple !important;*/
}
.profile-pack .myadvert-view .adpack .infostat {
   margin: .25em 0 0;
   color: var(--themeColorLightDarkText);
}
.profile-pack .myadvert-view .adpack .infostat .tabs {
   text-align: center;
   padding: .25em 0 0;
}
.profile-pack .myadvert-view .adpack .infostat .tabs .data {
   padding: 1.5em 0;
   line-height: 2em;
   font-weight: 900;
   
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   border: .25em solid var(--themeColorWhite);
   border-radius: 4em;
/*   border: .25em solid purple !important;*/
}
.profile-pack .myadvert-view .adpack .infostat .tabs .data .head {
   text-transform: capitalize;
   font-weight: normal;
}
.profile-pack .myadvert-view .adpack .infostat .tabs .data.report {
   background: darkred;
   color: var(--themeColorWhite);
}
.profile-pack .myadvert-view .adpack .infostat .tabs .data.click {
   background: darkgreen;
   color: var(--themeColorWhite);
}
.profile-pack .myadvert-view .adpack .infostack {
   margin: 1em 0 0;
   line-height: 2em;
   font-size: .9em;
}
.profile-pack .myadvert-view .adpack .infostack .btn {
   color: var(--themeColorLightDarkText);
}
/*   ENDOF PROFILE ADVERTS - VISUAL    */





































.dashboard {
   padding: .5em none;
   background: var(--themeColorWhite);
}


.dashboard .dashboard-menu {
   padding: 1em 0;
   height: 100vh;
   overflow: hidden;
   overflow-y: auto;
   color: var(--themeColorLightDarkText);
   background: var(--themeColorWhite);

/*   border: 1em solid purple !important;*/
}
.dashboard iframe.dashboard-menu {
/*   border: .15em solid var(--themeColorWhite);*/
}
.dashboard .dashboard-menu .pack {
   margin: 0 0 1em;
   padding: 0;


}
.dashboard .dashboard-menu .pack .id {
   margin: 0;
   font-size: 1.5em;
   text-transform: uppercase;
   text-align: center;
   font-weight: 700;
   line-height: 2em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 0 .25em;

}
.dashboard .dashboard-menu .pack img {
   display: block;
   margin: .5em auto;
   height: 8em;
   border-radius: 50%;
/*   border: .25em solid purple !important;*/
}
.dashboard .dashboard-menu .pack ul {
   list-style-type: none;
   margin: 0;
   padding: 0 1.5em;
}
.dashboard .dashboard-menu .pack ul li {
   line-height: 3.5em;
   margin: .25em 0;
   padding: 0 .5em 0 1em;
   cursor: pointer;
   text-transform: capitalize;
}
.dashboard .dashboard-menu .pack ul li.active {
   border-right: .5em solid var(--themeColorBlue) !important;
}
.dashboard .dashboard-menu .pack ul li:not(.active):hover {
   border-left: .5em solid var(--themeColorLightDark);
/*   border: .25em solid purple !important;*/
}


























.advert-mainvisual {
   height: 100vh;
   padding: none;
   float: left;
   background: var(--themeColorWhite);
   overflow: hidden;
   overflow-y: auto;

}
.advert-mainvisual *::selection {
   color: darkgreen;
   background: transparent;
}
.advert-mainvisual .advert-pack {
   height: 95%;
   margin: 1em auto 0;
   padding: 0;
}
.advert-mainvisual .advert-pack .info {
   float: left;
   padding: 0 1em;
   margin: 0 0 1em;
}
.advert-mainvisual .advert-pack .info .header {
   float: left;
   padding: 0;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .info .header img {
   height: 10em;
   display: block;
   margin: 0 auto;
   border-radius: 50%;
}
.advert-mainvisual .advert-pack .info .header .title,
.advert-mainvisual .advert-pack .info .header .data {
   margin: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 0 .5em 0 1em;
}
.advert-mainvisual .advert-pack .info .header .title {
   font-size: 2em;
   line-height: 2em;
   font-weight: 600;
}
.advert-mainvisual .advert-pack .info .header .data {
   line-height: 2.5em;
}
.advert-mainvisual .advert-pack .info span.fa {
   margin: 0 .5em 0 0;
}
.advert-mainvisual .advert-pack .info .data {
   line-height: 2em;
}
.advert-mainvisual .advert-pack .info.capsule {
   padding: .25em 0;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .info.capsule .tab {
   float: left;
   text-align: center;
/*   border: .25em solid purple !important;*/
   padding: .5em;
   color: var(--themeColorBlue);
}
.advert-mainvisual .advert-pack .info.capsule .tab .tabs {
   padding: 2em 0;
   background: inherit;
   border-radius: .25em;
/*   border: 2px solid red;*/
}
.advert-mainvisual .advert-pack .info.capsule .tab .tabs.green {
   background: darkgreen;
   color: var(--themeColorWhite);
}
.advert-mainvisual .advert-pack .info.capsule .tab .tabs.red {
   background: darkred;
   color: var(--themeColorWhite);
}

.advert-mainvisual .advert-pack .info.capsule .tab .tabs p {
   margin: 0;
   padding: .5em 0;
/*   border: 2px solid red;*/
}
.advert-mainvisual .advert-pack .info.capsule .tab span.fa {
   display: block;
   margin: 0 auto;
   font-size: 2.5em;
   font-weight: 900;
   font-family: sans-serif;
}
.advert-mainvisual .advert-pack .info.mini-capsule {
   padding: .25em 0;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .info.mini-capsule .tab {
   float: left;
   margin: .5em 0;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .info.mini-capsule .tabs {
   float: left;
   line-height: 3em;
   padding-left: 1em;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .info.mini-capsule .tabs p,
.advert-mainvisual .advert-pack .info.mini-capsule .tabs span.fa {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.advert-mainvisual .advert-pack .info.mini-capsule .tabs span.fa {
   display: block;
   font-size: 1.25em;
   line-height: 2.5em;
   padding-left: .5em;
   font-family: sans-serif;
   font-weight: 900;
   margin: 0 auto;
   float: left;
   color: darkgreen;

}
.advert-mainvisual .advert-pack .info.mini-capsule .tabs span.fa.red {
   color: darkred;
}
.advert-mainvisual .advert-pack .info.mini-capsule .tabs p {
   margin: 0;
   float: left;
}





.advert-mainvisual .advert-pack .my-adverts {
   height: 100%;
   overflow: hidden;
   overflow-y: auto;
   padding: 1em 0;
/*   border: .25em solid purple !important;*/

}
.advert-mainvisual .advert-pack .capsule {
   padding: .5em;
   float: left;
}
.advert-mainvisual .advert-pack .capsule .tablet {

   padding: .5em .25em;
   float: left;
   transition: all .3s ease;
   cursor: default;
   border-radius: .5em;
   border: .25em solid var(--themeColorLightDark) !important;
   color: var(--themeColorLightDarkText);
}
.advert-mainvisual .advert-pack .capsule:hover .tablet {
   border: .25em solid var(--themeColorBlue) !important;
}
.advert-mainvisual .advert-pack .capsule .tablet .header img {
   display: block;
   height: 7em;
   border-radius: .5em;
   margin: 0 auto;
   max-width: 100%;
/*   border: .25em solid var(--themeColorBlue) !important;*/
}
.advert-mainvisual .advert-pack .capsule .tablet .header {
   float: left;
}
.advert-mainvisual .advert-pack .capsule .tablet .header .title,
.advert-mainvisual .advert-pack .capsule .tablet .header .data {
   margin: 0;
}
.advert-mainvisual .advert-pack .capsule .tablet .header .title {
   line-height: 2.5em;
   font-size: 1.25em;
   padding: 0 .5em;
   font-weight: 600;


}
.advert-mainvisual .advert-pack .capsule .tablet .header .data {
   line-height: 2em;
   font-size: .9em;
}
.advert-mainvisual .advert-pack .capsule .tablet .info {
   float: left;
}
.advert-mainvisual .advert-pack .capsule .tablet .info .tab {
   text-align: center;
   padding: .25em;
   float: left;

/*   border: .15em solid var(--themeColorBlue) !important;*/
}
.advert-mainvisual .advert-pack .capsule .tablet .info .tabs {
   padding: 1em 0;
   border-radius: .5em;
   color: var(--themeColorBlue);
}
.advert-mainvisual .advert-pack .capsule .tablet .info .tabs.green {
   background: darkgreen;
   color: var(--themeColorWhite);
}
.advert-mainvisual .advert-pack .capsule .tablet .info .tabs.red {
   background: darkred;
   color: var(--themeColorWhite);
}
.advert-mainvisual .advert-pack .capsule .tablet .info .tabs span.fa {
   display: block;
   font-size: 1.25em;
   margin: .5em auto;
   font-weight: 900;
   font-family: sans-serif;
}
.advert-mainvisual .advert-pack .capsule .tablet .info .tabs p {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.advert-mainvisual .advert-pack .info .data {
   float: left;
   line-height: 1.5em;
   min-height: 3em;
}
/*   ENDOF ADVERT-PROFILE - VISUAL */


























.advert-mainvisual .new-advert {
   padding: 0 0%;
   float: left;
   height: 100%;

   overflow: hidden;
   overflow-y: auto;
}
.advert-mainvisual .new-advert .addata-fold {
   float: left;
}
.advert-mainvisual .new-advert .addata-pack {
   margin: .5em 0;
   padding: 0 1em;
}
.advert-mainvisual .new-advert .addata-pack span.fa {
   color: var(--themeColorBlue);
}
.advert-mainvisual .new-advert .addata-pack label {
   line-height: 5em;
   display: block;
   padding-left: 1em;
   font-weight: 600;
   cursor: pointer;
   color: var(--themeColorLightDarkText);
}
.advert-mainvisual .new-advert .addata-pack img {
   margin: 1em auto 3em;
   display: block;
   height: 10em;
}
.advert-mainvisual .new-advert .addata-pack label.active {
   background: var(--themeColorLightDark);
   margin-bottom: .5em;
   padding-left: 1.5em;
}
.advert-mainvisual .new-advert .addata-pack label.default,
.advert-mainvisual .new-advert .addata-pack label.complete {
   color: var(--themeColorWhite);
   background: var(--themeColorBlue);
   padding-left: 1.5em;
   border-radius: .5em;
}
.advert-mainvisual .new-advert .addata-pack label.default  span.fa,
.advert-mainvisual .new-advert .addata-pack label.complete span.fa {
   color: var(--themeColorWhite) !important;
}
.advert-mainvisual .new-advert .addata-pack input:not([type=checkbox]),
.advert-mainvisual .new-advert .addata-pack input:not([type=radio]),
.advert-mainvisual .new-advert .addata-pack textarea,
.advert-mainvisual .new-advert .addata-pack select {
   border: 0;
   height: 3em;
   float: left;
   padding: 0 1em 0 1.25em;
   background: inherit;
   color: var(--themeColorLightDarkText);
   border-bottom: .25em solid var(--themeColorBlue);
}
.advert-mainvisual .new-advert .addata-pack textarea {
   height: 6em;
   max-height: 6em;
   line-height: 1.5em;
}
.advert-mainvisual .new-advert .addata-pack label .form-check {
   display: inline-block;
   float: right;
   padding: 0;
   height: 3.5em;
}
.advert-mainvisual .new-advert .addata-pack label .form-check input[type=radio],
.advert-mainvisual .new-advert .addata-pack label .form-check input[type=checkbox] {
   box-shadow: unset;
   outline: unset;
   width: 60px;
   height: 30px;
   margin: 1.75em 0 0;
   padding: 0;
}
.advert-mainvisual .new-advert .addata-pack p.tip {
   font-size: .9em;
   margin: 0 0 .5em;
   padding: .25em .5em;
   color: var(--themeColorLightDarkText);
}
.advert-mainvisual .new-advert .addata-pack .input {
   box-shadow: unset;
   outline: unset;
}
.advert-mainvisual .new-advert .addata-pack .input:focus {
   padding-left: .5em;
}
.advert-mainvisual .new-advert .addata-pack input:not([type=checkbox]),
.advert-mainvisual .new-advert .addata-pack input:not([type=radio]),
.advert-mainvisual .new-advert .addata-pack textarea,
.advert-mainvisual .new-advert .addata-pack img,
.advert-mainvisual .new-advert .addata-pack p.tip,
.advert-mainvisual .new-advert .addata-pack select {
   display: none;
}
/*    ENDOF ADVERT NEWAD - VISUALS  */
































.advert-mainvisual .advert-pack .advert-topmenu {
   padding: .25em 0;
   float: left;  
   color: var(--themeColorLightDarkText);


}
.advert-mainvisual .advert-pack .advert-topmenu form {
   float: left;
}
.advert-mainvisual .advert-pack .advert-topmenu form label {
   display: block;
   line-height: 3em;
   float: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   

/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .advert-topmenu form input,
.advert-mainvisual .advert-pack .advert-topmenu form .btn,
.advert-mainvisual .advert-pack .advert-topmenu form select {
   display: block;
   height: 3em;
   border: 0;
   border-bottom: .25em solid var(--themeColorBlue);
   padding: 0 .5em 0 1em;
   float: left;
   outline: unset;
   background: inherit;
   box-shadow: unset;
   color: var(--themeColorLightDarkText);
}
.advert-mainvisual .advert-pack .advert-topmenu form .btn,
.advert-mainvisual .advert-pack .advert-topmenu form select {
   border: 0;
}
.advert-mainvisual .advert-pack .advert-topmenu form input:focus,
.advert-mainvisual .advert-pack .advert-topmenu form select:focus {
   padding-left: .5em;
}
.advert-mainvisual .advert-pack .gallery-pack {
   position: relative;
   float: left;  
   color: var(--themeColorLightDarkText);
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .gallery-pack .capsule {
   padding: .5em;
}
.advert-mainvisual .advert-pack .gallery-pack .capsule .pack {
   transform: scale(.85);
   border-radius: .5em;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .gallery-pack .capsule.selected .pack,
.advert-mainvisual .advert-pack .gallery-pack .capsule:hover .pack {
   cursor: pointer;
   transform: scale(.975);
}
.advert-mainvisual .advert-pack .gallery-pack .capsule .pack img {
   height: 8em;
   max-width: 100%;
   display: block;
   margin: .5em auto;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .advert-pack .gallery-pack .capsule .pack p {
   padding: 0 .5em;
   margin: 0;
   text-align: center;
   line-height: 2em;
   font-size: .9em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options {
   position: absolute;
   top: 0;
   right: 0;
   background: var(--themeColorWhite);
   max-height: 70vh;
   padding: 0 .5em;
   overflow: hidden;
   overflow-y: auto;
   z-index: 99;
   border-radius: 0 0 .25em .25em;
   box-shadow: 0 .25em .5em var(--themeColorBlack);
   padding: 0 0 2em;
   border: 1em solid var(--themeColorWhite);
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .header {
   font-size: 1em;
   padding: 0 1em;
   font-weight: 600;
   line-height: 4em;

}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack {
   padding: .25em .5em;
   margin: 1em 0;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack .title {
   line-height: 3em;
   cursor: pointer;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack .form-check {
   float: right;
   height: 3em;
   padding: 0 0 0 .25em;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack input:not([type=checkbox],[type=radio]) {
   line-height: 3em;
   border: 0;
   outline: unset;
   padding: 0 1em;
   box-shadow: unset;
   margin: .25em 0;
   border-bottom: .25em solid var(--themeColorBlue);
   background: inherit;
   display: none;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack input:not([type=checkbox],[type=radio]):focus {
   padding: 0 0 0 .5em;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack .form-check input {
   height: 30px;
   margin: .25em 0 0;
   width: 60px;
}
.advert-mainvisual .advert-pack .gallery-pack .gallery-pack-options .form-data-pack .tip {
   line-height: 1.25em;
   font-size: .9em;
   padding: 0 .5em;
   margin: .25em 0 0;
}
.advert-mainvisual .advert-aside {
   margin: 1em auto 0;
   padding: 0 1em 1.5em;
   z-index: 1;
   position: fixed;
   top: 0;
   right: 0;
   background: var(--themeColorWhite);

   border-radius: .5em 0 0 .5em;
   box-shadow: 0 0 .5em var(--themeColorLightDarkText);
   display: none;
}
.advert-mainvisual .advert-aside form {
   float: left;
   margin: .25em 0;
   padding: 0 .5em;
}
.advert-mainvisual .advert-aside form .editor {
   float: left;
   margin: 0;
   padding: 0 0 0 1em;
}
.advert-mainvisual .advert-aside form .editor label {
   line-height: 3em;
   float: left;
   font-weight: 600;
   cursor: pointer;
   margin: 0 0 .25em;
}
.advert-mainvisual .advert-aside form .editor label.active {
   padding-left: 5%;
   background: var(--themeColorBlue);
   border-radius: .25em .25em 0 0;
   margin: 0 0 1em;
   color: var(--themeColorWhite);
}
.advert-mainvisual .advert-aside form .editor input,
.advert-mainvisual .advert-aside form .editor select,
.advert-mainvisual .advert-aside form .editor textarea,
.advert-mainvisual .advert-aside form .editor  .btn {
   outline: unset;
   box-shadow: unset;
   background: inherit;
   line-height: 3em;
   border: 0;
   height: 3em;
   padding: 0 .5em;
   float: left;
   border-bottom: .25em solid var(--themeColorBlue);
   display: none;
}
.advert-mainvisual .advert-aside form .editor textarea {
   height: 5em;
   line-height: 1.5em;
}
.advert-mainvisual .advert-aside form .editor .btn {
   height: 3.5em;
   border-radius: 0;
   color: var(--themeColorBlue);
   font-size: .9em;
   background: inherit;
   border: 0;
   float: left;
}
.advert-mainvisual .advert-aside form .editor:hover .btn {
   opacity: 1;
}
.advert-mainvisual .advert-pack {
   position: relative;
   padding-bottom: 5em;
   overflow: hidden;
   overflow-y: auto;
}
.advert-mainvisual .advert-pack .advert-pack-navigation {
   padding: 0 5%;
   position: absolute;
   bottom: 0;
   background: var(--themeColorWhite);
   left: 0;
}
.advert-mainvisual .advert-pack .advert-pack-navigation .btn {
   height: 3em;
   border-radius: 0;
   padding: 0 5%;
}
.advert-mainvisual .advert-pack .advert-notification {
   padding: 1em 5%;
   float: left;
   margin: 0;
}
.advert-mainvisual .advert-pack .advert-notification .pack {
   margin: 0 0 1em;
   float: left;
   padding: 0;
   position: relative;
}
.advert-mainvisual .advert-pack .advert-notification .pack span[data-bs-dismiss] {
   position: absolute;
   top: -.25em;
   right: -.25em;
}
.advert-mainvisual .advert-pack .advert-notification .message {
   line-height: 1.5em;
   margin: 0;
   padding: .5em;
}
.advert-mainvisual .advert-pack .advert-notification .info {
   margin: 0;
   background: var(--themeColorWhite);
   line-height: 1.5em;
}
.advert-mainvisual .advert-pack .advert-notification .info .btn {
   padding: 0 .5em;
   font-size: .8em;
   line-height: 1.75em;

   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.advert-mainvisual .advert-pack .advert-notification .info .btn {
   text-align: left;
}
.advert-mainvisual .advert-pack .advert-notification .info .btn.text-right {
   text-align: right;
}
.advert-mainvisual .advert-aside .advert-options {
   line-height: 3em;  
}
.advert-mainvisual .advert-aside .advert-options .btn:first-child {
   float: left;
   height: 3em;
   text-align: left;
   outline: unset;
   box-shadow: unset;
}
.advert-mainvisual .advert-aside .advert-options input,.advert-mainvisual .advert-aside .advert-options select {
   height: 3em;
   padding: 0 1em;
   background: inherit;
   border: 0;
   outline: unset;
   box-shadow: unset;
}
.advert-mainvisual .advert-helpfaqs {
   height: 100%;
   overflow: hidden;
   overflow-y: auto;
}
.advert-mainvisual .advert-helpfaqs .helpfaqs-options {
   line-height: 3em;
   float: left;
   margin-bottom: 1em;
}
.advert-mainvisual .advert-helpfaqs .helpfaqs-options button,
.advert-mainvisual .advert-helpfaqs .helpfaqs-options input {
   text-align: left;
   height: 3em;
   border: 0;
   padding: 0 .5em 0 1em;
   background: inherit;
   outline: unset;
   box-shadow: unset;
   border-radius: 0;


   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;  
}
.advert-mainvisual .advert-helpfaqs .helpfaqs-options input {
   border-bottom: .25em solid var(--themeColorBlue);
}
.advert-mainvisual .advert-helpfaqs .helpfaqs-pack {
   padding: .5em;
   float: left;
/*   border: .5em solid purple !important;*/
}
.advert-mainvisual .advert-helpfaqs .helpfaqs-pack .capsule {
   padding: .5em;
   margin: .5em 0;
   cursor: pointer;
}
.advert-mainvisual .advert-helpfaqs .helpfaqs-pack .capsule .pack {
   border-radius: .5em;
   padding: 1em 1em;
   border: .25em solid var(--themeColorBlue) !important;
   text-align: center;
}
.advert-mainvisual .helpfaqs-pack .capsule .pack span.fa {
   font-size: 3em;
   display: block;
   margin: .25em auto 0;
/*   border: .25em solid purple !important;*/
}
.advert-mainvisual .helpfaqs-pack .capsule .pack .title {
   margin: 0;
   color: var(--themeColorBlue);
   margin: 0 0 .25em;
   padding: .5em 0;
   line-height: 1.25em;
}
.advert-mainvisual .helpfaqs-pack .capsule .pack .data {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}
/*   ENDOF ADVERT MAINVISUALS - VISUALS */











.page-desc {
   padding: .25em 0;
   float: left;
   margin: 0 0 .5em;



/*   border: .25em solid purple !important;*/
}
.page-desc .page-desc-img {
   float: left;
   padding: .5em;
/*   border: .25em solid purple !important;*/
}
.desc-fold {
   padding: 0 7.5%;
}
.page-desc .desc-info {
   float: left;
   padding: 0;
   /*border: .25em solid lime !important;*/
   display: table-cell;
   vertical-align: middle;

}
.page-desc .desc-info .desc h4 {
   font-weight: 600;
   margin: 0 0 .5em;
   color: var(--themeColorBlue);
}
.page-desc .desc-info .desc p {
   line-height: 1.75em;
   font-size: 1.1em;
   text-indent: .5em;
   color: var(--themeColorLightDarkText);
}
.page-desc .desc-info .desc p:first-letter {
   text-transform: uppercase;
}
.page-desc .desc-info .desc p a {
   color: var(--themeColorBlue) !important;
   padding: 0 .25em;
}
















.referrals-view.not-active {
/*   border: .25em solid purple !important;*/
   padding: .5em;
   color: var(--themeColorLightDarkText);
}
.referrals-view.not-active .header {
/*   border: .25em solid gold;*/
   line-height: 2.5em;
   padding: 0 .5em;
   font-weight: 900;
   color: var(--themeColorBlue);
}
.referrals-view.not-active .mini-header {
   font-size: 1.25em;
   padding: 0 0 0 4%;
   line-height: 3.5em;
   color: var(--themeColorWhite);
   background-color: var(--themeColorBlue);
   font-weight: 600;
   margin: 2em 0 1em;
}
.referrals-view.not-active .description {
   margin: 0 0;
   text-indent: 1em;
   line-height: 1.75em;
   margin-bottom: .5em;
   font-size: 1.15em ;
}
.referrals-view.not-active ul {
   list-style-type: none;
   margin: 1em 0 .5em;
   padding: 0 0;
   font-size: 1.15em ;
}
.referrals-view.not-active li {
   line-height: 1.5em;
   margin: 0 0 .75em;
}
.referrals-view.not-active li span.fa {
   color: var(--themeColorBlue) !important;
}
.referrals-view.empty-data {
   line-height: 1.75em;
}
.referrals-view.empty-data span.fa {
   font-size: 4em;
   display: block;
   text-align: center;
   margin: 1em auto;
   float: unset;
}

.referrals-view.referrals-count {
/*   border: .25em solid var(--themeColorBlue);*/
   line-height: 1.75em;
}

.referrals-view.referrals-count .views-pack {
/*   background: var(--themeColorBlue);*/
   padding: 1em ;
   text-align: center;
}
.referrals-view.referrals-count .views {
   display: inline-block;
   padding: 1em .5em;
   border-radius: .5em;
   border: .25em solid var(--themeColorBlue);
   width: 200px;
   margin: 1em;
}
.referrals-view.referrals-count .views.invert {
   background: var(--themeColorBlue);
   color: var(--themeColorWhite);
}
.referrals-view.referrals-count .views span.fa {
   display: block;
   margin: .75em auto;
   font-size: 2.5em;
}
.referrals-view.referrals-count .views p {
   margin: 0;
   color: var(--themeColorLightDarkText);
}
.referrals-view.referrals-count .views.invert p {
   color: var(--themeColorWhite);
   text-shadow: 0 0 .125em var(--themeColorLightDarkText);
}
.referrals-view.referrals-count .views.invert span.fa {
   color: var(--themeColorWhite);
}
.referrals-view.referrals-count .views .count {
   font-weight: 900;
   font-size: 1.5em;
   margin-bottom: .5em;
}
.referrals-view.referrals-count .views .tip {
   font-size: .9em;
}







.page-summary {
   margin: 1em 0 ;
   float: left;
   padding: 0 10% 0;
   color: var(--themeColorLightDarkText);
}
.page-summary .header {
   font-weight: 700;
   color: var(--themeColorBlue);
   margin: 0 0 .5em;
}
.page-summary .paragraph {
   text-indent: 1.5em;
   font-size: 1.1em;
}
.page-summary ul {
   margin: 1em 0;
   padding: 0 0 0 1em;
   list-style-type: none;
   font-size: 1.15em;
}
.page-summary ul li {
   line-height: 1.5em;
   margin-bottom: .75em;
}
.page-summary ul li span.head {
   text-transform: capitalize;
   font-weight: 600;
   color: var(--themeColorLightDarkText);
   margin-right: .5em;
}
.page-summary ul li span.fa {
   color: var(--themeColorBlue);
}
.page-summary ul li span.head::after {
   content: " -";
}









.new-sponsorship-form {
   height: calc( 100vh );
   position: fixed;
   top: 0px;
   left: 0;
   z-index: 999;
   background: rgba(0, 0, 0, .9 );

   display: none;
}
.new-sponsorship-form .form-container {
   max-height: 80%;
   margin: 10vh auto 0;
   background: var(--themeColorWhite);
   overflow: hidden;
   overflow-y: auto;
   border-radius: .5em;
   padding: 2.5% 4%;
   color: var(--themeColorLightDarkText);
   position: relative;
   border: 1em solid var(--themeColorWhite);
   box-shadow: 0 0 .25em var(--themeColorBlack);
}
.new-sponsorship-form .form-container span.fa.ds-exit {
   font-size: 1.5em;
}
















.visual-page-info {
   margin: .5em 0;
   padding: 0 4%;
}
.visual-page-info .pad {
   height: 3em;
   line-height: 3em;
   padding: 0 2%;
   background: var(--themeColorLightDarkText);
   color: var(--themeColorWhite);
   display: inline-block;
}
.visual-page-info .pad:last-child {
   color: var(--themeColorLightDarkText);
   background: var(--themeColorWhite);
}




.contact-socials {
   text-align: left;
   padding: .5em 0;
}
.contact-socials h2 {
   font-weight: 700;
   text-align: center;
   margin: 0 0 .5em;
   padding: .5em 0;

}
.contact-socials .socials {
/*   border: .25em solid blue;*/
}
.contact-socials .socials ul {
   float: left;
   margin: 0;
   padding: 0 .5em;
   margin-bottom: 2.5em;
/*   border: .25em solid purple;*/
}
.contact-socials .socials ul li {
   border: 0;
   line-height: 1.5em;
   margin-bottom: 1em;


}
.contact-socials .socials ul li.head {
   line-height: 3em;
   text-align: center;
   border-radius: .25em .25em 0 0;
   font-weight: 600;
   text-transform: uppercase;
   background: var(--themeColorRed);
   color: var(--themeColorWhite);
}
.contact-socials .socials ul li.head span.tip {
   font-size: .6em;
   text-transform: lowercase;
   color: var(--themeColorLightDarkText);
   font-style: italic;
}
.contact-socials .socials ul li.head span.tip:before {
   content: " - ";
}
.contact-socials .socials ul li span {
   border: 0;
}
.contact-socials .socials ul li span.visual {
   margin-left: .5em;
   cursor: pointer;
   text-transform: none;
   color: var(--themeColorgreen);
}
.contact-socials .socials ul li:not(.head):hover * {
   color: var(--themeColorBlue);
}

.contact-tip {
   padding: 1.5em 4%;
   margin-top: 5%;
   border: .25em solid var(--themeColorLightDark);
   background: var(--themeColorWhite);
}
.contact-tip h4 {
   font-weight: 600;
   padding: .5em 0;
   margin-bottom: 1em;
}
.contact-tip li {
   list-style-type: none;
}
.contact-tip span {
   text-transform: none !important;
   border: none;
}





.pageinfo-visual {
   /*background: #222;*/
   background-image: url(//asatnow.com/lib/media/img/asatnow-bk-img.png);
   text-align: center;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   text-shadow: 0 0 .1em var(--themeColorLightDarkText);
   margin-top: 1em;
}
.pageinfo-visual .info {
/*   border: 4px solid red;*/
   color: var(--themeColorWhite);
   font-weight: 600;
   padding: 8vh 5%;
   background: rgba( 17, 4, 0, .8);
   line-height: 2em;
   margin: 0;
}
.visualinfo {
   padding: 2.5em 5%;
   color: var(--themeColorLightDarkText);
}
.visualinfo h4 {
   line-height: 1.75em;
   color: var(--themeColorBlue);
   
   font-family: sans-serif;
}



.visualinfo ul {
   margin: 1em 0 0;
   padding: .5em 0;
   list-style-type: none;
}
.visualinfo ul li {
   line-height: 1.75em;
   margin-bottom: 1em;
   cursor: default;
}
.visualinfo ul li span.fa {
   color: var(--themeColorBlue);
}
.visualinfo ul li small.desc {
   font-size: .1em;
   display: block;
   line-height: 1.2em;
   color: var(--themeColorBlue);
   font-style: italic;
   margin: .5em 0;
   padding: 0 0 0 1em;
   opacity: 0;
}
.visualinfo ul li:hover small.desc {
   opacity: 1;
   font-size: .9em;
   transition-delay: 1s !important;
}



























































































































.profile-pack .info-pack .adv-image {
/*   border: 4px solid pink;*/
}
/*.profile-pack .info-pack .adv-image img {
   width: 100%;
   display: block;
   margin: 0 auto;
}
.profile-pack .info-pack .info {

}
.profile-pack .info-pack .info .detail {
   padding: none;


}
.profile-pack .info-pack .info .detail .data {
   line-height: 2.5em;
   padding: 0 2% 0 0;
   margin: 0 0 .5em;


   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;

   font-size: .9em;
}
.profile-pack .info-pack .info .detail .data .head {
   line-height: 2.5em;
   display: inline-block;
   padding: 0 1.25em 0 .25em;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--themeColorBlue);
   margin-right: .5em;
}
.profile-pack .info-pack .info .action {
   border-top: 0;
   margin-top: .75em;
   line-height: 3em;
   padding: 0;
   text-align: right;
   padding-right: 5%;
}
.profile-pack .info-pack .info .action .btn {
   margin: 0 4px;
   border-radius: 0;
}
.profile-pack .info-pack .info .action .btn small {
   font-size: .9em;
}
.profile-pack .referrals-count {

   padding: 1em 5%;
   margin-bottom: .25em;
}
.profile-pack .referralsview {
   box-shadow: 0 0 .25em #ddd;
   padding: .5em 0;
   border-radius: 4px;
   margin: 1em 0 0;
   line-height: 3em;

}
.profile-pack .referralsview div {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.profile-pack .referralsview .name {
   padding: 0 1% 0 1.5%;
   font-size: 1.05em;
   font-weight: 600;
}
.profile-pack .referralsview .name small {
   font-weight: lighter;
   text-transform: lowercase;
   font-style: italic;
}
.profile-pack .referralsview .date {
   padding: 0 1.5% 0 2%;
   font-size: .9em;

   text-align: center;
}
.profile-pack .referralsview .verification {
   font-size: 1.5em;
   text-align: center;
   padding: 0;
}


.profile-pack .navigation {
   padding: .5em 0;
   margin: 1em 0 0;
}
.profile-pack .navigation .btn {
   border-radius: 0;
}*/






































































































.vis-exit-box {
   width: 100%;
   display: block;
   padding: 0%;
   margin: 0%;
   height: 100vh;
   overflow: hidden;
   font-family: monospace;
}
.vis-exit-box .message-box {
   text-align: center;
   margin: 0 auto 0;
   padding: 12vh 5% 4%;
   max-width: 600px;
   text-transform: uppercase;
}
.vis-exit-box .message-box h1,
.vis-exit-box .message-box span.fa {
   color: #ff9f00;
}
.vis-exit-box .message-box p {
   color: #555;
   font-size: 1.15em;
   line-height: 2em;
}
.vis-exit-box .message-box p.contact {
   font-family: serif;
   margin: 4em 0 0;
   text-align: left;
   line-height: 1.5em;
   color: #888;
   text-transform: none;
}
.vis-exit-box .message-box p.contact a {
   color: darkgreen !important;
   margin: 0 .5em;
}
.vis-exit-box .message-box p.contact a b {
   margin-left: .5em;
   font-family: sans-serif;
   color: #ff9f00;
}


























/*
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
*/



.bk-img,.asatnow-background {
   background-image: url(//asatnow.com/lib/media/img/asatnow-bk-img.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.atr {
   transition: all ease-in-out .3s !important;
}
.icon {
   font-size: .8em;
   opacity: .65;
   margin: 0 .5em;
}
.text-left {
   text-align: left !important;
}
.no-hr-scroll {
   overflow: hidden !important;
   overflow-y: auto !important;
}
.no-text-overflow {

   /*display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;*/
}
.trim-overflow {
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}
.trim-overflow.max-line {
   display: -webkit-box !important;
   -webkit-box-orient: vertical !important;
}
.trim-overflow.max-line.line-1 {
   -webkit-line-clamp: 1 !important;
}
.trim-overflow.max-line.line-2 {
   -webkit-line-clamp: 2 !important;
}
.trim-overflow.max-line.line-3 {
   -webkit-line-clamp: 3 !important;
}
.trim-overflow.max-line.line-4 {
   -webkit-line-clamp: 4 !important;
}
.trim-overflow.max-line.line-5 {
   -webkit-line-clamp: 5 !important;
}
.virtual-top-left {
   top: 0;
   left: 0;
}
.virtual-top-right {
   top: 0;
   right: 0;
}
.virtual-bottom-left {
   bottom: 0;
   left: 0;
}
.virtual-bottom-right {
   bottom: 0;
   right: 0;
}
.cursor-pointer {
   cursor: pointer;
}
.color-inverse {
   color: var(--themeColorWhite);
}
.virtual-optout {
   position: absolute;
   right: .25em;
   top: .25em;
   z-index: 999;
   font-size: 1.5em !important;
}
.asatnow-input {
   padding: 0 .5em 0 1.5em !important;
}
.asatnow-input:focus {
   outline: unset !important;
   box-shadow: unset !important;
   border: none;
   padding: 0 .5em !important;
}
.asatnow-input.bordered {
   border-bottom: .25em solid var(--themeColorBlue);
}
.text-left {
   text-align: left !important;
}
.text-right {
   text-align: right !important;
}
.text-center {
   text-align: center !important;
}
.atr.scale-animation:hover {
   box-shadow: 0 .5em .25em var(--themeColorBlack);
   margin: 1em 0 1.5em;
}
.themeColorBlue {
   color: var(--themeColorBlue);
}
.themeColorgreen {
   color: var(--themeColorgreen);
}
.themeColorLightDarkText {
   color: var(--themeColorLightDarkText);
}

.mud-1 { margin: .25em 0 .25em; }
.mud-2 { margin: .5em 0 .5em; }
.mud-3 { margin: 1em 0 1em; }
.mud-4 { margin: 1.5em 0 1.5em; }
.mud-5 { margin: 2em 0 2em; }
.mud-6 { margin: 2.5em 0 2.5em; }
.mud-7 { margin: 3em 0 3em; }
.mud-8 { margin: 3.5em 0 3.5em; }
.pud-1 { padding: .25em 0 .25em; }
.pud-2 { padding: .5em 0 .5em; }
.pud-3 { padding: 1em 0 1em; }
.pud-4 { padding: 1.5em 0 1.5em; }
.pud-5 { padding: 2em 0 2em; }
.pud-6 { padding: 2.5em 0 2.5em; }
.pud-7 { padding: 3em 0 3em; }
.pud-8 { padding: 3.5em 0 3.5em; }

.pa-1 { padding: .25em; }
.pa-2 { padding: .5em; }
.pa-3 { padding: 1em; }
.pa-4 { padding: 1.5em; }
.pa-5 { padding: 2em; }
.pa-6 { padding: 2.5em; }
.pa-7 { padding: 3em; }
.pa-8 { padding: 3.5em; }


.ms-0 {
   margin-left: none;
   margin-right: none;
}
.ms-1 {
   margin-left: 1em !important;
   margin-right: 1em !important;
}
.ms-2 {
   margin-left: 2em !important;
   margin-right: 2em !important;
}
.ms-3 {
   margin-left: 3em !important;
   margin-right: 3em !important;
}
.ms-4 {
   margin-left: 4em !important;
   margin-right: 4em !important;
}
.ms-5 {
   margin-left: 5em !important;
   margin-right: 5em !important;
}
.ms-6 {
   margin-left: 6em !important;
   margin-right: 6em !important;
}
.ms-7 {
   margin-left: 7em !important;
   margin-right: 7em !important;
}
.ms-8 {
   margin-left: 8em !important;
   margin-right: 8em !important;
}
.ps-0 {
   padding-left: none;
   padding-right: none;
}
.ps-1 {
   padding-left: 1em !important;
   padding-right: 1em !important;
}
.ps-2 {
   padding-left: 2em !important;
   padding-right: 2em !important;
}
.ps-3 {
   padding-left: 3em !important;
   padding-right: 3em !important;
}
.ps-4 {
   padding-left: 4em !important;
   padding-right: 4em !important;
}
.ps-5 {
   padding-left: 5em !important;
   padding-right:5em !important;
}
.ps-6 {
   padding-left: 6em !important;
   padding-right:6em !important;
}
.ps-7 {
   padding-left: 7em !important;
   padding-right:7em !important;
}
.ps-8 {
   padding-left: 8em !important;
   padding-right:8em !important;
}
.no-outlines {
   outline: unset !important;
   box-shadow: unset !important;
}

.input-group-half {
   width: 50% !important;
   float: left;
}
.icon.alt-label {
   opacity: 1;
}

/*
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
      FIXED DEFAULTS SET HERE       !!!!!!!!!!!!!!!
*/











.navigation-switch {
   font-size: 2em !important;
   position: fixed;
   top: 0.15em;
   left: .25em;
   float: left;
   padding: .25em .5em;
   background: var(--themeColorWhite);
   color: var(--themeColorRed);
   border-radius: .25em;
   z-index: 1;
/*   border: .25em solid purple !important;*/
}










@media only screen and (max-width: 575px) {
 

   .vis-menu,.vis-notification,.vis-trend,.vis-account {
      height: 100vh;
      top: 0;
      right: 0;
   }
   .profile-pack .pack,
   .profile-pack .pack-switch {
      top: -.5em;
      height: 100vh;
      left: 0;
      z-index: 1001;
      position: fixed;

   }
   .profile-pack .menu-pack,
   .dashboard .dashboard-menu#advertNavigation,
   .auto-mobile-view {

      position: fixed;
      top: 0;
      height: 100vh;
      left: 0;
      z-index: 1001;
      translate: -100%;
   }
   .profile-pack .pack.active {
      translate: 100%;
   }
   .profile-pack .menu-pack .pack span[closeView] {
      display: block;
   }
   .profile-pack .navigation-switch {
      display: block;
      top: 0;
      z-index: 1001;
   }
   .advert-mainvisual .advert-aside {
      height: 100%;
      top: -20px;
      position: fixed;
      left: 0;
   }
   .tmiy-max .view-selector {
      padding: 2em 2em 0;
      position: fixed;
      height: 100vh;
      top: 0;
      z-index: 1001;
      left: 0;
      background: var(--themeColorWhite);
      color: var(--themeColorLightDarkText);
   }
   .page-pack {
      padding: 0;
   }
   .category-index {
      padding: .25em;
   }
   .account-access-form {
      padding: .5em !important;
   }

   div.alt-slider img {
      width: 100%;
      height: auto;

   }








   .pagefoot .footlinks ul li.head {
      font-size: 1.15em;
      padding-left: .5em;
   }
   .page-summary {
      margin: 1em 0 ;
      float: left;
      padding: 0 4% 0;
   }
   .page-summary .paragraph {
      text-indent: .5em;
   }
   .page-summary ul {
      padding: 0 0 0 0;
   }
   .cats-slider .tab {
      box-shadow: 0 0 0 .25em var(--themeColorRed);
      transform: scale(1);
      margin-bottom: .5em;
   }
   .cats-slider .tab .desc {
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 1;
      max-height: 65%;
      color: var(--themeColorWhite);
      text-shadow: 0 0 .15em var(--themeColorBlack);
      padding: 2em .5em .25em;
      background: linear-gradient( rgba(0, 0, 0, 0) 5%, rgba(191,17,1,.4) 10% , rgba(191,17,1,.8) 15% , rgba(191,17,1,1) 70% );
   }
   .cats-slider .tab .desc .title {
      line-height: 1.4em;
      font-size: 1em;
      padding: 0 .25em;
   }
   .cats-slider .tab .metadata {
      margin: 0 0 .25em;
      line-height: 2.5em;
      padding: 0 .25em;
      font-size: .85em;
   }


   div.main-slider .desc {
      position: absolute;
      bottom: 0;
      left: 0;
      max-height: 65%;
      background: linear-gradient( rgba(34, 58, 68, 0) 2%, rgba(34, 58, 68, .85 ) 18%, rgba(34, 58, 68, .9 ) 20% , rgba(34, 58, 68, 1 ) 70% );
      padding: 2em 2.5% 2em;
      text-shadow: 0 0 .5em #000;


   }
   div.main-slider .desc h2 {
      font-weight: 700;
      margin: 0 0 .25em;
      color: var(--themeColorWhite);
   }
   div.main-slider .desc p {
      color: var(--themeColorWhite);
      font-size: 1.05em;
      line-height: 1.4em;
      margin: 0;
   }
   div.main-slider .desc button {
      background: var(--themeColorRed);
      color: var(--themeColorWhite);
      font-weight: 600;
      outline: 0;
      margin-top: .75em;
      border: 0;
   }

   .help-pack {
      float: left;
      padding: .25em .25em .5em;
      color: var(--themeColorLightDarkText);
      margin: 0 0 .5em;
   }

   .help-pack {
      float: left;
      padding: 1.5em .75em;
      color: var(--themeColorLightDarkText);
      margin: .5em 0;
   }
   .help-pack .help {
      padding: .5em;
      box-shadow: 0 0 0 .25em var(--themeColorLightDark);
      background: var(--themeColorWhite);
      margin: .25em 0;
      transform: scale(1);
      border: .5em solid var(--themeColorWhite);
      box-shadow: 0 0 0 .25em var(--themeColorRed);
   }
   .help-pack .help:hover {
      padding: .5em;
   }
   .help-pack .help:hover .actions {
      margin: 4% 0 0;
   }
   .help-pack .help .help-icon {
      margin: .25em 0 .5em;
      font-size: 2.5em;
   }
   .category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 8% 2% 1em 2%;
      max-height: 65%;
      color: var(--themeColorWhite);
      text-shadow: 0 0 .25em var(--themeColorBlack);
      background: linear-gradient( rgba(34, 58, 68, 0) 2%, rgba(34, 58, 68, .85 ) 18%, rgba(34, 58, 68, .9 ) 20% , rgba(34, 58, 68, 1 ) 70% );
      border-radius: .5em;
   }
   .category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .title {
      margin: 0 0 .5em;
      line-height: 1.35em;
   }
   .category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .data.data-summary {
       display: none !important;
       /*border: 4px solid purple;*/
   }
   .category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .desc .data:not(.data-summary) {
       margin-left: .5em;
   }
   .category-index .pub-slider .slide .slider-container .slider-wrapper .slide-current .data button {
      padding: .5em .5em;
      font-size: 1em;
      margin: 0 0 .5em;
   }
    .new-account-pack form .input-group input[type=checkbox],
    .new-account-pack form .input-group input[type=radio] {
       margin: 4px .5em 0;
    }


    .visualinfo h4 {
       line-height: 1.5em;
    }
    .visualinfo ul li {
       line-height: 1.5em;
    }




   .virtual-optout {
      right: 1em;
      top: .5em;
      position: fixed;
   }
   .auto-mobile-view {
/*   .tmiy-max .view-selector {*/
      max-height: 100vh;
      position: fixed;
      top: 0;
      background: var(--themeColorWhite);
      z-index: 1;
      padding: 2em 1.5em 1em;
      color: var(--themeColorLightDarkText);
   }


   /* 
         FOR SCREENS OF LESS THAN 468PX ----------------- SMALL MOBILE PHONES ---- XS DEVICES
   */
}

















@media only screen and (min-width: 576px) and (max-width: 767px) {

   .navbar-collapse form input {
      min-width: 30%;
      padding: 0 1.5%;
   }
   .navbar-collapse form button {
      display: none;
   }
   .navbar-brand {
      font-size: 1.75em !important;
   }
   .navbar-collapse,
   .navbar-expand-sm .navbar-nav .nav-link {
      padding-left: 0;
      padding-right: 0;
   }

   div.main-slider .desc {
      padding: 1.75em 5% 1.75em;
      text-shadow: 0 0 .5em #000;
   }
   div.main-slider .desc h2 {
      margin: 0 0 .25em;
   }
   div.main-slider .desc p {
      font-size: 1.05em;
      line-height: 1.4em;
   }
   div.main-slider .desc button {
      margin-top: .75em;
   }





   /* 
         FOR SCREENS OF LESS THAN 767PX ----------------- MOBILE PHONES ---- SM DEVICES
   */
}





@media only screen and (min-width: 768px) and (max-width: 991px) {


   .navbar-collapse form input {
      min-width: 30%;
   }
   .vis-menu ul .icon {
      margin: 0 4px 0 none;
   }
   .vis-menu ul {
      font-size: 1em;;
   }
   .cats-slider .tab .desc {
      max-height: 65%;
      text-shadow: 0 0 .15em var(--themeColorBlack);
      padding: 1.5em .25em .25em;

   }
   .cats-slider .tab .desc .title {
      margin: 0;
      font-weight: 600;
      line-height: 1.35em;
      font-size: 1.15em;
      padding: 0 .25em;
      color: var(--themeColorWhite);
   }


   /* 
         FOR SCREENS OF LESS THAN 767PX ----------------- MOBILE PHONES ---- MD DEVICES
   */
}






@media only screen and (min-width: 992px) and (max-width: 1199px) {

   .vis-menu .icon {
      margin: 0 4px 0 none;
   }
   .vis-menu ul a {
      padding: 0 4px;
   }
   .cats-slider a:last-child {
      display: none;
   }



   .cats-slider .tab {
      transform: scale(.975);
   }
   .cats-slider .tab .desc {
      max-height: 65%;
      text-shadow: 0 0 .15em var(--themeColorBlack);
      padding: 1.5em .5em 1em;

   }
   .cats-slider .tab .desc .title {
      margin: 0;
      font-weight: 600;
      line-height: 1.35em;
      font-size: 1.1em;
      padding: 0;
      color: var(--themeColorWhite);
   }
   .cats-slider .tab .metadata {
      display: none;
   }


   /* 
         FOR SCREENS OF LESS THAN 767PX ----------------- MOBILE PHONES ---- LG DEVICES
   */
}






@media only screen and (min-width: 1200px) and (max-width: 1399px) {

   .cats-slider a:last-child {
      display: none;
   }


   .cats-slider .tab {
      transform: scale(.975);
   }
   .cats-slider .tab .desc {
      max-height: 65%;
      text-shadow: 0 0 .15em var(--themeColorBlack);
      padding: 1.75em .5em .5em;

   }
   .cats-slider .tab .desc .title {
      margin: 0;
      font-weight: 600;
      line-height: 1.4em;
      font-size: 1.15em;
      padding: 0;
      color: var(--themeColorWhite);
   }

   /* 
         FOR SCREENS OF LESS THAN 767PX ----------------- MOBILE PHONES ---- XL DEVICES
   */
}




@media only screen and (min-width: 1400px) {

   .cats-slider a {
/*      border: .5em solid cyan;*/
   }

   .cats-slider a:last-child {
      display: none;
   }
   .cats-slider .tab {
      transform: scale(.975);
   }
   .cats-slider .tab .desc {
      max-height: 65%;
      text-shadow: 0 0 .15em var(--themeColorBlack);
      padding: 2.5em .75em .5em;

   }
   .cats-slider .tab .desc .title {
      margin: 0;
      font-weight: 700;
      line-height: 1.5em;
      font-size: 1.2em;
      padding: 0;
      color: var(--themeColorWhite);
   }


   /* 
         FOR SCREENS OF LESS THAN 767PX ----------------- MOBILE PHONES ---- XXL DEVICES
   */
}





.icon:not(.esc) {
   color: var(--themeColorRed) !important;
}
a.theme {
   color: var(--themeColorgreen) !important;
}
.profileedit {
/*   border: .25em solid purple !important;*/
   margin: 0 1em 0 0;
   box-shadow: unset;
   outline: unset;
   font-size: .8em;
   border-radius: 0;
   border: .15em solid var(--themeColorBlue);
   background: var(--themeColorWhite);
   color: var(--themeColorBlue) !important;
}
.profileedit span.fa {
   color: var(--themeColorBlue) !important;
}
.fls {
   font-size: 1.25em;
   font-weight: 700;
   text-transform: uppercase;
   margin: 0 .05em 0 .5em;
}
.validate-error {
   border-color: red !important;
}
.verification-visual.complete {
   margin: 7.5% auto;
   padding: 1em;
   text-align: center;
}
.verification-visual.complete .fa {
   display: block;
   text-align: center;
   margin: 0 auto 5%;
   font-size: 3em;
   color: var(--themeColorBlue);
}
.verification-visual.complete .message {
   margin: 0 0 2em;
   color: var(--themeColorLightDarkText);
}
.complete-message {
   margin: 3em auto 0;
   display: none;
}










.account-readster {
   /*border: .25em solid cyan;*/
   color: var(--themeColorBlue);
   padding: 5% 7.5%;
}
.account-readster p {
   color: var(--themeColorLightDarkText);
   font-size: 1.15em;
   margin: 1em 0 0;
   
}








.fa.block-icon {
   font-size: 3em;
   display: block;
   margin: 7.5% auto;
   text-align: center;
}







.admin-profile-view .data-view {
   /*border: 4px solid lime !important;*/
   color: var(--themeColorLightDarkText) !important;
}
.admin-profile-view .data-view span.fa {
   color: var(--themeColorRed);
}
.admin-profile-view .data-view .data-row:not(.alt) {
   /*border: 2px solid red;*/
   padding: .25em 0;
}
.admin-profile-view .data-view .data-row:not(.alt) h5 {
   margin: 0;
   line-height: 1.5em;
   padding: 0 .25em;
   font-variant: small-caps;
   font-weight: 600;
   opacity: .8;
}
.admin-profile-view .data-view .data-row:not(.alt) p {
   padding: .25em .5em;
   margin: 0 0 .5em;
}
.admin-profile-view .data-view .data-row.alt {
   border: 0;
   margin: 0 0 .25em;
   padding: 0 .5em;
}

.admin-profile-view .data-view .data-row.alt h5 {
   line-height: 2.5em;
   text-transform: capitalize;
   opacity: .8;
   margin: 0 0 .25em;
   font-size: 1em;
}
.admin-profile-view .data-view .data-row.alt span.head {
   font-size: .9em;
   /*border: 2px solid cyan;*/
   padding: 0 2% 0 0;
   font-weight: 600;
}
.admin-profile-view .data-view .data-row.alt h5 a:hover {
   text-decoration: underline;
}