.container { margin:0px; padding:0px; }

.ac-container label{
            font-family: 'Open sans', Arial, sans-serif;
            padding: 5px 20px;
            z-index: 20;
            margin:3px 0;
            display: block;
            height: 45px;
            cursor: pointer;
            color: #333;
            line-height: 33px;
            font-size: 13px;
            background: #ffffff;
            box-shadow: none!important;
        text-transform: uppercase;
        margin-bottom:10px!important;


                 border: 1px #cccccc solid!important;  /*Removes border*/
                 background-image: url('/assets/global/img/gsbreaks-select.png')!important;  /*Adds background-image*/
                 background-repeat: no-repeat!important;  /*Position of the background-image*/
                 background-position: 222px -1px!important;  /*Position of the background-image*/
}

            #headerTop{
                margin-bottom:80px;
                padding:10px;
            }


            select#room_qty, select#counties  {
                 border: 1px #cccccc solid!important;  /*Removes border*/
                -webkit-appearance: none;  /*Removes default chrome and safari style*/
                -moz-appearance: none;  /*Removes default style Firefox*/
                color:#555555;
                 background-image: url('/assets/global/img/gsbreaks-select.png');  /*Adds background-image*/
                 background-repeat: no-repeat;  /*Position of the background-image*/
                 background-position: 86px 0px;  /*Position of the background-image*/
                 width: 100px; /*Width of select dropdown to give space for arrow image*/
                 text-indent: 0.01px; /* Removes default arrow from firefox*/
                 text-overflow: "";  /*Removes default arrow from firefox*/
            }


            select.bookingdropdown  {

                 border: 1px #cccccc solid!important;  /*Removes border*/
                -webkit-appearance: none;  /*Removes default chrome and safari style*/
                -moz-appearance: none;  /*Removes default style Firefox*/
                color:#555555;
                 background-image: url('/assets/global/img/gsbreaks-select.png');  /*Adds background-image*/
                 background-repeat: no-repeat;  /*Position of the background-image*/
                 background-position: 36px -7px;  /*Position of the background-image*/
                 width: 80px!important; /*Width of select dropdown to give space for arrow image*/
                 text-indent: 0.01px; /* Removes default arrow from firefox*/
                 text-overflow: "";  /*Removes default arrow from firefox*/
                 height:35px!important;
            }

        .title-about { padding-left:20px!important;  color:black!important;  font-weight:bold!important; font-size:18px!important;}


        .lv-review {

            font-family: 'Open Sans', sans-serif!important;
            font-weight: 400!important;
            color:#333333!important;
            font-size:13px!important;
        }


@media screen
 and (max-device-width: 320px)
 and (min-device-width: 300px)
{

            select#room_qty, select#counties  {
                 background-position: 206px 0px;  /*Position of the background-image*/
            }


}


@media screen
 and (max-device-width: 370px)
 and (min-device-width: 321px)
{

            select#room_qty, select#counties  {
                 background-position: 246px 0px;  /*Position of the background-image*/
            }
}


@media screen
 and (max-device-width: 380px)
 and (min-device-width: 371px)
{

            select#room_qty, select#counties  {
                 background-position: 266px 0px;  /*Position of the background-image*/
            }
}

@media screen
 and (max-device-width: 400px)
 and (min-device-width: 381px)
{

            select#room_qty, select#counties  {
                 background-position: 296px 0px;  /*Position of the background-image*/
            }
}

@media screen
 and (max-device-width: 419px)
 and (min-device-width: 401px)
{

            select#room_qty, select#counties  {
                 background-position: 306px 0px;  /*Position of the background-image*/
            }
}

@media screen
 and (max-device-width: 479px)
 and (min-device-width: 420px)
{

}



@media screen
 and (max-device-width: 693px)
 and (min-device-width: 480px)
{


}


@media screen
 and (max-device-width: 760px)
 and (min-device-width: 694px)
{

}




@media only screen and (min-width: 680px) {
            select#room_qty, select#counties  {
                 background-position: 46px 0px;  /*Position of the background-image*/
            }
}

@media only screen and (min-width: 720px) {
            select#room_qty, select#counties  {
                 background-position: 56px 0px;  /*Position of the background-image*/
            }
}

