/*
Theme Name: Mooncottage
Theme URI:
Description: Mooncottage Wordpress theme.
Author: Torch Code Lab
Author URI: http://www.torchcodelab.com
Version: 1.0
Tags: yellow, dark, blue, brown, purple, one-column, three-columns, flexible-width,

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import "assets/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css";
@import "assets/my-main.css";
@import "styles/booking.css";

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    background: rgba(0, 0, 0, 0) url("images/cal_arrow.png") no-repeat scroll 0 -20px;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 20px;
}

.parallax-section {
    background:#20126a url("/wp-content/uploads/2016/01/Explore-Villas-Parallax-3.jpg") no-repeat fixed 50% -20% / cover !important;
    background-position: 50% -20%;
    background-size: cover;
    background-attachment: fixed;
    margin-bottom: 3.2rem;
    position: relative;
    height: 20rem;
}

#payment-form.form-horizontal .control-label {
    text-align:left !important;
}
#payment-form input[type="text"], #payment-form input[type="password"] {
    padding: 7px 8px !important;
}

@media (max-width:500px){
    #payment-form.form-horizontal{
        float:none !important;
    }
    #payment-form.form-horizontal .controls{
    // margin-left:0px !important;
    }
}

html.wp-toolbar body.wp-admin.wp-core-ui.js.toplevel_page_dopbsp.auto-fold.admin-bar.branch-4-3.version-4-3-1.admin-color-midnight.locale-en-us.customize-support.svg.modal-open div#wpwrap div#wpcontent div#wpbody div#wpbody-content div#DOPBSP-admin-reservations.wrap.DOPBSP-admin div.main div.reservations-content ul.reservations-list li#DOPBSP_Reservation_ID271451 div.reservation-container div.reservation-header div.buttons-container div#myModal.modal.fade.in div.modal-dialog div.modal-content div.modal-body div.add-reservation-fields
{
    padding-bottom:20px !important;
}

.DOPBSP-reservations-deletes-button
{
    margin-left:0 !important;
    margin-top:10px !important;
}
a.single-pay{
    color:black !important;
}
.secondary-page.thank-you div.content.column h1.title--secondary
{
    display: none !important;
}

.ach-controls
{
    display:inline-block;
}

.ach-label
{
    padding-right: 16px;
    display:inline-block;
    width:205px;
}

.top-pay-img
{
    background: rgba(0, 0, 0, 0) url("images/btn-pay.png") no-repeat scroll 0 0 / 100% auto;
    height: 80px;
    margin: auto auto auto 10px;
    width: 100%;
    margin-left:0;
    margin-top:-2px;
}

.request_one{
    border-top:1px solid #84681f;
    border-bottom:1px solid #84681f;
    width:100%;
    font-size: 16px;
    color: #84681f;
    font-family: Georgia;
    padding-top:5px;
    padding-bottom:3px;
    margin-top:10px;
}
.request_one span{
    font-size: 14px;
    color: #d85919 !important;
    font-style: italic;

}

.details-pay-one
{
    background: rgba(0, 0, 0, 0) url("images/shadow-png.png") repeat-x;
    display: block;
    height: auto;
    margin-top: 0px;
    padding-bottom: 30px;
    width:100%;
}
.ach-label
{
    color:#84681f !important;
    padding-left:15px;
}
.ach-controls
{
    font-size: 16px;
    color: #84681f;
    font-family: Arial;

}

.ach-label.total
{
    font-size: 16px;
    color: #84681f;
    font-family: Georgia;
    font-weight:800;
}

.ach-controls.total
{
    font-size: 22px;
    color: #84681f;
    font-family: Arial;
    font-weight:800;
    background-color: #e5deb4;
    border-radius: 9px;
    padding: 8px;
    padding-right:20px;
    padding-left:20px;
    margin-left:-12px;
}

.ach-controls.total span
{
    font-size: 13px !important;
    color: #d85919 !important;
    font-family: Georgia;
    font-weight:800;
    text-decoration: underline;
    padding-left:10px;
}

.ach-controls.total-final
{
    font-size: 22px;
    color: #84681f;
    font-family: Arial;
    font-weight:800;
}
.ach-label.total-final, .ach-controls.total-final
{
    font-size: 16px;
    color: #84681f;
    font-family: Georgia;
    font-weight:800;
}
#linkButton{
    border-radius: 6px;
    padding-top:13px;
    padding-bottom:12px;
    padding-left:20px;
    padding-right:20px;
    font-family: Georgia;
    font-size: 13px;
    border:none;

}

.details-pay-two
{
    background: rgba(0, 0, 0, 0) url("images/shadow-png.png") repeat-x;
    display: block;
    height: auto;
    margin-top: 0px;
    padding-bottom: 0px;
    width:100%;
}

.security-img{
    padding-top:30px;
}

.ach-controls.card-field
{
    width:51%;
}

.ach-controls.card-expiry
{
    width:51%;
}

.exp-one, .exp-two, .cvc-card
{
// width:114px !important;
}

.btn-payments
{
    width:100%;
}
.payment-errors
{
    width:100%;
    float:left;
}
.btn-payments button
{
    border-radius: 6px;
    padding-top:9px;
    padding-bottom:8px;
    padding-left:20px;
    padding-right:20px;
    font-family: Georgia;
    font-size: 13px;
    border:none;
    margin-left:213px;
    width:200px;
}
@media (max-width:1050px)
{
    .details-pay-two, .details-pay-one, .request_one
    {
        width:100% !important;
    }
    .payment-errors
    {
        width:100% !important;
    }
}
/*
@media (max-width:479px)
{
.ach-controls.total, .ach-controls.total-final
{
margin-left:15px !important;
}
.top-pay-img
{
background-size: 100% !important;
}
.ach-label.total{
margin-top:10px;
}
}*/
/*

@media (min-width:479px) and (max-width:767px)
{

.top-pay-img
{
background-size: 400px !important;
}
}

@media (min-width:957px) and (max-width:1245px)
{
.card-field
{
width:330px !important;
}
.exp-one, .exp-two, .cvc-card
{
width:100px !important;
}

}
*/

