@font-face {
        font-family: 'trackd';
        src: url('trackd.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('trackd.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
         font-display: swap;
    }

    @font-face {
        font-family: 'bebes';
        src: url('fonts/BebasNeue-Regular.woff2') format('woff2'),url('fonts/BebasNeue-Regular.woff') format('woff'),url('fonts/BebasNeue-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    a {
        cursor: pointer;
    }

    #wrapper {
        padding: 0;
        margin: 0;
        width: 100%;
        min-width:275px;
        height: 100%;
        min-height:100%;
        background-color: #f2f2f2;
        position:relative;

        /*for mobile to makesure wrapper stays within body (not using scrollbar width as fulll page)*/
        display:contents; 
        /* ^^ for search page */
        /*display:inline-table;*/

    }
    #wrapper-cal {
        padding: 0;
        margin: 0;
        width: 100%;
        min-width:275px;
        height: auto;
        /*min-height:100%; //TAKEN OUT FOR CALENDAR */
        background-color: #f2f2f2;
        position:relative;

    }
      #wrapper-splash {
        padding: 0;
        margin: 0;
        width: 100%;
        min-width:275px;
        height: auto;
        background-color: #f2f2f2;

    }
    #splash{

        padding:5% 0 5% 0;
        margin:0;
        width:100%;



        /*background:url('/images/splashbg.webp');
        background-size:100% 100%; */
         vertical-align: middle;
        text-align: center;
        position:relative;
        top:0;
        z-index:2;
    }
    .video-screen {
        position:absolute;
        z-index:0;
        left:-104vw;
        top:-16%;
    }
    .video-background {
        position:relative;
        min-height:70vh;
        overflow:hidden;
    }
     #bg-mixer{

        padding:5% 0 5% 0;
        margin:0;
        width:100%;



        background:url('/images/mixer-dark.webp');
        background-size:cover;
         vertical-align: middle;
        text-align: center;

    }
    #splash-photo {

        padding:5% 0;


    }
    .splash-logo-font {
        margin:2% auto 0 auto;
    }
    #splash-sub{
        font-family:trackd, Arial;
         padding:16px 0;
        font-size:1.1em;
        color:#ffffff;
    }
    #searchs{
        width:90%;
        margin:0 5%;
        padding:0!important;
        position: relative;
        z-index: 1000;
    }
       #searchsM {
        width:100%;
        margin:0 ;
           background: #ffffff;
           padding:0!important;
    }
    .search-studio-cell {
        position:relative;
        top:0;
        left:0;
        z-index:1;
    }
    #gradient{
        position: absolute;
        top: 50%;
        left: 50%;

        margin:-50px 0 0 -50px;


        width:100px;

        height:100px;
        z-index:1000;
        background:url('/images/.webp');background-position:center;background-size:100%  100%;
    }
    .shadow {
       /* position: absolute;
        top: 10%;
        left: 50%; */
        width: 100px;
        height: 100px;
        margin:-100px 20 -20 -75px;
    }
    #promo-video {

          z-index: 1100;
         position: absolute;
          left:5%;
          width:90%;
          top:15%;
          max-width:1800px;


    }
    #promo-video video {
          z-index:1000;

    }
    .alert {
        padding: 20px;
        background-color: #841714;
        color: #ffffff;

    }

    .alert-red {
        padding: 20px;
        background-color: #841714;
        color: #ffffff;

    }
    .closebtn {
        margin:0 15px;
       color: #ffffff;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }

    .closebtn:hover {
        color: #aaaaaa;
    }
    .closebtnlarge {
        margin:0 15px;
       color: #ffffff;
        font-weight: bold;
        float: right;
        font-size: 32px;
        line-height: 35px;
        cursor: pointer;
        transition: 0.3s;
    }

    .closebtnlarge:hover {
        color: #aaaaaa;
    }
     .closebtn-white {
        margin:0 15px;
        color: #ffffff;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
     }

    .closebtn-white:hover {
        color: #aaaaaa;
    }
     .appstore {
         width: 100%;
         padding:0;
         margin:0;
     }
     .appstore img {
         width:100%;
         height:auto;
     }
    .logo-shadow {
        /*position: absolute;
        top: 135%;
        left: 50%; */
        width: 250px;
        height: 150px;
        margin:-125px 0 0 -125px;
    }
    .logo-font{
        top: 100%;
        left: 50%;
        width:300px;
    }
    .line{
        position: relative;
        visibility: hidden;

    }
    .srchfld-m {
        min-width:120px;
        width:96%;
        height:44px;
        padding:0 8px;
        border:0px;
        outline:none;

    }
     .form div p {font-family: trackd, Arial;}
    .anim{
         -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
        animation: mymove 10s infinite;
    }
     .anim2{
         -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
        animation: mymove 16s infinite;
    }
      .anim3{
         -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
        animation: mymove 12s infinite;
    }
   #line1 {animation-timing-function: ease-in;-webkit-animation-timing-function: ease-in; height:10px; width:100%;}
    #line2 {animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out; height:3px; width:110%;}
    #line3 {animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out; height:14px; width:75%;}
    .marg-auto {
        margin-left:auto;
        margin-right:auto;
    }
    .pad-five-mobile{
        padding:1% 0;
    }
    .pad-five {
        padding-top:5%!important;
        padding-bottom:5%!important;
    }
    .marg-five-tb {
        margin-top:5%!important;
        margin-bottom:5%!important;
    }
    .pad-three {
        padding-top:3%;
        padding-bottom:3%;
    }
    .pad-one {
        padding-top:1%;
        padding-bottom:1%;
    }
    .marg-lr{
        margin:0 5px;
    }
    .marg-tb-one,.marg-t-one {
        margin-top:1%;
    }
    .marg-tb {
        margin:3% 0;
    }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {left: -200%;}
    to {left: 80%;}
}

/* Standard syntax */
@keyframes mymove {
    from {left: -200%;}
    to {left: 60%;}
}
    .logo {
    /* margin:-100px 0 0 -75px; */
        z-index: 500;
    }
    .spin {
    /*position: absolute;
    top: 10%;
    left: 50%; */
    width: 150px;
    height: 150px;

    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
    }
    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
    @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
    @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

    
    .slidecontainer {
        width: 80%;
        color:#ffffff;
        text-align:center;
        /* Width of the outside container */
    }
    .sliderz {
        -webkit-appearance: none;
         -moz-appearance: none;
        width: 100%;
        height: 5px!important;
        border-radius: 5px;
        background:#1C5B8C;

        outline: none;

    }


    .sliderz::-ms-track {
      width: 100%;
      cursor: pointer;
        height:15px!important;
      /* Hides the slider so custom styles can be added */
        background: #d3d3d3;
      border-color: transparent;
      color: transparent;
        opacity: 0.7;
        -webkit-transition: .7s;
        transition: opacity .7s;
    }
    .sliderz::-webkit-slider-thumb {
        -webkit-appearance: none;
         -moz-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border: .5px solid #1C5B8C;
        box-shadow: 0px 2px 2px rgba(216,216,216,.6);
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
    }
    .js-map {
        min-height:100vh;
    }
    .sliderz::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
    }
.sliderz::-ms-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #ffffff;
        cursor: pointer;
    }
.border-white{
        border:2px #ffffff solid;
        border-radius: 5px;
    }