@media only screen and (max-width: 770px) {
        .top-content { display: none!important;}
        .desktop-logo { width: 250px!important;}
        .logo img { width: 200px!important;}
        #footer {display:none;}
        #top-offerts {margin-top:5px!important;}

        .title-about { padding-left:2px!important;  color:black!important;  font-weight:bold!important; font-size:13px!important;}
        .breadcrumbs { padding-right:20px!important;  font-size:11px!important;}

        #reservation-form {margin-top:-50px!important;}

            #headerTop{
                margin-bottom:10px;
                padding:10px;
            }



     /*   .footerlinks{
            height:55px;
            padding:1px 8px 1px 8px!important;
            font-size:11px!important;
            border-right:1px #E1E1E1 solid;
        }
      */


}

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

            select#room_qty, select#counties  {
                 background-position: 62px 0px;  /*Position of the background-image*/
            }
                .ac-container label{
                 background-position: 152px 0px!important;  /*Position of the background-image*/

                }
}


@media only screen and (min-width: 870px) {
            select#room_qty, select#counties  {
                 background-position: 76px 0px;  /*Position of the background-image*/
            }
                .ac-container label{
                 background-position: 166px 0px!important;  /*Position of the background-image*/

                }
}

@media only screen and (min-width: 970px) {
            select#room_qty, select#counties  {
                 background-position: 96px 0px;  /*Position of the background-image*/
            }
                .ac-container label{
                 background-position: 176px 0px!important;  /*Position of the background-image*/

                }
}

@media only screen and (min-width: 1070px) {
            select#room_qty, select#counties  {
                 background-position: 106px 0px;  /*Position of the background-image*/
            }
                .ac-container label{
                 background-position: 186px 0px!important;  /*Position of the background-image*/

                }

}

@media only screen and (min-width: 1170px) {
            select#room_qty, select#counties  {
                 background-position: 126px 0px;  /*Position of the background-image*/
            }

                .ac-container label{
                 background-position: 186px 0px!important;  /*Position of the background-image*/

                }




}

@media only screen and (min-width: 1271px) {
 body {
        width:1270px!important;
        margin:auto!important;

      }

            select#room_qty, select#counties  {
                 border: 1px #cccccc solid!important;  /*Removes border*/
                -webkit-appearance: none;  /*Removes default chrome and safari style*/
                -moz-appearance: none;  /*Removes default style Firefox*/
                color:#555555;
                 background-image: url('/assets/global/img/gsbreaks-select.png');  /*Adds background-image*/
                 background-repeat: no-repeat;  /*Position of the background-image*/
                 background-position: 136px 0px;  /*Position of the background-image*/
                 width: 100px; /*Width of select dropdown to give space for arrow image*/
                 text-indent: 0.01px; /* Removes default arrow from firefox*/
                 text-overflow: "";  /*Removes default arrow from firefox*/
             }

                .ac-container label{
                 background-position: 226px 0px!important;  /*Position of the background-image*/

                }


}

.checkout-labels {

    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;

}

.input-contact{
    border: 1px solid #E1E1E1!important;
    background-color: #F8F8F8!important;
    font-family: 'Open Sans'!important;
    font-weight: 400!important;
    font-size: 16px!important;
    color: #999999!important;
    height: 48px!important;

}


.input-contact-texarea{
    border: 1px solid #E1E1E1!important;
    background-color: #F8F8F8!important;
    font-family: 'Open Sans'!important;
    font-weight: 400!important;
    font-size: 16px!important;
    color: #999999!important;
    height: 148px!important;

}

.searchbox-labels {
    color:#9fad07; font-size:13px; font-weight:bold;
}

.top-menu-txt{
    color:#333333; font-size:13px; font-weight:bold;
}

.searchinputboxes {
    height:47px!important;
    font-size: 18px!important;
    font-weight:400!important;
    background-color:#9fad07!important;
    border-color: #9fad07!important;
}

.form-control{
    height:47px!important;
    font-size: 13px!important;
    font-weight:400!important;
    color:#999999!important;
    background-color:white!important;

}

.checkbox-simple-off {
    font-size: 11px!important;
    font-weight:400!important;
    color:#999999!important;
}

.search_horizontal_left_bar{
    background-color: #E1E1E1;
}

.fullwidthbanner-container {
    position: relative;
    width: 100% !important;
    overflow: hidden;
    padding: 0;
    margin-bottom: 50px;
    background-color: white;
}

