/*
Scheme: Planyo Default
Description: Desktop Sylesheet
*/

      /*
CSS STRUCTURE:

1. GENERAL 
        - Google font import & General Style
        - Calendar IFrame size
        - Buttons

2. FORMS

3. TEMPLATES 
        - Settings/Templates
        - Resource List
        - Resource Details
        - Reservation form, Additional products 
          -> 2 FORMS
        - Shopping cart
        - Search box
        - Search results, No results, Shopping cart results
        - Payment form
        - Reservation Completed, Checkout
        - Messages,Error,Help
        - Rating,Review  

4. DROP-DOWN CALENDAR

5. IMAGE VIEWER

6. UNIT LAYOUT

*/

      /*==============================================*/
      /* 1. GENERAL */
      /*==============================================*/

      /*------------------------------------*/
      /* Google font import & General Style */
      /*------------------------------------*/
      @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
   
      .planyo {
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #444;
        line-height: 16px;
        clear: both;
        -webkit-font-smoothing: antialiased;
        box-sizing: initial;
        -webkit-box-sizing: initial;
        -moz-box-sizing: initial;
      }

      .planyo,
      .planyo span,
      .planyo h1,
      .planyo h2,
      .planyo h3,
      .planyo h4,
      .planyo h5,
      .planyo h6,
      .planyo p,
      .planyo a,
      .planyo em,
      .planyo img,
      .planyo img a,
      .planyo b,
      .planyo u,
      .planyo i,
      .planyo center,
      .planyo dl,
      .planyo dt,
      .planyo dd,
      .planyo ol,
      .planyo ul,
      .planyo li,
      .planyo fieldset,
      .planyo form,
      .planyo label,
      .planyo legend,
      .planyo table,
      .planyo caption,
      .planyo tbody,
      .planyo tfoot,
      .planyo thead,
      .planyo tr,
      .planyo th,
      .planyo td {
        margin: 0;
        padding: 0;
        border: 0;
        box-sizing: none;
      }

      .planyo ol,
      .planyo ul,
      .planyo ul li {
        list-style: none;
        list-style-type: none;
      }

      .planyo table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      #reserve_form,
      #search_form,
      #box_search_form,
      #product_form,
      #resource_details,
      #resources,
      #planyo_price_preview_form {
        display: block;
        text-align: left;
      }
      #planyo_price_preview_form #row_start_date {
        width: 17em;
      }

      .planyo form label,
      #box_search_form label {
        display: block;
      }

      #planyo_mobile_switch {
        margin-top: 20px;
      }

      .planyo .hourglass_img {
        margin: 20px;
        height: 24px;
        width: 24px;
        background: transparent
          url(https://www.planyo.com/Plugins/PlanyoFiles/hourglass.gif)
          no-repeat scroll 0 0;
      }

      /* Logo
===================================*/
      .poweredby {
        float: none;
        width: 100%;
      }

      /* Links 
===================================*/
      .planyo a,
      .planyo a:hover,
      .planyo a:focus,
      .calpicker a {
        color: #3d83a8;
        outline: none;
        text-decoration: none;
      }

      /* Typography
===================================*/
      .planyo h2,
      .planyo h3,
      .planyo h4,
      .planyo h5,
      .planyo h6 {
        font-family: "Open Sans", sans-serif;
        font-weight: normal;
        line-height: inherit;
      }
      .planyo h2,
      .planyo h2 a,
      #content .planyo h2,
      #content .planyo h2 a {
        font-size: xx-large;
        padding-bottom: 25px;
      }
      .planyo h3,
      .planyo h3 a {
        font-size: 21px;
        letter-spacing: -1px;
        padding: 0px 0px 6px 0px;
      }

      .planyo h5,
      .planyo h5 a {
        font-size: 17px;
        line-height: 15px;
        letter-spacing: -1px;
        padding: 0px 0px 8px 0px;
      }

      .planyo legend,
      .planyo form fieldset legend,
      #box_search_form fieldset legend,
      #products_code legend {
        font-size: 22px;
        padding: 20px 0px;
        position: inherit;
        width: 97.5%;
        background: transparent;
      }

      .planyo .section span {
        font-size: larger;
      }

      /*-----------------------------------*/
      /*  Calendar IFrame size             */
      /*-----------------------------------*/

      .calprev_iframe.caltype_5 {
        min-width: 350px;
      }
      .calprev_iframe.caltype_7 {
        min-width: 600px;
      }

      /*-----------------------------------*/
      /* Buttons                           */
      /*-----------------------------------*/
      .planyo .button,
      .planyo .checkout_button,
      #box_submit_button.button {
        font-family: "Open Sans", sans-serif;
        background: none repeat scroll 0% 0% #6fb900;
        border-radius: 5px 5px 5px 5px;
        color: #fff;
        padding: 9px 25px;
        text-decoration: none;
        font-size: 17px;
        text-align: center;
        border: medium none;
        font-weight: normal;
        text-transform: none;
      }
      .planyo .resource_right_container .button {
        font-size: 16px;
      }

      #box_search_form #box_submit_button,
      #search_form #submit_button {
        clear: both;
        float: right;
      }

      .planyo a.button,
      .planyo a.checkout_button {
        font-family: "Open Sans", sans-serif;
        padding: 9px 25px;
        display: inline-block;
      }
      .planyo .button:disabled {
        background: #bbbbbb;
      }

      .planyo .button:hover,
      .planyo a.button:hover,
      .planyo a.checkout_button:hover,
      .planyo .button:visited,
      .planyo a.button:visited,
      .planyo .button:link,
      .planyo a.button:link,
      .planyo .button:focus,
      .planyo a.button:focus,
      .planyo .button:active,
      .planyo a.button:active {
        color: #fff;
        background: #6fb900;
      }

      .resource_right_container a.button {
        width: 100%;
        margin-top: 10px;
        padding: 9px 2px;
      }
      .planyo .button_container,
      .button_container_details,
      .button_container_reserve {
        display: inline-block;
        width: 100%;
        text-align: center;
      }
      .planyo #search_result_button {
        float: right;
        margin: 20px 0px;
      }

      /*==============================================*/
      /* 2. FORMS                                          */
      /*==============================================*/

      .with-status-border-error {
        border: 1px solid red !important;
      }

      .planyo ul {
        display: table;
      }

      .planyo #reserve_form ul,
      .planyo #product_form ul {
        width: 100%;
        font-size: 0px;
      }

      .fb #reserve_form {
        padding-bottom: 160px;
      }

      #box_search_form ul li,
      #search_form ul li,
      #reserve_form ul li,
      #planyo_price_preview_form ul li,
      #add_coupon ul li {
        margin-bottom: 1em;
        line-height: 16px;
        font-size: 14px;
      }
      #product_form ul li {
        margin-bottom: 1.5em;
        line-height: 16px;
        clear: both;
        font-size: 14px;
      }

      .planyo textarea,
      .planyo input[type="text"],
      .planyo input[type="password"],
      .planyo input[type="date"],
      .planyo input[type="email"],
      .planyo input[type="tel"],
      .planyo input[type="number"] {
        padding: 0px;
        background: transparent;
        border: 1px solid #c0c0c0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        box-shadow: none;
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
      }

      select::-ms-expand {
        display: none;
      }

      .planyo select {
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        border: 1px solid #c0c0c0;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: transparent;
        border: 0px;
        font-size: 12px;
        padding-top: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        box-shadow: none;
      }
      #reserve_form a img,
      #box_search_form a img,
      #search_form a img,
      #planyo_price_preview_form a img {
        display: inline;
        height: 33px;
        vertical-align: top;
      }
      #products_code input[type="checkbox"] {
        margin-top: -6;
        margin-bottom: 6pt;
        float: right;
      }

      .title_above ul li select,
      .title_left ul li select,
      .title_mixed ul li select {
        border: 1px solid #c0c0c0;
        height: 31px;
        padding: 0px 0px 0px 4px;
        width: 198px;
        background: url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png)
          no-repeat 100% center;
        background-size: 17px;
        webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
        border-radius: 0;
      }

      .title_above ul li input[type="text"],
      .title_left ul li input[type="text"],
      .title_mixed ul li input[type="text"] {
        padding: 0px 0px 0px 4px;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        width: 198px;
        height: 31px;
        background: transparent;
      }

      .planyo .title_above ul li input[type="checkbox"],
      .planyo .title_left ul li input[type="checkbox"],
      .planyo .title_mixed ul li input[type="checkbox"] {
        width: initial;
        width: 20px;
        vertical-align: middle;
      }
      .title_above textarea,
      .title_left textarea,
      .title_mixed textarea {
        padding: 0px 0px 0px 4px;
        border: 1px solid #c0c0c0;
        width: 198px;
        margin: 0;
      }

      .title_above #mobile_country_param,
      .title_above #phone_country_param,
      .title_left #mobile_country_param,
      .title_left #phone_country_param,
      .title_mixed #mobile_country_param,
      .title_mixed #phone_country_param {
        margin-bottom: 1em;
      }

      .title_above #mobile_number_param,
      .title_above #phone,
      .title_mixed #mobile_number_param,
      .title_mixed #phone {
        clear: both;
        display: block;
      }
      #reserve_form.title_left #mobile_number_param,
      #reserve_form.title_left #phone {
        margin-left: 168px;
      }
      .title_above ul li label,
      .title_left ul li label {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
      }
      .planyo .title_left .planyo_static_help,
      .planyo .title_above .planyo_static_help,
      .planyo .title_mixed .planyo_static_help {
        margin-top: -1em;
      }

      .title_above ul li input {
        border: 1px solid #c0c0c0;
        padding: 0px;
        width: 198px;
      }
      .title_left label {
        display: inline;
        float: left;
        clear: left;
        width: 168px;
      }
      .title_left .chk_label {
        margin-left: 168px;
        width: auto;
      }

      .planyo div.float-label-text-parent input,
      .planyo div.float-label-text-parent textarea {
        -webkit-appearance: none;
        font-size: 12px;
        border: none;
        background: transparent;
        padding: 10px 0px 0px 0px;
        margin: -10px 0px 0px 0px;
        width: 100%;
      }
      .planyo .fld_wide div.float-label-text-parent textarea {
        padding-right: 18px;
      }

      div.float-label-parent {
        border: 1px solid #c0c0c0;
        width: 16em;
        height: 30px;
        padding: 2px 5px 2px 5px;
        background: #fff;
      }

      form
        span.dropdown_date
        div.float-label-parent.float-label-date-parent
        select.with-status-border {
        width: 31%;
      }

      div.float-label-parent.float-label-textarea-parent {
        height: auto;
      }

      div.float-label-textarea-parent textarea {
        width: 100%;
      }

      div.float-label-parent select:focus,
      div.float-label-parent input:focus,
      div.float-label-parent textarea:focus {
        outline: 0;
      }

      div.float-label-parent label {
        font-size: 9px;
        height: 10px;
        font-weight: normal;
        color: #a9a9ab;
        width: 100%;
        background: #fff;
        line-height: 1.1;
        vertical-align: top;
      }

      div.float-label-select-parent {
        background: url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png)
          no-repeat 98% center;
        background-size: 17px;
        overflow: hidden;
        background-color: #fff;
      }

      div.float-label-parent select {
        -webkit-appearance: none;
        background: transparent;
        border: 0px;
        width: 100%;
        font-size: 12px;
        padding-top: 8px;
        margin-top: -8px;
        line-height: 14px;
      }

      form .phone-row .phone-row-plus {
        width: 3em;
        height: 20px;
        display: inline-block;
      }
      form .phone-row .float-label-parent input[type="text"],
      form .phone-row .float-label-parent input[type="tel"] {
        width: 14em;
      }
      form .phone-row.fld_wide .float-label-parent input[type="text"],
      form .phone-row.fld_wide .float-label-parent input[type="tel"] {
        width: 32em;
      }
      form .par_one_date,
      form .par_start_date,
      form .par_end_date,
      form #par_box_one_date,
      form #par_box_start_date,
      form #par_box_end_date {
        width: 13em;
        float: left;
        border-right: 0px;
        background: #fff;
      }
      .float-label-select-parent.float-ass-parent.without-unit-icon {
        width: 16em;
      }
      .float-label-select-parent.float-ass-parent.with-unit-icon {
        width: 13em;
        float: left;
        border-right: 0px;
      }
      form .float-number-parent {
        width: 12em;
        float: left;
        border-right: 0px;
      }
      .float-date-icon {
        background: url(https://s3.amazonaws.com/planyo-extras/web/calendar-icon.png)
          no-repeat right white;
        width: 3em;
        height: 30px;
        border: 1px solid #c0c0c0;
        float: left;
        clear: none;
        padding: 2px 0 2px 0;
        border-left: 0px;
      }
      .float-unit-icon {
        background: url(https://s3.amazonaws.com/planyo-extras/web/unit-icon.png)
          no-repeat right white;
        width: 3em;
        height: 30px;
        border: 1px solid #c0c0c0;
        float: left;
        clear: none;
        padding: 2px 0 2px 0;
        border-left: 0px;
      }
      .float-number-minus-icon {
        background: url(https://s3.amazonaws.com/planyo-extras/web/minus-icon.png)
          no-repeat right white;
        width: 2em;
        height: 30px;
        border: 1px solid #c0c0c0;
        float: left;
        clear: none;
        padding: 2px 0 2px 0;
        border-left: 0px;
        border-right: 0px;
      }
      .float-number-plus-icon {
        background: url(https://s3.amazonaws.com/planyo-extras/web/plus-icon.png)
          no-repeat right white;
        width: 2em;
        height: 30px;
        border: 1px solid #c0c0c0;
        float: left;
        clear: none;
        padding: 2px 0 2px 0;
        border-left: 0px;
      }
      .float-unit-icon:hover,
      .float-date-icon:hover,
      .float-number-icon:hover {
        cursor: pointer;
      }
      .phone-row-list {
        border: 1px solid #c0c0c0;
        position: absolute;
        background-color: white;
        z-index: 300;
        overflow-y: auto;
        width: 150px;
        height: 200px;
      }
      .phone-row-list div:hover {
        background-color: #c0c0c0;
      }
      .phone-row-list div {
        padding: 2px;
        width: 100%;
      }
      .planyo ul li.fld_narrow {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin-right: 1em;
      }
      .fld_narrow .planyo_static_help {
        width: 16em;
      }
      .fld_wide .float-label-parent {
        width: 33em;
        padding: 2px 18px 2px 5px;
      }
      #reserve_form li.fld_narrow label.chk_label {
        width: 16em;
        margin-right: 12px;
        height: 30px;
      }

      .float-date-icon,
      .float-label-parent,
      .float-unit-icon {
        box-sizing: initial;
        -webkit-box-sizing: initial;
        -moz-box-sizing: initial;
      }
      /*==============================================*/
      /* 3. TEMPLATES                                      */
      /*==============================================*/

      /*-----------------------------------*/
      /*  Resource List                    */
      /*-----------------------------------*/
      #resources {
        max-width: 750px;
        margin: 0 auto;
      }
      .planyo #resources ul li {
        margin-bottom: 20px;
      }

      /* one list element
===================================*/
      .planyo .resource_info {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        max-width: 750px;
        width: 100%;
        padding: 18px;
        margin: 15px 0px;
        display: inline-block;
        height: 176px;
        background-color: #ffffff;
        border-radius: 5px;
      }

      .planyo .resource_info:hover {
        background-color: #ededed;
        cursor: pointer;
      }
      /* Image on the left
===================================*/

      .planyo .image_square_container {
        width: 21%;
        float: left;
        margin-right: 3%;
        padding: 0px;
      }
      .planyo .image_square {
        width: 100%;
        max-width: 140px;
      }

      /* class resource_main - the textbox next to the image. Contains $(name) and $(descXXX)
/* class resource_main_long - the textbox if no image was uploaded
=============================================*/

      .planyo .resource_main {
        float: left;
        width: 49%;
        height: 142px;
        font-size: 13px;
        overflow: hidden;
        padding-top: 1px;
        padding-right: 3%;
      }
      .planyo .resource_main_long {
        float: left;
        width: 74%;
        font-size: 13px;
        padding-top: 1px;
        height: 142px;
        overflow: hidden;
        padding-top: 1px;
        padding-right: 3%;
      }

      .rental_time_ranges {
        padding-top: 7px;
      }

      .planyo .resource_description {
        line-height: 20px;
        float: left;
        text-align: justify;
        word-wrap: break-word;
      }
      .planyo #search_results .resource_description {
        line-height: 19px;
      }
      .planyo #search_results .result_range {
        line-height: 19px;
        font-size: 13px;
      }
      /* class resource_right_container - contains custom resource properties or price and resrve,detail buttons
/* class prop_name - custom resource property name
/* class prop_value - custom resource property value
====================================================*/
      .planyo .resource_right_container {
        float: right;
        width: 23%;
        font-size: small;
        color: #808080;
        position: relative;
        height: 130px;
        display: inline-block;
      }
      #resources .prop_name {
        float: left;
        clear: left;
      }
      #resources .prop_value {
        float: right;
      }

      .planyo .button_container_reserve {
        position: absolute;
        bottom: 0;
        display: block;
        height: 35px;
      }
      .planyo .button_container_details {
        position: absolute;
        bottom: 40px;
        display: block;
        height: 35px;
      }
      /*-----------------------------------*/
      /*  Resource Details                 */
      /*-----------------------------------*/

      #resource_details {
        text-align: center;
        margin: 0 auto;
      }
      #resource_details .resource_name {
        padding-top: 15px;
      }
      #resource_details .description {
        padding: 25px 0px;
        line-height: 20px;
        text-align: left;
        max-width: 600px;
        margin: 0 auto;
      }
      #resource_details #properties {
        text-align: left;
        line-height: 20px;
        padding-bottom: 20px;
        max-width: 600px;
        margin: 0 auto;
      }
      #resource_details .prop_name {
        float: left;
        min-width: 195px;
      }
      #resource_details .prop_value {
        color: grey;
      }
      #resource_details .button_container {
        margin-top: 25px;
      }
      #resource_details .calendar_prev {
        max-width: 630px;
        margin: 0 auto;
      }
      /*---------------------------------------*/
      /*  Reservation form,Additional products */
      /*---------------------------------------*/
      #reserve_form {
        width: 510px;
      }
      #reserve_form #row_resource_name span {
        font-weight: bold;
      }
      #reservation_header {
        clear: both;
        width: 100%;
        display: inline-block;
      }
      #reservation_code .calendar_prev {
        max-width: 510px;
      }
      #product_form {
        width: 510px;
      }
      #product_form .prod_price {
        color: #3d83a8;
      }
      #planyo_one_time_prod {
        width: 100%;
      }
      #product_form label {
        float: left;
      }
      #product_form .product_desc {
        clear: both;
        color: grey;
      }
      /* Language drop-down 
===================================*/
      .language {
        float: left;
        background: url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png)
          no-repeat 98% center;
        background-size: 17px;
        overflow: hidden;
        border: 1px solid #c0c0c0;
        width: 13em;
        height: 30px;
        padding: 0px 5px 2px 5px;
        margin-left: 180px;
        background-color: #fff;
      }
      #planyolang {
        padding-top: 8px;
        width: 100%;
      }
      /* Reservation steps
===================================*/
      #reservation_header .reservation_steps {
        float: left;
      }
      .reservation_steps {
        margin-bottom: 15px;
      }

      .planyo span.reservation_step,
      .planyo span.reservation_step_current {
        display: inline-block;
        margin-right: 25px;
        max-width: 80px;
        vertical-align: top;
      }

      .reservation_step .reservation_step_img,
      .reservation_step_current .reservation_step_img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        padding-top: 1px;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
      }

      .reservation_step .reservation_step_img {
        background-color: #bbbbbb;
      }

      .reservation_step_current .reservation_step_img {
        background-color: #3d83a8;
      }

      .reservation_step .reservation_step_name,
      .reservation_step_current .reservation_step_name {
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 8px;
      }

      .reservation_step_current .reservation_step_name {
        color: #3d83a8;
      }

      .reservation_step .reservation_step_name {
        color: #bbbbbb;
      }
      .reservation_step_current .reservation_step_img_text,
      .reservation_steps .reservation_step .reservation_step_img_text strong,
      .planyo div.reservation_step_img_text {
        font-family: "Lato", sans-serif;
        padding-top: 13px;
        font-size: 16px;
        color: white;
        text-align: center;
      }

      .reservation_step_current .reservation_step_img_text {
        color: white;
      }
      /* Info box 
===================================*/
      #price_info_div_sticky {
        bottom: 0;
        width: 100%;
        position: fixed;
        left: 0;
        z-index: 400;
        background-color: black;
        opacity: 0.85;
        color: white;
        padding: 10px;
        min-height: 80px;
      }

      #price_info_div_sticky_right {
        right: 0;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 400;
        background-color: black;
        opacity: 0.85;
        color: white;
        padding: 20px;
        width: 270px;
        padding-top: 10%;
        margin-top: 0;
      }

      #price_info_div_floating {
        border-collapse: collapse;
        background-color: white;
        padding: 0.9em;
        width: 18em;
        font-size: 22px;
        line-height: 1;
        margin-top: 40px;
        font-size: small;
      }

      #row_price_info_area {
        width: 17em;
      }
      .wide_form #row_price_info_area {
        width: 97.5%;
      }
      .price_info_div {
        margin-top: 15px;
        font-size: 22px;
        width: 500px;
      }
      .nonfloating_text #breakdown dt,
      .nonfloating_text dt .br_res_name,
      .floating_text dt .br_res_name {
        color: #444;
      }
      .price_info_div .title {
        padding: 20px 10px;
        background-color: #bbb;
        border-bottom: 0px;
        color: white;
        font-size: 22px;
      }
      #price_info_div_sticky.price_info_div .title,
      #price_info_div_sticky_right.price_info_div .title {
        padding: 20px 0 0 0;
        background-color: transparent;
      }

      .planyo #price_info_coupon {
        width: 100%;
      }
      span.rettrip_label {
        display: block;
        clear: both;
      }

      #breakdown,
      #price_info_coupon {
        margin: 10px 0px;
        font-size: medium;
        font-weight: 300;
        line-height: 1.4;
      }
      #nobreakdown,
      .price_info_div .price_info {
        font-size: large;
        padding-top: 20px;
        color: #3d83a8;
        background: rgba(0, 0, 0, 0.1);
        clear: both;
        display: block;
      }
      #price_info_div_sticky #nobreakdown,
      #price_info_div_sticky .price_info_div .price_info,
      #price_info_div_sticky_right #nobreakdown,
      #price_info_div_sticky_right .price_info_div .price_info {
        background: transparent;
      }
      #price_info_div_floating #breakdown {
        font-size: small;
      }
      #price_info_div_sticky #breakdown {
        width: 340px;
        color: white;
      }

      #price_info_div_sticky_right #breakdown dt,
      #price_info_div_sticky #breakdown dt {
        color: white;
        padding-top: 10px;
        background: transparent;
        padding: 5px 0 0 0;
      }
      #price_info_div_sticky_right #breakdown dd,
      #price_info_div_sticky #breakdown dd {
        padding-top: 10px;
        background: transparent;
        padding: 5px 0 0 0;
      }
      #price_info_div_sticky dt .br_res_name,
      #price_info_div_sticky_right dt .br_res_name {
        color: white;
      }

      #price_info_div_sticky_right #breakdown dd {
        float: right;
      }
      #breakdown dt,
      #price_info_coupon {
        float: left;
        overflow: hidden;
        clear: left;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        width: 52%;
        display: inline-block;
      }
      #breakdown dd {
        float: left;
        width: 40%;
        text-align: right;
        padding: 2%;
        color: #3d83a8;
      }

      .br_extra_info {
        width: 100%;
        font-size: small;
        color: grey;
      }
      #price_info_div_sticky_right #breakdown .br_total {
        padding-top: 21px;
      }
      .nonfloating_text #breakdown .br_total,
      .floating_text #breakdown .br_total {
        background-color: #bbb;
        color: white;
        padding: 3% 2%;
      }
      #breakdown .br_total {
        padding-top: 21px;
      }
      #br_collapse,
      #br_expand {
        float: right;
        clear: both;
        margin-top: 10px;
        color: #3d83a8;
        font-size: medium;
        cursor: pointer;
      }
      #price_info_div_sticky #br_collapse,
      #price_info_div_sticky #br_expand {
        float: left;
        clear: both;
        margin-top: 20px;
        color: #3d83a8;
      }
      .your_rate_custom {
        display: inline-block;
        font-size: medium;
        width: 100%;
      }
      /* Button box div#res_form_buttons
===================================*/
      #res_form_buttons {
        text-align: center;
        width: 50%;
        display: inline;
      }
      #res_form_buttons .half_button {
        display: inline;
      }
      .planyo .wide_form #res_form_buttons,
      #product_form #res_form_buttons {
        text-align: center;
        width: 100%;
        display: block;
      }

      #multipage_prev {
        margin-right: 2.5%;
      }
      /*-----------------------------------*/
      /*  Shopping cart                    */
      /*-----------------------------------*/
      .shopping_cart {
        width: 490px;
      }
      .planyo .image_simple {
        float: left;
        margin-right: 3%;
      }

      .shopping_cart .price_quoted {
        float: right;
      }
      .planyo #shoppingcart_code {
        max-width: 750px;
      }

      .planyo .cart_item {
        clear: both;
        padding: 15px 0px;
      }

      .planyo #cart_item_info {
        float: left;
      }
      .shopping_cart .rental_time_qty {
        font-size: small;
        color: #808080;
        padding: 7pt 0pt;
      }

      .shopping_cart a.remove {
        text-decoration: none;
        color: #3d83a8;
        font-weight: bold;
        float: right;
        padding-top: 7pt;
        clear: right;
      }

      .shopping_cart .shopping_total {
        clear: both;
        padding: 14pt 0pt;
        margin: 15px 0px 15px 0px;
        font-weight: bold;
        font-size: 17px;
      }

      .shopping_cart .shopping_total_text {
        float: left;
      }

      .shopping_cart .shopping_total_price {
        float: right;
      }

      .shopping_cart_msg {
        color: #444;
        font-size: 13px;
        line-height: 20px;
      }

      /* quick add to cart*/
      #planyo_cart_buttons .cart_popup_button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        font-size: 14px;
      }
      #planyo_cart_widget {
        padding-top: 15px;
      }
      .cart_count_img {
        position: relative;
        top: -36px;
        left: 19px;
        background-color: #ff0033;
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
      }
      .planyo_cart_widget:hover {
        cursor: pointer;
      }
      .widget_cart_total {
        padding-left: 10px;
        padding-top: 5px;
        font-size: 16px;
        font-family: "Lato", sans-serif;
      }
      .cart_count_text {
        font-family: "Lato", sans-serif;
        padding-top: 4px;
        font-size: 11px;
        color: white;
        text-align: center;
        font-weight: bold;
      }
      #planyo_cart_bg_hider {
        padding: 5px;
        display: none;
        position: fixed;
        background: black;
        filter: alpha(opacity=85);
        -moz-opacity: 0.85;
        opacity: 0.85;
        z-index: 990;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
      }
      #planyo_cart_close {
        float: right;
        padding: 8px;
        padding-right: 20px;
      }
      #planyo_cart_window {
        display: none;
        overflow-y: auto;
        z-index: 999;
        position: fixed;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        background-color: white;
        border: solid 3px black;
        overflow: hidden;
        padding: 10px;
        top: 20%;
        bottom: 20%;
        left: 50%;
        width: 700px;
        margin-left: -350px;
      }
      #planyo_cart_contents {
        width: 370px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
      }
      #planyo_cart_right {
        position: absolute;
        right: 0px;
        width: 300px;
        top: 0px;
        height: 100%;
        padding: 10px;
        background-color: #ececec;
      }
      #planyo_cart_right .title {
        font-size: 20px;
      }
      #planyo_cart_right #price_info {
        font-size: 15px;
      }
      #planyo_cart_buttons {
        position: absolute;
        bottom: 25px;
        text-align: right;
        width: 92%;
      }

      /*-----------------------------------*/
      /*  Search box                       */
      /*-----------------------------------*/
      #box_search_form,
      #search_form,
      #planyo_price_preview_form {
        width: 18em;
      }
      #box_search_form.title_left,
      #search_form.title_left,
      #planyo_price_preview_form.title_left {
        width: 400px;
      }
      #box_search_form.title_above,
      #search_form.title_above,
      #planyo_price_preview_form.title_above {
        width: 245px;
      }
      /* Horizontal search box
===================================*/
      .horizontal-widget #box_search_form,
      .horizontal-widget #search_form {
        width: 100%;
      }
      .horizontal-widget #box_search_form ul li,
      .horizontal-widget #search_form ul li {
        float: left;
        margin-right: 1em;
      }
      .horizontal-widget fieldset {
        float: left;
      }
      #planyo_search_widget.horizontal-widget
        #box_search_form
        #res_form_buttons {
        width: initial;
        margin-top: -3px;
        margin-right: 1em;
      }
      #planyo_search_widget.horizontal-widget
        #box_search_form
        #box_submit_button {
        float: left;
        width: initial;
        padding: 6.5px 45px;
        margin: 0em 1em;
      }
      .horizontal-widget #box_search_form #res_form_buttons {
        float: left;
      }
      .horizontal-widget #res_form_buttons label {
        height: 3px;
      }
      /* geolocation */
      form .gps_coords_map_open,
      form .gps_coords_current_location {
        margin-left: 5px;
        margin-top: 3px;
        display: inline-block;
        float: none;
      }
      .gps_coords_map_icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        background: url(https://www.planyo.com/images/google-map-icon.png);
        vertical-align: middle;
        margin-bottom: 3px;
      }
      .gps_coords_current_location_icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        background: url(https://www.planyo.com/images/google-current-location.png);
        vertical-align: middle;
        margin-bottom: 3px;
      }
      #planyo_gps_coords_bg_hider .close {
        width: 28px;
        height: 28px;
        display: block;
        padding: 0px;
        background: url(https://www.planyo.com/images/btn-close.png);
      }
      #planyo_gps_coords_bg_hider .close:hover {
        background: url(https://www.planyo.com/images/btn-close-hvr.png);
      }
      #planyo_gps_coords_window {
        padding: 10px;
      }
      .gps_coords_popup_button {
        height: 2em;
        padding-left: 6px;
        padding-right: 6px;
      }

      /*---------------------------------------------*/
      /*Search results, No results, Shopping cart results */
      /*---------------------------------------------*/

      #search_results {
        padding-top: 45px;
        max-width: 750px;
        margin: 0 auto;
      }
      .price_quoted {
        text-align: center;
        font-size: x-large;
      }
      #cart_item_price .price_quoted {
        font-size: medium;
      }
      /* Paging
===================================*/
      .planyo #paging_nav {
        text-align: center;
        font-size: medium;
        min-height: 25px;
      }
      .planyo #paging_nav .nav_current_page {
        background-color: #3d83a8;
        padding: 4px 4px 0px 4px;
        color: white;
        border-radius: 3px;
        min-width: 12px;
        display: inline-block;
        height: 20px;
      }
      /*-----------------------------------*/
      /*  Payment form                     */
      .agree{
          background:#6fb900;
          color: white;
          padding:10px;
      }
      
      
      
      
      /*-----------------------------------*/
      /*-----------------------------------*/
      /*  Reservation Completed, Checkout  */
      /*-----------------------------------*/
      #completed_code ul li a {
        color: #3d83a8;
      }
      .planyo .rental_id,
      .planyo .status,
      .reservation_details {
        padding: 15px 0px;
      }
      #completed_code,
      #details_code {
        color: #525252;
      }

      #completed_code .invoice_totals_table {
        margin-top: -15px;
        margin-bottom: 15;
      }

      #completed_code .left {
        clear: both;
      }

      .reservation_details ul li b {
        display: block;
        float: left;
        width: 200px;
      }
      .reservation_details ul li {
        clear: both;
      }
      .reservation_details ul li a {
        color: #3d83a8;
      }
      #details_code .rental_id {
        padding-bottom: 20px;
      }
      #checkout_code td {
        font-size: 13px;
        padding-right: 20px;
      }
      #checkout_code th a {
        float: left;
        padding-right: 20px;
        font-size: 13px;
      }

      #checkout_code .reservation_steps {
        margin-bottom: 15px;
      }

      .planyo .checkout {
        clear: both;
        text-align: center;
        max-width: 680px;
        margin: 15px 0px;
      }
      /*------------------------------------*/
      /*Messages,Error,Help                      */
      /*------------------------------------*/
      #res_error_msg {
        color: #ff0033;
        text-transform: uppercase;
        padding-top: 20px;
        clear: both;
      }

      #res_ok_msg {
        display: none;
      }

      .planyo .error {
        color: #ff0033;
        padding-bottom: 30px;
      }

      .planyo .errorbig {
        color: #ff0033;
      }
      #reqfinfo {
        clear: both;
        padding-top: 10px;
      }

      .color_box {
        width: 7px;
        height: 8px;
        vertical-align: middle;
        border: 1px solid #777777;
      }

      .with_tooltip {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(https://www.planyo.com/images/icon-help.png);
        vertical-align: middle;
      }

      .planyo .planyo_static_help,
      .planyo .planyo_section_static_help {
        color: #a9a9ab;
        font-style: italic;
        padding-top: 2px;
        clear: left;
        font-size: 13px;
      }

      .price_info_div .rate_err,
      .price_info_div #pr_err {
        padding-top: 10px;
        font-size: 13px;
        color: #ff0033;
        float: left;
        clear: both;
      }
      .planyo #cancel_reason {
        width: 100%;
        height: 80px;
      }
      /*------------------------------------*/
      /*Rating,Review                     */
      /*------------------------------------*/
      div#review_event_info {
        margin-bottom: 20px;
      }
      #planyo_review_bg_hider .close {
        width: 28px;
        height: 28px;
        display: block;
        background: url(https://www.planyo.com/images/btn-close.png);
      }
      #planyo_review_bg_hider .close:hover {
        background: url(https://www.planyo.com/images/btn-close-hvr.png);
      }
      #rating_sc {
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
      }
      #rating_sc_rate {
        font-size: 20px;
        color: black;
      }
      #rating_sc_read {
        position: absolute;
        top: 2px;
        left: 60px;
        font-size: 18px;
        color: #3d83a8;
      }
      #rating_sc_read_link {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 250px;
        height: 40px;
      }
      #rating_sc_read_link:hover {
        color: #3d83a8;
      }
      #rating_sc_header {
        background-color: #f0f0f0;
        height: 100px;
      }
      #rating_sc_header .content {
        padding: 10px 20px 10px 20px;
      }
      #rating_sc_header .item_name {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 3px;
      }
      #rating_sc_comments {
      }
      #rating_sc_comment {
        padding: 10px 10% 10px 10%;
        border-bottom: 1px solid #d0d0d0;
        font-size: 14px;
      }
      #rating_sc_comment .comment_date {
        color: gray;
      }
      #rating_sc_comment #rating_sc_rate {
        font-weight: bold;
      }
      #rating_sc_paging {
        padding: 10px 10% 10px 10%;
      }
      #rating_sc_comment .comment_reply {
        margin: 10px 0px 0px 40px;
        padding: 10px;
        border: 2px solid #f0f0f0;
      }

      #webapp_bar {
        background-color: white;
        margin-top: 0px;
        margin-bottom: 20px;
        padding: 7px;
        width: 100%;
        height: 36px;
        border-bottom: 4px solid #187eb7;
      }
      #webapp_menu_button,
      #webapp_menu_button_close {
        display: none;
      }
      #webapp_menu_button_close {
        background-position-y: 0px;
      }
      #webapp_title {
        padding-left: 8px;
        padding-top: 2px;
        font-size: 26px;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        max-width: 650px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
      }
      #webapp_search {
        margin-left: 15px;
        margin-right: 10px;
        padding-top: 10px;
        display: inline-block;
        float: right;
      }
      #webapp_add {
        margin-left: 10px;
        padding-top: 10px;
        display: inline-block;
        float: right;
      }
      #webapp_menubar {
        top: 0px;
        left: 0px;
        width: 180px;
        background-color: #3d83a8;
        overflow-x: hidden;
        float: left;
        clear: left;
        z-index: 10;
        position: relative;
      }
      /*==============================================*/
      /* 4. DROP-DOWN CALENDAR                             */
      /*==============================================*/

      .calpicker .no_start:hover {
        background: #f0f0f0;
        cursor: default;
        color: black;
      }

      .calpicker .arrival_day {
        font-weight: bold;
      }

      .calpicker td.morning_av,
      .calpicker td.morning_av:hover {
        background: url(https://www.planyo.com/images/diagonal2.png);
        background-repeat: no-repeat;
      }

      .calpicker td.morning_av_nox,
      .calpicker td.morning_av_nox:hover {
        background: url(https://www.planyo.com/images/diagonal2nox.png);
        background-repeat: no-repeat;
        background-color: #f0c2c2;
      }

      .calpicker td.morning_occ {
        background: url(https://www.planyo.com/images/diagonal1.png);
        background-repeat: no-repeat;
      }

      .calpicker td.morning_occ_nox {
        background: url(https://www.planyo.com/images/diagonal1nox.png);
        background-repeat: no-repeat;
        background-color: #c2dfd0;
      }

      .calpicker .active_day {
        background: #bbbbbb;
        color: white;
      }

      .calpicker .reserved_nox_u {
        background: #e8e8e8;
      }

      .calpicker .reserved_nox {
        background: #f0c2c2;
      }

      .calpicker .reserved {
        color: red;
        font-weight: bold;
      }

      .calpicker .reserved_u {
        color: red;
        font-weight: bold;
      }

      .calpicker .reserved:hover {
        cursor: auto;
        background: white;
        color: red;
      }

      .calpicker .reserved_u:hover {
        cursor: auto;
        background: white;
      }

      .calpicker .reserved_nox:hover {
        cursor: auto;
        background: #f0c2c2;
      }

      .calpicker .reserved_nox_u:hover {
        cursor: auto;
        background: #e8e8e8;
      }

      .calpicker .cur_month_day_nox {
        background: #c2dfd0;
      }

      .calpicker .active_day_nox {
        text-decoration: underline;
        background: #cfdfd0;
      }

      .calpicker .ext_month_day_nox {
        background: #c2dfd0;
        color: #a0a0a0;
      }

      .calpicker .ext_month_day_nox_u {
        background: #e8e8e8;
        color: #a0a0a0;
      }

      .calpicker .ext_month_day_nox_r {
        background: #f0c2c2;
        color: #a0a0a0;
      }

      .calpicker .cur_month_day {
        background: #f0f0f0;
      }

      .calpicker .ext_month_day {
        background: #ffffff;
        color: #c5c5c5;
      }

      .calpicker .ext_month_day:hover {
        cursor: auto;
        background: #ffffff;
      }

      .calpicker .ext_month_day_nox_r:hover {
        cursor: auto;
        background: #f0c2c2;
      }

      .calpicker .ext_month_day_nox_u:hover {
        cursor: auto;
        background: #e8e8e8;
      }

      .calpicker .ext_month_day_nox:hover {
        cursor: auto;
        background: #c2dfd0;
      }

      .calpicker td:hover {
        background: #3d83a8;
        color: white;
        cursor: pointer;
      }

      .calpicker td {
        border: 1px solid #c0c0c0;
        vertical-align: top;
        font-size: 12px;
        min-width: 10px;
        text-align: center;
        padding: 2px 3px 2px 3px;
        line-height: 1.5;
      }

      .float-calpicker,
      .calpicker {
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        border-collapse: collapse;
        background-color: white;
        font-family: "Open Sans", sans-serif;
        border-top: 0px;
        margin-left: 1px;
        color: #444;
      }
      .calpicker.float-calpicker {
        width: 236px;
      }
      .calpicker {
        width: 200px;
      }
      .float-calpicker caption,
      .calpicker caption {
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        font-size: 14px;
        padding: 2px;
        background-color: white;
        text-align: center;
      }

      .float-calpicker th,
      .calpicker th {
        text-align: center;
        border: 0;
        font-size: 12px;
        font-weight: 100;
        padding: 4px;
        background-color: white;
      }

      .float-calpicker .cur_month_day:hover,
      .calpicker .active_day:hover {
        background: #3d83a8;
      }

      caption .navleft {
        float: left;
        margin: 0;
      }
      caption .navright {
        float: right;
        margin: 0;
      }

      .float-calpicker .active_day {
        color: #3d83a8;
        border-bottom: 2pt solid #3d83a8 !important;
        background-color: #f0f0f0;
      }
      /*==============================================*/
      /* 5. IMAGE VIEWER                                   */
      /*==============================================*/

      /* hover text $(image_viewer:XXXXX)
===================================*/
      #img_text {
        display: block;
        float: left;
      }

      span.lbimginfo {
        bottom: 0px;
        left: 0px;
        display: inline-block;
        font-size: large;
        padding-top: 12px;
        height: 30px;
        position: absolute;
        width: 100%;
        text-align: center;
        visibility: hidden;
        background: black;
        opacity: 0.5;
        color: white;
      }

      #bg_hider .buttons {
        padding: 8px;
      }

      #bg_hider .buttons .leftbtn {
        float: left;
      }

      #bg_hider .buttons .rightbtn {
        float: right;
        margin-right: 25px;
      }

      #full_img_div #img_info .close {
        float: right;
      }

      #bg_hider .buttons .prev,
      #bg_hider .buttons .next,
      #bg_hider .buttons .play,
      #bg_hider .buttons .pause,
      #bg_hider .buttons .close,
      #full_img_div #img_info .close,
      .planyo_lightbox_info .close {
        display: block;
        width: 28px;
        height: 28px;
        opacity: 1;
      }

      #full_img_div #on_img_prev,
      #full_img_div #on_img_next {
        display: block;
        width: 30px;
        height: 60px;
      }

      #bg_hider .buttons .prev {
        background: url(https://www.planyo.com/slideshow/btn-prev.png);
      }
      #bg_hider .buttons .prev:hover {
        background: url(https://www.planyo.com/slideshow/btn-prev-hvr.png);
      }
      #bg_hider .buttons .next {
        background: url(https://www.planyo.com/slideshow/btn-next.png);
      }
      #bg_hider .buttons .next:hover {
        background: url(https://www.planyo.com/slideshow/btn-next-hvr.png);
      }
      #bg_hider .buttons .play {
        margin-left: 4px;
        background: url(https://www.planyo.com/slideshow/btn-play.png);
      }
      #bg_hider .buttons .play:hover {
        background: url(https://www.planyo.com/slideshow/btn-play-hvr.png);
      }
      #bg_hider .buttons .pause {
        margin-left: 4px;
        background: url(https://www.planyo.com/slideshow/btn-pause.png);
      }
      #bg_hider .buttons .pause:hover {
        background: url(https://www.planyo.com/slideshow/btn-pause-hvr.png);
      }
      #bg_hider .buttons .close {
        background: url(https://www.planyo.com/slideshow/btn-close.png);
      }
      #bg_hider .buttons .close:hover {
        background: url(https://www.planyo.com/slideshow/btn-close-hvr.png);
      }
      #full_img_div #img_info .close,
      .planyo_lightbox_info .close {
        background: url(https://www.planyo.com/slideshow/btn-on-close.png);
      }
      #full_img_div #img_info .close:hover,
      .planyo_lightbox_info .close:hover {
        background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png);
      }
      #full_img_div #on_img_prev {
        background: url(https://www.planyo.com/slideshow/btn-on-img-prev.png);
      }
      #full_img_div #on_img_prev:hover {
        background: url(https://www.planyo.com/slideshow/btn-on-img-prev-hvr.png);
      }
      #full_img_div #on_img_next {
        background: url(https://www.planyo.com/slideshow/btn-on-img-next.png);
      }
      #full_img_div #on_img_next:hover {
        background: url(https://www.planyo.com/slideshow/btn-on-img-next-hvr.png);
      }

      /* small image thumbnails
===================================*/
      .images {
        clear: both;
        position: relative;
        left: 0px;
        margin-top: 5px;
        margin-bottom: 12px;
        margin-right: 0px;
        margin-left: -32px;
        padding: 4px;
        padding-left: 32px;
        overflow: hidden;
        background: transparent;
        width: 100%;
      }
      .img_thumb {
        float: left;
        width: 90px;
      }
      .images img {
        float: left;
        width: 80px;
        height: 80px;
        margin: 4px;
      }
      /*==============================================*/
      /* 6. UNIT LAYOUT                                  */
      /*==============================================*/
      .unit_layout_div {
        overflow: auto;
        height: 500px;
        background-color: white;
      }
      .unit_layout_table td {
        padding: 10px;
      }
      .lt_unit_cell {
        border: 2px solid black;
        border-radius: 8px;
        width: 50px;
      }
      .lt_unit_cell:hover {
        background-color: #f2e3ae;
        cursor: pointer;
      }
      .lt_empty_cell {
        width: 10px;
      }
      .lt_free {
        background-color: #c2dfd0;
      }
      .lt_reserved {
        background-color: #f0c2c2;
      }
      .lt_reserved:hover {
        background-color: #f0c2c2;
        cursor: default;
      }
      #full_unit_layout_map_div {
        max-width: 100%;
        overflow: auto;
      }

      /* other lightboxes */
      .planyo_lb_bg_hider {
        padding: 5px;
        display: none;
        position: fixed;
        background: black;
        filter: alpha(opacity=85);
        -moz-opacity: 0.85;
        opacity: 0.85;
        z-index: 990;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
      }
      .planyo_lb_window {
        display: none;
        z-index: 999;
        position: fixed;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        background-color: white;
        border: solid 3px black;
        overflow: hidden;
        padding: 10px;
        top: 10%;
        bottom: 10%;
        left: 10%;
        right: 10%;
      }
      .planyo_lb_contents {
        width: 100%;
        height: 100%;
      }
      .planyo_lb_close .close {
        display: block;
        width: 28px;
        height: 28px;
        background: url(https://www.planyo.com/slideshow/btn-on-close.png);
        color: white;
        opacity: 1;
      }
      .planyo_lb_close .close:hover {
        background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png);
        color: white;
      }
      .planyo_lb_close {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 1000;
        opacity: 1;
      }


      @media (max-width: 767px) {
        .planyo_lb_window {
          top: 2%;
          bottom: 2%;
          left: 2%;
          right: 2%;
          width: initial;
          margin-left: 0px;
        }
      }
   h1 {
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  color: #06D85F;
  margin: 80px 0;
}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.planyo .poweredby,.poweredby {display:none;}