.hover-scale {
    transition: all .2s ease-in-out; 
    position:relative;
    z-index:2;
}
.hover-scale:hover {
    -moz-box-shadow: 0px;
   -webkit-box-shadow: 0px;
    box-shadow:0px;
    transform: scale(1.05);
    z-index:3;
}
.pad-one-all {
    padding:1%;
}
.inner-shadow {
    -moz-box-shadow:    inset 0 0x 2px #000000;
   -webkit-box-shadow: inset 0 0px 2px #000000;
   box-shadow:         inset 0 0px 2px #000000;
}
    .border-blue{
        border:2px #1c5b8c solid;
        border-radius: 5px;
    }
    .bor-blue{
        border:.5px #1c5b8c solid;

    }

    .flight-types {
      display: flex;
      /* max-width: 336px; */
      width:99%;
        height:40px;
        line-height:30px;
      position: relative;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      position: relative;
      z-index: 1;
      margin: 0 auto;
      font-size: 12px;
      border: 1px solid #fff;
      border-radius: 5px;
      color: #1c5b8c;
    }
    .flight-types > input {
      display: none;
    }
    .flight-types > input:checked + label {
      color: #ffffff;
        background:#1c5b8c;
        -webkit-box-shadow: 1px 1px 0 0 #ffffff inset;
        -moz-box-shadow: 1px 1px 0 0 #ffffff inset;
        box-shadow: 1px 1px 0 0 #ffffff inset;
    }
    .flight-types > input:nth-of-type(1):checked ~ label:last-of-type:before {
      transform: translateX(calc(0% + 0px));
    }
    .flight-types > input:nth-of-type(2):checked ~ label:last-of-type:before {
      transform: translateX(calc(100% + 0px));
        width:100%;
    }
    .flight-types > input:nth-of-type(3):checked ~ label:last-of-type:before {
      transform: translateX(calc(200% + 0px));
         width:100%;
    }
    .hours-segment{
        line-height:25px;
    }
    .table {
        display:table;
    }
    .flight-types label {
      flex: 1;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer;

    }
    .flight-types label:last-of-type:before {
      content: "";
      display: block;
      max-width: calc(50.0% - 0px);
      margin: 0px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;

      transform: translateX(0);
    }
    .flight-types label {
      padding: 6px 3px;
        background:#ffffff;
        color:#1c5b8c;
        -webkit-box-shadow: 2px 2px 0 0 #d0d0d0 inset;
        -moz-box-shadow: 2px 2px 0 0 #d0d0d0 inset;
        box-shadow: 2px 2px 0px 0px #d0d0d0 inset;

      transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
    }
    .flight-types label:before {
      background: #1c5b8c;

      transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
    }
    .flight-types label:not(:last-child) {
      border-right: 1px solid #1c5b8c;
    }
    select.soflow,
    select.soflow-color {
      -webkit-appearance: button;
      -webkit-border-radius: 2px;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
      -webkit-padding-end: 20px;
      -webkit-padding-start: 2px;
      -webkit-user-select: none;
      background-color: url(trackdout.com/web.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4, 40%, #E5E5E5);
      background-position: 97% center;
      background-repeat: no-repeat;
          background:#ffffff;
      border: 1px solid #AAA;
      color: #555;
      font-size: inherit;
      margin: 20px;
      overflow: hidden;
      padding: 5px 10px;
      text-overflow: ellipsis;
          text-align-last:center;
      white-space: nowrap;
      width: 90%;
          max-width:255px;
          height:35px;
    }

      .hundred-max {
          width:100%;
          max-width:1200px!important;
      }
      .switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
    }

    /* Hide default HTML checkbox */
    .switch input {display:none;}

    /* The slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #1c5b8c;
        border:1px solid #ffffff;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #1c5b8c;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;
    }
    select.soflow-color {
      color: #fff;
      background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
      background-color: #779126;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      padding-left: 15px;
    }

    .inliner {
        display:inline;
    }
  
    #page-contents div h3{
        display:inline-block;

    }
    form {padding:16px 0;}

    .studio-update-label {
        line-height:35px;
    }
    .input-studio {
        max-width:255px;
    }
    .input-right {
        float:initial;
    }
    .form-prompt {
        width:100%;
        float:left;
        padding:.5% .5%;

    }
    .form-prompt-address {
        width:100%;
        float:left;
    }
    .form-prompt-address input {
        height:35px;

    }
    .form-prompt input {
        max-width:255px;
        float:right;

    }
    .input-thirty {
        height:35px;
    }
    .pad-three {
        padding:3% 0;
    }
    .studio-update-label input {
        font-size:unset;
    }
    .form-prompt textarea {
        height:100px;
        max-width:255px;
        width:100%;
        float:right;
        border-radius:1px;
        padding:5px;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        color: -internal-light-dark-color(black, white);
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        text-align: start;
        -webkit-appearance: textfield;
        background-color: -internal-light-dark-color(white, black);
        -webkit-rtl-ordering: logical;
        cursor: text;
        margin: 0em;
        font: 400 13.3333px Arial;
    }
    .form-prompt select {
        height:35px;
        width:100px;
        float:right;
    }
    .studio-form{
        padding:1% 5%;

    }
    #sbmt {padding:16px 0 0 0;}
    #lnk {padding:6px 0;}

    #lnk a{
        text-decoration:none!important;
    }
    .txtfld {
        padding:5px;
        width:255px;
        height:35px;
    }
    .dtfld {
        text-align:center;
        width:46%!important;
        height:35px;
         max-width:145px;
        padding:0 3%;
         -webkit-appearance: none;
        -moz-appearance: none;
        border:1px solid #1c5b8c;
        border-radius: 5px;
    }
    .tmfld {
        border:1px solid #1c5b8c;
        border-radius: 5px;
        width:46%!important;
        height:35px;
         max-width:145px;
        padding:5px 3%;
         -webkit-appearance: none;
        -moz-appearance: none;
        text-align:center;
    }
    .dtfldcontainer{
        width:84%!important;

    }

    .srchfld {
       /* width:44%; */
        height:35px;
    }
    input[type="submit"] {
        padding:10px;
        /*color:#ffffff;
        background-color: #1c5b8c;*/
        border-radius: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;

    }
    input{
        z-index:1000;
    }
    .mini-imm-icon {
        height:20px;
        width:20px;
    }
    .align-mid {
        vertical-align: middle;
    }
    .book-now-button{
        background:url('/images/immediateicon.webp') no-repeat left;
        background-size:6% auto;

    }
    .book-now-icon-studio {
        height:20px;
        width:20px;
        margin:0 5px;
    }.book-now-button{
        background:url('/images/immediateicon.webp') no-repeat left;
        background-size:6% auto;

    }
    .book-now-icon-studio {
        height:20px;
        width:20px;
        margin:0 5px;
    }.book-now-button{
        background:url('/images/immediateicon.webp') no-repeat;
        background-size:20px auto;
        background-position: left 33% center;
    }
    .book-now-icon-studio {
        height:20px;
        width:20px;
        margin:0 5px;
    }
     .btn {

        width:250px;
        height:35px;
         cursor: pointer;
        }
     .no-deco {
         text-decoration:none;
     }
     .selecter {

         height:35px;
     }
     .btn-ht {
         line-height:42px;
     }
     .btn-block {
         width:100%;
         height:100%;
         border:0px;
         border-radius:0px!important;
         cursor: pointer;
     }
     .round-border{
         border:1px solid #1c5b8c;
         border-radius:50%;
         width:20px;
         height:20px;
         line-height:20px;
     }
     .date-notification{
         background:#e1e1e1;
         padding:5px;
     }


     .btn-white {
         color: #1c5b8c;
         background-color: #ffffff;
         font-weight: bold;
         cursor: pointer;
         border-radius: 5px;


     }
     .marg-eight {
        margin:8px 0;
     }
     .btn-pad {
          padding:10px 25px!important;
     }
     .btn-size {
         width:250px;
         height:35px;
         line-height:35px;
     }
     .inline-block {
         display:inline-block;
     }
     .btn-nopad {
         padding:10px!important;
         cursor: pointer;
     }
     .btn-gry {
         color: #1c5b8c;
         background-color: #e1e1e1;
         font-weight: bold;
         cursor: pointer;
     }
     .splash-btn{
        min-width:100px;
        width:50%;
         max-width:200px;
         cursor: pointer;

    }
    .splash-txtfld {
        width:50%;
         max-width:255px;
        min-width:200px;
        height:35px;

          }
    .splash-search-srchfld input {
        /*padding:5px!important;*/
    }
    .btn-b-trans::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #FFFFEE;
      opacity: 1; /* Firefox */

    }

    .btn-b-trans:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #ffffff;
    }

    .btn-b-trans::-ms-input-placeholder { /* Microsoft Edge */
      color: #ffffff;
    }
    .splash-search-frame {
        width:100%;
        min-height:30vh;
        background:url('/images/searchbgv2.jpg');

        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;

    }

    .splash-search-button {
        width:40px;
        height:40px;
    }
    .splash-search-srchfld {

        width:90%;
        width:calc(100% - 44px);
        height:44px;
    }
    .splash-search-submit {
        width:100%;

        height:44px;

    }
    .splash-search-controls {

        width:44px;
    }
    .hundred-everything {
        width:100%;
        height:100%;
    }

    .filter-input {
        width:70px;
        margin:8px 0;
        padding:0 5px;
        height:45px;
        border:solid #1c5b8c 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    #logo a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 4vw;
        margin: 0;
    }

 
  

    .btn-cta-host {
        background-color: #D2D2D2;
        cursor: pointer;
    }
    #profile-nav {
        padding: 0;
        margin: 0 auto;
        width: 75%;
        height: 80%;
        float: left;
        text-align:right;
    }

    #profile-nav a {
        height: 100%;
        padding: 0;
        margin: 0 3%;
        color: #1c5b8c;
        font-size: .9em;
        text-decoration: none;
        width:25%;
        overflow:hidden;
        line-height: 45px;
    }

    #profile-nav a img {
        max-width: 25px;
        width: 80%;
        height: auto;
        vertical-align: middle;

    }
    #profile-nav a:nth-child(2) img {
        border-radius: 50%;
        width:25px;
        height:25px;
        object-fit: cover;
        padding:2px 0px;
        vertical-align: middle;
    }

    #profile-nav a:nth-child(4){

        margin:0 5% 0 0;
    }

    #navm {
        position:relative;
        width:100%;
        z-index:1000;
        display: none;
    }
    #navgm {
        position:relative;
        width:100%;
        z-index:1000;
        display: none;
    }
    #navu {
        position:relative;
        width:100%;
        z-index:1000;
        display: none;
    }

    #nav {
        list-style-type: none;
        padding:0;
        margin:0;
        font-family: arial;
        border:1px solid #e1e1e1;
    }
    #nav li {
        width:100%;

        padding:0 0 10px 0;
        background-color:#1c5b8c;
        text-align:center;

    }
    #nav li a {
        color:white;
        text-decoration:none;
        display:block;
        width:100%;
        height:35px;
        line-height:15px;
        padding:5px 0;
        font-size:.85em;
    }

    #profile-nav a:nth-child(3) {
        display: none;
    }
  #profile-nav a:nth-child(1) {
        display: initial;
    }
    .top-border {
        border-top:1px solid #1c5b8c!important;
    }
    .accordion {
        background-color: #f2f2f2;
        color: #1c5b8c;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        border-bottom:1px solid #1c5b8c;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }
    .bubble-title {
        background-color: #f2f2f2;
        color: #1c5b8c;
        padding: 18px;
        width: 100%;
        font-size: 15px;
        text-transform: uppercase;
        border-bottom:1px solid #1c5b8c;
        border-top:1px solid #1c5b8c;
    }
    .bubble-title:hover {
        background-color: #1c5b8c;
        color: #f2f2f2;
        padding: 18px;
        width: 100%;
        font-size: 15px;
        text-transform: uppercase;
        border-bottom:1px solid #eaeaea;
        border-top:1px solid #eaeaea;
    }
    .bubble-title:hover div{
       
        color: #f2f2f2;
        
    }
    .social-image{
        height:30px;
        width:30px;
        display:inline-table;
        vertical-align: middle;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    .social-block {
        width:100%;
        height:45px;
        padding: 0;

    }
    .social-cell {
        margin:16px 4px;
    }
    .social-cell a {
        display:block;
    }
    .social-text{
        max-width:190px;
        line-height:25px;
        color:#1c5b8c;
        display:inline-table;
        padding:0 8px;
    }
    .sixty-high {
        height:60vh;
    }
    .fifty-high {
        height:50vh;
    }
    .forty-high {
        height:30vh;
    }
    .thirty-high {
        height:30vh;
    }
    .one-fifty {
        display:inline-flex;
    }
    .rest {
        width:60%;
        width:calc(100% - 159px);
    }
    .profile-image {
        height:125px;
        width:125px;
        margin:16px 0;


    }
    .id-photo {
        height:auto;
        width:100%;
        margin:16px 0;
        object-fit: cover;
    }
    .clickable {
        cursor: pointer;
    }
    .profile-input {
        height:35px;
        display:inherit;
        margin:5px auto;
        padding:0 5px;
        width:250px;
    }
    .input-thirty {
        padding: 0 5px;
    }
    .active, .accordion:hover {
        background-color: #1c5b8c;
        color:#ffffff;

    }
    .active {
        border:none;
    }

    .panel {
        height:0px;
        padding: 0 18px;
        background-color: white;
        overflow: hidden;
        border-bottom:1px solid #1C5B8C;
    }

    .form div{margin:5px 0;}

    .splash-form{
        position:absolute;
        top:130vh;
        margin:0 auto;
        left:12%;

    }
    .newsletter-form{
        width:75%;
    }
    .newsletter-form div{
        float:left;
        display:inline-block;
        width:100%;
        color:#1c5b8c;
    }

    .displayer {
        display:initial;
    }

    .sbtxtflds {
        width:77%;
         float:left;
        height: 30px;

    }
    .sbsubmitz{
        height: 42px;
    }

    .sbsubmitm {
        width:19%;
        float:left;
        height: 35px;
    }
    .bsubmit-label {
        position:relative;
        top:30px;
        cursor: pointer;
        width:100%;
        z-index:999;
        text-align:center;
    }
    .bsubmit-label label {
        cursor: pointer;
    }

      .search-button img{
          max-width:40px;

          height:40px;
          margin:auto;
      }




    .booking-column {
        background-color:#e1e1e1;
        border-radius:5px;
        padding:16px 0;

        margin-bottom:32px;

    }

    .text-input {
        padding:10px;

        border:1px solid #1c5b8c;
    }

    .select-input {
        padding:10px;
        border:1px solid #1c5b8c;
        border-radius: 5px;
    }
    .detail-border {
        border:2px solid #1c5b8c;
        border-radius:6px;
        padding:2% 5%;
        margin:32px 0;
    }
    .txt-left{
        text-align:left;
    }
    .txt-right{
        text-align:right;
    }
    .txt-center {
        text-align: center;
    }
    .txt-light-gry {
        color:#d0d0d0;
    }
    .txt-bold {
        font-weight:700;
    }
   .eighty-center {
        width:92%;
        margin-left:auto!important;
        margin-right:auto!important;
        /* padding:0; // DONE FOR ORDER DETAILS PAGE*/
    }
    .eighty-center-desktop {
        width:98%;
        margin-left:auto!important;
        margin-right:auto!important;
        /* padding:0; // DONE FOR ORDER DETAILS PAGE*/
    }
     .sixty-center {
        width:60%;
        margin-left: 20%;
        margin-right:20%;

    }

     .forty-center {
            width:40%;
            min-width: 319px;
            margin-left:auto;
            margin-right:auto;

    }
    .inline-table {
        display:inline-table;
    }
    .fifty {
        width:50%;
        padding:0;
        margin:0;
    }
    .fifty-mobile {
         width:100%;
        padding:0;
        margin:0;
    }
     .forty {
        width:40%;

    }
    .text-center {
        text-align:center;
    }
     .text-right {
        text-align:right;
    }
      .text-left {
        text-align:left;
    }
    #filterM,#sortM{
        display:none;
        z-index: 1000;
        position:relative;

    }
    #filterMm,#sortMM{
        /*display:none; */
        z-index: 1000;
        position:relative;
    }
    #menusearch {
        border:1px #e1e1e1 solid;
        padding:10px;
        background:white;
        position:relative;
        z-index:999;
    }

    #menusearch h4 {
        color:#1c5b8c;
        font-size:1.5em;
    }

    #filterM div, #sortM div{
        margin:0px auto;
    }
    #filterMm div, #sortMM div{

        padding: 0;
        text-align:center;

    }

    #filterM div div, #sortM div div{
        color:#1c5b8c;
    }
    #filterMm div div, #sortMM div div{
        color:#1c5b8c;
    }

      #studio-table{
          
            padding:0 ;
          min-height:900px;
      }

      .search-block-link {
            display:inline-flex;
          margin:1% 0 0 0;
          width:100%;
      }
      .studio-block, .search-block{
        width:100%;
          height:50vw;
          max-height:300px;
          padding:0;
          background-size:cover!important;
          background-position:center!important;
          background-repeat: no-repeat!important;
      }
      .studio-cell{
          width:100%;
          height:60px;

         position:absolute;
          bottom:0px;

          background: rgb(255, 255, 255);
          background: rgba(255, 255, 255, .8);
      }

      .studio-delete-image{
          margin:-40px 0 0 0;
      }
      .delete-image{
          width:35px;
          height:35px;
          object-fit: cover;
      }
      .image-rel {
        position:absolute;
        z-index:0;
        top:0;
        left:0;
    }
    .image-bg {
        width:100%;
        height:100%;
        object-fit:cover;
    }
      .image-carosel {
         width:100%;
          height:85px;
          overflow-x:scroll;
          overflow-y:hidden;
          -webkit-overflow-scrolling: touch;
      }

      .image-carosel::-webkit-scrollbar {
          height:5px;
          background: transparent;
      }
      .image-carosel::-webkit-scrollbar-track {
         background: #f1f1f1;
      }

        /* Handle */
        .image-carosel::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 5px;
        }

        /* Handle on hover */
        .image-carosel::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

      .carosel-content {
          width:max-content;
          height:100px;
      }
      .image-carosel label {
          height:80px;
          width:80px;
      }
      .image-carosel label img{
            width:100%;
          object-fit:cover;
          height:100%;
      }
      .studio-display-link {
        width:90vw; 
        min-width:90vw;
        margin:0 10px;
      }
      .studio-display {
        height:55vw;
      }
       .home-carosel {
         width:100%;
          height:225px;
          overflow-x:auto;
          overflow-y:hidden;
          -webkit-overflow-scrolling: touch;
      }
       .home-cell {
           min-width:360px;
           max-width:360px;
           margin:0 10px;
       }
    .user-image {
        width:20%;
        margin:0;
        padding:5px;

    }
    .user-image-booking {
        width:100%;
        margin:0;


    }
    .booking-user-image {
        margin:0;
        padding:5px;
    }
    .studio-cell-middle{
        width:55%;
        float:left;
    }

    .studio-dist{
        width:20%;
        float:left;
        font-size:.9em;
        color:#1C5B8C;

    }
    .studio-cell-left {
        width:20%;
    }
    .add-studio-plus {
    height:75px;
        width:75px;
        margin:auto;
    }
    .pad-twenty {
        padding:22px 0;
    }
    .studio-rating{
    
        font-size:.9em;
        color:#0d0d0d;
        text-align:left;
    }
    .studio-reviews{
    
        /* width:40%; */
        font-size:.7em;
        color:#0d0d0d;
    }
    .stars-outer {
        display: inline-block;
        position: relative;
        font-family: FontAwesome;
    }

    .stars-outer::before {
        content: "\f006 \f006 \f006 \f006 \f006";
    }

    .stars-inner {
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        overflow: hidden;
        width: 0;
    }

    .stars-inner::before {
        content: "\f005 \f005 \f005 \f005 \f005";
        color: #f8ce0b;
    }
    .contact a img {
        max-width:50px!important;
        width:4vw;
    }
    .studio-name{
        float:left;
        width:100%;
        font-size:1.1em;
        color:#1C5B8C;
        overflow: hidden;
        height:20px;
        margin:8px 0;
        text-align:left;

    }
    .rating-small{
        width:12px;
        height:12px;
    }
    .rating-large {
            width:20px;
        height:20px;
    }
    .search-studio-image{
        width:50px;

        height:50px;
        max-height:50px;
        border-radius: 50%;
    }
    .med-image-round {
        width:125px;
        height:125px;
        border-radius: 50%;
        object-fit:cover;
    }
    .text-hide {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .studio-rates {
        width:100%;
        background-color: rgba(28,91,140,.8);
        float:right;
    }
    .hour-rates {
        float:left;
        width:50%;
    }
    .email2 {
        display:none!important;
    }
    #email{
        display:hidden;
    }

    .day-rates {
        float:left;
        width:50%;
    }
    .rates {
        float:left;
        width:40%;
        padding:0 5%;
        font-size: .9em;

    }
    .rate-rate {
        float:left;
    }
    .hidden {
        display:none;
    }
    .review-block {
        margin:10px 5px;
    }
    .review-text{

        width:100%;
        height:200px;
    }
    .photo {
        width:100%;
        object-fit:fill;
      }
    .image {
        width:80%;
        height:auto;
    }
      .studio-photo-display {
            width:100%;
          height:56vw;
          max-width:100vw;
          -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
          max-height:600px;
          z-index: 2;
          
      }
      .rate-label {
          color:#ffffff;
      }
      .day-rates p {
          color:#ffffff!important;
      }
      .hour-rates p {
          color:#ffffff!important;
      }

    .gray {
        background-color:#f2f2f2;
    }
    .white {
        background-color:#ffffff;
    }

    .order-user {
        position: relative;
        top: -10px;
        /* float: left; */
        padding: 5px 15px;
     }
     .order-user img {
        width: 4em!important;
        height: 4em!important;
     }
    .studio-user img {
            width:4em!important;
            height:4em!important;

     }
    .booking-user img {
            width:3em;
            height:3em;

     }
    .booking-user{
        margin:10% 0;
    }
    .reviewer-image img {
          width:4em;
            height:4em;
     }
    .message-image {
        padding:2px 0;
    }
    .message-image img {
             width:60px;
             height:60px;
         }
    .message-input-block {

    }
    .message-input{
        padding:0 6px;
        width:100%;
    }
    .studio-info {
        text-align: left;
        display:inline-block;
    }
    .studio-title-label {

        color:#1C5B8C;
    }
    .studio-desc-label {

        color: #0d0d0d;
    }
    .studio-address-label {
        padding:2% 5%;
        margin:2% 0;
        width:90%;
        color: #6d6d6d;
        border-top:2px solid #74767A;
        border-bottom:2px solid #74767A;
    }
    .info-display {

        z-index:0;
        padding:8% 0%!important;
        float:left;
    }
    .bot-shadow {
        box-shadow:1px 1px 3px rgba(45,45,45,.4);
    }
    .border-bot-blue {
        border-bottom:5px solid #1c5b8c;
        background:white;

    }
    .border-shape {
        border:solid 5px #1c5b8c;
        height:110px;
        width:110px;
        border-radius: 50%;
        z-index:-1;
         background:white;
        position:relative;

        top:49px;
        margin-top:-100px;
    }
    .left {
        float:left;
    }
    .right {

        float:right;
    }
    .subtotal-display {
       width:100%;
         float:left;
        padding:0;
        background-color:#ffffff;
    }
    .subtotal-labels {
        width:100%;
         float:left;
        margin:8px 0;
        line-height:35px;
    }
    input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
    }
    select{
        text-align-last:center;

    }
    .subtotal-inputs {
        width:100%;
         float:left;
         margin:8px 0;
         line-height:35px;
    }
    .studio-order-label {
        width:50%;

    }
    .date-input, .time-input {
        width:50%;
    }
     .date-time-input {
         min-width:100%!important;
         max-width:155px;
     }
     .hover-alert-body{
         margin:12vh 10%;
         padding:5%;
         width:70%;
         height:auto;
     }
     .hover-alert-frame {
         position:absolute;
         top:0%;
         left:0%;
         width:100%;
         height:100%;
         z-index:1000;
         background:rgba(28,91,140, 0.8);
     }
     .arrow,arrow {
        height:35px;
    }
    .right-arrow{
        position:absolute;
        right:0px;

        max-height:600px;
        width:20%;
        padding:22% 0;
        z-index:1;
    }
    .left-arrow{
        position:absolute;
        left:0px;

        max-height:600px;
        width:20%;
        padding:22% 0;
        z-index:1;
    }
    .real-big-label {
        font-size:12vw;
    }
    .big-label {
        font-size:9vw;
        font-weight:bold;
        text-transform: uppercase;
    }
     .title-label{
        font-size:2em!important;
         font-weight:bold;
         text-transform: uppercase;
          color:#1c5b8c;
         /*
         text-transform:uppercase;
         font-weight:700!important;
         color:#1c5b8c; */
    }

    .subheading-label {
        font-size:1.2em!important;
    }
    .heading-label {
        font-size:1.5em!important;
        text-transform:uppercase;
        font-weight:700;
    }
    .subtitle-label {
        font-size:1.6em!important;
    }
    .details-label {
        font-size:1em!important;
        padding:1% 0;
    }
    .date-label {
        font-size:.8em!important;
    }
    .time-label{
            font-size:.8em!important;
        }
     .left-column {
         width:20%;
     }
     .left-column-info {
            width:100%;

     }

     .right-column-info {
            width:90%;
             padding:0 5%;
         text-align: center;
     }
    .right-column {
         width:73%;
     }
    .message-column {
         width:80%;
     }
    .message-block {
        width:100%;
        min-height:75px;
        display:table;
        max-height:115px;

    }
    .message-inbox-block {
        border:1px solid #e1e1e1;
    }
    .message-date{
        margin:5px 0;
    }
    .message-inbox-image{
        padding:20px 0!important;
    }
    .message-cell {
        padding:40px 0;
    }
    .message-bubble {
        border-radius:10px;
        padding:8px;
        display:inline-block;
        max-width:40%;
    }
    .message-scroll {
        overflow-y:hidden;
        height:90%;
        min-height:80vh;
        height:calc(100vh - 196px);

        overflow-x:hidden;
        overflow-y:scroll;

    }


    .message-input-block{
        height:39px;
          position:relative;
        bottom:0px;
        border:1px solid #e1e1e1;
    }
    .message-input-block input{


    }
    .message-input-block input[type=submit]{
        width:100px;

    }
    .message-input-block input[type=text] {
        width: calc(99vw - 130px);
        min-width:150px;
        max-width:1075px;
        border:0;
        height:36px;


    }
    .border-rounded {
        border-radius: 5px;
    }
    .border-square {
        border-radius:0!important;
    }
    .calendar-header {
        z-index:999;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }
    .calendar-hover {
        display:grid;
        background:rgba(208,208,208,1);
        width:100%;
        height:100%;
        min-height:1174px;
    }
    .confirm-frame {
        height:65px;
        width:100%;
        position: sticky;
        position: -webkit-sticky;
        bottom: 0;
    }
    .confirm-button{
    
        width:100%;
        max-width:1200px;
        height:65px;
        z-index:100;
    }
    .confirm-button input {
        width:100%;
        height:100%;
    }
    .sticky-spacer {
        height:105px;
        width:100%;
    
    }
    .disable-cell {
        background-image:url("/images/cellgrayblocked.png");
        background-size:105%;
        background-position:center;
        background-repeat: no-repeat;
    }
    .cal-cell-frame {
        width:94%;
        width:calc(100% - 72px);
        background:#ffffff;
    }
    .cal-cell-new {
        margin: 0px 0 1px 1px;
        height:39px;
        padding:0;
        font-size: 1.7em;
        line-height: 30px;
        color:rgb(120,120,120)
    }
    .cell-border {
        outline: 1px solid rgba(120,120,120,.6);
        outline-offset: -1px;
        box-shadow:-1px 3px 4px rgba(120,120,120,.6);
    }
    .cal-bubble-container {
        width:32px;
        margin:0 auto;
        height:100%;
    }
    .cal-bubble-single {
        margin:4px auto;
        border-radius:50%;
        height:32px
    }
    .cal-bubble-first {
        margin:4px auto 0 auto;
        border-radius:50% 50% 0 0;
        height:36px;
    }
    .cal-bubble-last {
        margin:0px auto 4px auto;
        border-radius:0 0 50% 50%;
        height:36px;
    }
    .cal-bubble-middle {
        margin:0 auto;
        border-radius:0;
        height:100%;
    }
    .cal-cell{
        width:14.27%;
        height:40px;
        padding:0;
        margin:0;
        background:url('/images/cellborder.webp');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .cell-box {
        margin:0 0 1px 2px;
    }

    .abso-top-left {
        position:absolute;
        top:0;
        left:0;
    }
    .order-bubble-frame {
        margin:0 0 0px 2%; 
        width:98%;
        height:100%;
    }
    
    .cal-img {
        height:30px;
        width:30px;
        object-fit: cover;
        border-radius: 50%;
        padding:5% 0;
    }
    .cal-user-image {
        background-size:cover;
        background-position: center;
        border: 2px solid #1c5b8c;
        height: 28px;
        width: 28px;
        border-radius: 50%;
    }
    .eng-frame {
        height:45px;
    }
    .calendar-title {
        line-height:45px;
    }
    .month-frame {
        width:100vw;
        max-width:1200px;
        height:45px;
        display:flex;
    }

    .month-title{
        width:75%;
        margin:auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .month-arrow {
        height:100%;
        max-height:45px;
        min-height:45px;
    }
    .l-arrow {
        margin:0 auto 0 0;
    }
    .r-arrow {
        margin:0 0 0 auto;
    }
    .weekly-calendar-title {
        width:70%;
        height:45px;
    }
    .month-arrow img {
        width:auto;
        padding: 5px;
        height:35px;
        margin:0 5%;
    }
    .bg-cal-gradient {
        background-image:url('/images/calbg.webp');
        background-size:100% 100%;
        background-position: center;
        background-attachment:fixed;
    }
    .week-frame{
        width:100%;
        height:50px;
        display:inline-table;
        border-bottom:#1c5b8c 2px solid;
        background:rgba(255,255,255,.6);
    }

    .week-spacer {
        width:6%;
        width:calc(82px - 10px);
        height:100%;
        min-height: 55px;
    }
    .week-container {
        width:94%;
        width:calc(100% - 72px);
    }
    .week-cell {
        width:14.27%;
        text-align:center;
    }
    .time-frame{
         width:6%;
        width:calc(80px - 10px);
        background:#fff;
        height:100%;
        border-right:2px solid #1c5b8c;
         padding:0;
        margin:0;

    }
    .time-cell {
        height:40px;
        padding:0;
        margin:0;
    }
    .time-text{
        border-top:solid 2px #e1e1e1;
        padding:0 5px;
    }

    .studio-order-input {
        width:50%;
    }
    .studio-order-info {
        width:100%;
        float:left;
        margin:8px 0;

    }

    .order-form-display {
        width:100%;
        z-index:1;
        position:relative;
        left:unset;
        display:inline-table;

    }
    .order-form-price {
        width:96%;
        margin:0 2%;
        z-index:1;
        position:relative;
        margin-top:-40px;
    }
    .subtotal-label {
        padding:0 5%;

        width:10%;

    }

    .subtotal-input {
        padding:0 4%;

        width:10%;
    }
    .one-third {
        margin:3% auto;
        padding:0 1%;
        width:30%;
        display:inline-table;
    }
    .one-third img {
        margin:0 10%;
        width:80%;
        height:auto;

    }
    .one-third-mobile {
        margin:3% auto;
        padding:0 1%;
        width:30%;

    }
    .one-third-mobile img {
        margin:0 5%;
        width:80%;
        height:auto;

    }
    .one-third-mobile-thin {
        width:30%;
        display:inline-table;

    }
    .su-up {
        position:relative;

        top:-2em;
    background:white;
        border:5px white solid;

    }
    .su-down {
        position:relative;
        top:92px;
        margin-top:-60px;
        background:white;
    }
     .su-border {
        border:5px white solid;
    }
    .center {
        text-align:center;
    }
    .txt-darkgry {
        color:#0d0d0d;
    }

    .bg-pastel-blue {
        background:#e4fdff;
    }
    .bg-pastel-green {
        background:#e4ffea;
    }
    .bg-toblack{
        background:url('/images/trackdoutbg-black.webp');
        background-size:cover;
    }
    .bg-morehours {
        background:url('/images/hb_banner.webp');
        background-size:80% auto;
        background-repeat:no-repeat;
        background-position:left top;
    }
    .bg-toguitar {
        background:url('/images/bg-toguitar.webp');
        background-size:cover;
        background-repeat:no-repeat;
        background-position:left top;
    }
    .bg-newclients{
         background:url('/images/ui_banner.webp');
        background-size:80% auto;

        background-repeat:no-repeat;
        background-position:left top;
    }
    .bg-wg-switch {
        background:#ffffff;
    }
    .bg-splash {
        padding:0;
        margin:0;
        width:100%;
        height:100%;
        min-height:100vh;

        background:url('/images/splashbg.webp');
        background-size:100% 100%;
         vertical-align: middle;

    }
    .bg-splash-fp {
        padding:0;
        margin:0;
        width:100%;
        height:100%;
        min-height:100%;
        background:url('/images/splashbg.webp');
        background-size:100% 100%;
        vertical-align: middle;
    }
      .bg-splash-in {
        padding:0;
        margin:0;
        width:100%;

        background:url('/images/splashbg.webp');
        background-size:100% 100%;
         vertical-align: middle;

    }
    .search-btn-input {
        height:80%;
        margin:10%;
        max-height:30px;
    }
      .bg-w-trans {
           background:rgba(255,255,255,.2);
      }

    .bg-red {
        background-color:#841714;

    }
    .bg-usertype-artist {
       background:url('/images/bg-artist.webp');
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
    }
     .bg-usertype-studio {
       background:url('/images/mixer-dark.webp');
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .btn-b-trans {
        outline:none;
        border:0;
        background:rgba(255,255,255,.0);
        -webkit-appearance:none;
        -webkit-border-radius:0px;
        padding:0 2%;
        color:#ffffff;
    }
    .input-b-trans {
        outline:none;
        border:0;
        background:rgba(255,255,255,.0);
        -webkit-appearance:none;
        -webkit-border-radius:0px;
        padding:0 2%;
        color:#ffffff;
    }
    .input-b-trans::placeholder {
        color:#d0d0d0;
        opacity: 1; /* Firefox */
      }
      
      .input-b-trans:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:#d0d0d0;
      }
      
      .input-b-trans::-ms-input-placeholder { /* Microsoft Edge */
        color:#d0d0d0;
      }
    .btn-b-blue {
        height:44px;
        border:0;
        background:rgba(255,255,255,.0);
        -webkit-appearance:none;
        -webkit-border-radius:5px;
        padding:0;
        color:#ffffff;
        border-radius:5px;
        box-shadow: inset 0px 1px 2px rgba(100,100,100,.3)!important;
    }

    .btn-w-trans {

        border:2px solid #ffffff;
        background:rgba(255,255,255,.2);
        color:#ffffff;
        box-shadow:1px 2px 0 0 rgba(100,100,100,.3);
        -webkit-appearance:none;
        -webkit-border-radius:5px;
        padding:0 ;
        height:44px;
        border-radius:5px;
    }
    .btn-border {
        border:2px outset buttonface;
        border-image:initial;
    }
    .bg-blue{
        background-color: #1C5B8C;
    }
    .bg-gry {
        background-color:#e1e1e1;
    }
    .bg-dark-gry {
        background-color:#3e3e3e;
    }
    .blu-btn {
        background-color: #1C5B8C;
        padding:10px;
    }
    .btn-btn {
        border-radius:5px;
        font:400 13.3px Arial;
        cursor: pointer;
    }
    .gry-btn {
        background-color: #e1e1e1!important;
        padding:10px;
    }
    .book-button {
        width:100%;
        height:75px;

    }
    .book-button-input {
        margin-top:-20px;
    }
    .sticky {
        position:-webkit-sticky;
        position:sticky;
        top:0;
    }
    .overflow{
        overflow: initial!important;
    }
    .center-wrap {
        justify-content: center;
          align-items: center;
    }
    .block {
        display:block;
    }
    .studio-details-display {

        padding:3% 0;
    }
    .studio-detail-content {
        line-height:150%;
    }
    .studio-detail {
       padding:3% 0;
        margin:0 auto;
        width:96%;

    }
    .studio-detail-label {
        margin:0 1%;


        color:#1C5B8C;

        text-align:left;
    }

    .studio-detail-content {
         color:#8d8d8d;


        text-align:left;
    }
    .dark-gray {
        background-color: rgba(116, 118, 122, 0.51);
    }
    .thin-bar {
        width:100%;
        margin: 0;
        height:2px;
    }
    .btn-margin{
        margin:32px 0;
    }
    .confirm-links {
        line-height:45px;
    }
    .confirm-links a {
        color:#e1e1e1;
    }
    form {
        padding:0;
        margin:0;
    }
    .seventy {
        width:70%;
    }
    .seventy-search {
        width:100%;
        min-width:100%;
    }
    .forty-five {
        width:45%;
    }
    .thirty {
        width:30%;

    }
    .thirty-m{
        width:100%;
    }
    .m-display {
        display:unset;
    }
    .fifty-input {
        width:100%;
        max-width:100%;
    }
    .twenty-five {
        width:25%;
    }

    .ten {
        width:10%;
    }
     .five {
    width:5%;

    }
      .fifteen {
        width:15%;

    }
       .twenty-five {
        width:25%;

    }
      .hundred {
          width:100%;
      }
      .hundred-max {
          width:100%;
          max-width:1200px!important;
      }
      .marg-top {
          margin:1% 0;
      }
      .marg-five {
          margin:0 10px;
      }
    .seventy-five {
        width:75%;
    }
    .eighty {
        width:80%;
    }
    .user-image img{
        border-radius: 50%;
        object-fit: cover;
        width:50px;
        height:50px;
    }
    .user-image-small img {
        border-radius: 50%;
        object-fit: cover;
        width:35px;
        height:35px;
    }
     .user-image-booking img{
         border-radius: 50%;
         object-fit: cover;
         width:50px;
         height:50px;
     }
     .user-image-large img{
        border-radius: 50%;
        object-fit: cover;
        width:105px;
        height:105px;
    }
     .booking-user-image img {
          border-radius: 50%;
         object-fit: cover;

     }
     .user-image-large img{
         border-radius: 50%;
         object-fit: cover;
         width:100px;
         height:100px;
     }
     .studio-display-image img {
         object-fit:cover;
     }
     .studio-images{
          width:100%;
          height:30vw;
          margin:0;
          padding:0px;
          float:left;

      }

     .amen-cell {
         width:22%;
         height:25vw;
         border:1px solid #d8d8d8;
         background:#d0d0d0;
         margin:1% 1%;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
    box-shadow:none;
     }
    .amen-cell-w {
        background:#ffffff;
        color:#0d0d0d;
         width:22%;
         height:25vw;
         border:1px solid #d8d8d8;
         margin:1% 1%;
       -moz-box-shadow: none;
   -webkit-box-shadow: none;
    box-shadow:none;
    }

    .amen-cell img,.amen-cell-w img {
        width:100%;
        height:auto;
    }
    .amen-input[type=checkbox]:checked + .amen-cell, .eqpt-input[type=checkbox]:checked + .eqpt-cell, .services-input[type=checkbox]:checked + .services-cell, .amen-checked, .services-checked, .eqpt-checked{
      background: #1c5b8c!important;
        border:0;
           color:white;

    }

    .amen-input[type=checkbox]:checked + .amen-cell, .amen-checked {
        background: #ffffff!important;
            border:1px solid #1c5b8c;
        -moz-box-shadow: rgba(100,100,100,.6) -1px 0px 10px;
        -webkit-box-shadow: rgba(100,100,100,.6) -1px 0px 10px;
        box-shadow:rgba(100,100,100,.6) -1px 0px 10px;
        color:#0d0d0d;
    }

    .eqpt-scroll, .services-scroll{
       height:300px;
       width:100%;
       overflow-y:scroll;
        background:#ffffff;

    }
    .abso {
        position:absolute;
    }
    .rela {
        position:relative;
    }
    .rela-bottom {
        position:relative;
        bottom:0;
    }
    .abso-bottom {
        position:absolute;
        bottom:0;
    }
    .no-over {
        overflow: hidden;
    }
    .user-type-container {
        overflow:hidden;
    }
    .txt-blue {
        color:#1c5b8c;
    }
    .txt-red {
        color:#841714;
    }

    .txt-green {
        color:#32CD32;
    }
    .btn-link {
        text-decoration:none;
        min-width:250px;

        /*width: fit-content; */
        padding:15px 0px!important;


        margin:16px auto;
        border-radius: 5px!important;
        box-shadow: none;
        font-weight: bold;
        cursor: pointer;
        display:table;
        font-size:13px;

    }
    .btn-link:active {
        background-image:
    /* top, transparent red */
        linear-gradient(
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)
        ),
        /* your image */
        url(image.jpg);
    }
    .needs-textarea{
        width:100%;
        height:100px
    }
    .small-input {
        width:100px;
        height:35px;

    }
    .input-label {
        line-height:35px;
    }
    .select-label {
        width:100px;
        height:35px;
        padding:5px 0;
    }
    .name-label {
        margin:2% 0;
        height:35px;
    }
    .guest-label {
        margin:2% 2%;
        height:35px;

        width:44%;

    }
    .splash-panel {
        z-index:1;
        position:relative;
    }
    #payment-form {
         text-decoration:none;

        width:100%;

        color:#1c5b8c;
        /*width: fit-content; */
        padding:10px 0px!important;
        margin:2px 0;
        border-radius: 0px!important;
        box-shadow: none;
        font-weight: bold;
        cursor: pointer;

        text-align:center;

    }
    .hundred-tall {
        height:100px;
        line-height:100px;
    }
    .hundredp-tall {
        height:100%;
        line-height:65px;
    }
    .hundred-tall img {
        height:100%;
        width:auto;
    }
    .payment-details-frame a {
        text-decoration:none;
        line-height:100px;
    }
    .payment-details-frame {
        height:100px;
    }
    .twenty {
        width:20%;
    }
    .calendar-view {
        position:initial;
        right:initial;
        width:100%;
    }
    .payment-method {
        text-decoration:none;

        width:fit-content;

        color:#1c5b8c;
        /*width: fit-content; */
        padding:10px 0px!important;
        margin:0 auto;
        border-radius: 0px!important;
        box-shadow: none;
        font-weight: bold;
        cursor: pointer;
        display:table;
        text-align:center;
    }
    .payment-type {
        padding:0 16px;
        line-height:30px;
        float: left;
    }
    .payment-icon {
        height:100%;
        width:auto;
        display:inline-table;
    }
    .payment-icon-box {
        height:30px;
        width:40px;

    }
    .studio-review-display{
        width:100%;
    }
    .top-thirty {
        margin-top:32px;
        margin-bottom:32px;
    }
    .top-sixteen {
        margin-top:16px;
        margin-bottom:16px;
    }
     .studio_reviews_part {
         padding:0 1%;
         width:100%;
     }


     .reviews-header {
        /* font-size:1.7vw; STUDIO DISPLAY REVIEWS*/
         padding:3% 0;

        border:1px solid #1c5b8c;
     }
     .review-count {
        color:#1C5B8C;

     }
     .review-rating {


     }
     .user-review-content {
         text-align:left;
         min-height:70px;


     }
      .user-review-rating{
          text-align:left;

          color:#1C5B8C;

    }
    .user-review-date{
        text-align:left;

        color:#8d8d8d;
        margin:4px 0;
    }
    .displayer {
        width:100%;
        padding:3% 0;

    }

    .studio-map-frame {
        width:100%;
        height:80vw;
        max-height:700px;
    }
    .top-padding {
        padding:8px 0 0 0;
        margin:0;
    }
    .studio-maps-display {
        padding:0!important;
    }
    .search-maps-display{
        display:none;
    }
    .search-maps-display-m{
        display:unset;
    }
    .booking-info {
        width:100%;
        float:left;
        border:2px solid#e1e1e1;
        text-decoration:none;
        color:#1c5b8c;
        position:relative;
        height:auto;
    }
     .home-info {
        width:100%;
        float:left;
        border:2px solid#e1e1e1;
        text-decoration:none;
        color:#1c5b8c;
        position:relative;
    }
     .booking-image {
             width:auto;
         float:left;

        height:50vw;
        object-fit: cover;
         }

    .booking-image img {
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .home-image {
        width:auto;
        float:left;
        height:200px;
        object-fit:cover;
     }
    .home-image img {
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .booking-info-name {
        float:left;
        width:40%;
    }
    .home-info-name {
        float:left;
        width:40%;
    }
    .booking-info-price {
        float:left;
        width:30%;
    }
    .booking-info-name p:nth-child(0){

    }
    .booking-info-name p:nth-child(1){

    }
    .booking-info-name p:nth-child(2){

    }
    .booking-rec img {
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .booking-rec {
        width:50px;
        height:50px;
    }

    .user-thumb {
        margin:1% 0;
    }
    .photo-bubble {
        border-radius: 50%;
        height:10px;
        width:10px;
        margin:0 4px;
    }
    .photo-counter {
        position:relative;
        top:20px;
        display:inline-table;
        margin-bottom:-20px;
        z-index:1;
    }

    .collection-display-image {
        min-width:100%;
        max-width:100vw;
        height:100%;
        max-height:600px;
        float:left;
        background-position: 50% 50%!important;
        background-repeat: no-repeat!important;
        background-size: cover!important;
        
    }
    .booking-nav {

        height:35px;
        width:100%;
    }
    .booking-link {

        width:32.7%;
        margin:0;
        height:30px;
        line-height:30px;
        padding:5px 0;
        border:1px solid #1c5b8c;
        border-radius: 5px;
        text-decoration:none;
        color:#1c5b8c;
        background-color:#ffffff;
    }
    .booking-link-selected {
        border:1px solid #ffffff;
        background-color:#1c5b8c;
        color:#ffffff;
    }
    .date-time-inputs {
        margin:0;
        background-color: #ffffff;
        width:80%;
        float:left;
        padding:0 10%;
    }

    .studio-photo {
        
        display:flex;
        width:100%;
        overflow-x: scroll;
        overflow-y:hidden;
        height: 100%;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .studio-photo::-webkit-scrollbar {
        display:none;
    }
    .studio-photo-display::-webkit-scrollbar {
        height: 5px;
        background: transparent;
    }
    /* Track */
    .studio-photo-display::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .studio-photo-display::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

    /* Handle on hover */
    .studio-photo-display::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .studio-rate {
        position:relative;
        top:0px;
        left:8px;
        padding:5px 16px;
       display:inline-flex;
        max-height:20px;
        line-height:20px;
    }
    .studio-rate img {
    padding:0 0 0 8px;
    height:19px;
    width:19px;
    }
    .eighty-large {
        width:90%;
        padding:1% 5%;
        background:rgba(255,255,255,0.8);
    border:1px solid #ffffff;
    }
    .absolute-bottom {
        position:absolute;
        bottom:0;
    }
    .home-bottom {
        position:absolute;
        bottom:0;
    }
    .eighty-home {
        text-align:left;
        width:90%;
        padding:1% 5%;
        background:rgba(255,255,255,0.8);
        border-top:1px solid #ffffff;
    }
    .benefits-container span {
        /*display: inline-block;
        vertical-align: middle;*/
        line-height: normal;
        position:relative;
        top:0;
    }
    .benefit-frame {
        height:300px;
    }
    .benefits-container {
        height:300px;
        line-height:300px;
    }
    .benefit-text,.benefit-sub {
        height:0px;
    }
    .feature-frame {
        height:500px;
        width:100%;
        background-position:center;
        background-size:cover;
        overflow:hidden;

    }
    .feature-container {
        height: 500px;
      /*line-height: 500px;*/
      text-align: center;

    }
    .feature-container span {
      /*display: inline-block;
      vertical-align: middle;*/
      line-height: normal;
        position:relative;
        top:0;
    }
    .bebes {
        font-family:bebes;
    }
     .message-index-contents {

        min-height:calc(100vh - 140px)!important;
    }
    .sticky-bottom {
        position:sticky;
        bottom:0px;
        z-index:9999;
    }
    .studio-sticky-info {
        margin:0 5%;
        padding:1% 0;
        width:20%;
        text-align:left;
        display:inline-grid;
    }
    .top-shadow {
        box-shadow:0px -3px 10px rgba(47,47,47,.4);
    }

    .btn-rounded {
        height:45px;
        border-radius:10px;
        min-width: 200px;
        max-width:200px;
        line-height:45px;
    }
    .sticky-btn-right {
        margin:2% 5% 2% auto;
    }
    .bor-none {
        border:unset;
    }
    .pad-none {
        padding:0px;
    }
    .bg-none {
        background:transparent;
    }
    .order-form-display,.studio-details-container,.studio-maps-display,.studio-review-display,.studio-others-container {
        margin-top:2%;
    }
    .order-form-display,.info-display,.studio-details-container,.studio-maps-display,.studio-review-display,.studio-others-container {
        margin-left:2%!important;
        margin-right:2%!important;
        width:96%!important;
        -moz-box-shadow: rgba(100,100,100,.6) 1px 3px 3px;
        -webkit-box-shadow: rgba(100,100,100,.6) 1px 3px 3px;
        box-shadow: rgba(100,100,100,.6) 1px 3px 3px;
    }
    .form-price {
        display:none;
    }
@media screen and (min-width: 772px) {
    .studio-sticky-form {
        width:100%;
    }
    .btn-rounded {
        min-width:250px;
    }
    .studio-display-link {
        width:360px;
        min-width:360px; 
        margin:0 10px;
      }
      .studio-display {
        height:200px;
      }
    .order-form-price {
        display:none;
    }
    .info-display {

    }
    .form-price{
        display:block;
    }
    .studio-detail {
       padding:1% 0;
         margin:0 auto;
        width:100%;

    }
    .studio-info-container {
        display:flex;
    }
    .studio-info-container {
        background-color:#ffffff;
    }
    .order-form-display,.info-display,.studio-details-container,.studio-maps-display,.studio-review-display,.studio-others-container {
        width:100%!important;
        margin:0!important;
        box-shadow: unset;
        -webkit-box-shadow:unset;
        -moz-box-shadow:unset;
    }
    .seventy-search {
        min-width:unset;
    }
    .splash-search-controls {

        width:10%;
        max-width:44px;
    }
    .video-screen {
        left:-25%!important;
    }
    .fifty-mobile {
         width:50%;
        padding:0;
        margin:0;
    }
     .thirty-m{

        width:30%;
    }
    .studio-rates{
        background-color:rgba(28,91,140,.8);
    }
    .booking-info {
        height:150px;
    }
    .eighty-center {
        width:80%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        /* padding:0; // DONE FOR ORDER DETAILS PAGE*/
    }
    .eighty-center-desktop {
        width:80%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        /* padding:0; // DONE FOR ORDER DETAILS PAGE*/
    }
    .forty-center {
        width:40%;
        margin-left: auto;
        margin-right:auto;

    }
     .js-map {
        min-height:900px;
    }
    .m-display {
        display:none;
    }
    .seventy-search {
        width:70%;
    }
    .eighty-large {
        width:75.5%;
        padding:14px 2%;
        height:120px;
    }
      .bg-wg-switch {
        background:#e1e1e1;
    }
    .calendar-view {
        position:absolute;
        right:0;
    }
    .absolute-bottom {
        position:relative;
        bottom:0;
    }
    .cal-cell {
        height:90px;
    }
    .cal-user-image {
        border: 4px solid #1c5b8c;
        height: 72px;
        width: 72px;
    }
    .cal-cell-new {
        margin:0 0 1px 2px;
        height:89px;
        font-size: 2em;
        line-height: 80px;
    }
    .cal-bubble-single {
        margin:4px auto;
        border-radius:50%;
        height:75px
    }
    .cal-bubble-first {
        margin:4px auto 0 auto;
        border-radius:50% 50% 0 0;
        height:86px;
    }
    .cal-bubble-last {
        margin:0px auto 4px auto;
        border-radius:0 0 50% 50%;
        height:86px;
    }
    .cal-bubble-container {
        width:80px;
        margin:0 auto;
        
    }
    .cal-img {
        height:75px;
        width:75px;

    }
        .time-cell {
            height:90px;
        }
    .calendar-frame{
        margin: auto;
        width:100%;
        max-width:1200px;
        height:calc(100vh - 300px);

        background:#ffffff;


    }
    #search-map {
        transition: all 0.5s;
    }
    #map-wrapper {
        height:100vh;
        transition: all 0.5s;
        position:sticky;
        top:0;
    }
    .wrap-scrolled {
        margin :0 auto;
        position : fixed;
        max-width : 1200px;
        width : 100%;
        top : 0;
        left : 0;
        right : 0;
        
    }
    .map-scrolled {
        position : absolute;
        top :0;
        right :0;
        
    }
    .search-maps-display{
        padding:0!important;
        display:unset;
        height:100%;
    }
    .search-maps-display-m{
        display:unset;
    }
      .calendar-frame-personal{
        margin: auto;
        width:100%;
        max-width:1200px;
        height:calc(100vh - 280px);

        background:#ffffff;


    }
       .calendar-frame-studio{
        margin: auto;
        width:100%;
        max-width:1200px;
        height:100%;
        display:flex;
        background:#ffffff;
    }
    .confirm-button {
        position:relative;
        bottom:unset;
    }
    .calendar-hover {
        min-height:2374px;
    }

    .studio-address-label {
        float:left;
        border-top:0;
        padding:1% 0;
        width:100%;
    }
    .fifty-input {
        width:50%;
        max-width:50%;
    }
    body {
        padding: 0;
        margin: 0;
        font-family: arial;
        min-height:100%;

    }
    .amen-cell,.amen-cell-w {
        height:15vw;
        max-height:150px;
        width:12%;
    }
    .eqpt-table, .services-table {
        width:50%;
    }
    .eqpt-scroll, .services-scroll {
        width:100%;
        min-width:350px;
    }
    .input-studio {
        max-width:100%!important;
        width:100%;
    }
    .input-right {
        float:right;
    }
    .info-display {
        padding:5% 0 0 0!important;
    }
    #wrapper {
        padding: 0;
        margin: 0;
        width: 100%;
        display:inline-table;
        min-height:100%;
        background-color: #f2f2f2;

    }
     #wrapper-cal {
        padding: 0;
        margin: 0;
        width: 100%;

       /* min-height:100%; //TAKEN OUT FOR CALENDAR */
        background-color: #f2f2f2;

    }
    #wrapper-splash {
        padding: 0;
        margin: 0;
        width: 100%;
        height: auto;
        background-color: #f2f2f2;
    }
    #splash{
        width:100%;
    }

    #searchbarM{
        display:none;
        position:relative;
        z-index:1000;
    }

    #navlg{
        width:100%;
        height:100%;
    }
    #profile-nav {

        max-width:200px;
        width: 25%;
        height: 100%;
        float: right;
        text-align: right;
        position:relative;
    }

    #profile-nav a {

        margin: 0;
        float: left;
        line-height: 45px;
    }

    #profile-nav a img {
        width: 90%;
    }

    #profile-nav a:nth-child(3) {
        display: initial;
    }
    #profile-nav a:nth-child(1) {
        display: none;
    }


    #navm {
        position:absolute;
        width:200px!important;
        right:25px;
        z-index:1000;
    }
    #navgm {
        position:absolute;
        width:200px!important;
        right:25px;
        z-index:1000;
    }
    #navu {
        position:absolute;
        width:200px!important;
        z-index:1000;
        right:25px;
    }

    #nav {

     list-style-type: none;
    }
    #nav li {
        padding: 0;
       background-color:#ffffff;
        text-align:center;

    }
    #nav li a {
        color:#1c5b8c;
        text-decoration:none;
        display:block;
        width:100%;
        height:45px;


    }
   

    .sbtxtfld {
        width: 77%;
        height: 90%;

    }

    .sbsubmitz {
        height: 42px;
    }


     .booking-image{
        width:20%;
         height:100%;
    }

    .booking-info-price {

        width:30%;
    }

    .newsletter-form{
        width:75%;
    }
    .newsletter-form div{
        float:left;
        display:inline-block;
        width:100%;
        color:#e1e1e1;

    }
      #splash-sub{
        font-size:1.2em;
        color:#ffffff;

    }

    .search-button img{
        width:40px;
        height:40px;
        margin:auto;
        border:0;
        border-radius:5px;
    }
    .search-bar{
        width:100%;
        height:45px;
        padding:0;
    }
 

    #filterM, #sortM{
        display:none;
        z-index: 1000;
    }
    #filterMm, #sortMM{
        display:none;
        z-index: 1000;
    }
     #menusearch {
        border:1px #e1e1e1 solid;
         background:white;
        padding:10px;
         position:relative;
        z-index:999;
    }
     #menusearch div {
         max-width:350px;
     }

    #searchs{
        width:100%;
        margin:0;
    }
  
    #studio-table{
        padding:0 ;

        min-height:900px;
    }
    .studio-block{
        width:30%;
        height:200px;
        padding:0;
        margin:1% 1%;
        display:inline-flex;
        float:left;
        background-size:cover!important;
        background-position:center!important;
        background-repeat: no-repeat;
    }
    .search-block-link {
        display:inline-flex;
        width:48%;
        float:left;
        margin:1% .5%;
        padding:0;
    }
    .search-block{
        width:100%;
        height:200px;
        padding:0;
 
        background-size:cover!important;
        background-position:center!important;
        background-repeat: no-repeat;
    }
    .studio-cell{
        width:100%;
        height:60px;
        position:absolute;
        bottom:0px;
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, .8);
    }

    .user-image {
        width:20%;
        margin:0;
        padding:5px;
    }
    .user-image-booking {
        width:100%;
        margin:0;
    }
    .user-image-large {
        width:100%;
        margin:0;
    }
    .user-image-booking img {
        width:50px;
        height:50px;
    }
    .studio-cell-middle{
        width:55%;
        float:left;
    }
    .studio-dist{
        width:20%;
    }

    .studio-reviews {
        /* width:30%; */
        font-size:8pt;
    }
    .studio-name{
        float:left;
        width:100%;
    }
    .search-studio-image{
        width:50px;
        height:50px;
        max-height:50px;
        border-radius: 50%;
    }
    .studio-rates {
        width:100%;
        max-width: 420px;
    }
    .hour-rates {
        float:left;
    }
    .day-rates {
        float:left;
    }
    .rates {
        float:left;
    }
    .rate-rate {
        float:left;
    }
    .photo {
    width:100%;
    }

    .studio-info {
        text-align: left;
        display:inline-block;
        padding:0 16px;
    }
    .studio-title-label,.studio-info-rating {
        padding: 0 0 0 15%;
        text-align:left;
        color:#1C5B8C;
    }

    .studio-desc-label {

        color: #0d0d0d;
    }
    .studio-address-label {

        color: #6d6d6d;
    }

    .subtotal-display {
       width:100%;
         float:left;
        padding:32px 0;
    }
    .subtotal-labels {
        width:100%;
         float:left;
        margin:8px 0;
    }
    .subtotal-inputs {
        width:100%;
         float:left;
         margin:8px 0;
    }

    .studio-order-label {
        width:50%;
        font-size:1vw;
    }
    .studio-order-input {
        width:50%;
    }
    .studio-order-info {
        width:100%;
        float:left;
        margin:8px 0;

    }
    .order-form-display {
        /* width:45%; */
        max-width: 420px;
        top:-3.7em;
        margin:0 2% 0 0;
        outline:1px solid #1c5b8c;
        outline-offset: -1px;
        height:fit-content;
        -moz-box-shadow: rgba(100,100,100,.6) 1px 3px 3px;
        -webkit-box-shadow: rgba(100,100,100,.6) 1px 3px 3px;
        box-shadow: rgba(100,100,100,.6) 1px 3px 3px;

    }
 
    .subtotal-label {
        margin:0 auto;
        font-size:.9em;
        width:2vw;
    }
    .subtotal-input {

        font-size:.9em;
        width:2vw;
         margin:0 auto;
    }
    .displayer {
        width:100%;
        padding:3% 0;
        margin:0 ;
    }
    .studio-div {
        height:54vw;
        max-width:100vw;
    }
    .real-big-label {
        font-size:9vw;
    }
    .big-label {
        font-size:7vw;
        font-weight:bold;
    }
    .title-label{
        font-size:2.5em!important;
        font-weight:bold;
    }
    .heading-label{
        font-size:2em!important;
    }
    .subheading-label {
        font-size:1.2em!important;
    }
    .subtitle-label {
        font-size:1.6em!important;
    }
    .details-label {
        font-size:1em!important;
    }
    .date-label {
        font-size:.9em!important;
    }

     .left-column {
         width:20%;
     }
     .right-column {
         width:73%;
     }
     .message-column {
         width:80%;
     }
     .left-column-info {
        width:10%;
    }
    .right-column-info {
        width:80%;

    }
    .studio-user {
        position: relative;
        top: -60px;
        float:left;
        padding:5px 15px;
    }
     .studio-user img {
            width:6vw;
            height:6vw;
     }
     .order-user {
        position: relative;
        top: -10px;
        /* float: left; */
        padding: 5px 15px;
     }
     



}
@media screen and (max-width: 1004px) and (min-width:774px) {

    .subheading-label{
    font-size:.9em!important;
    }

    .subtitle-label{
    font-size:1.2em!important;
    }
    
    .studio-user {
        position: unset;
        top: unset;
        width:auto;
        padding:15px 0 0 15%;
    }
    
}
@media screen and (min-width: 1200px) {
    #navu{
        padding:0;
        margin-left: auto;
        margin-right: auto;
        left: 950px;
        right: 0;



    }
    .real-big-label {
        font-size:8vw;
    }
    .big-label {
        font-size:5vw;
        font-weight:bold;
    }
    .calendar-frame {
        overflow:auto;
    }
    .calendar-frame-personal {
        overflow:auto;
    }
    #navm {
        padding:0;
        margin-left: auto;
        margin-right: auto;
        left: 950px;
        right: 0;


    }
     #navgm {
        padding:0;
        margin-left: auto;
        margin-right: auto;
        left: 950px;
        right: 0;


    }


}
/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 460px) {
    input[type="text"],input[type="date"],input[type="time"],input[type="password"],textarea,select {
        font-size:16px;
        padding:0 8px;
    }
    .subheading-label {
        font-size:1em!important;
    }
     .forty-center {
        width:92%;
        margin-left: auto;
        margin-right:auto;

    }
   
    .studio-sticky-info {
        margin:0 2%;
        padding:2% 0;
        width:30%;
        text-align:left;
    }
    .studio-info-container {
        display:inline-block;
    }
    .studio-sticky-form {
        padding:2% 0;
        margin:0 1% 0 auto;
    }
   
    .sticky-btn-right {
        margin:0 0 0 auto;
    }
    .video-screen {
        left:-74vw;
    }
       #splash {
          /*background:url('/images/splashbg.webp');*/
        background-size:100% 100%;
     }
     #searchs {
         margin-top:100px;
     }
     .mobile-block {
        min-height:200px;
        padding:130px 0 0 0;
    }
    .splash-panel {
        min-height:300px;
    }
      .border-shape {

        height:115px;

    }

    .pad-five-mobile{
        padding:5% 0;
    }
    .contact a img {

           width:40%;
        }
    .form-prompt {
        margin:5% 0;
    }
    .seventy {
        width:70%;
    }
    .seventy-search {
        width:100%;
        min-width:100%;
    }
    .thirty {
        width:100%;
    }

     .message-index-contents {
        min-height:79vh!important;
         max-height:calc(100vh - 60px)!important;
    }
     .message-scroll {
         min-height:calc(100vh - 180px);
     }
 .message-cell {
        padding:20px 0;
    }
    button {
        border-radius: 0;
         -webkit-border-radius:0px;
        -webkit-appearance: none;

    }
    .amen-cell,.amen-cell-w {
        min-height:95px;
        height:30vw;

    }
    .logo{
        margin:20% auto 0 auto!important;
    }
    .spin{
        height:100px;
        width:100px;
    }
    #promo-video {
        width: 100%;
        left: 0px;
        left:0;
        top:10%;
    }
    #wrapper, #wrapper-cal {
        height:550px;
    }
    #splash {
    min-height:600px;
    }
    #splash-form {

    }

    .one-third {
        margin:3% 10%;
        width:80%;
        display:inline-table;
    }
    .one-third-mobile {
        margin:3% auto;
        width:30%;
        display:inline-table;
    }

    .sixty-center {
        width:92%;
            margin-left:4%;
            margin-right:4%;
    }


        .alert {
            padding: 20px;
            background-color: #841714;
            color: #ffffff;

        }
        .alert-red {
            padding: 20px;
            background-color: #841714;
            color: #ffffff;

        }
        .closebtn {
            margin:0 15px;
            color: #ffffff;
            font-weight: bold;
            float: right;
            font-size: 22px;
            line-height: 20px;
            cursor: pointer;
            transition: 0.3s;
        }

        .closebtn:hover {
            color: #aaaaaa;
        }
        .closebtnlarge {
            margin: 15px;
            color: #ffffff;
            font-weight: bold;
            float: right;
            font-size: 32px;
            line-height: 35px;
            cursor: pointer;
            transition: 0.3s;
        }

        .closebtnlarge:hover {
            color: #aaaaaa;
        }
        .studio-rates {

        width:100%;


      }
      .hour-rates {
          float:left;

      }
      .day-rates {
          float:left;

      }
      .rates {
          float:left;

      }
      .rate-rate {
          float:left;
      }
      .photo {
        width:100%;
      }
      .real-big-label {
        font-size:12vw;
    }

    .big-label {
        font-size:2.5em;
          font-weight:bold;
    }
    .feature-frame {
        height:300px;
    }
    .feature-container {
        height:300px;
        line-height:300px;
    }
    .benefits-frame {
        height:500px;
        width:100%;
        background-position:center;
        background-size:cover;
        overflow:hidden;

    }
    .benefits-container {
        height: 500px;
      /*line-height: 500px;*/
        text-align: center;

    }
    
    .title-label{
        font-size:2em!important;
        font-weight:bold;
    }
 
    .subtitle-label{
        font-size:1.8em!important;
    }
    .details-label {
        font-size:4vw!important;
    }
    .date-label{
        font-size:3.8vw!important;
    }
    .time-label{
        font-size:.7em!important;
    }
    .time-frame {
        width:10%;
        width:calc(70px - 10px);
    }
    .week-spacer {
        width:12%;
        width:calc(72px - 10px);
    }
    .week-container {
        width:88%;
        width:calc(100% - 62px);
    }
    .cal-cell-frame{
        width:90%;
        width:calc(100% - 62px);
    }
    .left-column {
        width:25%;
    }
    .right-column {
        width:73%;
     }
        .message-column {
         width:80%;
     }
    .studio-user img {
        width:3em;
        height:3em;
    }
    .reviewer-image img {
        width:15vw;
        height:15vw;
    }
    .message-image img {
        width:60px;
        height:60px;
    }
    .message-bubble{
        max-width:80%;
    }
    .forty-high {
        height:30vh;
    }
    .image {
        width:100%;
        height:auto;
    }

}