.fullwidthbanner-container ul { list-style: none; }

.fullwidthbanner-container .fullwidthbanner {
    height: 407px !important;
    position: relative;
    width: 100% !important;
}

.fullwidthbanner-container .fullwidthbanner-2 {
    height: 407px !important;
    margin-bottom: 20px;
}

.fullwidthbanner-container .fullwidthbanner-alternative { max-height: 407px !important; }

.footerlinks{
    height:55px;
    padding:3px 30px 3px 30px;
    font-size:11px!important;
    border-right:1px #E1E1E1 solid;
}


.caption.icon {
    padding: 30px;
    border-radius: 7px;
    background-color: #ea6872;
    color: #fff;
}

.caption.icon i { font-size: 90px; }

.caption.text {
    padding: 12px 25px 0 35px;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    font-weight: 400;
}

.caption.text:before {
    position: absolute;
    top: 50%;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid rgba(255, 255, 255, 0.25);
    border-bottom: 8px solid transparent;
    margin-top: -8px;
    content: "";
}

.caption.text h2 {
    color: #fff;
    line-height: 30px;
    font-weight: 300;
}

.caption.item-list { color: #fff; }

.caption.item-list:before {
    margin-right: 40px;
    font-family: 'FontAwesome';
    font-size: 12px;
    content: "ï„‘";
}

.caption.item-list:after {
    position: absolute;
    top: -5px;
    left: 5px;
    height: 45px;
    border-left: 1px solid #fff;
    content: "";
}

.caption.item-list.alt {
    padding-left: 60px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.caption.item-list.alt:before {
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
}

.caption.item-list.alt:after { content: none; }

.caption.title {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    text-align: right;
}

.caption.text-2 {
    color: #fff;
    text-align: right;
}

.caption .btn,
.caption .btn:hover {
    border-color: #fff;
    color: #fff;
}

.caption .btn i {
    color: #fff;
}

.fullwidthbanner-2 .caption.title {
    color: #5e5e5e;
    font-size: 30px;
    text-transform: uppercase;
}

.fullwidthbanner-2 .caption.text-2 {
    color: #5e5e5e;
    font-weight: 400;
    text-align: center;
}

.fullwidthbanner-2 .caption.text {
    padding: 20px 50px 20px 20px;
    border-radius: 0;
    background-color: #ea6872;
}

.fullwidthbanner-2 .caption.text.alt {
    padding: 20px 20px 20px 40px;
    background-color: #96b6d4;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
    width: 26px;
    height: 46px;
    opacity: 0.5;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover { opacity: 1; }

.tp-leftarrow.default { background: url(../../../images/prev-2.png) no-repeat center center; }
.tp-rightarrow.default { background: url(../../../images/next-2.png) no-repeat center center; }

.tp-bullets.simplebullets.round .bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #ea6872;
    border-radius: 50%;
    background: transparent;
}

.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover { background-color: #ea6872; }


.checkbox-contact {
    display:inline-block;
    padding: 10px 15px;
    font-size: 13px;
    color: #333;
    background: #fff;
    height:30px;
    width:30px;
    background-color:white!important;
    float:right;
}



.blog-img-title h3              {margin-left:15px;}
.service-square i.fa-info       {padding: 19px 27px;}
.checkout-padding-right         {padding-right:10px; padding-left:0px;}
.checkout-padding-left          {padding-left:10px; padding-right:0px}
.search_horizontal_bar          {display: none;}
.search_horizontal_bar_text     {display: none;}
.search_label_text              {display: none;}
.search_room_row                {display: none;}
#reservation-form               {margin-top:-80px!important;}
.left-searchbox-element         {width: 100% !important;}
.index_search                   {padding-top:30px!important;}
.desktop-logo                   {margin-top:-2px!important;}

.ac-container input:checked ~ article.ac-large{
    height:auto!important;
}

.general_pages > h3               {padding-top:10px!important; padding-bottom:0px!important; margin-bottom:0px!important;}
.general_pages > p                {padding-top:4px!important; padding-bottom:2px!important;}

.side-searchbox .fa.infield {
    position: absolute;
    float: right!important;
    margin-top: 2px!important;
    font-size: 14px;
}


.cancel_form ul{
    margin-bottom:0;
    background-color:rgba(255,255,255,1);
}
.cancel_form ul li{
    list-style-type: circle;
    margin-left:20px;
}

.cancel_form ul li:last-child{
    border-bottom: 0px solid #ccc;
}
.cancel_form ul li p{
    padding: 20px 0;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0 0 1px;
    color:#000;
    z-index: 9999;
}






@media (min-width: 768px) and (max-width: 979px) {




    .checkout-padding-right      {padding-right:0px; padding-left:0px; margin-top:10px;}
    .checkout-padding-left       {padding-left:0px; padding-right:0px; margin-top:10px;}
    .blog-img-title div div p    {margin:30px 0px 0px 10px;}
    .search_horizontal_bar          {display: block;}
    .search_horizontal_bar_text     {display: block;}
    .search_label_text              {display: block;}
    #top-offerts                    {margin-top:150px;}
    #reservation-form               {margin-top:10px!important;}
    .left-searchbox-element         {width: 100% !important;}
    .search_filters			{display:none;}
    .main-switcher			{display:none;}



    .caption.icon i { font-size: 60px; }

    .caption.text h2 {
        font-size: 13px;
        line-height: 15px;
    }

    .caption.item-list.alt {
        padding-left: 90px;
        font-size: 18px;
    }

    .caption.item-list.alt:before {
        top: 5px;
        left: 6px;
        width: 10px;
        height: 10px;
    }

    .caption .btn { padding: 5px 15px; }
    .caption .btn i { font-size: 10px; }
    #reservation-form {margin-top:-180px;}
}

@media (max-width: 767px) {



    .checkout-padding-right         {padding-right:0px; padding-left:0px; margin-top:10px; }
    .checkout-padding-left          {padding-left:0px; padding-right:0px; margin-top:10px; }
    .blog-img-title div div p       {margin:30px 0px 0px 10px;}
    .search_horizontal_bar          {display: block;}
    .search_horizontal_bar_text     {display: block;}
    .search_label_text              {display: block;}
    #top-offerts                    {margin-top:150px;}
    #reservation-form               {margin-top:10px!important;}
    .left-searchbox-element         {width:100%!important;}




    .caption.icon { display: none; }

    .caption.text { margin: -55px 0 0 -150px; }

    .caption.text h2 {
        font-size: 10px;
        line-height: 12px;
    }

    .caption.item-list.alt { padding-left: 10px; }

    .caption.item-list:before,
    .caption.item-list.alt:before,
    .caption.item-list:after { display: none; }

    .caption .btn { padding: 0 10px; }
    .caption .btn i { display: none; }

    .fullwidthbanner-2 .caption.text { display: none; }

}



/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #cc0000;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}


.custom-control {
    cursor: pointer;
    direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(0, 0, 0);
    font-family: "Roboto", Arial, sans-serif;
    -webkit-user-select: none;
    font-size: 11px !important;
    background-color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.14902);
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    min-width: 28px;
    font-weight: 500;
}

.custom-control:hover {
    font-weight: 900 !important;
}
.StripeElement {
    border: 1px solid #999999 !important;
    height: 41px !important;
    padding: 10px 12px;
    border-radius: 4px;
}

.StripeElement--focus {
}

.StripeElement--invalid {
border-color: #fa755a;
}

.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}

#mapid {
    height: 280px;
}
#marker0 {
    background-image: url('/assets/bargainbreaks/images/icon_0.png');
    background-size: cover;
    width: 32px;
    height: 37px;
    cursor: pointer;
}
#marker1 {
    background-image: url('/assets/bargainbreaks/images/icon_1.png');
    background-size: cover;
    width: 32px;
    height: 37px;
    cursor: pointer;
}
#marker2 {
    background-image: url('/assets/bargainbreaks/images/icon_2.png');
    background-size: cover;
    width: 32px;
    height: 37px;
    cursor: pointer;
}
#marker3 {
    background-image: url('/assets/bargainbreaks/images/icon_3.png');
    background-size: cover;
    width: 32px;
    height: 37px;
    cursor: pointer;
}
#marker4 {
    background-image: url('/assets/bargainbreaks/images/icon_4.png');
    background-size: cover;
    width: 32px;
    height: 37px;
    cursor: pointer;
}
#marker5 {
    background-image: url('/assets/bargainbreaks/images/icon_5.png');
    background-size: cover;
    width: 32px;
    height: 37px;
    cursor: pointer;
}