/*@media (max-width:950px)
{
.card-field
{
width:100%;
}
.exp-one, .exp-two, .cvc-card
{
width:100px !important;
}
.payment-errors
{
width:100%;
}
}*/

@media (max-width:468px)
{
    .ach-controls.card-expiry, .ach-controls.card-field
    {
        width:100%;
    }
    .card-field
    {
        width:100%;
    }
    .exp-one, .exp-two
    {
        width:45% !important;
    }

    .btn-payments button
    {
        margin-left:0px !important;
        margin-top:20px;
    }
}

#legend{
    margin-top:-34px !important;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.alert-success h4 {
    color: #468847;
}
.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

form#payment-form.form-horizontal
{
    width:65%;
    float:left;
}
#wrapper-ach-pay
{
    width:65%;
}

form#payment-form.form-horizontal fieldset div.request_one
{
    width:100%;
}

div.controls.ach-controls.card-field input.input-xlarge.fullstripe-form-input
{
    max-width:100% !important;
}

div.controls.ach-controls.card-field
{
    width:56%;
    float:right;
}
div.controls.ach-controls.card-expiry
{
    width:56%;
    float:right;
}

input.fullstripe-form-input.exp-one
{
    width: 45% !important;
}
input.fullstripe-form-input.exp-two
{
    width: 48% !important;
    float:right;
}
.control-group{
    margin-bottom:5px !important;
}
section.body-content.section div.main div.block__innercontent.secondary-page.payments div.content.column form#payment-form.form-horizontal fieldset div.control-group div.controls.ach-controls.card-expiry input.fullstripe-form-input.exp-two
{
    width:47% !important;
    float:right;
    margin-right:0px;
}

.ach-controls .card-field
{
    padding-bottom:10px !important;
    margin-bottom:10px !important;
}

.card-label-field{
    display: inline-block; !important;
    padding-top:10px !important;
}
section.body-content.section div.main div.block__innercontent.secondary-page.payments div.content.column form#payment-form.form-horizontal fieldset div.control-group div.controls.ach-controls.card-field input.input-mini.fullstripe-form-input.cvc-card{
    max-width:100% !important;
}

.card-input{
    width:56% !important;
}

.card-input
{
    float:right; !important;
    width:100%;
}

.card-label-field{
    width:43% !important;
}

.card-input
{margin-left: 4px;
    padding-left: 3px;
}

@media (max-width:500px)
{
    form#payment-form.form-horizontal
    {
        width:100% !important;
    }
    #wrapper-ach-pay
    {
        width:100% !important;
    }
    #wrapper-ach-pay
    {
        width:100% !important;
    }

    .card-input
    {
        float:left !important;
        width: 100% !important;
        margin-left:0px !important;
        padding-left:0px !important;

    }
    .card-label-field
    {
        width:100% !important;
        margin-left:0px !important;
        padding-left:0px !important;

    }
    .cvv
    {
        width:100% !important;
        max-width: 100% !important;

    }

}

.cvv
{
    width:72%;
    max-width: 72%;
}

