:root{
--red:#FD4F68;
--blue:#4CCEFD;
--b-red:#FD4F68;
--b-orange: #FFA500;  
--amber: #FFA500;  
--green: #1AD5AA;
--clr-main: #4CCEFD;
--b-main: #4CCEFD;
}



.flowadrop {}


body {min-height: 100vh;font-size:15px;color:rgb(0,70,80);margin:0;
     top:0;left:0;;}


table, tr, td {line-height:inherit}


div {color:inherit;rgb(0,70,80);}


body *:not(img) {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   }


.b-box {-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       }


pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


em {font-weight:bold;font-style:normal}

.pop-help em {font-weight:normal;font-style:normal;color:#4FBCFA;}


iframe, img{border:none;outline:none !important;}  // IE create horrible borders by default

form, table,  {margin-bottom:0;}

table{border-spacing:0}

textarea{text-align:left !important;resize: none;font-family:Muli,Open Sans, Arial;font-weight:normal;}



.box-comment textarea {border-color:white}

[rel], .rel {position:relative}


.whatsapp-support{position:fixed;bottom:16px;right:16px;z-index:10000}
.whatsapp-support img {width:48px;height:48px;}

::-webkit-scrollbar {display: none;}


select option {padding: 0 4px;text-align:left !important;}

/* for IE and Edge */
select::-ms-expand {display: none;}

select:disabled::-ms-expand {background: #f60;}



a, .block-link, .link, .link-o {color:#FFA500;text-decoration:none;;}

a img, .link img {vertical-align:text-middle}

a:hover, .link:hover, .block-link:hover{text-decoration:underline}

.link-o:hover {color:orange !important;}

.block-link {min-width:60px;text-align:center;display:inline-block;padding:4px;margin:4px}

span.link {display:inline-block}


hr {display:block;height:1px;border:0;border-top:1px solid #999;margin:2px 0;padding:0;}

.nPage {width:auto;vertical-align:bottom}

table{border-collapseX:collapse;width:100%;}  /*border-collapse fucks a lot of things up in IE, use cellspacing="0" */

table[auto]{width:auto;}

td{margin:0;padding:0}

table[vtop] td, td[vtop] {vertical-align:top;}


.textedit,button.mybtn,input,textarea,select{font-size:16px;font-family:Muli,Open Sans, Arial;font-weight:normal;}

button.mybtn * {vertical-align:middle;}

input{border-radius:4px;border:0px solid #999;width:100%;background:white;}

.textedit,input,textarea,select,button.mybtn, img{outline:none}

textarea{word-break:break-word;} /* force new lines in chrome? */


#popMsg {position:relative;

z-index:51000;
display:none;
}

.popMsgOuter{z-index:51000;position:fixed;top:0;width:100%;z-index:51000;text-align:center;
}


.popMsgWrapper
 {
color:#4CCEFD;
text-align:center;
background:#fff;
display:block; height:64px;line-height:64px;
font-size:15px;font-weight:bold;
width:100%;
}


[elips-box] {
   border:0px solid blue;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal !important;
  text-align:left !important;
}


.phone {border-radius:18px;padding:24px 4px;background:#444;border-color:#444;width:100%;max-width:340px;}


#popMsg .close-x b {color:white}


.abs-center, .image-zoom img:not(.no-zoom) {margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

#working.abs-center {position: fixed;}

.icon-edit.abs-center {margin:auto}

td.photo-review {width:100px;max-width:50%}

.photo-review img:not(.no-zoom) {height:100px;border-radius:0;}

.doc-review {width:100%;padding:0;margin:10px 0}

.doc-review img:not(.no-zoom) {width:100%;}

.image-zoom {position:fixed;top:0;left:0;height:100% !important;width:100% !important;overflow:hidden;z-index:10000;opacity:1 !important;padding:100px;background:rgba(0,0,0,0.9)}

.image-zoom img:not(.no-zoom) {width:auto;height:auto;max-width:95%;opacity:1 !important;}

.img-rotate{position:absolute;top:24px;right:24px;z-index:10001;opacity:0.8}

.image-zoom img.img-rotate {position:fixed;top:24px;right:24px;z-index:10001;}



/* *** TOP BAR - INPUT SEARCH BAR ***  PC */

.top-bar {background:#0E0E0E;color:white;width:100%;
          z-index:502;position:fixed; top:0px; left:0px; height:64px;
          border-bottom:2px solid #4CCEFD;rgba(0,0,0,0.15);
          line-height:55px;
          font-size:20px;
          white-space:nowrap;
          }


.top-bar-alt {box-shadow:0 0 8px 3px rgba(0, 0, 0, 0.45);background:#0E0E0E !important;}

.top-bar-inner {padding:0 26px;}

.top-bar imgX {height:24px;160px;margin-top:-4px}


.top-bar-search *, .b-header-bar * {vertical-align:middle}



input.search-input, span.city-search {position:relative;display:inline-block;
                                      height:36px;line-height:36px;border-radius:100px;padding:0 15px 2px}


input.search-input {;margin-left:8px;background:#F3F6FF; font-size:18px; letter-spacing:1px;
                    white-space:nowrap; text-overflow:ellipsis;  padding:0 50px 0px 12px;
                    width:100%; cursor:pointer;cursor:hand;
                    color:#aaa;overflow-x:hidden;
                    border:1px solid #F3F6FF}

img[find] {height:20px;position:absolute;left:26px;top:54% !important;transform:translate(0,-50%)}


span.city-search {border:1px solid #eee;margin-left:-44px;background:#fff;color:orange;font-size:14px;font-weight:bold;padding:0 15px;backgroundx:#F2F2F2;}

span.city-search img {height:44%;margin-right:4px;vertical-align:text-bottom;opacity:0.6;}


.imput-wrapper {vertical-align:top;baseline:top;height:40px;display:inline-block;width:100%;max-width:800px;}


.top-bar .select:hover{background:#F9F9F9;}

.top-bar .menu-link {color:white;margin:0px 16px 0 8px;border-top:8px solid transparent;border-bottom:4px solid transparent;
                    font-weight:bold;font-size:18px}

.top-bar .menu-link:hover {border-bottom:4px solid white}


.top-bar input:focus{overflow:visible;}

.q-clear-x {vertical-align:middle;height:16px;width:auto;margin:0px 0 0 -48px;font-weight:bold;color:white;display:none;cursor:pointer;cursor:hand;}

.add-new{height:32px;width:32px;line-height:32px;border-radius:16px;;
        text-align:center;display:inline-block;background:#fff}

.add-new:hover{background:#555555}

.add-new img {height:18px;margin-top:-4px}

.mtip b {background:#ff4500;color:white;font-weightX:normal;border-radius:4px;padding:4px 6px;display:inline-block;margin-right:8px;display:none}

.b-logo{height:44px;float:left;margin:10px 0 0 20px;}

.b-logo span {border-radius:20px;color:white;display:inline-block;height:44px;width:44px;line-height:40px;text-align:center;background:#fff;font-weight:bold;font-size:28px;}

.b-header-bar{text-align:left;display:none;position:relative;white-space:nowrap;font-size:28px;font-weight:bold;}

.b-header-bar img[logo] {height:32px;width:auto;margin-right:16px;}

 /* *** PAGE LAYOUT ***  PC  */

 .page-outer {
 position:absolute;
 top:0px;left:0px;
 width:100%;height:100%;
 }

 .page-main {
 background-colorX:#fff;
 min-height:150%;
 padding:96px 16px 40px;
 borderX:1px solid red;
 text-align:center;
 }

.page-main-inner {display:block;text-align:left}

//.page-main > span {padding:0 18px}

 .main-content {
 color:rgb(68, 68, 68);
 vertical-align:top;
 padding:0 32px 0 16px;
 position:relative;
 width:100%;
 min-width:676px;
 max-width:776px;
 }

.side-content {vertical-align:top;margin-top:12px}


.drop-window{padding:0px 0 0 236px;z-index:502;background:white}


.box-group button {position:absolute;right:8px;margin-top:12px}


.popMsgWrapper-old {padding:14px 44px;border-radius:0;top:50px;font-size:17px}



.pop-info{padding:0 16% !important}

.pop-info input[type=text], .pop-info input[type=email],  .pop-info input[type=password] {border-radius:100px !important;padding:4px 8px;color:#777;}

.pop-info strong {color:orange;font-weight:normal}

/* COMMENT VOTES ** PC */

.vote-it {font-weight:bold;display:inline-block;background:white;color:#999;
          border:1px solid #999;cursor:pointer;cursor:hand;border-radius:100px !important}

.vote-it span {padding:5px 2px;font-size:16px;}
.vote-it a img {width:18px;height:18px;}

.vote-it a {padding:3px 6px;display:inline-block;}

.extra-info {display:block;}

.info-block{white-space:normal; color:#999;
            padding:0 8px 6px 8px;margin-bottom:12px;border-radius:0;}

.info-block em {padding-top:6px;display:block;font-family:Rubik;font-weight:bold;;font-size:20px}
.info-block b:not(.button) , div.hdr  {line-height:24px;padding-top:8px;color:#76858F;display:block;font-family:Rubik;font-weight:bold;;font-weight:normal;font-size:20px;}

div.hdr {background:white;padding:8px;}

.info-block u {color:#FFA500;text-decoration:none}

.info-block h1 {font-size:18px;color:#333333;font-weight:bold;}



/* *** PC ONLY *** */


.top-fixed{position:fixed;top:80px;}

.q-results small {overflow:hidden;text-overflow: ellipsis;width:100%;}


.side-menu {display:inline-block;text-align:left;border:0px solid gray}

.side-menu span[api-action] {font-size:20px;padding:10px 20px 10px 14px;margin-bottom:4px;border-radius:100px;
                             box-sizing:border-box;color:#222;}

.side-menu img {height:26px;margin-right:12px}

.side-menu span{vertical-align:middle;display:inline-block}

.side-menu span:hover{background:#FFE9F5}


  .q-results-top .search-filter {width:60%;max-width:800px;position:relative;}

         .dropbox-opts {position:absolute;top:0px;right:-60px;color:rgb(0,70,80);}

         .dropbox-opts span {display:block;color:rgb(0,70,80);}

         .dropbox-opts .link {color:#FFA500;}



        .q-results smallX {border-bottom:2px solid #cbd;color:#666;font-size:16px;display:block;font-weight:bold;white-space:nowrap;
                          padding:12px 8px 4px;margin-bottom:8px;height:18px; backgroundX:#cbd;#4CCEFD;colorX:white;letter-spacing:2px;}


        .q-results small {background:#F3F6FF;border-bottom:2px solid #cbd;color:#666;font-size:16px;display:block;font-weight:bold;white-space:nowrap;
                          padding:8px 8px 8px;margin-bottom:0px;heightX:18px; backgroundX:#cbd;#4CCEFD;colorX:white;letter-spacing:2px;}


        


.fixed {position:fixed}


.main-footer{color:#4CCEFD;text-align:center;padding:32px 0 44px;font-size:15px;font-weight:normal}


.b-header-bar {height:63px;line-height:63px;width:100%;padding:0px 16px;
               background:rgba(255,255,255,0.8); }

.b-header-bar img {vertical-align: middle;}


.b-header-barX span:is([onclick],[api-action]) {margin:0 0 0 8px}

.box-buyer {background-image:url("/img/profile-32.png");
          background-size:18px auto;background-repeat:no-repeat;
          background-position:4px 50%;
          margin-top:8px;padding:4px 8px 4px 28px;
          background-color:#F3F6FF}



.box-buyer td {vertical-align:top}

.bdr-top {border-top:1px solid #999;padding:8px 0;margin-top:8px}
.bdr-bot {border-bottom:1px solid #999;padding-bottom:6px}

.bdr-top, .bdr-bot {border-color:currentColor}

.bdr-std-clr {border-color:#999}

.bdr-heavy {border-width:2px}

.search-filter .bdr-top, .search-filter .bdr-bot{border-color:#f2f2f2}

.search-filter .mybtn-plain {font-size:inherit;margin:4px;min-height:28px;height:28px;line-height:26px !important;padding:0 12px;text-transform:lowercase}

.info-block strong{color:#999999}


.q-results {position:relative;text-align:left;background:white !important;}

.q-results a > img {height:36px;border-radius:100px;;margin:2px 0px 0px -48px;
                    width:auto;float:left;}


.q-results-top a > img {float:left}

.q-results a > button {position:absolute;top:25%;right:8px;}

.voted-no {border-color:silver;background-image:url("/img/heart-32-g.png");}


.middle > * {vertical-align:middle;}

.box-hdr em {color:#2BA0EE;font-style:normal}

.q-results em {;font-style:normal;font-weight:bold;}

.q-results a, .q-results-side a
{
position:relative;min-heightX:34px;
display:block;
vertical-align:middle;
backgroundX:#F3F6FF;
font-size:15px;
}




.q-results a > b {text-transform:;}


.q-results a {padding:8px;cursor:pointer;cursor:hand;text-decoration:none;
              font-weightX:bold;font-size:15px}

.q-results-side a {padding:4px 8px;}

.q-results i {font-weight:bold;vertical-align:middle;display:block;padding:4px 8px;font-style:normal}

.q-results a span.on {color:#2BA0EE;font-weight:normal;margin:6px 6px 0 0;}

.q-results a span[b] {color:#444;font-size:18px;font-weightX:bold;display:block;
                      margin-bottom:2px;
                     text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;}

.q-results div[q] {color:#4CCEFD;font-size:15px;}


div[q] {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  }


.q-results-top a span:hover {text-decoration:none}

.q-results-top a span[ul]:hover {text-decoration:underline}

.ul:hover {text-decoration:underline !important}

.q-resultsX a span b {color:#cbcbcb;margin-right:8px}

.q-results a span img {height:16px;margin-right:6px}

.q-results a span b * {vertical-align:middle}

.q-resultsX a:hover{border-color:orange}

.q-results a:hover{background-color:#F3F6FF;border-color:#999}


.q-results-top {border-top:0px solid #EEE;border-bottom:2px solid #4CCEFD;width:100%;padding:0px 0px 12px;
                position:absolute;left:0px;top:65px;z-index:510;}


q-results-top td {white-space:nowrap}

.q-results-large a > img {height:48px !important;width:auto;border-radius:24px;;margin-left:-56px !important; max-height:none !important;}

.q-results-large a {padding:8px 8px 8px 64px;min-height:50px;}


.auto-suggest {display:block;display:none;position:absolute;margin-top:5px;leftX:10;background-color:white;border:1px solid #999;width:80%;}

.suggest-link {padding:4px;display:block;color:#222222;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;text-decoration:none;z-index:1000000}

.suggest-link:hover {background-color:#eeeeee}

.auto-suggest img {width:32px;height:32px;margin-right:8px;vertical-align:middle;border-radius:3px !important}

.auto-suggest div {color:#AAA;padding:4px;border-bottom:#F3F6FF}


#progress{border-radius:100px;;font-size:32px;color:var(--green);border:2px solid currentColor;
          height:96px;width:96px;text-align:center;line-height:96px;font-weight:bold}


#progress-bar{height:12px;background:var(--green); margin:-16px 0 24px;border-radius:6px} 




.drop-opts {position:absolute;top:4px;right:4px;}

.drop-menu-outer {position:absolute;top:64px;right:26px;}

.drop-menu {display:none;background-color:white;border:1px solid #4CCEFD;border-radius:0;
            padding:0;z-index:2000; float:right;
            margin:-7px;width:200px;font-size:18px}

.drop-menu div[m-item] {display:block;padding:0 22px 0 12px;text-align:left;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;}

.drop-menu div[m-item]:hover {background-color:#eeeeee;color:#333;text-decoration:none}

.drop-menu div[m-item] img {width:18px;margin:0 8px 0 0}

.drop-menu div[m-item]:not(.green) {color:#333;}


.dropdown-menu {
background-color:#FFFFFF;
border:1px solid rgba(0, 0, 0, 0.196);
border-radius:0px 0px 5px 5px;
box-shadow:0px 5px 10px rgba(0, 0, 0, 0.196);
display:block;
float:left;
leftX:0px;
margin:0px;
min-width:160px;
padding:4px 0px;
position:absolute;
top:100%;
z-index:400;

left:auto;
right:0px;
background-color:white:
border-type:1px solid silver;
border-radius:100px !important;
}


::-ms-clear { display:none; }

.mybtn, .mybtn-smart-small, .mybtn-smart-r, .mybtn-plain {
border:0px solid transparent;
font-weight:bold;
text-align:center;
white-space:nowrap;
cursor:pointer;cursor:hand;
text-decoration:none;
padding:0px 14px;
text-transformX:uppercase;
display:inline-block;
margin:8px 4px;
color:#667;
background-color:#F3F6FF;
font-size:15px;
border-radius:100px !important;
overflow:hidden;
text-overflow:ellipsis;
height:32px;
line-height:32px;
position:relative;
}

.b-grad {background-image: linear-gradient(to right,#e052a0,#f15c41);color:white}

.b-grad.b-blue {background-image: linear-gradient(to right,#3ec7e0,#526bf4);color:white}

.b-grad:hover {background-image: linear-gradient(to right,#3ec7e0,#526bf4);}
.b-grad.b-blue:hover {background-image: linear-gradient(to right,#30c0e0,#5060f0);}


.mybtn-r {border-radius:100px}

.btn-img {height:18px; width:18px; margin:8px; display:inline-block;}

.btn-img-r {padding:6px;height:32px;width:32px;border-radius:100px}

#form-service-ad .mybtn-r {height:24px;width:24px;line-height:24px !important;margin-right:6px;font-size:18px;}

.mybtn-plain:hover {text-decoration:none;background-color:#4CCEFD;color:white}

.mybtn-plain {line-height:30px;background-color:white;border:1px solid currentColor;color:#4CCEFD;text-transform:capitalize;font-weight:normal}

.mybtn img, .mybtn-smart-small img, .select img, select img, .mybtn-plain img
{
height:18px;margin:-3px 6px 0 -2px; outline:none;border-radius:100px;display:inline-block;
}


.mybtn span, .mybtn-smart-small span, .select span, select span, .mybtn-plain span
{
vertical-align-x:unset;
}


.mybtn-smart-small {padding:0 20px;margin:12px;display:inline-block;vertical-alignX:top;}

 .mybtn-smart-r *, .mybtn-icon *, .mybtn-plain * , .mybtn *, .hdr * {vertical-align:middle} 

.mybtn:hover, .mybtn-smart-small:hover, .mybtn-r:hover , .mybtn-smart-r:hover
  {background-color:#4CCEFD !important;;color:#ffffff !important;;text-decoration:none !important;}

.mybtn.b-main:hover
  {background-color:#555555 !important;;color:#ffffff !important;;text-decoration:none !important;}


.mybtn-smart-r {margin:8px 4px;width:36px;display:inline-block;padding:0;font-size:32px;font-weight:100}

.mybtn-r {margin:8px; display:inline-block;width:32px;height:32px;line-height:32px;color:white;
         font-weight:bold;font-size:22px;text-align:center}

img.mybtn-r {padding:6px; margin:0 !important;border-radius:none !important;vertical-align:middle}

.mybtn-r img {height:16px;vertical-align:middle}

.book-btn img:not([width]) {height:16px;width:16px}


.mybtn-happy {font-weight:bold;color:#CCCC33;}
.mybtn-sad {font-weight:bold;color:#DA624E;}

.mybtn-top{border-color:#999999;color:white;background-color:#666666;font-weight:bold;}


.q-drop-close {position:absolute; top:8px; right:-54px;font-size:15px;font-weight:bold;color:#FFA500;}
.q-drop-close:hover{color:#999999}


.mybtn-icon {margin:0px 10px;display:inline-block;cursor:pointer;cursor:hand;}
.mybtn-icon img {width:64px;height:64px;auto;border-radius:10px;border-radius:100px;}
.mybtn-icon p {font-size:14px;font-color:#999;}

/* TOP MENU BAR EF4423   #F15501  ff6600 #FF8400 */


.glow{text-shadow:0px 0px 6px rgba(255,255,255,0.7);}


.cool-hdr{font:normal normal 400 24px/30px Philosopher;}


.hover-show:hover {box-shadow: 0 0 100px -15px rgba(64,78,95,.3);}

.main-shadow-x, .hover-show:hover {box-shadow: 0 00 100px -10px var(--clr-main)}

.main-shadow-x, .hover-show:hover {box-shadow: 0 00 100px -10px var(--clr-main)}




.box-shadowX {box-shadow: 0 16px 24px 2px rgba(29,17,51,.04),0 6px 32px 4px rgba(9,32,77,.12),0 8px 12px -5px rgba(29,17,51,.12);}

.box-shadow {box-shadow: 0 16px 24px 2px rgba(252, 7, 125, 0.063),0 6px 32px 4px rgba(252, 7, 125, 0.063),0 8px 12px -5px rgba(29,17,51,.12);}



/* BESTS */


.main-width{width:820px;}

.side-width{width:314px;}

.p-service-ad {color:orange;font-weight:bold;font-size:13px;text-transform:lowercase;}


/* THUMB SELECT */


#thumb-select img {max-width:96%;max-height:140px;border:3px solid white;display:inline-block;margin:4px;}

#thumb-select img:hover {border-color:#8AFF30}

.img-selected {border-color:#8AFF30 !important}

#thumb-select p {color:#888888;font-size:13px;margin:-4px 0 8px 0;font-weight:bold;}


/* CAROUSEL */

.img-preview{
          border-radius:4px;
          background:white;
          margin:4px 0;
          padding:12px 8px;
          color:#999999;text-align:top;
          position:relative;
          }

.img-preview img {max-width:400px;max-height:160px;border-radius:4px;}

.img-preview span {padding:0 0 8px 8px;vertical-align:top !important}

.img-preview span img {width:20px;height:auto}

.img-preview p{font-weight:bold;color:red;}


.b-stats-l, .b-stats-r {display:inline-block;paddingX:6px ;vertical-align:middle;color:rgb(0,70,80);
                        font-size:13px;text-align:left;}

.b-stats-l {border-right:0px solid #E9E9E9;margin-right:8px;}

.b-stats-l img {width:20px;height:20px;margin:0 2px;display:inline-block;}

.b-stats-l b *, .b-stats-r b * {vertical-align:middle;}

.b-stats-l b, .b-stats-r b {font-weight:bold;color:#g1355c3c3c3;font-size:18px;display:inline-block;}

.b-stats-l b img, .b-stats-r b img {width:14px;height:14px;margin:0 4px 0 8px;}

.b-stats-l strong {font-size:18px;padding:1px 5px;color:white;background:orange;border-radius:100px !important}






.dropbox-opts > div {border:0px solid #999;border-radius:0;paddingX:4px 8px;min-width:80px;}

.dropbox-opts small {background:white;font-size:18px;font-weight:bold;color:orange;padding:0}


.box-data {}

.box-comment {min-height:53px;text-align:top;vertical-align:top;
                          padding:10px 10px 10px 68px}


.box-cmt-input {background-color:white;#F3F6FF;border-top:0px solid white}

.box-data > img {float:left; margin:0 0 0 -58px;
                height:48px;width:48px;border-radius:24px;}


.date-box {float:right; min-width:52px;padding:4px 0 6px 0;font-size:18px;line-height:18px;text-align:center;
           margin:0 0 0 0;-60px;display:inline-block;font-weight:100;
           border-radius:0;border:0px solid #999;letter-spacing:0px;
           color:white;background-color:#CBD4DC;}

.date-box em {display:block;font-weight:700 !important;font-style:normal;font-size:17px;letter-spacing:1px;}


.live {background-color:var(--green)}

.box-comment > img{float:left; margin:0px 0 0 -54px;height:44px;border-radius:22px;}


.box-comment[onclick]:hover {background-color:#999}


.box-comment[onclick] {margin-bottom:4px}


.box-comment.inboxX {margin:0;padding-top:12px;padding-bottom:12px;border-top:1px solid #F3F6FF;min-height:0;border-radius:0}

.box-comment.inbox {margin:0 0 8px 0;padding-top:8px;padding-bottom:8px;background:#F3F6FF;}


.box-comment.inbox:hover {background-color:#F3F6FF}

.box-inline, .box-inline-cmt {border-radius:0;
                              border-top-width:1px;
                              border-bottom-width:0;
                              border-right-width:0;border-left-width:0;
                              border-style:solid;
                              border-top-color:#999;
                              position:relative;
                              }

.box-inline {background-color:white;border-bottom-color:white;border-bottom-width:0px;}

.box-inline-cmt{background-color:#F3F6FF;border-bottom-color:#F3F6FF;
                border-top-color:#F3F6FF;border-top-colorX:white;}

.box-inline-cmt:hover {background-color:white}

.box-inline table, .box-inline-cmt table {width:100%;}  /* padding trick */

.box-inline {cursor:pointer;cursor:hand;}

.box-hoverX:hover {background-color:#F3F6FF;border-bottom-color:#F3F6FF}

.box-hover:hover .extra-info {display:block !important}


.box-hover:hover div[hide] {display:block !important}

.box-hover:hover span[hide] {display:inline-block !important}

.box-hover [hide] {display:none !important}

.box-hover:hover [show] {display:none !important}

.click-show {display:none;}

span.hover-show {display:inline-block;}

.hover-show:hover div[hover=show] {display:block !important}

.hover-show:hover span[hover=show], .hover-show:hover img[hover=show] {display:inline-block !important}

.hover-show:hover [hover=hide] {display:none !important}

[hover=show] {display:none !important}


.hover-show [hover=visible] {display:hidden}
.hover-show [hover=hidden] {visibility:visible}

.hover-show:hover [hover=visible] {visibility:visible}
.hover-show:hover [hover=hidden] {visibility:hidden}




.underline{display:block; height:2px;}


.box-more {display:block;background-color:white;#F3F6FF;padding:16px 0; color:orange;text-align:center;border-top:1px solid #999}


.box-more:hover {background-color:#F3F6FF;text-decoration:none;}


.box-open {border-bottom-color:#F3F6FF; border-top-color:white;}




.calendar-hdr {background-color:#bbb;#F3F6FF;colorx:var(--green);color:white;font-weight:bold;font-size:20px;
               text-transform:;
               border-radius:50px;padding:8px 8px;margin:24px 8px 4px;text-align:center}


.hdr-m clr-main {font-weight:bold;font-size:20px;margin:14px 0 0px;padding:8px 2px}

.calendar-hdr * {vertical-align:middle}

.box-more img {height:30px;margin:0;padding:0}


.hdr-m clr-main img, .calendar-hdr img {height:24px;margin:0;padding:0 8px;vertical-align:middle}


.voted-list img {vertical-align:middle}

.voted-list img {height:32px;margin:2px 12px 2px 0px;border:none;border-radius:16px;}


.info-box {padding:16px 8px ;border-bottom:1px solid #999;text-align:left}

.info-box[no-img] {height:auto}



[image], span.info-box-img , .myad-category, [landscape], [square-me]
                  {
                  background-image:url("/img/banner-default.png");
                  background-position:50% 50%;
                  background-repeat:no-repeat;
                  background-size:cover;
                  overflow:hidden;
                  }


span.info-box-img , .myad-category {
                  height:150px;width:180px;
                  display:inline-block;

                  margin-right:12px;
                  }


.box-text-fixed {position: absolute;left:130px;top:0px;padding:8px}

.info-box-text {color:#223;font-size:15px;
                max-height:100%;overflow:hidden;text-overflow: ellipsis;
                }

.info-box-list {display:inline-block;padding:4px 8px;background-color:white;
               border-style:solid;border-width:2px;border-color:#F3F6FF;
               border-width:0 2px 0 2px;
               }

.info-box-list div {padding:2px 0 4px;}

div.info-large span.info-box-img {height:auto;width:100%;}

.info-box-img img {height:150px;width:auto;overflow:hidden;}

.info-large .info-box-text {display:block;padding:8px 8px;}

.info-large span.info-box-img {height:auto;width:100%;margin-top:12px}

.info-large .info-box-img img {width:100%;height:auto;overflow:hidden;}




/* #EDEFF4 */


.busy-bar {border-width:2px 0;border-color:var(--green);border-style:solid;color:orange;18px;font-weight:bold;background-color:white;padding:8px;text-align:center;}

.busy-bar * {vertical-align:middle}

.busy-bar img {height:22px;width:22px}


.whiteout {position:fixed;top:0;left:0;background:white;width:100%;height:100%;padding:40px 0 !important;}


.myad-categories {text-align:center;width:100%;position:relative;}


.myad-categories table {border-collapse:collapse;}
.myad-categories td {vertical-align:top;padding:0 2px 2px}

.myad-category{text-align:center;margin:0;margin-bottom:4px;border:none;outline:none;display:inline-block; overflow:hidden;position:relative;}

.myad-category [cat-hdr] {padding:8px;font-size:18px;font-weight:bold;
                        background-color:rgba(0,0,0,0.3);color:white;;text-transform:uppercase}


.myad-categoryX [cat-opts] {position:absolute;top:30%;left:0;width:100%;text-align:center}
.myad-category [cat-opts] {position:absolute;bottom:0;left:0;width:100%;text-align:center}





.disp-tag, .disp-tag-l {background-color:#BBB;font-weight:bold;color:white !important;float:right;
                        margin:2px 8px 2px 0;padding:1px 4px;border-radius:3px;text-transform:uppercase;
                        font-size:15px;display:inline-block}

.disp-tag-l{font-size:18px;padding:4px 8px !important;font-weight:bold}


.myad-box {text-align:left;color:rgb(0,70,80);position:relative; font-size:15px;font-weight:normal;}


[top] {vertical-align:top}






.myad-box [description] * {font-size:15px;}


[description] {margin-top:6px}


.myad-box span[tariff], .myad-box span[date]{font-size:18px; padding:8px 18px; color:#555555 ;
                                         border:1px solid #999;
               background-color:white;border-radius:0;display:inline-block;text-transform:uppercase; text-align:center;
               margin:4px 12px 4px 0px;
               }

.myad-box span[tariff=green]{color:#4CCEFD;border-color:#4CCEFD}



.myad-box span[tariff] {font-weight:900;font-size:20px}





.myad-box td[tariff] , .myad-box td[date] {padding:6px 18px; colorX:#555555;;height:60px;
               background-color:white;border-radius:0;text-transform:uppercase; text-align:center;vertical-align:middle;
               white-space:nowrap;}

.myad-box td[tariff] {font-size:20px;font-weight:bold;}

.myad-box td[date]{font-size:15px;font-weight:100;}

.myad-box [date] b {font-size:15px;display:block;font-weight:bold}


.myad-box [summary] {height:150px;overflow-y:hidden;}

.myad-box [tariff], .myad-box [info] {margin:0;margin-bottom:6px}


.myad-box [info] {line-height:1.6em}}

.myad-box [promo]{color:rgb(0,70,80);margin-top:8px;}

.myad-box [list-hdr], .myad-box [list-hdr] * {color:#444;font-size:18px;font-weight:bold}

.box-product-select .selectric-wrapper{margin:0 8px 0px}

#box-product-select {margin-top:8px;padding:8px}


.box-product-select [tariff] {margin:0;white-space:nowrap;margin-right:8px;}

.box-product-select [header] {font-size:18px}



div.myad-box[info-box=listing]:hover {background-color:#F3F6FF}


div.myad-box span[seller] {color:#4CCEFD}


div.myad-box b[onclick]:hover{text-decoration:underline;}



.input-form {text-align:left;margin-bottom:18px;text-align:left}


.input-box [grouping], .input-box [info], .info, [header]
  {background-color:#F0F0F0;#F3F6FF;margin:8px 0;padding:8px 12px;border-radius:0;position:relative;display:block;text-align:left}

.info {text-align:left !important;position:relative}

.info {border-width:0 0 0 4px;border-style:solid;border-color:#40B2F5;}

.info.bdr-top{border-width:4px 0 0}

.input-box [info] {border-left:4px solid #CCC}

.input-box [info] [hdr], .info [hdr], [header] {font-weight:bold;color:#40B2F5;font-size:15px;}

.info-gray {border-color:#CCC}

.info-warn {border-color:#FD4F68}

.info-green {border-color:#93B874}

.info-line{background-color:white;border:1px solid #999}

.info-white {background-color:white;color:rgb(0,70,80)}

.info-plain{border:1px solid #F3F6FF}

.info-plain {border:1px solid #999}

.info-plainX:hover {border:1px solid #999}

.info [hdr] {font-weight:bold;}

.info-gray [hdr], .info-plain [hdr], .info-line[hdr] , .info-white [hdr] {color:rgb(0,70,80);vertical-align:middle}

.info-warn [hdr] {color:#FD4F68;}

.info-green [hdr] {color:#93B874;}

.info-white [hdr] {border-bottom:1px solid #999;margin-bottom:6px;padding-bottom:4px}

.info b {color:rgb(0,70,80)}

[validate] {font-size:normal}




.input-box[link] {color:white;background-color:#999;font-weight:bold;border:none;border-radius:100px !important}

.input-box[link]:hover {background-color:#555555;text-decoration:none;}


.input-box td {white-space:nowrap;padding-right:12px;}

.input-box .selectric {margin:4px 0}


span[validate] {color:red;padding:0 8px;font-style:italic;display:inline-block;font-weight:normal}


.box-product-selectx > div {margin:12px 0;padding:8px;background-color:#F3F6FF}


.box-hdr td {vertical-align:middle;}

.box-hdr td > a, .box-hdr a , .box-hdr span {color:#999;display:inline-block;font-size:15px}

.box-hdr td > b, .box-hdr b a, .box-txt b, .box-hdr b, .box-hdr strong
            {;font-weight:bold;font-size:16px;;color:#444;text-transform:;margin-right:4px}

.box-hdr b a {margin-right:0px;text-transform:none}

.box-hdr b {margin-right:4px;font-size:20px;font-weight:bold;letter-spacing:0px}

.box-hdr img {height:16px;margin:0 2px 0 0px}

span[location] {margin-right:12px}

.box-txt{white-space:normal; word-wrap:break-word !important;min-height:12px;
         font-size:15px;color:rgb(0,70,80);position:relative;margin:4px 0}

.box-txt b {font-size:18px;color:#555;cursor:pointer;cursor:hand;}

.box-hdr strong {color:#555;;font-family:Arial;font-weight:bold;font-size:15px}


.box-img {display:block;max-width:300px;max-height:80px;margin-top:12px;}


#air-calendar {padding:8px 0 0px 0; text-align:center;margin:0 12px}



#air-calendar td[c-header] {background-color:white;font-weight:bold;margin:2px;border:1px solid transparent;border-radius:0;padding:8px 4px;}



#air-calendar td[book-day-res] {min-width:200px;max-width:300px}

#air-calendar div {margin:2px;font-size:14px;position:relative;}

#air-calendar span[c-label] {position:absolute;top:4px;left:4px;font-size:14px;color:var(--green);font-weight:bold;
                             line-height:1em;display:inline-block;background-color:transparent}


#air-calendar span[c-opts] {position:absolute;top:4px;right:4px;font-size:22px;color:silver;font-weight:bold;
                             line-height:1em;display:inline-block;background-color:transparent;display:none}


#air-calendar div:hover span[c-opts]{display:inline-block;}

#air-calendar span[c-label].f1 {font-size:12px;color:#999}


#air-calendar [c-header]{color:#444;background-color:#EEE;#F3F6FF;text-align:center}

#air-calendar [c-header=link]{color:#FFA500;borderX:1px solid #999;font-weight:normal}

#air-calendar [c-header=link]:hover {border-color:#999;text-decoration:underline}


#air-calendar [square], [book-slot] {border-style:solid;border-width:1px;border-color:white;
                                    font-weightX:bold;font-size:15px;color:rgb(0,70,80);
                                    border-radius:0;50%;0;}

#air-calendar [book-slot] {min-width:150px;color:rgb(0,70,80);
                           font-weight:bold;line-height:20px;padding:6px 12px;margin:4px;display:inline-block;
                           text-align:center;border-radius:0}


#air-calendar .res-info {white-space:nowrap;width:150px;text-align:center}

span[c-info] {display:block}


#air-calendar [c-info], #air-calendar [c-info-hdr] {font-size:13px;color:#777;font-weight:normal;}

#air-calendar [c-info-hdr] {font-weight:bold;}

#air-calendar [status=free] [c-info-hdr] {color:#3CBB60;}
#air-calendar [status=busy] [c-info-hdr] {color:orange;}
#air-calendar [status=booked] [c-info-hdr] {color:red;font-weight:bold;}

#air-calendar [status=unavailable]{background-color:#FAFAFA;}
#air-calendar [status=booked]{background-color:#FFE9ED;#FFF6F3;color:red;border-colorX:red}
#air-calendar [status=busy]{background-color:#FEF2E1;#FFF8E5;#FDF5E1;;colorX:#0A0055;border-color:var(--green);}
#air-calendar [status=free]{background-color:white;#CFF3E0;#E7F7EE;#E5F8EA;;colorX:#0A0055;#;border-color:var(--green);}


#air-calendar [book-slot][status=busy] {background-color:#FEF2E1;#FFF8E5;#FDF5E1;;colorX:#0A0055;border-color:var(--green);}
#air-calendar [book-slot][status=free] {background-color:white;#CFF3E0;#E7F7EE;#E5F8EA;;colorX:#0A0055;#;border-color:var(--green);}


#air-calendar [line] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}

#air-calendar  table[book-day], [fixed] {table-layout:fixed;}


#air-calendar span:hover, #air-calendar div:hover {cursor:pointer;cursor:hand;}

#air-calendar [status=free]:hover, #air-calendar [status=busy]:hover {font-size:larger;border-color: #3CBB60;}
#air-calendar [status=booked]:hover {font-size:larger;border-color: #FE3939;}
#air-calendar [status=unavailable]:hover {font-size:larger;border-color:#bbb}


.book-driver{background:#FFF;display:inline-block;padding:4px 0px 8px;width:170px;}


#bio-blocks-edit .bio-block:hover {outline:3px solid var(--green);}


.bio-block {padding:0 0 16px;}

.bio-block [bio-hdr] {font-weight:bold;font-size:20px;padding:8px 0 16px}

.bio-block [bio-label] {padding:0px 8px 4px;display:block;font-weight:bold;font-size:20px;
                        color:#66BD00;#2BA0EE;var(--green);text-align:left}

.bio-block [bio-info] {padding:0x 4px 12px;text-align:left;position:relative;white-space: pre-wrap;}

[bio-body] div[image] {padding-bottom:12px}

[landscape] {overflow:hidden}

.bio-block [edit] {font-weight:normal;font-size:15px;display:none;color:orange;cursor:pointer;cursor:hand;white-space:nowrap;margin:0 8px}

.bio-block [edit] img {float:none;opacity:1}

.ftime {color:#BBBBBB !important;font-size:15px;}

.ftime a {color:#BBBBBB !important;}

.ftime img {height:16px;width:16px}

.top-right {vertical-align:top;white-space:nowrap;margin-topX:-4px;float:right !important;}

.bottom-right {position:absolute;bottom:4px;right:0;}

.abs-left {position:absolute;left:0;}
.abs-right {position:absolute;right:0;}
.abs-top-right {position:absolute;right:0;top:4px}

.cmt-hdr b {font-weight:bold;font-size:15px;}

.user {margin-left:0px;color:rgb(153, 153, 153);font-size:13px;font-familyX:Open Sans;padding:1px 0px;}

.p-stats {white-space:nowrap;float:right;text-align:right;}

.votes-pane {min-width:50px; text-align:center;white-space:nowrap;word-wrap:none}

.profile-summary {text-align:left;background-color:white;color:#999;font-size:20px;margin-bottom:12px}

.profile-summary [large] {margin:24px 0 8px;font-size:x-large;color:#667;font-weight:bold;border-bottom:0px solid #eee;padding-bottom:0px}

.profile-summary.compact [large] {;font-size:large;margin:0px 0 8px}

.box-plain [large] {font-weight:bold;}

.profile-summary [bold] {font-weight:bold;margin-bottom:8px}

.profile-summary [light] {font-weight:normal;margin-bottom:8px}

.profile-summary.compact [light]  {font-size:small;margin-bottom:8px}

.profile-summary [bio] {backgroundX:#F3F6FF;margin:4px 0 12px;padding:8px; border-top:0px solid #F3F6FF;
                        font-weight:normal;font-size:15px;color:#667}

.profile-summary table {margin-top:-24px;}


.profile-summary div[box] {padding:0px 8px 16px; border-bottomX:4px solid #ddd}

.profile-summary.compact div[box] * {text-align:left}

.profile-summary [onclick]:hover {text-decoration:underline}


.profile-summary.compact {margin-bottom:8px:}

div[rating] img {height:20px;margin-right:6px}


/* messages */


.box-info, .box-plain, .box-red, .box-line, .box-warn, .box-green, .box-success ,.box-error
{line-height:1.6em;margin:12px 0px;padding:12px !important;border-radius:0;position:relative;
 border:0px solid #C3E9F3;background-color:#F3F6FF;#D9EDF7;color:rgb(0,70,80);text-align:left;
 white-space:normal !important}


.box-info, .box-plain, .box-red, .box-line, .box-warn, .box-green {margin-bottom:8px}

div[hdr], span[hdr] {font-weight:bold;paddingX: 0px 0px 6px 0px;}

.box-red, .box-error {background-color:#FFF3F5;color:#FB2F58;border:0px solid #FB2F58;}
.box-green, .box-success {border-color:currentColor;background-color:#E5F9FA;color:var(--green)}
.box-warn{border-color:rgb(216,126,7);background-color:#FEF7E0;}
.box-info{background-color:#ECF8FB;color:#3ABCFE;border:2px solid #A0D6E9}

.box-infoX{background-color:#E0EDF6;#D9EDED;color:#2097F9;rgb(0,70,80)}

.box-info input, .box-info textarea {border-color:white}

.box-line {border:1px solid #999;background-color:white;}

.box-red [hdr] {color:#FD4F68}
.box-warn [hdr] {color:#EA8825;#FFA84A;#EA8825;#F97C30}
.box-green [hdr] {color:#88D22D;#28A197;white;#00BFA5;#17C75B;}
.box-info [hdr] {color:#3ABCFE}

.box-warn.bdr-top {border-top:4px solid #FAC33C;}

.box-plain.bdr-left {border-left:4px solid #CCC}
.box-warn.bdr-left {border-left:4px solid #FAC33C;}
.box-info.bdr-left {border-left:4px solid #A0D6E9}
.box-green.bdr-left {border-left:4px solid  #7CDBB7;}
.box-red.bdr-left {border-left:4px solid #F86060;}

.box-info.box, .box-red.box, .box-warn.box, .box-success.box {border:1px solid currentColor;border-radius:0;}



.box-info:not(.no-icon), .box-success:not(.no-icon), .box-error:not(.no-icon) {background-image:url("/img/ask-32.png");
          background-size:20px auto;background-repeat:no-repeat;
          background-position:10px 14px;
          padding-left:38px !important;
          border-left-x:32px solid #3ABCFE;
          }


.box-success:not(.no-icon) {background-image:url("/img/tick-round.png");color-x:#88D22D;}
.box-error:not(.no-icon) {background-image:url("/img/book-disputed.png");color-x:#88D22D;}


/* MAIN BODY */


.w-pad{background-color:white;padding:4px 0}


.box-service-ads-side{background-color:white;padding:4px;}

.box-round-info, .block-info-more {background-color:white;color:#4CCEFD;border-radius:0; }

.box-round-info {line-height:100%;}

.q-dummy{margin:20px 0;line-height:38px;border-radius:22px; padding:0 22px;text-align:center;
        background-color:white;border:1px solid #fff;cursor:pointer;cursor:hand;
        color:#666;font-size:20px;font-weightX:bold;}

.q-dummy * {vertical-align:middle}

.q-dummy img {height:24px; padding-right:12px;}


.side-info {backgroundX:white;z-index:150;border-radius:0;position:relative}

.u-orange u {text-decoration:none;font-weight:bold}

.box-round, .box-round-clr, .box-round-plain {borderX:1px solid red;
border-radius:0;
vertical-align:top;
margin:0 0 0px 0;
font-size:15px;
}

.box-round,.box-round-plain {background-color:#FFFFFF; }

.box-basic {background-color:#F3F6FF;border-radius:0px;padding:8px;margin:4px 0px}

.details-pane {color:rgb(68, 68, 68);}

.main-tabs {
background-color:#fff;
height:32px;
position:relative;
}

.tab-a {position:relative;
        border-radius:0 0 0 0;
       padding:8px;
       margin-right:8px;
       display:inline-block;
       width:70px;
       text-align:center;
       vertical-align:baseline;
       }

a.tab-a:hover {background-color:#FFFFFF;color:#999999;}


.close-x, .close-x-pop {z-index:2000;display:inline-block;font-size:16px;font-weight:900;color:orange;float:right;cursor:pointer;cursor:hand; padding:2px 4px }

.close-x:hover {text-decoration:none;color:#AAA;}

.close-x b {font-size:20px;color:#AAA;cursor:pointer;cursor:hand;}

.close-x-pop, .close-x-tr {float:none; position:absolute;top:0;right:0;padding:0;height:28px; width:28px;line-height:28px;text-align:center;font-size:20px;display:inline-block}

img.close-x {height:20px}

.close-modal img, .close-modal-pop img {height:0px;padding:32px 16px;}

.close-modal{display:none}

.close-btn {color:white;margin-top:-4px;padding:4px 12px;font-size:22px;font-weight:bold;
            ;cursor:pointer;cursor:hand;float:right;position:absolute;top:0px;right:0px}

.close-btn:hover {text-decoration:none;color:#777;}

.close-btn b {font-size:15px}



.close-x-tr {padding:8px 12px 8px;line-height:0px;color:transparent}

.box-label-img:hover .close-x-tr {text-decoration:none;color:orange}

.box-label-img:hover {border:4px solid orange}


.close-x-2 {font-size:18px;padding:4px;font-weight:900;color:#BBB;margin-right:12px;}

 .close-x-2 {text-decoration:none;color:#555;}

small .close-x {z-index:auto}

.icon, .smiley , .icon-large {vertical-align:middle;cursor:pointer;cursor:hand;border-radius:0 !important}
.icon{height:18px !important; margin-right:2px;}
.smiley {margin:2px 3px;height:16px; padding:2px 3px;}

.icon-medium {height:24px !important;width:auto !important;padding:8px}

.icon-edit {height:18px !important;background:rgba(0,0,0,0.1);padding:4px;border-radius:4px !important;
            margin:10%;position:absolute;top:0;right:0}

[edit] .icon-edit {margin:4px;background:#F3F6FF;position:relative;float:right}
[edit] .icon-edit:hover {background:#E8F5FE}

.icon-large {height:40px !important;}

.icon-x-large {height:96px !important;width:auto !important;margin-right:12px;border-radius:0}


.smiley-txt {vertical-align:middle; height:16px;width:16px;border:none;}


.h-silver:hover{background-color:white !important; border:1px solid silver;border-radius:0;text-decoration:none !important}


/* SERVICE VOTES */

.info-box{background-color:white}


.seller-ad-ops{cursor:pointer;cursor:hand;position:relative;}

.seller-ad-ops td {vertical-align:middle;background-color:#F3F6FF}



.like-it , .icon-link {
          font-weight:bold;
          cursor:pointer;cursor:hand;text-align:center;display:inline-block;
          color:#CBD4DC;
          background-repeat:no-repeat;
          font-size:16px;
          background-position:0px 50%;
          padding:0 18px 0 22px;
          margin-right:8px;
          background-size:auto 20px;
          height:32px;
          line-height:32px
          }

.like-it {background-image:url("../img/heart-32-g.png");
          background-size:28px auto;
          font-size:20px;
          padding:0 18px 0 40px;
          margin-right:0px;
          }

.icon-fave {background-image:url("../img/heart-32-g.png");content:"bookmark"}

.icon-fave.voted {background-image:url("../img/heart-32-gr.png");color:orange;content:"bookmarked"}

.icon-fave:hover {background-image:url("../img/heart-32-gr.png");color:orange;}

.icon-fave.voted:hover {background-image:url("../img/heart-32-g.png");color:#CBD4DC;}


.icon-cmt {background-image:url("/img/chat-48-g.png");}
.icon-share {background-image:url("/img/share-48-g.png");}
.icon-open {background-image:url("/img/open-48-g.png");background-size:auto 22px;}
.icon-copy {background-image:url("/img/copy-48-g.png");background-size:auto 22px;}

.icon-link-med img {height:24px !important; width:24px !important; margin-left:8px;}

.icon-link-med:hover{text-decoration:none;}

.icon-link:hover{text-decoration:none}

.like-it-cmt {
          background-size:20px auto;
          background-position:8px 50%;
          padding:2px 6px 2px 32px;
          border-radius:0;
          font-size:16px;
          }






.seller-ad-itX *, .like-itX * {vertical-align:middle;}


.vote-status{padding:0px 8px;background-color:rgba(0,0,0,.8);color:white;border-radius:0;position:absolute;top:0px;right:-4px;}


.voted {background-image:url("../img/heart-32-gr.png");color:var(--green);}




/* COMMENT VOTES ** COMMON */

.up-vote, .down-vote, .up-voted, .down-voted{font-size:16px;font-weight:bold}

.up-vote, .down-vote {color:#DDDDDD;}

.vote-it:hover {border-color:#999}

.vote-it:hover * {text-decoration:none}

.up-voted, .up-vote:hover {color:var(--green);}
.down-voted, .down-vote:hover{color:#FD4F68;}

.n-service-ad {width:30px}

.d2 {vertical-align:bottom;text-align:bottom;border-bottom:none;}


.curves-bottom{border-bottom-right-radius:0;border-bottom-left-radius:0;}

.curves-bottom-perm {border-bottom-right-radius:0;border-bottom-left-radius:0;}

.splashX {top:64px}


/* seller_ad textarea */

  .input-box {background-color:#FFF;#F3F6FF;padding:8px;margin:8px 0;border-width:1px;
            border-style:solid;border-color:#999;#FFF;border-radius:100px !important;position:relative}


  .myTtext2 {width:24px;min-width:44px;font-size:18px;color:#2BA0EE;heightX:32px;text-align:center;
             color:orange;font-weight:bold;white-space:nowrap;paddingX:6px 0 6px 8px;}

  .input-box img, .myTtext2 img, .box-gray img, .info img, .help-icon{height:20px;width:auto;vertical-align:middle;margin-left:8px}

  .help-icon{height:16px;margin-left:4px; padding:none !important;display:inline}

  .img-box {border-radius:0;overflow:hidden;}

  .input-box img[map] {height:auto;width:auto;max-height:150px;max-width:300px;border-radius:0;0}


  .input-box textarea {backgroundX:white;#F8F8F8;#F3F6FF;min-height:30px}

  .input-box input[size] {width:auto;}

  .input-box.box-info{background-color:#E8F5FE}


  #form-group-1 .myTbox2x{border-color:#e8e8e8}

  .myTcount2 {min-width:24px;text-align:right;white-space:nowrap;padding:0 4px;}

  .bold-text, .bold-text-g, .bold-text-b {font-size:18px;white-space:normal;font-weight:bold;}

  .bold-text {color:#2BA0EE !important;}
  .bold-text-g {color:#222244 !important;}
  .bold-text-b {color:#FE4400 !important;;}

  img.bold-text {height:30px;width:auto;margin-right:2px;}

  input.bold-text {font-size:20px !important}

  .seller-ad-placeholder{padding-bottomX:4px;background-color:white;border-radius:4px;padding:4px}

  .wizard-placeholder{margin-left:8px;display:inline-block;}

  .wizard-placeholder span {height:24px;line-height:24px;padding:0 8px; border-radius:6px;}

  .wizard-placeholder .mybtn img {margin-right:0;}


/* old */

.myTbox {position:relative;padding:6px 0px 0px 0px;}
.myTbox a, .myTbox p {margin-top:8px;display:inline-block}

.myTarea {width:100%;
          margin:2px 0;resize:none; padding:8px 8px 8px 72px;
          color:#6D6D6D;font-weightX:bold;
          background-color:white;
          box-shadow:none;
          border-radius:100px !important;border:2px solid white;
          }


.myTarea-tags-old {white-space:normal;}

.myTarea-tags-old span {display:inline-block}

.myTarea-tags-old img {display:inline-block}


.myTarea {height:32px;overflow:hidden;}

.myTarea:focus {border-color:orange}

.end-btn-input {position:absolute;top:10px;right:2px;padding:5px 0;height:32px}

.end-btn-input{border-bottom-left-radius:100px !important;}


.spacing{margin-bottom:16px }

.myTtext, .myTcount {white-space:nowrap;text-align:center;color:orange;font-weight:bold;}

.myTtext{top:10px;left:8px;width:64px;}
.myTcountX {top:16px;right:8px}

.myTtext-tags {white-space:nowrap;display:inline-block;position:absolute;
                                   text-align:center;color:orange;font-weight:bold;height:32px;}

.myTtext-tags{top:20px;left:12px;width:64px;}

.myTarea-tags-old {min-height:32px}

.myT-sel{padding:36px 8px 8px 8px;overflow:auto;height:auto}


.arr-up {padding-left:33px;height:14px;font-size:18px;color:#999;}

.submitBox {position:relative; background-color:#F3F6FF;
            border-width:1px 0 0 0;
            border-style:solid;
            border-color:#999;
            margin-left:68px;
}


.seller-ad-extras{display:none}


.verified {box-shadow:0 4px 4px rgba(111,255,0,0.6) !important}

.friend {box-shadow:0 4px 4px rgba(0,200,255,0.6) !important}





/* seller_ad input */

.info-space{margin-top:12px;padding:8px 0 8px;border-top:1px solid #999;background-color:white}

/* seller_ad search */

.search-input {padding:8px 0;xbackground-color:white;position:relative;}

.search-input .input-box {margin:0px;background-color:white !important;border:none !important}

.search-input td {  :white !important;white-space:nowrap}

.search-input * {vertical-align:middle}

.seller-ad-search {width:100%;padding:8px 8px 6px 8px;border:none;border-radius:0;border-bottom:1px solid #999;
              color:orange;display:none;overflow:hidden;text-overflow:ellipsis;}

.seller-ad-search-place, #input-options em {margin:2px 0 0 8px;color:#999;font-size:15px;font-style:italic;
                                       font-weight:normal;overflow:hidden;text-overflow:ellipsis;}

.nowrap {white-space:nowrap !important}

.nowrap * {white-space:nowrap !important}


.wrap {white-space:normal !important;word-wrap: break-word;}

.wrap-all, .wrap-all * {white-space:normal !important; word-wrap: break-word;}


.url{color:#fff}


.div-inputs span {padding:0 4px;}

.div-inputs * {vertical-align:middle}



/* dynamic info box - END */


.rad-t {border-radius:0 0 0 0;}
.rad-b {border-radius:0 0 0 0;}

.b-info {
background-color:rgba(25,25,25,0.7);
color:#AAA;
padding:8px;
border-radius:0;
}

.new-service-ad
{
width:90%;
}

.smaller{font-size:smaller}
.larger{font-size:larger}

a.f1:hover {color:rgb(0,70,80) !important; text-decorationX:none;}


.faq-q {font-size:18px;text-align:left;font-weight:normal;color:#3BC20B;orange;padding:8px 4px;text-transform:capitalize}

.faq{padding:6px 10px;border-radius:0;text-align:left;display:inline-block}

.faq{color:#3ABCFE;#3BC20B;#0A0055;background-color:#F9F9F9;margin:4px 8px 8px;font-size:18px;}

.faq-q:hover {font-weight:bold}


.f-service-ad{font-size:24px;color:orange; padding:0px 4px; white-space:nowrap; }

.tickerX {font:bold 18px Arial;color:rgb(0,70,80); padding:0px 4px;vertical-align:middle; }
.ticker-s {font:bold 14px Arial;color:rgb(0,70,80); padding:0px 4px;vertical-align:middle; }

.f-seller-ad-s {font:bold 10px Arial;color:orange;}

.a-gray{color:#A3ACB2}
.a-gray:hover  {color:orange;text-decoration:none}




.box-label, .box-label-img {
  width:100px;height:100px;
  background-color: #F3F6FF;
  border: 4px solid white; #999;
  color: #ccc;
  font-size: 36px;
  text-align: center;
  margin: 0px;
  cursor:pointer;cursor:hand;
  position:relative;
  display:inline-block;
  vertical-align:top;
}


.box-label img {height:64px;width:64px;vertical-align:middle;}


.box-label-img {overflow:hidden;vertical-align:top}

.box-label-img {height:100px;width:100px;display:inline-block}

.box-label-img img:not([ignore]){height:100px;min-width:100px;}


.valign-inner
  {
  display:table-cell;
  vertical-align:middle;
  }



.DROP2 {margin:0px;}



.rel {position:relative}

.left, .right {margin:0 !important;position:absolute !important;top:50% !important;transform:translate(0,-50%)}

.right{right:16px;padding-rightX:inherit;white-space:nowrap}
.left{left:0px !important}


span.right {margin:0 !important;}

.topR {position:absolute;top:4px; right:-8px}

.aM {vertical-align:middle;}   /* applies to child, not parent */
.aT {vertical-align:top;}      /* applies to child, not parent */
.aC {text-align:center !important;}   /* applies to child, not parent */



.aMiddle * {vertical-align:middle;}   /* line-height:normal fixes issues ... but creates btn issues */

.aMiddle {position:relative;}


[ig-am] * {vertical-align:baseline;}


/* img {vertical-align:text-bottom !important} */

.tmiddle td {vertical-align:middle;text-align:middle}

.text-left * {text-align:left !important}


.ellipsis { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.w100{width:100%;box-sizing:border-box}





/* tag icons */

.tag-icon{border-radius:100px !important;text-align:center;color:orange;display:inline-block;padding:4px 8px 2px;
          font-size:15px;font-weight:bold;border:2px solid transparent;margin:2px;}

.tag-icon span {display:inline-block;text-decoration:none}

.tag-icon strong {padding-left:8px;font-size:20px;color:#CCC;}

.tag-icon * {text-decoration:none}

.tag-icon-img{line-height:44px; height:44px;width:44px;border-radius:23px; border:2px solid #00DFFF; background-color:white}

.tag-icon-img * , .tag-icon strong{vertical-align:middle;text-decoration:none}

.tag-icon img{border-radius:0 !important;height:60%;text-decoration:none}

.tag-iconX:hover {border-color:#CCC;background-color:white;color:orange}

.tag-icon:hover .tag-icon-img {border:2px solid #1AD5AA !important}

.tag-icon-selected .tag-iconX {border-color:#1AD5AA;background:white;color:orange}
.tag-icon-selected .tag-icon-img {border:2px solid #1AD5AA !important}

.tag-info {text-align:center}

.tag-info > div {padding:4px 8px;margin:4px;text-align:center;font-weight:bold;color:#999;display:inline-block;
                  border:1px solid #4CCEFD;background:white;border-radius:0}

.tag-hdr {text-align:left;font-size:20px;color:#CCC;padding:12px 0 12px 20px;font-weight:bold}


/* page labels */


.lbl {padding:0px 8px;font-size:11px;font-weight:bold;font-weight-x:bold;white-space:nowrap;
      height:20px;line-height:18px;display:inline-block;color:#777;border:1px solid currentColor;border-radius:0;
      margin:4px;text-transform:uppercase;box-sizing:border-box;font-family:Lato,Calibri}



b.lbl {height:22px;line-height:22px;padding:0px 10px;font-size:13px;text-transform:uppercase;letter-spacing:2px;border:none}


.lbl[api-action]:hover {background-color:var(--b-main);color:white}


.tag {
color:#FFFFFF;
white-space:nowrap;
margin:4px;
background-color:#999;
padding:0px 8px;
border-radius:100px !important;
font-size:15px;
font-weight:normal;
cursor:pointer;cursor:hand;
opacity:1;height:20px !important; line-height:20px !important;
display:inline-block;
text-transform:uppercase;
font-family:monospace}

.tag.mybtn-plain {line-height:18px !important;}

b.tag {font-weight:bold;}

.tag-large {font-size:18px;font-weight:bold}

.lbl img, .tag img {height:12px;width:auto;padding-right:4px;}

.lbl *, .tag * {vertical-alignx:middle};

.tag[api-action]:hover, .tag[onclick]:hover {background-color:#4CCEFD;color:white;}


.tag.bdr {line-height:20px !important;border:1px solid currentColor;background:white;color:#999}

.tag.bdr.green {color:var(--green)}
.tag.bdr.clr-main {color:#4CCEFD}
.tag.bdr.blue {color:#40B2F5}

.tag.bdr.green:hover {background-color:var(--green);color:white;border:1px solid var(--green)}

img.tag {padding:1px 2px;box-sizing:border-box}

.tag-s {
color:#FFA500;
letter-spacing:1px;
font-weight:bold;
}

.a-wizard{padding:1px 4px;border:1px solid white}
.a-wizard:hover{border-color:orange;border-radius:3px;}

.info-left, .info-right {color:white;background-color:white;cursor:pointer;cursor:hand;}

.info-mid {color:#999999;#8EC952;#4CCEFD;#3BD5B7;background-color:white;cursor:pointer;cursor:hand;line-height:150% !important}

.info-left{width:48px;height:48px;border-radius:24px;background-color:#FF9955;border-color:#FF9955;paddingX:10px 4px 6px;line-height:48px;text-align:center}

.info-left img {width:60%;height:auto;border-radius:none;vertical-align:middle}

.info-mid{padding:5px 8px;border-radius:0}

.info-right{width:20px;border-radius:0 0 0 0;padding:5px;vertical-align:top;}


.trending {padding:4px 4px;background-color:white}

.trending a {font-size:18px;text-decoration:none;padding:6px 0 2px 0;display:inline-block;text-align:center}
.trending a:hover {color:gray}

.tag-opts {padding:12px 0}

.tag-opts span  {border-radius:100px;display:inline-block;font-size:13px;text-transform:uppercase;display:inline-block;margin-right:8px;color:white;padding:2px 10px !important}

.tag-opts a, .tag-opts span {background-color:#4CCEFD}

.tag-opts a:hover {background-color:#AAA  !important;}

.tag-opts span:hover  {background-color:#AAA !important;}


.tag-opts img {height:14px;vertical-align:middle}

.tag-opts * {vertical-align:middle}


.tag-x {padding:2px 12px 2px 0;color:#777  !important;background-color:white !important}

.info-block .tag-opts {padding-bottom:0}

.r {white-space:normal;}

.see-all {text-align:center;padding:8px;}


/* notes */

.img-profile {vertical-align:top; width:52px;}
.img-profile > img {width:40px;margin:0 4px 0 4px}



.box-header, .bold-header, .main-hdr-bar {padding:10px 8px 10px;font-size:20px;
            ;position:relative;font-family:Rubik;font-weight:bold;;color:rgb(0,70,80);text-align:left;text-transform:capitalize}


.box-header {font-family:Rubik;font-weight:bold;;text-transform:capitalize;border-top-right-radius:0;border-top-left-radius:0;border-top-width:0;}

.box-header img {height:24px;width:auto;vertical-align:middle;margin-right:8px;}


.box-header img[onclick] {height:22px;}

.box-header span:is([onclick],[api-action]) {display:inline-block;margin:0 4px 0 8px; font-weight:boldx;font-size:15px}

.select {font-weight:normal}

.bold-header{background-color:inherit;padding:10px 8px 6px;font-size:20px !important;}


#popModalInner .bold-header {padding-left:0;}

#popModalInner .box-header {padding:10px 8px 22px;}

.hand, .link, .link-ul, [onclick], [action], [api-action] {cursor:pointer;cursor:hand;}



[api-action].not(.no-ul):hover {text-decoration:underline;}

.link-ul {text-decoration:underline;cursor:pointer;cursor:hand}

.link-ul:hover {text-decoration:none;}

.no-ul, .no-ul:hover {text-decoration:none;}

.hover-ul:hover{text-decoration:underline;cursor:pointer;cursor:hand}

.link-help {line-height:inherit}

.img-alert{background:white;margin:8px 0 12px;}

.img-alert img {height:20px;width:20px;margin:10px 12px 8px 12px}


.end-btn-r, .end-btn-input {display:inline-block;border-top-right-radius:100px !important;text-align:center;
            background-color:#FFCC4D;width:40px;}

.end-btn-r{border-bottom-right-radius:100px !important;}

.end-btn-r img, .end-btn-input img {height:20px !important; width:auto !important}

.cmt-bar {color:orange;min-height:18px;margin:4px 0 8px 0;text-align:right}


a {}


.vtext {display:inline-block;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}




.centerItem {
     position:absolute;
     top:0; left:0; bottom:0; right:0;
     margin:auto;
     /* for horiz left-align, try "margin:auto auto auto 0" */
}


.box-media {margin:12px 0; padding:12px 8px 0px 68px;
            height:auto;position:relative;border-top:1px solid #999}


.mL{margin-left:60px !important}

.mLt{text-indent:68px !important}

.mLr{margin-left:-60px !important}

.mLz{margin-left:0px !important}

.ml0{margin-left:0px !important}

.ml8{margin-left:8px !important}
.mr8{margin-right:8px !important}

.mln8{margin-left:-8px !important}

.pad-l {padding:0 0 0 8px !important}
.pad-r {padding:0 8px 0 0 !important}

.pad-sides {padding:0 8px !important}




.unseen {float:right;height:0 !important;width:0 !important;border:none !important;outline:none !important;padding:0 !important;margin:0 !important}

.img-large img {width:48px !important;height:48px !important}

.hash{display:inline-block;padding:4px 0;min-width:100px;text-align:center}

.myTcount2 img {height:24px !important;width:auto;}

.myTcount2 td {width:10px}

/* TWITTER */

.close {
  float:right;
  font-size:20px;
  font-weight:bold;
  line-heightX:18px;
  color:#ffffff;
  }

.close:hover {
  color:orange;
  cursor:pointer;
}

.show {display:block;}

.invisible {visibility:hidden;}

.user-icon {height:32px;margin-left:8px;border-radius:50px !important;}

.menu-icon {height:28px;margin:0 12px;}


.list-img {height:36px;margin-right:6px;border-radius:100px;}

.myTboxC img {height:28px;margin-right:6px;border-radius:14px;}

.myTboxC, .myTboxC * {background-color:white !important}

.myTboxCx {margin:0 0 12px 0}

.box, .box-clr {border:1px solid #999;border-radius:0}

.box-heavy {border:2px solid #999;border-radius:0;padding:12px;margin:8px 0}

.box-clr {border-color:currentColor}



.bdr-l {border-color:#F3F6FF}


.tag-opts .box {padding:1px;margin:4px}

.geo-disp {font-size:15px;color:#BBB !important;margin: 0 !important;}

.geo-disp * {font-size:15px;color:#BBB !important;vertical-align:middle}

.geo-disp * {}

.geo-disp img {margin:0 4px 0 8px}


.search-filter {font-size:15px;backgroundX:#F3F6FF;padding:4px;color:rgb(0,70,80)}

.search-filter [group] {font-weight:bold;text-transform:capitalize; padding:2px 22px 2px 0px;
                        backgroundX:white;#F3F6FF;border-bottom:0px solid #999;}

.search-filter [tag] {padding-left:8px;font-weight:bold;}
.search-filter [target] {padding-left:8px;}

.search-filter [tag]:hover, .search-filter [target]:hover, .search-filter [group]:hover {text-decoration:underline}


.search-filter .mybtn-plain {color:inherit}


.q-results-top [onclick]:hover{background-color:#F2F2F2;}


.search-filter [text-hov=all]:hover::before {content:"ALL "}

.search-filter [onclick] {position:relative;padding:4px 8px}

.search-filter .link {}


.tag-opts .on  {background-color:#4CCEFD;color:white}

.tag-opts .on:hover {background-color:#AAA !important;text-decoration:line-through}



.disp-tag-l.on, .disp-tag.on, .disp-tag-l[onclick]:hover, .disp-tag[onclick]:hover  {background-color:#4CCEFD !important;color:white !important}




div.check_box {margin:8px 0}

.check_box span {font-size:15px}

input.check_box {display:none !important;}    /* do NOT use aMiddle with this */

div[checkbox] * {vertical-align:middle;}

div[checkbox] span {display:inline-block;}

.check_box + label{
    display:inline-block;
    padding: 0;
    margin-right:4px;
    height:18px;width:28px; /* same as image */
    background-image:url(/button_off_5.png);
}

.check_box:checked + label{
    background-image:url(/button_on_5.png);
}


.check_box + label[dot]{
    margin-right:8px;
    height:18px;width:18px; /* same as image */
    background-image:url(/button_off_4.png);
}

.check_box:checked + label[dot]{
    background-image:url(/button_on_4.png);
}



.btn-arr {padding:0 12px;height:18px !important;margin:0 !important}


#popModal {z-index:540 !important;position:fixed !important;top:0 !important;left:0 !important;
           width:100%;height:101%;padding-bottom:200px !important;box-sizing:content-box;text-align:center;background:rgba(0,0,0,0.8)}


.popModalOuter{position:relative;width:100%;height:100%;paddingX:10% 25% 100px;overflow-x:hidden;overflow-y:auto;}


#popModal small   {background:white;color:#444;border-bottom-width:1px}


.pop-menu .link {color:orange;text-transform:capitalize;letter-spacing:1px;font-size:medium;
                 padding:0 12px;margin:8px 8px;text-align:left;display:block;
                 height:44px;line-height:44px;overflow:hidden;white-space:nowrap;
                 background:#F5F5F5;text-overflow:ellipsis;border-radius:100px;
                 }


.pop-menu .link img {width:20px;margin:0 17px 0 7px;vertical-align:text-bottom}

.pop-menu .link:hover {background:#111 !important;text-decoration:none}

.pop-menu [menu-item], .pop-menu [menu-main-hdr] {display:none}



.chat-box {text-align:left;padding:8px 0;}

.chat-box[me]{text-align:right;}

.chat-msg {display:inline-block;background-color:#eee;min-width:200px;max-width:80%;padding:6px 8px;
          border-radius:8px;color:#262626;font-size:15px}

.chat-box[me] .chat-msg {background-color:#DCF8C6;text-align:left;}

.chat-box [link] {margin-top:2px;line-height:1em;display:inline-block;with:100%;max-width:80%;color:#999; ;overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important;}

.chat-box [link], .chat-box [link] * {vertical-align:middle;white-space:nowrap !important;font-size:15px}

.chat-box [link] img {height:16px;margin-right:6px}


.chat-box [date] * {text-align:right;color:#999;font-weight:normal !important}

.chat-msg textarea {width:100%;padding:8px;background-color:white;border-radius:0;border:none;
                    min-height:36px;line-height:20px}

.chat-msg .mybtn {border-radius:0;}

.chat-box-scroll {height:100%;200px;}

.chat-post {padding:0 0 0 8px;width:100% !important;position:absolute;left:0;bottom:0;border-radius:0;
            background-color:#999;z-index:540}

.chat-post [name=message] {border:none}

.chat-post-main {position:relative;}


[profile-large] {height:160px;width:160px;
                 border-radius:200px !important;border:4px solid white;margin:0 16px;background-color:white}

[profile-medium] {height:80px;width:80px;border-radius:40px !important;margin-right:16px;}

[profile-medium-smart] {height:80px;width:80px;border-radius:100px !important;margin-right:16px;}


[profile-small] {height:48px;border-radius:24px !important;marginX:8px 12px 8px 0;margin-right:12px}

img[file-upload] {max-width:100%}

.box-header.searchX b {color:white}

[text] {color:rgb(0,70,80);}

[text] .lbl {margin:0 4px 0 0;}

[large] .lbl {font-size:18px;padding:3px 8px}

[rating=red].lbl {color:var(--red)}
[rating=amber].lbl {color:#FFA500}
[rating=green].lbl {color:var(--green)}


b[rating=red].lbl {background-color:var(--b-red);color:white}
b[rating=amber].lbl {background-color:#FFA500;color:white}
b[rating=green].lbl {background-color:var(--green);color:white}



.myad-box[info-box=listing] [ad] {padding:0px;background-color:transparent;}

[text] {line-height:1.6em;padding:0;background-color:transparent;}

.myad-box [text] * {vertical-align:middle;text-align:middle}

[text] * {vertical-align:middle;text-align:middle}

[text=distance] span:not(.lbl) {color:#77AEFB;}


[text=orange] * {color:#FFA500}
[text=green] * {color:#4CCEFD}

.myad-box [tariff] {margin:0 4px 0 0}

.myad-box span[tariff=float] {padding:2px 8px;margin-top:6px;border-radius:100px;border-width:1px solid #eee}

.myad-box:hover span[tariff=float] {background-color:white}

.myad-box table{border-collapse:collapse}

.myad-box [ad] {;padding-top:2px;font-size:18px}

.myad-box [ad] * {vertical-align:middle}

.tariff-box {text-align:center;margin:8px;padding:10px 18px;border-radius:0;white-space:nowrap;display:inline-block;
             background-color:#4CCEFD;color:white;font-size:18px;font-weight:bold;}


.drop-box-shadow {padding:12px; margin:12px 0;
              box-shadow: inset 0 0 0 .06rem #d4dbe0,0 .06rem .4rem #d6d6d6;
              border-radius:0; border-width:1px;
              }


.drop-box {padding:12px; margin:12px 0;border-radius:0; border:2px solid #DDD;}
              
.drop-box:hover {background-color:#F3FFF3;border-color:var(--green)}  
              

box-shadow:rgba(0,0,0,0.2) 0px 1px 3px 1px;
              text-align:left;position:relative;padding:8px 12px;margin:8px 0 24px 0;
              background-color:#fff;border-radius:0}


.tags-bar * {vertical-align:middle}

.tags-bar {padding:4px 8px;background-color:#F3F6FF;text-align:left}


.hdr-x, .hdr-m, .hdr-s {text-transform:capitalize;position:relative;text-align:left;color:#0A0055
                        ;line-heightX:1em}

.hdr-x {font-size:24px;font-weight:bold;margin:8px 0px 12px;}
.hdr-m {font-size:20px;font-weight:bold;padding:8px 0px;}
.hdr-s, .hdr-text {font-size:medium;font-weight:bold;padding:4px 0px;}

.hdr-text {padding:0}

.hdr-x .link, .hdr-m .link, .hdr-s .link {font-weight:normal;display:inline-block;}

.hdr-m .b:not(.link,.green) {color:#444;font-size:medium}


.hdr-s *, .hdr-m *, .hdr-x *, .hdr-text * {vertical-align:middle;line-height-x:1em}


.hdr-x img, .hdr-m img, .hdr-s img, .hdr-text img {vertical-alignX:text-bottom;}



[checkboxX] {vertical-align:text-bottom;}

.hdr-x img:not([ignore]), img.hdr-x {max-width:28px;max-height:28px;height:100%;margin:0 8px 0 0}

.hdr-m img:not([ignore]), img.hdr-m, [hdr] img:not([ignore]) {max-width:24px;max-height:24px;height:100%;margin:0 8px 0 0}

.hdr-s img:not([ignore]), img.hdr-s, .hdr-text img:not([ignore]), img.hdr-text, [text] img:not(.lbl)
  {max-width:20px;max-height:20px;height:100%;margin:0 8px 0 2px}

.hdr-s img[round], .hdr-text img[round] {max-width:24px;max-height:24px;margin:0 6px 0 -2px;}
.hdr-m img[round] {max-width:32px;max-height:32px;margin:0 8px 0 -4px;}

img.hdr-m, img.hdr-s {padding:0}

.hdr-x.green, .hdr-s.green, .hdr-m.green {color:var(--green)}

.hdr-text {font-weight:normal;white-space:normal;}

.hdr-m-norm .hdr-m, .hdr-m.norm {font-weight:normal;}

.hover-b-green:hover {background-color:#EFFFF8;border:1px solid var(--green) !important}

.hover-bw:hover {background-color:#FFF;}

.box-rating {background-color:#F3F6FF;padding:4px;border-radius:0;display:inline-block;text-align:center}

.box-rating img {vertical-align:middle;margin:2px;width:18px;}

.hdr-m.mb8, .hdr-s.mb8 {margin:0; padding:0 0 8px}

.hdr-x {margin:0 0 8px; padding:22px 0 8px;}

.hdr-x.mb8 {padding:0 0 8px;}
.hdr-x.mt8 {padding:8px 0 0;}

.hdr-x.bdr, .hdr-m.bdr {margin:0 0 8px; border-bottom:1px solid currentColor}

#popModal .hdr-m:not(.elips), #popModal .hdr-s:not(.elips)  {white-space:normal !important}

#popModal pre {white-space:pre-wrap !important}

.std-input, .std-input-sm, .small-input, textarea
{
padding:0 16px;border:1px solid #999; !important;
margin:8px 4px;
color:orange;
text-align:left;
background-color:white;
}

.std-input, .std-input-sm, .small-input {height:32px;line-height:30px;width:auto;border-radius:100px !important;}

.small-input{min-width:30px;text-align:center !important;width:auto !important}

.std-input, .std-input-sm {width:100%}


.std-input, .std-input-sm * {vertical-align:middle}


.std-input img {height:16px}

.reg-input
{
background-image: url(/gb.png) !important;
background-repeat: no-repeat;
background-position: center left;
border:none !important;
border-radius:3px !important;
background-color:#F3D41B !important;
padding:0px 4px 0 28px !important;
}



.dot-indicator{position:absolute;right:8px;top:8px;background-color:#00ff00;height:12px;width:12px;border-radius:8px !important;}

span[menu] .dot-indicator{right:8px;top:-4px;}

[circle] {text-transform:uppercase;border:1px solid currentColor;background-color:#F3F6FF;
                    color:#bbb;text-align:center;margin:2px}

[circle=free] {background-color:#E1FAF3;color:#88C53A;}

[circle=free-bw] {background-color:#FFFFFF;color:#88C53A;}

[circle=busy] {background-color:#FDF5E1; color:orange}

[circle=red] {background-color:#FFF5F7; color:#FD4F68}

[circle] {border-radius:100px !important;margin:4px 0 8px;height:60px;width:60px;line-height:60px;display:inline-block;}

.one-letter [circle], [circle-small] {height:32px;width:32px;line-height:32px; margin-right:12px}

.one-letter.days-table table {table-layout:auto;width:auto}

.one-letter [circle] {font-size: 0px;}
.one-letter [circle]::first-letter {font-size: small;}

.one-letter, [circle-small] {font-size: 0;}

.one-letter::first-letter, [circle-small]::first-letter {font-size: small;}

div.days-table {min-height:46px}

.no-br br {display: none;}



.box-product-book {background-color:#F3F6FF;padding:16px;margin-bottom:12px;color:#444;line-height:1em}


.box-product-book table {width:100%;vertical-align:middle;white-space:nowrap}

.box-product-book {margin-top:12px}

.box-product-book [tariff] {min-width:100px;text-align:right;font-size:32px;font-weight:bold;padding-right:16px;line-height:1em}

.box-product-book [p-name] {font-size:18px;font-weight:bold;line-height:1em}
.box-product-book [byline] {font-size:16px;font-weight:bold;color:#aaa;margin-top:4px;line-height:1em}

.box-product-book [book] {widthX:100%;text-align:right}

.box-product-book  .book-btn, .box-product-book select
  {border-color:#ccc;border-width:1px;box-shadow:none;font-weight:normal;color:#999;margin:0 0 0 4px}


.box-product-book .mybtn {margin:0 0 0 4px}

.box-product-book  select {color:orange}

.box-product-book [drop] {padding-left:8px;width:22px}


table.vtop td, .vtop {vertical-align:top}

div.collected {color:#4CCEFD !important}

img[collected]{display:none}

img.collected{display:inline-block !important}





.ibl-smart {display:inline-block}


.myad-box {margin-top:12px}

.info-bar {background-color:#324D5B;white;color:#e3e3e3;margin-bottom:8px;padding:8px 12px;border-radius:0}


.std-input, .std-input-sm, textarea {width:calc(100% - 8px);margin:8px 4px;text-align:left}


[image], .myad-category, [landscape] {border-radius:0}


[scroll-bar] {white-space:nowrap;position:relative;}


.b-hl-s {background-color:#F3F6FF !important}   /*  highlight - pc only */


b.mybtn-r {height:36px;width:36px;line-height:36px}


.chat-box-wrapper {position:relative;padding:0 8px;height:66vh;overflow:hidden}

.chat-box-window{height:60vh;padding:8px;position:relative;}

.main-hdr-bar {padding:10px 100px 10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.main-hdr-bar img {height:20px;margin:0 12px 0 0px}

.main-hdr-bar .user-icon {height:32px;margin:0 8px 0 0px}

.top-bar-inner .user-icon {height:44px;}


.std-input-sm, .half-w {width:calc(50% - 8px);min-width:140px;box-sizing:border-box;display:inline-block}

.std-input-sm.cols-3 {width:calc(33% - 8px);}

.w30, .w60, .w50, .half-w {width:50%;display:inline-block;vertical-align:top;box-sizing:border-box}

.w30 {width:33.3%;}
.w60 {width:66.6%;}

.std-input-sm.w30 {width:calc(33.3% - 8px);}
.std-input-sm.w50 {width:calc(50% - 8px);}
.std-input-sm.w60 {calc(66.6% - 8px);}


.w-auto {width:auto}

.w-auto-sm {width:auto}

.w50-pad, .half-w-pad {width:calc(50% - 8px);min-width:140px;}

.book-slots {text-align:left;padding-left:4px}

.book-slots span {vertical-align:middle;}


.bio-block [edit] {position:absolute;top:0;right:0;border:100px;z-index:500}

.bio-block:hover [edit] {display:inline-block}

.box-label,.box-label-img {width:25%;}

.box-label-img img:not([ignore]) {width:25%;}


[nice-scroll], [scroll-bar] {overflow-x:auto; overflow-y:hidden;-webkit-overflow-scrolling: touch;}  /* note this only works properly when wrapping a table */

/* [scroll-bar] .mybtn-plain, [scroll-bar] .mybtn, [scroll-bar] .select {margin:12px 12px 12px 0} */

[scroll-bar] table:not(.nowrap) {white-space:nowrap}

[scroll-bar=all] * {white-space:nowrap}


.map-canvas {height:400px}


.hdr-x, [scroll-bar] .hdr-m {white-space:nowrap}



.bio-block div[landscape] {width:46%;float:left;margin:0 18px 8px 0;}
.bio-block div[F] {width:100%;float:none;margin:0 0 8px 0}

.ssp8{margin:8px 0 !important}

.tags-bar {padding:4px 8px;border-radius:100px}

img.top-logo {height:100%;vertical-align:top;border-radius:0}

a.top-logo{width:200px;height:36px;display:inline-block;text-align:right;}

.hdr-m clr-main{color:#73B62B;background-color:white;border-bottom:0px solid #73B62B;margin-top:8px}


.calendar-hdr {background-color:#EEE;#F3F6FF;color:#4CCEFD}


.mybtn-plain.elips {max-width:400px}


.chat-post{border-radius:0;padding:0 0 0 8px}

.chat-post-main {position:relative;border-radius:0}


.myad-box [tariff] {padding:2px 10px;font-size:medium}

.myad-box [image-ad] {float:left}

#search-params {background-color:white}

#search-params .main-hdr-bar {}


#popModalInner {margin:5% auto;width:80%;max-width:680px;min-widthX:400px;position:relative;background:white;
               display:inline-block;border-radius:0;padding:14px 20px 20px;border-top:6px solid var(--b-main)}

.close-x-pop {border-radius:0; 100px; background-color:#4CCEFD;color:white;margin-top:-5px}




.box-header.search {}

.box-header.search b {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}


.q-results-top a {border-color:white !important ;padding:6px 8px;color:#223;text-transform:lowercase}


.header-info {color:#4CCEFD;padding:12px 14px 4px;background-color:white;border-radius:0 0 0 0;border-bottom:0px solid #F3F6FF}


.info-large img {border-radius:0;0 0;}



.q-results a {border-width:1px 0px;border-style:solid;border-color:white;}

.q-results .tag-opts.bdr {padding:0 4px 0px;border-width:0 0px 1px 0px;border-style:solid;border-color:#EEEEEE;}

.tag-opts span.hdr  {color:#4CCEFD;font-weight:bold;}


.q-results-top a {border-width:1px;white-space:nowrap;}


.action-ads{position:absolute;top:0px;left:-196px;width:180px;border-radius:0;background-color:white;color:orange;padding:8px;}

.action-ads span {display:inline-block;font-size:20px;}

.action-ads * {vertical-align:middle;}

.seller-ad-ops-box {background-color:#F3F6FF;padding:2px 0 0px;border-style:solid;border-width:0px 0 0; border-color:#999;text-align:left}


.vote-box td {vertical-align:top}


div.seller-ad-ops-box{padding:12px 4px;}
div.vote-box {margin:0 0 0 0}

.info-mid{margin-left:12px;}

#loading {position:fixed;top:16px;left:20px;height:32px;width:32px;z-index:2000;display:none}

#loading img {height:100%;width:auto;margin:none;border:none}

.box-cmt-input {margin-top:14px; padding:2px 8px 1px 68px;}

.box-group {position:relative; border-radius:0 0 0 0;border-color:#999;background-color:white;}

.box-img-prev {margin:12px 0;text-align:left;overflow:hidden;max-height:0px;width:100%;position:relative;}

.box-img-prev img {max-heightX:2400px;max-width:100%;position:relative;margin-top:0px;border-radiusX:0px}

.curves-top{margin-top:12px;border-top-right-radius:0;border-top-left-radius:0;border-top-color:white}

.box-round-info, .block-info-more{margin-bottom:12px;font-size:18px;padding:12px 16px;}

.box-round-info b, .block-info-more strong {font-size:20px;padding-bottom:2px;display:block;line-height:20px;}

.box-round-icon {padding-top:12px;font-size:18px}

.box-round-icon:hover a {display:inline-block !important}

.box-round-icon .info-mid {background-color:white;colorx:#8EC952;#40B2F5}


.sel-wrapper{display:inline-block;margin:6px 6px 6px 0;min-width:60px;position:relative}

.when-display{padding:0 6px;}


.myad-box [ad] {font-family:Rubik;font-weight:bold;font-weight:600;}

#myads-list .myad-box{padding:0;margin:16px 0 0}

.myad-box[info-box=listing] .book-btn {margin:0}



.map-marker-box {
  font-size: 12px;
  font-family: arial;
  position: relative;
  margin-bottom:6px;
  horizontal-align:center;
  text-align:center;
}

.map-marker-label, .map-marker-info  {
  opacity:1;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 12px;
  font-family: arial;
  padding: 2px 4px;
  position: relative;
  margin-bottom:2px;
  background-color:#4285F4;
  text-align:center;
  max-width:100px;
  overflow:hidden;text-overflow-x:ellipsis;white-space:nowrap;display:inline-block
}

.map-marker-info  {font-size:10px;padding:2px 6px 0px;border-radius:10px;display:inline-block}

.map-marker-round {
  opacity:1; 
  color: #FFFFFF;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  height:24px;width:24px;line-height:24px;
  border-radius:12px;
  position: relative;
  background-color:#4285F4;
  text-align:center;
  display:inline-block;
}

.map-marker-round span {margin-top:2px;}

.map-marker * {vertical-align:middle}

.map-marker img {height:12px !important; margin:0 4px 0 0 !important}

.map-marker-tip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--clr-main);
  margin-top:-2px;
}

.b-load-1 {background:var(--b-red)}
.b-load-2 {background:var(--b-orange)}
.b-load-3 {background:var(--green)}
.b-load-4 {background:magenta}
.b-load-5 {background:teal}


.b-load-1.map-marker-tip::after {border-top: 8px solid var(--b-red)}
.b-load-2.map-marker-tip::after {border-top: 8px solid var(--b-orange)}
.b-load-3.map-marker-tip::after {border-top: 8px solid var(--green)}
.b-load-4.map-marker-tip::after {border-top: 8px solid magenta}
.b-load-5.map-marker-tip::after {border-top: 8px solid teal}




.main-hdr-bar {border-bottom:0px solid #4CCEFD;margin:8px 0 8px;border-radius:100px !important}
        .main-info {border:4px solid rgba(75,205,255,0.3);#4CCEFD;border-radius:7px;0;padding:4px 8px 32px;background-color:white;}

        .main-hdr-bar #back-link {padding:8px;border-radius:40px;}
        .main-hdr-bar #back-link:hover {;background-color:#EcFbF9;}
        
        .popMsgWrapper {height:auto;min-height:64px}
        .top-bar input {background-color:#444;border:0px solid #999}

           .city-search {background-color:#F3F6FF;border:0px solid #999}

            .sticky, .main-hdr-bar {z-index:501}
      .js-is-stuckx {width:100%}

/* PRIORITY - DECLARED AT END */


.deal-bar{padding:0 12px;margin-top:-12px }

span.link-x {display:inline-block;margin:8px 4px}

.link-arr::before {content:"\00A0"}  /* 10093     */   
.link-arr::after {content:"\00A0\00A0\276D\00A0"}  /* 10093     */

.link-arr:hover::after {content:"\00A0\00A0\00A0\276D"}  /* 10095     */


.carot-sym::after {content:"\00A0\1D14F"}  /* down carot     */
.carot-sym[on=on]::after {content:"\00A0\1D149"}  /* up carot     */


.carot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition-duration: 0.8s;
}

.carot-large {width:12px;height:10px;border-width:10px 10px 0 10px;color:#AAA}


[on=on] .carot, .carot[on=on], [transform=thru-180] {
    transform: rotate(180deg);
    transition-duration: 0.8s;
}

[transform] {transition-duration: 0.8s;}


.link-arr-l::before {content:"\276D\00A0"}  /* 10093     */

.link-arr-l:hover::before {content:"\276F\00A0"}  /* 10095     */


.list::before {content:"\25A0\00A0"}

.tick::before {content:"\2713\00A0"}  /* 10003 */


.list-clock::before {content:"\23F0\00A0"}


.list-dot::before {content:"\25CF\00A0"}

.list-dot-2::before {
  content: ""; /* The content property is required, but can be empty */
  display: inline-block; /* Makes the pseudo-element a block-level element that can be styled */
  width: 8px; /* Adjust the size of the dot */
  height: 8px;
  background-color: #000; /* Set the color of the dot */
  border-radius: 50%; /* This is what makes it a perfect circle */
  margin-right: 8px; /* Spacing between the dot and the text */
  vertical-align: middle; /* Aligns the dot with the text */
}



.btn-compact .mybtn-plain, .btn-compact.mybtn-plain, .btn-compact .mybtn, .btn-compact.mybtn  {margin:8px 8px 8px 0;padding:0px 10px}

.btn-compact .mybtn, .btn-compact.mybtn  {height:30px;line-height:30px}

.btn-compact .mybtn-plain, .btn-compact.mybtn-plain {height:30px;line-height:28px;}


.btn-small .mybtn-plain, .btn-small.mybtn-plain, .btn-small .mybtn, .btn-small.mybtn  {margin:8px 8px 8px 0;padding:0px 10px}

.btn-small .mybtn, .btn-small.mybtn  {height:24px;line-height:22px}

.btn-small .mybtn-plain, .btn-small.mybtn-plain {height:24px;line-height:22px;}

.btn-compact img {height:18px}
.btn-small img {height:16px;margin-right:4px}


.book-btn {text-align:center;box-shadow:0 3px 3px 0px rgba(44,44,44,0.2);display:inline-block;padding:2px 8px;
           background-color:#FDFDFD;margin:8px;font-size:13px;font-weight:bold;
           color:rgb(0,70,80); border: 2px solid #4CCEFD;border-radius:100px;line-height:1.4em}


b.book-btn, .book-btn.b {padding:6px 8px;font-size:18px;margin:8px;}

div.book-btn {display:block}

.book-btn.calendar-bar {display:block;margin:16px 0 8px;padding:4px:8px;line-height:1.6em}


.info-table  {border-collapse:collapse;background-color:white}

.info-table * {color:rgb(0,70,80);font-size:normal}

.info-table.smaller * {font-size:13px}

.info-table td {padding:8px 12px;}
.info-table tr {border: 1px solid #DDD;}

.info-table img {height:18px;margin-left:8px;}

.info-table [status] {white-space:nowrap;}

.info-table [status] {width:1px;font-sizex:small;color:#4CCEFD;font-weight:bold}

.info-table [row-hdr] td {font-weight:bold;color:#40B2F5}



img.lbl {max-height:18px;max-width:24px}


.top-bar table {border-collapse:collapse;padding:0;margin:0;border-spacing:0}



.ad-slide-box {text-align:left !important; width:40%;max-width:180px;display:inline-block;padding:8px 0px 8px 8px;font-size:13px;line-height:1.4em}

.img-wrapper {border-radius:0;}


.mybtn-plain.green:hover, .select.green:hover {background-color:var(--green);color:white}
.mybtn-plain.red:hover {background-color:#FD4F68;color:white}
.mybtn-plain.amber:hover {background-color:#FFA500;color:white}

.mybtn-plain.b-green:hover, .select.b-green:hover {background-color:white;color:#4CCEFD}


.mybtn-plain.blue {border: 1px solid currentColor;color:#40B2F5;background-color:#FFFFFF}

.mybtn-plain.blue:hover {background-color:#40B2F5;color:white}

.mybtn-plain.check {border-none;border-color:#999;background-color:#F3F6FF;padding:0px 10px 0 16px;}

.mybtn-plain.check:hover {border-color:#4CCEFD}

.mybtn-plain.check img {}

.mybtn-plain.green, .select.green {color:var(--green)}
.mybtn-plain.red {color:var(--red)}
.mybtn-plain.amber {color:var(--amber)}

.mybtn-plain.green, .mybtn-plain.amber, .mybtn-plain.red {color:#555;box-sizing:unset;border-width:4px;border-radius:0}

.mybtn-plain.green {border-color:#9FFEDA;}
.mybtn-plain.amber {border-color:#FFDAB9;}
.mybtn-plain.red {border-color:#FFCCCC;}


.mybtn-plain, .select.green, .select.red, .select.green  {border: 1px solid currentColor;background-color:#FFFFFF}


.mybtn-plain[filter=on] {background:#4CCEFD;color:white}

.mybtn-plain.green[filter=on] {background:var(--green);color:white}
.mybtn-plain.amber[filter=on] {background:var(--amber);color:white}
.mybtn-plain.red[filter=on] {background:var(--red);color:white}


span[filter=on]:before {content:"\2713\00A0"}

span[filter=on]:hover:before {content:"\2717\00A0"}


.select.green {background-image:url("/down-arr-green.png");}
.select.green:hover {background-image:url("/down-arr-w.png");}

.nb {font-weight:normal !important}


.main-hdr-bar {color:#1AD5AA;background-color:#f3fff3;}

.right img:not(.help-icon) {padding:0; margin:0 12px 0 0}

.right:firt-child {padding:0}

.norm {font-weight:normal !important;}
.norm-all * {font-weight:normal !important;}


span[srch-hdr] {border-top:1px solid #ABA992;position:relative}
span[srch-tag] {padding:2px 6px; color:white;background-color:#ABA992;float:right;position:absolute;top:0;right:0}


.main-hdr-bar *, .close-modal-pop * {vertical-align:middle;}


.main-hdr-bar .select, .main-hdr-bar select  {height:28px !important;line-height:26px;font-size:15px;
             margin-top:0; margin-bottom:0;border:0px solid white;#999;margin-top:0;margin-bottom:0;}

.main-hdr-bar select {padding:0 18px 0 8px !important;}

.main-hdr-bar .select {padding:0 8px 0 8px !important;}


.close-modal, .close-modal-pop  {z-index:50000;text-align:left;position:fixed;top:0;left:0;width:100%;
                                 height:64px;line-height:64px;cursor:pointer;cursor:hand;
                                 padding:0;font-size:20px;font-weight:bold}

.close-modal-pop img {padding:0}

.close-modal-pop {
  padding:0 12px 0 50px;
  background-image:url("/img/arr-left-pop.png");
  background-repeat:no-repeat;
  background-position:15px 50%;
  background-size: auto 20px;


}


.close-modal {background:white;text-align:center;}

.q-results a {border-top:1px solid #999}

.q-results a:first-child {border-top:1px solid white}


.q-results-top a {border-color:1px solid white}



textarea  {width:100%;padding:8px;font-size:medium;border-radius:0}


textarea {min-height:1em;line-height:1.2em;white-space: pre-wrap !important;}





.h-auto {height:auto}


.w {color:#ffffff !important}
.bw {background-color:#ffffff}


a.w:not(.link):hover{color:white;background-color:none;text-decoration:none;}

.g {color:#999}


.hl{float:left;margin-top:6px;}

.b-blue {background-color:#4CCEFD;color:white !important}
.b-red {background-color:var(--b-red);color:white !important}    /* CCCC33    8B9A18 */
.b-gray {background-color:#777777;color:white !important}
.b-orange {background-color:var(--b-orange);color:white !important}   /*  orange  */
.b-green {background-color:var(--green);color:white}            /* CCCC33    8B9A18 */
.b-main {background-color:#4CCEFD;color:white}            /* CCCC33    8B9A18 */
.b-purple {background-color:#77AEFB;color:white !important}            /* CCCC33    8B9A18 */
.b-trans {background-color:transparent}
.b-white {background-color:#FFFFFF;}
.b-black {background-color:#555555;color:white !important}
.b-silver {background-color:#AAA;color:white !important }   /*  orange   */
.b-lsilver {background-color:#F3F6FF }   /*  orange   */
.b-lucid {background-color:rgba(0,0,0,.5); color:#FFFFFF}   /*  orange   */
.b-pink {background-color:#FFE9F5}
.b-offer{background-color:#FFF1E1;#FFF7D8;}
.b-res {background-color:#E8F5FE;#F3FAFE;}
.b-avail {background-color:#F3FFF3;#E4F9FA;}
.b-warn {background-color:#FFF1E1;color:#555}

.b-mint {background-color:#9DFDDA;color:#555}   /*  amazon #D9EDED  */

.b-mint.green {color:#26CC00;font-weight:bold}

.b-hl {background-color:#F3F6FF !important}   /*  highlight  */

.b-hl-l {background-color:#F3F6FF !important}   /*  highlight  */

.b-hl-bl {background-color:#E8F5FE !important}   /*  highlight  */

.b-hl-b {background-color:#EFF1F2 !important}

[round] {border-radius:100px;}


.trending .box {padding:4px 6px;margin:2px 4px;}

.round, .round-sm {border-radius:0;padding:8px 18px;position:relative}

.round.mybtn {padding:0 12px}


.p8{padding:8px !important}
.p4{padding:4px !important}

.sp8{margin:8px 0 !important}

.sp8p{padding:8px 0 !important}

.m8{margin:8px !important}
.m4{margin:4px !important}

.b {font-weight:bold !important}


.thick {font-weight:bold;text-shadow:1px 0;letter-spacing:1px;}

.thin {font-weight:100 !important;}

.thin.green {color:#0A0055}

.f100 {font-weight:100 !important;}
.f200 {font-weight:200 !important;}
.f300 {font-weight:300 !important;}
.f400 {font-weight:400 !important;}



.fl{float:left !important}
.fr{float:right !important}


.copy-box {width:100%;max-width:400px;white-space:nowrap;overflow:hidden;margin:12px auto;padding:12px;border-radius:0;border:1px solid #999}

.bdr-focus {border-color:#4CCEFD !important}
.bdr-warn {border-color:#FD4F68 !important;border-width:2px;}

.bdr-50 {border-radius:0}

.info-mid strong, .info-midX b {color:#838588 !important}

input[type=radio]{width:auto;padding:8px !important;border-radius:8px;}


input[type=checkbox]
  {
  padding:2px !important; margin:2px 8px 2px 2px;
  border:1px solid #999 !important;
  height:16px; width:16px; 
  font-size:10px !important;font-weight:normal;font-family:arial;
  border-radius:20px !important;
  background-color:green;
  
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  }


input.check_box
  {
  padding:2px !important;
  border:1px solid #999 !important;
  height:28px; width:28px;
  font-size:18px !important;
  border-radius:3px !important;
  }


input.newcheck:after{
    
    content: "";
    display: block; margin:-2px 6px 0 -2px !important;
    text-align:center;color:#fff;
    width: 14px !important;
    height: 14px !important;
    line-height: 14px; font-size:10px;font-family:verdana;
    border: 2px solid #4CCEFD;
    border-radius: 3px; margin-right:4px;
    background: rgb(224,224,224);
}

input.newcheck:checked:after {
    background: #4CCEFD;
    content: "\2713";
    border: 2px solid #4CCEFD;
    margin-top: -2px;

}



 select, .select {

  font-family:inherit;

  margin:8px 4px;
  position:relative;
  display: inline-block;
  padding: 0px 28px 0px 12px !important;

  height:32px;line-height:30px;

  font-size:15px;font-weight:normal;text-transform:capitalize;
  white-space:nowrap;overflow: hidden; text-overflow: ellipsis;

  max-width: 100%;min-width: 48px;
  cursor:pointer;cursor:hand;

  border: 1px solid currentColor;
  border-radius:100px !important;
  background-color:white;
  color:orange;
  appearance: none; /* this is must */
  -webkit-appearance: none;
  -moz-appearance: none;
}

select, .select, .drop {
  padding: 0px 28px 0px 12px;
  background-imagex:url("/carot-16-o.png");
  background-image:url("/down-arr.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: auto 12px;
  font-weight:boldx;overflow:hidden;text-overflow:ellipsis;
  text-align:left;
}

info-bar * {}

.x {background-image:url("/close-16-o.png");}

.x:not(.select):after {content:"\00A0\00A0\274C";}

.select:hover, select:hover {border-color:var(--clr-main);background-color:#F3F6FF}

.del-x:hover:after {content:"\00A0\2717"}

.select-bold .select, .select-bold select, .select-bold drop
{color:rgb(0,70,80);border-color:#999;background-image: url("/down-arr-bl.png");
font-size:15px;}


.sentence {text-transform:lowercase;}

.sentence::first-letter {text-transform:uppercase}

optgroup[label] {color:#4CCEFD}

option, select {text-transform:capitalize;color:#FFA500}


.main-hdr-bar *, .info * {border-color:#f3fff3}

.main-hdr-bar span:is([onclick],[api-action]), .hdr-x span:is([onclick],[api-action]), .hdr-m span:is([onclick],[api-action]):not(.mybtn,.mybtn-plain)
{
margin-right:8px;font-size:15px;color:orange; font-weight:bold;#4CCEFD;margin-leftX:8px
}

.main-hdr-bar span.link:hover {color:#4CCEFD}

.main-hdr-bar span.link {text-decoration:none;font-size:15px;font-weight:normal;border-radius:100px !important;background-color:white;line-height:1em;padding:4px 6px;color:orange;margin:0 !important}

.main-hdr-bar * {color:inherit}



table[availability] select {  background-position: right 8px center; background-size: auto 10px;
                              min-width:auto !important;padding:0 22px 0 8px !important;margin:4px 0 !important;
                              height:30px !important; line-height:28px !important;
                              font-size:15px;white-space:nowrap}

.line {color:#999;background-color:currentColor;height:1px;margin:8px 0}

.m0 {margin:0 !important}

.p0 {padding:0 !important}


.mb4 {margin-bottom:4px }

.mt8 {margin:8px 0 0}

.mt4 {margin-top:4px}

.mb8 {margin:0 0 8px}

.aR {horizontal-align:right;text-align:right !important;}
.aL {horizontal-align:left;text-align:left !important;}


.dashed {border-style:dashed !important}

.droponme{height:32px;display:none;margin:12px;position:relative}

.ui-state-drag {border:2px dashed #999 !important;}
.ui-state-hover {border:2px dashed #4CCEFD !important;}

div.dragme:hover{cursor:pointer;cursor:hand;border:2px solid orange;}

.purple, .online {color:#77AEFB;}
.lbl.mobile {color:orange}

.tag.online {background-color:#77AEFB;color:white}
.tag.mobile {background-color:orange;color:white}

.dot {background-color:#111;var(--green);opacity:0.7;height:8px;width:8px;border-radius:10px;margin:0 8px 0 4px;display:inline-block}

.dot.amber {background-color:#FFA500;opacity:1;}

.dot.red {background-color:var(--red);opacity:1;}

.dot.blue {background-color:var(--blue);opacity:1;}

.dot.green {background-color:var(--green);opacity:1;}

.dot.black {background-color:#222;opacity:1;}


.vert-line {border-left:1px solid #222;padding:4px 8px 4px 12px;margin-left:8px}

.list-2 {}


.lbl .dot {margin:0 6px 0 -2px}

.check_box {display:none;}   /* do NOT use aMiddle with this */



.clearfix {float:none;clear:both;}

span.shudder{text-transform:capitalize}

[shudder] {padding:6px}

img[onclick]:hover, .shudder:hover, .main-hdr-bar [onclick]:hover {opacity: 0.7;text-decoration:none}

.right span:is([onclick],[api-action]):not(.mybtn, .mybtn-plain, .tag) {padding:0}

.no-curves {border-radius: 0 !important}

.curves {border-radius:0 !important}

.small-caps{text-transform:uppercase;font-weight:100;font-size:12px;color:#888;vertical-align:baseline !important;}

div.myad-box:hover {background-color:#F3F6FF}


.buffer{height:44px;display:block;background-color:white}


img[id=refresh-link] {max-width:22px} 

.curves-dynamic{border-radius:0}

.curves-perm{border-radius:0}


[rotate] {animation: rotation 8s infinite linear;} 

@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
  }
  
[rotate=fast] {animation: rotation 2s infinite linear;}  
  



.pulse-me {
            border-radius: 50%;
            cursor: pointer;
            box-shadow: 0 0 0 rgb(37, 211, 102);
            animation: pulse-me 2s infinite;
        }
        .pulse-me:hover {
            animation: none;
        }
        @-webkit-keyframes pulse-me {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102 0.4);
            }
            70% {
                -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
            }
            100% {
                -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
            }
        }
        @keyframes pulse-me {
            0% {
                -moz-box-shadow: 0 0 0 0 rgba(37, 211, 102 0.4);
                box-shadow: 0 0 0 0 rgba(37, 211, 102 0.4);
            }
            70% {
                -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
                box-shadow: 0 0 0 10px rgba(204,169,44, 0);
            }
            100% {
                -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
                box-shadow: 0 0 0 0 rgba(204,169,44, 0);
            }
        }


#working {z-index:1000;}

.pulser {
  width: 80px;
  height: 80px;
  position: relative;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color:#4CCEFD;
  border:1px solid green;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



/* google maps advanced markers */







.fee-table  {} 
.fee-table td  {text-align:center} 
.fee-table img  {height:24px} 
.fee-table .hdr-m {padding:0;}
.fee-table .hdr-x {padding:12px 0;}
.fee-table .hdr-text {padding:8px 0 !important;text-align:left;padding:0;text-transform:capitalize}


.stripe-button-el {background-image:none !important; box-shadow:none !important}

.stripe-button-el span {text-shadow:none !important;font-family:verdana !important;border:2px solid #4050FB !important;
                        color:#4050FB !important;font-weight:bold !important; padding:6px 12px !important;
                        border-radius:6px !important;background-color: white!important;box-shadow:none !important;background: white !important}

.stripe-button-el span:hover {color:white !important;background-color:#4050FB  !important;}

.stripe-button-el span::before{content:"\1F512\00A0"}

.red{color:#FD4F68}
.green{color:var(--green)}
.orange, .amber {color:#FFA500}
.white{color:white }
.blue{color:#2BA0EE}
.gray{color:rgb(0,70,80)}
.gray-m{color:#667}
.gray-l{color:#CCC}
.silver{color:#AAA}
.black{color:black}
.charcoal{color:#555}
.clr-main{color:#4CCEFD}

.f1, [f1] {color:#999 }
.f2 {color:#667 }

.f3 {color:rgb(88, 81, 99) }



.bdr-green {border-color:#4CCEFD}




/* countdown.min.js css */


.countdown-timer-wrapper {
  border-radius: 100px;
  margin: 12px 8px 12px;
  background-color:#FFF;#E4F9FA;
  display:inline-block;
  padding:10px 16px 4px;
  text-align:center;
  border:1px solid #E4F9FA;
}

.countdown-timer-wrapper[onclick]:hover {border-color:#0A0055}

.countdown-timer-wrapper .timer-wrapper {
  display: inline-block;
  min-width: 60px;
  white-space:nowrap;
  }

.countdown-timer-wrapper .cd-header {
  font-size: 15px;line-height:1em;
  color: #0A0055;
  padding-bottom:6px;
}


.countdown-timer-wrapper .cd-time {
  font-size: 32px;
  font-weight: 100;
  color: #4CCEFD;
}

.countdown-timer-wrapper .cd-text {
  font-size: 15px;line-height:1em;
  color: #0A0055;
  margin-top:4px;
}


/* MODAL CSS */

        #mask {
        position:fixed; /* important */
        top:0px; /* start from top */
        left:0px; /* start from left */
        height:200%; /* cover the whole page */
        width:100%;  /* cover the whole page */
        display:none; /* dont show it */

        /* styling bellow */
        background-colorX:#fff;
        z-index:149;
        }

    .z-top {z-index:250;position:relative;}
    .fixed {position:fixed}

    .modal_window{
        position:absolute; /* important so we can position it on center later */
        display:none; /* dont show it */
    z-index:99;
    width:300px; height:300px;
        /* styling bellow */
        color:#000;
    background:#fff;
    }

    /* style a specific modal window  */
    #modal_window{
        padding:50px;
        border:1px solid gray;
        background:#246493;
        color:black;
    }





@media print {
  body * {
    visibility: hidden;
  }
  #main-info, #main-info * {
    visibility: visible;
  }
  #main-info {
    position: fixed;
    left: 0;
    top: 0;
    width:96%;
  }
}


.m-compact .mybtn, .m-compact .mybtn-r, .m-compact .mybtn-plain, .m-compact .select , .m-compact select {margin:8px 8px 0px 0px;}


[checkbox] {line-height:0}


span[deal-sel=Y] {background-color:var(--green) !important}


span[deal-sel=Y]::after {content:"\00A0\2713"}

.bdr-hover-green:hover {border:2px solid var(--green)} 
.bdr-hover-main:hover {border:2px solid var(--clr-main)} 

.bkg-hover-hl:hover {background-color:#F3F6FF} 



.map-wrapper{border-radius:0}

.elips, [elips] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}

.elips-left{direction: rtl;text-align: left;}

.elips .link {display:inline !important}

.no-bdr {border-color:transparent !important}

.ibl{display:inline-block }
.bl{display:block}


.title{text-transform:capitalize}
.ucase{text-transform:uppercase !important}
.lcase{text-transform:lowercase}


.zero{display:none}       /* important creates problems with show / hide AND visibility:hidden does not work*/

.carot {
    display: inline-block;
    width: 8px;height: 8px;
    margin-left: 8px;
    vertical-align: middle;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transition-duration: 0.8s;
    padding:0 !important;
}

.carot.p8 {margin:8px}
.carot.p4 {margin:4px}

.carot-large {width:12px;height:10px;border-width:10px 10px 0 10px;color:#AAA;padding:0 !important;}


[on=on] .carot, .carot[on=on], [transform=thru-180] {
    transform: rotate(180deg);
    transition-duration: 0.8s;
}

.carot-sym::after {content:"\00A0\1D14F"}  /* down carot     */
.carot-sym[on=on]::after {content:"\00A0\1D149"}  /* up carot     */