@media (min-width: 50em)
{
    body > section.hero--primary > div > div.title
    {
        padding: 3rem 3.5rem !important;
    //padding-bottom: 11em !important;
        padding-top:6rem !important;
    }
}

@media (min-width: 89em)
{
    .subtitle_header
    {
        color: white;
        font-size:4rem !important;
    }
}
.subtitle_header
{
    color: white;
    font-size:16pt !important;

    display: block;
    float: left;
    padding-bottom: 8rem;
    padding-left: 3.5rem;
    text-shadow: 1px 1px 10px black !important;

}

@media (max-width: 799px)
{
    .subtitle_header
    {
        padding-left:0 !important;
        font-size: 2.5rem !important;

    }
}
@media (max-width: 640px)
{
    .subtitle_header
    {
        padding-left:0 !important;
        font-size: 17px !important;

    }
}
.icon-google
{
    margin: 0.5em 0 0 0.5em !important;
    background-color: #fff !important;
    color: #20126A !important;
    font-size: 1.7rem !important;
    margin-top:9px !important;
}

.icon-google i
{
    font-size: 1.7rem !important;
    padding-top:8px;
    width: 28px !important;
    height: 28px !important;
}

.icon-pint
{
    margin: 0.5em 0 0 0.5em !important;
    background-color: #fff !important;
    color: #20126A !important;
    font-size: 1.7rem !important;
    margin-top: 12px !important;
}

.icon-pint i
{
    font-size: 1.7rem !important;
    padding-top:6px;
    width: 28px !important;
    height: 28px !important;
}


.icon-instagram, .icon-linkedin, .icon-youtube-play, .icon-facebook-2, .icon-twitter-2
{
    margin: 0.5em 0 0 0.5em !important;
    background-color: #fff;
    color: #20126A;
    font-size: 1.7rem !important;
    margin-top: 12px !important;
}
.icon-instagram:hover, .icon-linkedin:hover, .icon-youtube-play:hover, icon-facebook-2:hover, .icon-twitter-2:hover {
    background-color: #C1C5F3;
}
.icon-instagram i, .icon-linkedin i, .icon-youtube-play i, .icon-facebook-2 i, .icon-twitter-2 i
{
    font-size: 1.7rem !important;
    padding-top:6px;
    width: 28px !important;
    height: 28px !important;
}

#booking .top-text-form
{
    /*font-size:32px !important;*/
    font-size:24px !important;
    color:#0692a3 !important;
}
#booking .top-text-form span
{
    font-size: 32px !important;
}
.select-orange.dark
{
    background-color:#0692a3 !important;
    border:1px solid #0692a3  !important;
    font-size:18px !important;
    font-weight: 500 !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
   // text-align: center !important;
    //padding-left:40px !important;
}

#DOPBookingSystemPRO_Form0 > div.form_row.clearfix.form_box__dates > label
{
    color:#0692a3 !important;
    padding-left:40px !important;
    padding-top:0px !important;
    font-size:1.9rem !important;
}


.icon-facebook, .icon-twitter, .icon-google, icon-pinterests, icon-instagram
{
    margin-top:12px !important;
}

@media (max-width:690px)
{
    #DOPBookingSystemPRO_Form0 > div.form_row.clearfix.form_box__dates > label
    {
        padding-left: 10px !important;
    }
    .select-orange.dark
    {

        padding-left:30% !important;
    }
}

#set_room_house{
    //text-align: center;
   // text-align-last: center;
   // padding-left:0px !important;
    padding-left:30%;
}

@media (max-width:340px){
    #set_room_house{
        //text-align: center;

        //padding-left:27% !important;
    }
}
@media (max-width:400px){
    #DOPBookingSystemPRO_Form0 > div.form_row.clearfix.form_box__dates > label{
        padding-left:0px !important;

    }
}

#DOPBookingSystemPRO_Form0 > div.form_row.clearfix.form_box__dates > label{
    color:#0692a3 !important;
    padding-left:40px;
    padding-top:0px !important;
    font-size:1.9rem !important;
}
.description_discount{
    font-size: 10px;
    display: inline-block;
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
}
.description_deposit{
    font-size: 9px;
    display: inline-block;
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    font-weight:300 !important;
}

.description_discount_total{
    font-size: 9px;
    display: inline-block;
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    font-weight:300 !important;
}
.section-item.price_xxx .value
{
    line-height: 20px !important;
}

.subtitle_header
{
    font-family: Georgia !important;
}
@media (max-width:640px){
    body > section.hero--primary > div > div.title{
        padding-bottom:10px !important;
    }
    .subtitle_header
    {
        padding-bottom:110px !important;
    }
}


.calendar-big-shortcode > select:nth-child(1){
    text-align-last: center;
    padding-left:0 !important;
}

/* Safari only override */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .calendar-big-shortcode > select:nth-child(1){
        padding-left:15px !important;

    }
}

@media (max-width: 340px){
    .calendar-big-shortcode > select:nth-child(1){
        text-align-last: center;
        padding-left:0 !important;
    }
}

a[href^=tel] { color: white !important; text-decoration: none; }
body > section.hero--primary > div > h2 {
    color: white !important;
}

.calendar-big-shortcode > select:nth-child(1){
    text-align-last: center;
    padding-left:0 !important;
}

/* Safari only override */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .calendar-big-shortcode > select:nth-child(1){
        padding-left:15px !important;

    }
}

@media (max-width: 340px){
    .calendar-big-shortcode > select:nth-child(1){
        text-align-last: center;
        padding-left:0 !important;
    }

}


/********NEW*****/

@media (max-width: 1170px)
{
    #DOPBookingSystemPRO_CheckInView1, #DOPBookingSystemPRO_CheckOutView1,
    #DOPBookingSystemPRO_CheckInView2, #DOPBookingSystemPRO_CheckOutView2,
    #DOPBookingSystemPRO_CheckInView3, #DOPBookingSystemPRO_CheckOutView3,
    #DOPBookingSystemPRO_CheckInView4, #DOPBookingSystemPRO_CheckOutView4,
    #DOPBookingSystemPRO_CheckInView5, #DOPBookingSystemPRO_CheckOutView5,
    #DOPBookingSystemPRO_CheckInView6, #DOPBookingSystemPRO_CheckOutView6,
    #DOPBookingSystemPRO_CheckInView7, #DOPBookingSystemPRO_CheckOutView7,
    #DOPBookingSystemPRO_CheckInView8, #DOPBookingSystemPRO_CheckOutView8
    {
        font-size:12px !important;
    }
    .input-group-addon{
        top:5px !important;
    }
}

#datepicker_big_1 > div > table > tbody > tr:nth-child(4) > td.td-day.ui-datepicker-days-cell-over.ui-datepicker-unselectable.ui-state-disabled.selected-all.ui-datepicker-current-day.ui-datepicker-today > div > span.day-am{
    border-right:0px !important;

}
#datepicker_big_1 > div > table > tbody > tr:nth-child(4) > td.td-day.ui-datepicker-days-cell-over.ui-datepicker-unselectable.ui-state-disabled.selected-all.ui-datepicker-current-day.ui-datepicker-today > div > span.day-pm{
    border-left:0px !important;

}

select::-ms-expand {
    display: none;
}
.slider-top{
    position: absolute;
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}

body .slider-top .metaslider .flexslider .slides img{
    margin-top: 0;
    height: auto;
    width: 100%;
    position: relative;

}
.guestbook div.wpcf7-mail-sent-ok,
.contact div.wpcf7-mail-sent-ok,
.guestbook div.wpcf7-mail-sent-ng,
.contact div.wpcf7-mail-sent-ng,
.guestbook div.wpcf7-aborted,
.contact div.wpcf7-aborted{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 10px 0px 0px 0px;
}

.phone-number-callout .phone-callout-text {
    display: inline-block!important;
    width: auto!important;
    float: right;
    text-align: center!important;
}

.dr-villas-text {
    color:#ffc600;
    display: inline-block;
    width: auto;
}
.dr-villas-text a,
.dr-villas-text a:hover{
    color: #000;
    background-color: #ffc600;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 20px;
    margin: 15px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width:1367px)
{
    .slider-top{
        max-height: 310px;
    }
}

@media (max-width:1170px)
{
    #DOPBookingSystemPRO_Form0 > div.form_row.clearfix.form_box__dates > div:nth-child(3) > div:nth-child(1) > span,
    #DOPBookingSystemPRO_Form0 > div.form_row.clearfix.form_box__dates > div:nth-child(3) > div:nth-child(2) > span
    {
        top:10px !important
    }
    body .slider-top .metaslider .flexslider .slides img{
        margin-top: 0;
    }
}

@media (max-width:1025px)
{
    .slider-top{
        max-height: 340px;
    }
}

@media (max-width:820px) {
    .slider-top {
        max-height: 350px;
    }
    body .slider-top .metaslider .flexslider .slides img{
        height: 100%;
        width: auto;
        position: relative;
        margin-top: 0;
    }


}

@media (max-width:780px)
{
    .dr-villas-text a,
    .dr-villas-text a:hover{
        font-size: 10px;
        margin: 5px;
    }
    .slider-top{
        max-height: 380px;
    }
    body .slider-top .metaslider .flexslider .slides img{
        height: 380px;
        width: auto;
        position: relative;
        margin-top: 0;
    }
    .header {
        margin-top: 60px!important;
    }
    .phone-number-callout {
        height: 60px!important;
    }
    .phone-number-callout .phone-callout-text {
        float: none;
        text-align: center;
        display: block!important;
        margin-top: 8px;
    }
    .dr-villas-text {
        text-align: center;
        display: block;
    }

}

@media (max-width:670px)
{
    .slider-top{
        max-height: 400px;
    }

    body .slider-top .metaslider .flexslider .slides img{
        height: 400px;
        width: auto;
        position: relative;
        margin-top: 0;
    }
}

@media (max-width:641px)
{
    .slider-top{
        max-height: 320px;
    }

    body .slider-top .metaslider .flexslider .slides img{
        height: 320px;
        width: auto;
        position: relative;
        margin-top: 0;
    }
}

@media (max-width:620px)
{
    #booking{
        width:100% !important;
    }
}


@media (min-width:800px) and (max-width:1300px){
    .polaroids.column{
        width: 24% !important;
    }
    body > section.body-content.section > div > div > div > div.form{
        width:50% !important;
    }
}


@media (min-width: 50em)
{
    .booking-form-stamp, .blog-title-stamp
    {
        max-width: 20rem !important;

    }
}
.blog-stamp{
    bottom: -1rem !important;
}

.reservation-link {
    bottom: 1rem !important;
    right: 15px!important;
}

@media(max-width:540px)
{
    .subtitle_header{
        width:50% !important;
    }
    .slider-top{
        position: absolute;
        width: 100%;
        max-height: 320px;
        overflow: hidden;
    }
}

@media(max-width:460px) and (orientation: portrait){

    .parallax-section .slideshow-callout{
        padding: 10% 10%;
    }

    .slideshow-callout .explore-villa-button{
        margin: -1em auto;
    }
}


@media(max-width:380px)
{
    .slider-top{
        max-height: 340px;
    }
    body .slider-top .metaslider .flexslider .slides img{
        height: 340px;
        width: auto;
        position: relative;
        margin-top: 0;
    }
}

@media(max-width:340px)
{
    .dr-villas-text a {
        font-size: 9px;
    }

    .slider-top{
        max-height: 410px;
    }

    body .slider-top .metaslider .flexslider .slides img{
        height: 410px;
        margin-top: 0;
    }
}

.wrapper.header__wrapper-desktop {
    overflow: visible;
    display: none;
}
.wrapper.header__wrapper-mobile {
    overflow: visible;
    display: block;
}

@media (min-width:800px){
    .wrapper.header__wrapper-desktop {
        overflow: visible;
        display: block;
    }
    .wrapper.header__wrapper-mobile {
        overflow: visible;
        display: none;
    }
}
.hide_on_mc {
    display: none;
}

div.section-item label.checkbox a span.hide_on_dr {
    color:#5c4712 !important;
    text-decoration: none;
    font-weight: normal;
}

article h2, article h3 {
    margin-top: 20px;
}

@-webkit-keyframes pulsate {
    50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
    50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}

.pulse-text {
    color: rgb(255,198,0);
    text-shadow: 0 -1px rgba(0,0,0,.1);
    -webkit-animation: pulsate 2s linear infinite;
    animation: pulsate 2s linear infinite;
}

.blog .content .pretty-content:not(:last-child) {
    margin-bottom: 50px;
}

.blog .content .wp-post-image,
.blog .content img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog .content .wp-video {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog .content ul {
    list-style-type: disc;
    margin: 15px 0 15px 15px;
}

.blog .content ul li {
    margin: 0 0 0 20px;
}

.blog .content iframe {
    width: 100%;
}

.blog .content.column h3 {
    margin: 0.5em auto;
}

.blog h2 {
    font-size: 2rem;
}

.blog .title--secondary {
    font-size: 2.5rem;
}

.blog ul.ssb_list_wrapper li {
    margin: 0;
}

@media (min-width: 39em) {
    .blog .title--secondary {
        font-size: 3rem;
    }
}

.title--secondary.reviews {
    display: flex;
    align-items: center;
}

.title--secondary.reviews .air-bnb-reviews {
    width: 130px;
    margin-right: 20px;
}

.testimonial.reviews {
    width: 100%;
}

.reservation-link  {
    right: 15px;
}

.animate-stamp {
    animation: pulse 5s infinite;
    margin: 0 auto;
    display: table;
    animation-direction: alternate;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}