/*Fonts*/
@font-face{
    font-family: 'FunhouseMedium';
    src: url('/fonts/funhouse.eot');
    src: url('/fonts/funhouse.eot') format('embedded-opentype'),
         url('/fonts/funhouse.woff') format('woff'),
         url('/fonts/funhouse.ttf') format('truetype'),
         url('/fonts/funhouse.svg#FunhouseMedium') format('svg');
}
@font-face {
    font-family: 'FuturaBoldOblique';
    src: url('/fonts/futurabo.eot') format('truetype');
    src: url('/fonts/futurabo.eot') format('embedded-opentype'),
         url('/fonts/futurabo.woff') format('woff'),
         url('/fonts/futurabo.ttf') format('truetype'),
         url('/fonts/futurabo.svg#FuturaBoldOblique') format('svg');
}
@font-face {
    font-family: 'Vegetariannormal';
    src: url('Vegetariannormal.eot');
    src: url('/fonts/vegetariannormal.eot?#iefix') format('embedded-opentype'),
        url('/fonts/vegetariannormal.woff2') format('woff2'),
        url('/fonts/vegetariannormal.woff') format('woff'),
        url('/fonts/vegetariannormal.ttf') format('truetype'),
        url('/fonts/vegetariannormal.svg#vegetariannormal') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Proxima';
    src: url('/fonts/ProximaNova-Regular.otf') format('embedded-opentype');
}

@font-face {
    font-family: 'clickbits-icons1';
    src: url('/fonts/clickbits-icons1.otf') format('embedded-opentype');
}
@font-face {
    font-family: 'clickbits-icons2';
    src: url('/fonts/clickbits-icons2.otf') format('embedded-opentype');
}
@font-face {
    font-family: 'faktos';
    src: url('/fonts/faktos.otf') format('truetype');
}
@font-face {
    font-family: 'Corbel';
    src: url('/fonts/CORBEL.ttf') format('truetype');
}
@font-face {
    font-family: 'Corbel-2';
    src: url('/fonts/Corbel-2.ttf') format('truetype');
}
@font-face {
    font-family: 'Corbel-b';
    src: url('/fonts/CORBELB.ttf') format('truetype');
}
@font-face {
    font-family: 'Corbel-bold';
    src: url('/fonts/Corbel-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Corbel-italic';
    src: url('/fonts/Corbel-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SofiaProRegular';
    /*src: url('/fonts/Mostardesign-Sofia-Pro-Regular.otf') format('truetype'),*/
    src: url('/fonts/Mostardesign-Sofia-Pro-Regular.woff') format('truetype');

}
@font-face {
    font-family: 'SofiaProSemiBold';
    /*src: url('/fonts/Mostardesign-Sofia-Pro-Semi-Bold.otf') format('truetype'),*/
    src: url('/fonts/Mostardesign-Sofia-Pro-Semi-Bold.woff') format('truetype');
}

@font-face {
    font-family: 'SofiaProSemiBold';
    src: url('/fonts/Mostardesign-Sofia-Pro-Semi-Bold.otf') format('truetype');
}

/*@font-face {*/
    /*font-family: 'SofiaProSemiBold';*/
    /*src: url('/fonts/Mostardesign-Sofia-Pro-Semi-Bold.otf') format('truetype');*/
/*}*/
@font-face {
    font-family: 'SofiaProSoftMedium';
    src: url('/fonts/Mostardesign-Sofia-Pro-Soft-Medium.otf') format('truetype');
}

@font-face {
    font-family: 'funfillLine';
    src: url('/fonts/BABW-Funfill-Line.otf') format('truetype');
}
@font-face {
    font-family: 'funfillColor';
    src: url('/fonts/BABW-Funfill-Color.otf') format('truetype');
}
#nav-bar {
    font-family: 'Proxima' ;
}
.funfill-color-text {
    font-family: funfillColor;
}
.funfill-line-text {
    font-family: funfillLine;
}
.SofiaProSoftLigh-text {}
.SofiaProSoftMedium-text {
    font-family: SofiaProSoftMedium;
}
.SofiaProRegular-text {
    font-family: SofiaProRegular;
}
.faktos-text {
    font-family: faktos;
    /*font-family: SofiaProSemiBold;*/
}
    /*style*/

body {
    background: #000;
    text-align: center;
}

/*header start*/

#header {
    width: 100%;
	position:relative;
}

#header .main-header-front {
    width:983px;
    margin:0px auto;
    padding:0px;
    position:relative;
    z-index:1; }


/*header end*/

iframe {
    width: 1350px;
    height: 1232px;
    border-collapse: collapse;
    margin: auto;
    margin-top: 55px;
}

/* Modals */

    /*developers style*/


.modal {
    font-family: FuturaBoldOblique;
    font-size: 13pt;
    color: #0A2D8D;
/*    background: #41AD49;*/
    text-align: center;

}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
div.modal-close {
    float: right;
    margin: 10px;
    height: 15px;
    width: 15px;
    background: url(/img/modal-close.png) no-repeat;
    cursor: pointer;
}
div.alert-close {
    float: right;
    margin: 10px;
    height: 15px;
    width: 15px;
    background: url(/img/modal-close.png) no-repeat;
    cursor: pointer;
}
.button{
    cursor:pointer;
    color:#FFF;
    text-align:center;
    font-weight:bolder;
}
.blue-button{
        background: -webkit-linear-gradient(top, rgb(0, 69, 255) 0%, rgb(2, 150, 251) 27%, rgb(19, 109, 209) 48%, rgb(13, 62, 201) 65%, rgb(6, 41, 112) 96%, rgb(5, 39, 104) 100%);
    background: -o-linear-gradient(top, rgb(0, 69, 255) 0%, rgb(2, 150, 251) 27%, rgb(19, 109, 209) 48%, rgb(13, 62, 201) 65%, rgb(6, 41, 112) 96%, rgb(5, 39, 104) 100%);
    background: -ms-linear-gradient(top, rgb(0, 69, 255) 0%, rgb(2, 150, 251) 27%, rgb(19, 109, 209) 48%, rgb(13, 62, 201) 65%, rgb(6, 41, 112) 96%, rgb(5, 39, 104) 100%);
    background: -moz-linear-gradient(top, rgb(0, 69, 255) 0%, rgb(2, 150, 251) 27%, rgb(19, 109, 209) 48%, rgb(13, 62, 201) 65%, rgb(6, 41, 112) 96%, rgb(5, 39, 104) 100%);
    background: linear-gradient(to bottom, rgb(0, 69, 255) 0%, rgb(2, 150, 251) 27%, rgb(19, 109, 209) 48%, rgb(13, 62, 201) 65%, rgb(6, 41, 112) 96%, rgb(5, 39, 104) 100%);
}
.green-button{
    background: -webkit-linear-gradient(top, rgb(15, 216, 50) 0%, rgb(65, 250, 0) 17%, rgb(30, 206, 20) 38%, rgb(11, 159, 11) 79%, rgb(5, 107, 15) 98%, rgb(54, 134, 63) 100%);
    background: -o-linear-gradient(top, rgb(15, 216, 50) 0%, rgb(65, 250, 0) 17%, rgb(30, 206, 20) 38%, rgb(11, 159, 11) 79%, rgb(5, 107, 15) 98%, rgb(54, 134, 63) 100%);
    background: -ms-linear-gradient(top, rgb(15, 216, 50) 0%, rgb(65, 250, 0) 17%, rgb(30, 206, 20) 38%, rgb(11, 159, 11) 79%, rgb(5, 107, 15) 98%, rgb(54, 134, 63) 100%);
    background: -moz-linear-gradient(top, rgb(15, 216, 50) 0%, rgb(65, 250, 0) 17%, rgb(30, 206, 20) 38%, rgb(11, 159, 11) 79%, rgb(5, 107, 15) 98%, rgb(54, 134, 63) 100%);
    background: linear-gradient(to bottom, rgb(15, 216, 50) 0%, rgb(65, 250, 0) 17%, rgb(30, 206, 20) 38%, rgb(11, 159, 11) 79%, rgb(5, 107, 15) 98%, rgb(54, 134, 63) 100%);
}

    /*manager party*/

    /*Cancel*/
.modal-text {
    padding: 55px 80px 0 80px;
    line-height: 25px;
    text-transform: uppercase;
}
.modal-controls {
    width: 150px;
    margin: auto;
    margin-top: 18px;
}
.modal-controls div {
    display: inline-block;
    height: 37px;
    width: 63px;
    line-height: 38px;
    border-radius: 10px;
    color:#FFF;
    cursor:pointer;

}

.cancel-party{
    width: 399px;
    height: 202px;
    background: #41AD49;

}

.add-extras{
    width: 399px;
    height: 300px;
    background: #41AD49;
    margin: -150px 0 0 -200px;

}


    /*Media*/

#upload-button{
    overflow: hidden;
    width: 176px;
    height: 38px;
    font-size: 13pt;
    line-height: 36px;
    border-radius: 0px;
    text-shadow: 2px 2px 0 rgba(16, 54, 71, 0.7), 0px 3px 6px rgba(16, 54, 71, 0.7);
    margin: 13px 0 0px 118px;
    background: #389c3e !important;
}


#img-container {
    width:100%;
    height:100%;
}

.upload-media{
    width:440px;
    min-height:438px ;
    padding-bottom: 20px;

}
#uploading {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 155px;
    left: 200px;
}

#upload-video{
    width:420px;
    height:388px ;
    padding-bottom: 20px;
}
.perm{

    width: 66%;
    margin-left: 20%;
    margin-top: 12px;

}
.perm-text-new-style {
    line-height: 23px;
    font-family: Arial;
    margin-left: 12px;
    font-weight: 800;
    width: 100%;
}
.perms {
    padding-top: 7px;
}
#perm-text{
    width: 272px;
    float: left;
    text-align: left;
    font-size: 14px;
    display: inline-block;
    margin-left: 22px !important;

}

.perm #perm-checkbox{
    background: #fff;
}
#perm-checkbox{
    z-index: 10;
    width: 13px;
    height: 13px;
    padding: 4px;
    float: left;
    text-align: center;
    padding-right: 8px;
    line-height: 13px;
}

.media-container{
    margin:0 auto;
    width: 200px;
    border-radius: 16px;
    height:200px;
    margin-top:20px;
    background: #FFFFFF
}
#img-container > img{
    width:200px !important;
    height :200px !important;
    max-width: 200px;
    max-height: 200px;
}
.media{
    background: white;
    border-radius: 16px;
}

#media-tools{
    width:53px;
    position: relative;
    top: -164px;
    left: -53px;
    cursor:pointer;
}

#resizeimage {
  position: relative;
  top: -164px;
  left: -53px;
  cursor: pointer;
}

#next-button{
    display: block;

    height: 38px;
    line-height: 36px;
    border-radius: 0px;
    position: relative;
    z-index: 10;
    background: #389c3e !important;
    float: none;

    /*CHECK WTF*/
    margin-top: 8px;
    margin-right: 20px;
    margin: 0 auto;

    width: 174px;
    margin-top: 22px
}
.next-button{
    display:inline-block;
    margin-left: 20px;
    width:66px;
    height:38px;
    line-height: 36px;
    border-radius: 6px;
    text-shadow: 2px 2px 0 rgba(17, 124, 6, 0.7), 0px 3px 6px rgba(17, 124, 6, 0.7);
}

#lable-next{
    display: inline-block;
    margin-top: 69px;
    margin-left: 30px;
}

.modal input#choose-file {
    height: 38px!important;
    top: 13px!important;
    width: 176px!important;
    right: 219px!important;
    opacity: 0;
    filter: alpha(opacity = 0);
    left: 118px;
}

    /*Local store*/

#local-store{
    width:399px;
    height:423px;
}

#local-store > h4{
    margin-top: 60px;
}

#left-column{
    margin-top:25px;
    float:left;
    height: 200px;
    width: 138px;
    display: inline-table;
    text-align: left;
    margin-left: 20px;
}

#right-column{
    margin-top:25px;
    width: 170px;
    height: 200px;
    display: inline-table;
    margin-left: 20px;
    text-align:left
}

#local-footer{
    text-align: left;
    width: 360px;
    margin-left: 20px;
    margin-top: 28px;
}

#party-column-table{
    margin-top : 17px;
}

.td-size{
    width: 46px;
}

    /*book my party*/


/*personalise your party*/


.modal-no{
    margin-left: 10px;
}

.dropdown-menu {
    padding: 0px;
    min-width: auto;
    margin-top: 0px;
    border: 0px;
}

.sumbit-column{
    width: 80px;
    margin-right: 40px;
    margin-top: -25px;
}

.sumbit-indication{
    width: 50px;
    height: 35px;
    background: white;
    border: 1px solid #FEE67E;
    font-size: 16pt;
    color: #F54500;
    line-height: 36px;
    margin: 0 auto;

}

.chosen-qty {
    margin-right: 53px;
    width: 50px;
    height: 30px;
    background: white;
    border: 1px solid #FEE67E;
    font-size: 16pt;
    color: #F54500;
    line-height: 36px;
}
.names {
    height: 100px;
}
.small-drop-menu{
    position: absolute;
    list-style: none;
    margin-left:14px;
}

.small-drop-menu > li{
    width: 50px;
    height: 24px;
    border-bottom: 1px solid #FFEB99;
    color: white;
    background: #FF6000;
    line-height: 25px;
    cursor: pointer;
    border-right: 1px solid #FFFB99;
    border-left: 1px solid #FFEB99;
    text-align:center;
}

.small-drop-menu > li:hover{
    background: #053485;
}
.submit-button{
    width:80px;
    height:38px;
    line-height: 37px;
    border-radius: 6px;
    text-shadow: 2px 2px 0 rgba(16, 54, 71, 0.7), 0px 3px 6px rgba(16, 54, 71, 0.7);
    float: right;
    margin-right:40px;
    margin-bottom: 15px;
    margin-top:19px;
   /* margin-top:30px;*/
    font-size:14pt;
    }
#submit-but {
    margin-bottom: 10px;
    margin-top: 110px;
    margin-left: 293px;
    vertical-align: bottom;
    font-size:14pt;
    float: right;
    margin-right:40px;
    margin-bottom: 15px;
    margin-top:19px;
}

.simple-input{
    border:#FFF !important;

    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #96BFF9;
    outline-color: #D5D5D5;
    width:336px;
    height:37px;
    font-size: 12pt;
    padding-left: 15px;
    font-weight: bold;
    margin-top: 5px;
}

.print-invite table td{
    padding-top: 1px;
    padding-bottom: 1px;
}

/*build your party*/

#build-party{
    width:415px;
    height:211px;
}

/*checkout*/
.checkout{
    width:525px !important;
    text-align:left;
}
.mobile-container {display:none;}



@media
 /* Smartphones (portrait and landscape) */
 only screen and (max-width : 480px),
 /* iPhone 4 */
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5),
 /* iPhone 5 */
 only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2),
 only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 1)

{
    /*body {*/
        /*background: blue*/
    /*}*/

    #wp-container-v3 {display:none}
    #header {width: 100%}
    .mobile-container {
        width:80%;
        max-width:80%;
        min-width:100px;
        margin: 0px auto;
        padding: 0px;
        display:block;
    }
    .mobile-header { padding:0px; margin:10px 0px 20px 0px; text-align:center;}
    .mobile-header img{ padding:0px; margin:0px auto;}
    .mobile-clear {clear:both; padding:0px; margin:0px auto;}
    .mobile-button {
        width:32%;
        display:inline-block;
        padding:0px 0px 0px 0px;
        margin:0px 4px 10px 6px !important;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color:#E9E9E9;
        color:#72177A;
        font-family:Arial;
        font-size:19px;
        text-transform:uppercase;
        font-weight:bold;
        text-align:center;
        line-height:60px;
        height:60px;
        text-decoration:none;}
    .mobile-button.active { background-color:#72177A; color:#fff}
    .mobile-button a {text-decoration:none;color:#72177A; text-align:center; padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;border:0px !important; display:inline-block !important}
    .mobile-button a:hover {text-decoration:none;color:#FFF;}
    .mobile-container > .nav-tabs > .active > a{color:#FFF;background-color:#72177A !important}
    .mobile-container > .nav-tabs{margin-bottom:0px}
    .mobile-button a:active {text-decoration:none;color:#fbe436;}
    .mobile-bg {
        /* background: url(/img/mobile/mobile-border.png)top center no-repeat ;*/
        padding:8px 0px 0px 0px;
        margin:0px;
        height:atuo;
        width:100%;
        display:block;}
    .tab-content {
        margin-top: 10px !important;
        padding-top: 0px !important;
        margin-left: 10px !important;
        float: left;
        padding-left: 10px !important;
        background-color: #C1D82F;
        width: 97% !important;}
    .mobile-bg1 {  padding:8px 0px 0px 0px; margin:0px; height:auto; width:100%; display:block;}

    .checked-marker-login {
        width: 40px !important;
        height: 40px !important;
        background-size: 31px 31px !important;
        background-position: 3px 5px !important;
    }
    .unchecked-marker-login {
        width: 40px !important;
        height: 40px !important;
        margin-left: 10px;
        vertical-align: middle;
        margin-top: 0px;
    }


    .mobile-bg .mobile-add-guest { position:relative; background-color:#72177A;-webkit-border-radius: 10px; border-radius: 10px; padding:15px 0px 0px 0px; margin:10PX auto; height:35px; width:93%; display:block; text-align:center; color:#fbe338; font-size:22px; line-height:22px;}
    .mobile-bg .mobile-RSVP1 { position:relative; background-color:#72177A;-webkit-border-radius: 10px; border-radius: 10px; padding:15px 0px 0px 0px; margin:10PX auto; height:35px; width:93%; display:block; text-align:center; color:#fbe338; font-size:22px; line-height:22px;}
    .mobile-RSVP1 a{color:#fff;}
    .mobile-RSVP1 a:hover {color:#fbe338; text-decoration:none;}
    .mobile-VIP { position:relative; background-color:#72177A;-webkit-border-radius: 10px; border-radius: 10px; padding:15px 0px 0px 0px; margin:20PX auto; height:35px; width:93%; display:block; text-align:center; color:#fbe338; font-size:17px; line-height:22px;}
    .mobile-CLUB { position:relative;  padding:0px 0px 0px 0px; margin:0PX auto; height:35px; width:93%; display:block; text-align:center; color:#092ba2; font-size:15px; text-decoration:underline;}
    .mobile-VIP a{color:#fff;}
    .mobile-VIP a:hover {color:#fbe338; text-decoration:none;}

    .mobile-GIFT{ background: url(/img/mobile/honey-money-voucher-bg.png)top center no-repeat !important; padding:8px 0px 0px 0px; margin:0px; height:auto; width:100%; display:block;}

    .mobile-bg .mobile-Details { position:relative; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; width:93%; display:block; }
    .mobile-bg .mobile-Details .mobile-stus {position:absolute; z-index:1; bottom:-17px; right:-17px; }
    .mobile-bg .mobile-Details .mobile-content {
        padding:6% 3% 0% 6%;
        margin:0px;
        color:#231f20;
        font-size:29px;
        font-family:Arial;
        font-weight:bold;
        line-height:32px;}
    .mobile-bg .mobile-Details .mobile-content img{
        float:left;
        margin:0% 5% 0% 0%;
        border:solid 5px #FFFFFF;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width:170px}
    .mobile-bg .mobile-Details .hr-line {
        height:3px;
        padding:1% 0% 0% 0%;
        margin:0% 0% 0% 0%;
        clear:both;
        text-align:center;}
    .mobile-bg .mobile-Details .mobile-where {
        padding:4% 0% 0% 6%;
        margin:0px auto;
        clear:both;
        width:100%;
        font-size:23px;
        color:#FFF;
        line-height:25px;
        display:inline-block;
        border:solid 0px red;
        vertical-align:top;}
    .mobile-bg .mobile-Details .mobile-waiver {
        margin:0px auto;
        clear:both;
        width:100%;
        font-size:23px;
        color:#FFF;
        line-height:25px;
        display:inline-block;
        border:solid 0px red;
        vertical-align:top;
        width: 49%;}
    .mobile-bg .mobile-Details .mobile-rsvp {
        margin:0px auto;
        clear:both;
        width:100%;
        font-size:23px; color:#FFF; line-height:25px; display:inline-block;border:solid 0px red;vertical-align:top; width: 45%;}
    .mobile-bg .mobile-Details .mobile-When {
        padding:4% 0% 0% 6%;
        margin:0px auto;
        clear:both;
        width:38%;
        font-size:23px; color:#FFF; line-height:25px; display:inline-block;border:solid 0px red; vertical-align:top;}
    .mobile-bg .mobile-Details .mobile-divider {width:1%; padding:4% 4% 0% 4%; display:inline-block; clear:both; border:solid 0px red;}
    .mobile-bg .mobile-Details .mobile-divider img {height:50px;}
    .mobile-bg .mobile-Details .mobile-center-bottom {padding:4% 0% 0% 0%; margin:0px; clear:both; width:100%; color:#fbe338; font-size:22px;font-weight:bold; text-align:center; }
    .mobile-container .mobile-bottom {padding:0px; margin:10% 0% 0% 0%; text-align:center; width:100%;}
    .mobile-container .mobile-bottom a{ color:#092ba2; text-decoration:underline;}
    .mobile-container .mobile-bottom a:hover{ color:#092ba2; text-decoration:underline; }
    .event-time-text {display:inline-block; width:66px; text-align:center;}
    /*.mobile-bg #VIP-voucher { position:relative;background: url(/img/mobile/VIP_GiftVoucher4.png)top center no-repeat ; border:solid 0px #092ba2; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:411px; width:93%; }
    #img-vaucher-mv {margin-top:97px}*/
    .mobile-bg #VIP-voucher { position:relative; border:solid 0px #092ba2; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:auto; width:93%; padding-bottom:20px;}
    .mobile-RSVP .mobile-voucher-content{padding:180px 0px 8px 0px; margin:0px 5%; width:90%; font-size:18px; color:#092ba2; text-align:center; line-height:23px; font-weight:bold;}
    .mobile-RSVP .mobile-voucher-content1{padding:10px 0px 0px 0px; margin:0px 0%; width:100%; font-size:12px; color:#000; text-align:center; line-height:15px; font-weight:bold;}
    .mobile-RSVP .mobile-voucher-content1 img{padding:10px 0px 8px 0px; margin:0px 3%; width:30%; display:inline-block;vertical-align:top;}
    .mobile-RSVP .mobile-voucher-content1 span{padding:10px 0px 8px 0px; margin:0px 2%; width:50%; display:inline-block;}
    .mobile-bg #buy-gift { position:relative;background:  #41AD49; border:solid 0px #41AD49; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:390px; width:93%; }
    .mobile-RSVP .mobile-gift-content{padding:110px 0px 8px 0px; margin:0px 5%; width:90%; font-size:18px; color:#ffffff; text-align:center; line-height:23px; font-weight:bold;}
    .mobile-gift-content2 {-webkit-border-radius: 10px; border-radius: 10px; background-color:#781D7E;  padding:11px 0px 7px 0px; margin:0px auto; width:60%; height:30px; text-align:center; color:#ffffff; font-size:18px; font-weight:bold;}
    .mobile-gift-content2 img{padding:0px 10px 0px 0px; margin:0px auto;}
    .mobile-gift-content2 a{ color:#ffffff; text-decoration:none;}
    .mobile-gift-content2 a:hover{ color:#ffffff; text-decoration:none; }
    .mobile-gift-content1 {
        -webkit-border-radius: 10px;
        border-radius: 10px;

        padding:15px 0px 0px 0px;
        margin:0px auto; width:60%;
        height:65px;
        text-align:center;
        color:#ffffff;
        font-size:18px;
        font-weight:bold;
    }
    .mobile-gift-input {-webkit-border-radius: 10px; border-radius: 10px; background-color:#fff; border:solid 2px #005bab; width:70%; margin:7px 0px 0px 15%; height:28px;}
    .mobile-gift-input input {width:90%; border:0px;height:20px; margin:0px 0px 0px 5px; text-align:center;}
    .mobile-bg .mobile-RSVP .mobile-stus {position:absolute; z-index:1; bottom:-17px; right:-17px; }
    .mobile-bg .mobile-RSVP .first-head { display:inline-block; width:15%; font-weight:bold; color:#fae543; font-size:22px; padding:7% 0% 0% 5%; margin:0% 0% 0% 0%;}
    .mobile-bg .mobile-RSVP .radio {display:inline-block; width:70%;}
    .mobile-bg .mobile-RSVP .radio1 {display:inline-block; width:100%; padding:0px; margin:5% 0% 1% 3%;}
    .mobile-bg .mobile-RSVP .second-head {clear:both; padding:10px; margin:3% 0% 0% 5%; height:15px; width:84%;}
    .mobile-bg .mobile-RSVP .third-head  { width:90%; margin:4% 0% 0% 5%; font-size:22px;font-weight:bold; }
    .mobile-bg .mobile-RSVP .third-head .selected1{padding:0% 0% 0% 6%;; margin:0px; display:inline-block; width:38%;}
    .mobile-bg .mobile-RSVP .third-head .selected1 select{background: url(/img/mobile/select-4arrow.png)right no-repeat #fff;width: 100%; padding: 0px 0px 0px 6px;font-size: 13px; line-height: 1; border: 0px; border-radius: 0;height: 25px;-webkit-appearance: none; height:37px;-webkit-border-radius: 5px; border-radius: 5px;}

    .mobile-bg .mobile-RSVP .fourth-head  { width:90%; margin:2% 0% 0% 5%; font-size:22px;font-weight:bold; }
    .mobile-bg .mobile-RSVP .fourth-head  input {padding:0% 2% 0% 2%; margin:0% 0% 0% 22%; display:inline-block; width:37%; height:38px; -webkit-border-radius: 5px; border-radius: 5px;}
    .mobile-bg .mobile-RSVP .done-btn {background-color:#72177A;-webkit-border-radius: 10px; border-radius: 10px; height:43px; width:20%; display:block; line-height:43px; color:#fff; font-size:23px; text-align:center; margin:2% 0% 0% 4%; font-family:arial; font-weight:normal; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .5); text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);}


    .mobile-bg .mobile-guest { position:relative;-webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:450px; width:93%;}
    .mobile-bg .mobile-guest .mobile-stus {position:absolute; z-index:1; bottom:-17px; right:-17px; }
    .mobile-bg .mobile-guest .friend-head {
        display:inline-block;
        width:90%;
        font-weight:bold;
        color:#000;
        font-size:30px; padding:7% 0% 0% 5%; margin:0% 0% 5% 0%;}
    .mobile-bg .mobile-guest .guest-white-box {
        color: #000;
        font-size: 25px;
        -webkit-top-left-radius: 5px;
        -webkit-top-right-radius: 5px;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        margin:0px auto; margin-top:0%;
        padding:0px;
        background-color:#f9f9f9;}
    .mobile-bg .mobile-guest .guest-white-box-bottom {-webkit-bottom-left-radius:-webkit-bottom-right-radius: 5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; margin:0px auto; margin-top:0%; padding:0px; background-color:#f9f9f9;}


    .mobile-bg .mobile-party-blog{ position:relative; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:390px; width:93%;}
    .mobile-bg .mobile-party-blog .mobile-stus {position:absolute; z-index:1; bottom:-17px; right:-17px; }
    .mobile-bg .mobile-party-blog .party-blog-head{ padding:20px 20px; margin:0px 0px;}
    .mobile-bg .mobile-party-blog .party-blog-head .party-blog-index {clear:both; padding:10px; margin:0% 0% 1.5% 0%; height:15px;  }

    .mobile-bg .mobile-party-blog .party-blog-head .post-btn {background-color:#72177A;-webkit-border-radius: 10px; border-radius: 10px; height:43px; width:20%; display:inline-block; line-height:43px; color:#fff; font-size:23px; text-align:center; margin:0% 0% 0% 4%; font-family:arial; font-weight:normal; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .5); text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);border:solid 0px white;}
    .mobile-bg .mobile-party-blog .party-blog-main{ padding:10px 0px 0px 0px; margin:0px 0px 0px 20px; width:90.6%; border:solid 0px red; max-height:270px; height:100%; background-color:#ececec; overflow:auto;}
    .mobile-bg .mobile-party-blog .party-blog-main ul {padding:0px; margin:0px; list-style:none;}
    .mobile-bg .mobile-party-blog .party-blog-main ul li{padding:0px 10px 0px 10px; margin:0px 0px 10px 0px; list-style:none; border-bottom:solid 1px #ababab; }
    .mobile-bg .mobile-party-blog .party-blog-main ul li img{padding:0px; margin:0px 10px 0px 0px; list-style:none; float:left; width:50px;height:50px}
    .mobile-bg .mobile-party-blog .party-blog-main ul li span.kid-name{ color:#092ba2;font-size:18px; width:100%; display:block;}
    .mobile-bg .mobile-party-blog .party-blog-main ul li span.kid-message{ color:#545454;font-size:20px;width:100%;display:block; padding:10px 0px 10px 0px;}




    .mobile-bg .mobile-party-map { position:relative; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:auto; width:93%;}
    .mobile-bg .mobile-party-map .mobile-map-contact  { position:relative; background-color:#f9f9f9; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:9px 0px 0px 9px; height:370px; width:96%; display:inline-block;}
    .mobile-bg .mobile-party-map .mobile-stus {position:absolute; z-index:1; bottom:-17px; right:-17px; }
    .mobile-bg .mobile-party-map .mobile-map-contact .party-blog-head{ padding:20px 20px; margin:0px 0px;}
    .mobile-bg .mobile-party-map .mobile-map-contact .party-blog-head .address {clear:both; padding:0px; margin:0% 0% 3.5% 0%; height:15px; font-size:18px; text-align:left; display:inline-block;width:50%; font-size:17px; line-height:18px;color:#545454; font-weight:bold; text-decoration:none;}
    .mobile-bg .mobile-party-map .mobile-map-contact .party-blog-head .post-btn {background-color:#fae544;-webkit-border-radius: 10px; border-radius: 10px; height:43px; width:40%; display:inline-block; line-height:43px; color:#092ba2; font-size:23px; text-align:center; margin:0% 0% 0% 4%; font-family:arial; font-weight:normal; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .5); text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);border:solid 0px white;}


    .mobile-bg .mobile-RSV { position:relative; -webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:100%; width:98%;}
    .mobile-bg .mobile-video { position:relative; background-color:#092ba2;-webkit-border-radius: 10px; border-radius: 10px; padding:0px; margin:0 auto; height:390px; width:93%;}
    .mobile-bg .mobile-video .mobile-stus {position:absolute; z-index:1; bottom:-17px; right:-17px; }
    #play-mobile-video:hover{color:#FFF}

    .selected-btn {width:30%; display:inline-block; padding:0px 0px 0px 0px; margin:0px 8px 10px 7px;-webkit-border-radius: 10px; border-radius: 10px; background-color:#092ba2; color:#fff; font-family:Arial; font-size:24px; font-weight:bold; text-align:center;line-height:60px; height:60px; text-decoration:none;}
    .selected-btn a {color:#fff;}
    .un-selected-btn {color:##fbe436;}

    /* Guest Collaps CSS Start */
    .mobile-guest .fork {
      border:0;
      position:absolute;
      top:0;
      right:0;
    }

    .mobile-guest .col {
      width: 320px;
      float: left;
      margin-right:32px;
      margin-bottom: 16px;
    }
    .mobile-guest .c3 {
      margin-right:0;
    }

    .mobile-guest h1 {
      border-bottom: 1px solid #333;
      font-size: 32px;
      color: #fff;
      padding-bottom: 12px;
      text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    }

    .mobile-guest h2 {
      margin: 10px 0;
      color: #000;
      font-size: 18px;
      text-shadow: 1px 1px 2px #fff;
    }

    .mobile-guest h3 {
      margin: 0; width:100%; padding:0px;
      background-color:#f9f9f9; opacity:100;
      border-bottom: 1px solid rgba(128, 10, 85, 0.5);
    }

    .mobile-guest h3 a {
      background-image: url("/img/mobile/sprite.png") ;
      background-repeat: no-repeat;
      background-position: 95% 14px ;
      display: block;
      padding: 10px;
      padding-left: 10px;
      margin: 0;
      color: #545454;
      text-decoration: none;
      font-weight: normal;
      font-size: 30px;
      line-height: 32px;
    }
    .mobile-guest h3:hover { opacity:100; background:f9f9f9 !important; }
    .mobile-guest h3.open  { background:#f9f9f9; }
    .mobile-guest h3.open a { background-position: 95% -21px;}
    .mobile-guest h3 + div { padding: 10px; }

    .mobile-guest h2 + div,
    .mobile-guest .example {
      background: #fff;
      overflow: hidden;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      margin-bottom: 20px;
      width:350px;
    }

    /* Pre hide sections with JavaScript on
    --- */
    .mobile-guest h3+div {
      display: none;
    }

    /* CSS3 Animation example
    --- */
    .mobile-guest #css3-animated-example h3 + div {
      height: 0px;
      padding: 0px;
      overflow: hidden;
      background: #000;
      display: block!important;
      -webkit-transform: translateZ(0);
      -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition:all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile-guest #css3-animated-example .content {
      padding: 10px;
      max-height:114px;

      overflow:auto;
    }
    .mobile-guest #css3-animated-example .content ul { padding:0px; margin:0px; list-style:none; width:100%;}
    .mobile-guest #css3-animated-example .content ul li { padding:5px 0px 5px 0px; margin:0px 2%; display:inline-block;width:46%; float:left}
    .mobile-guest #css3-animated-example .content ul li img {padding:0px; margin:0px 10px 0px 0px; float:left; width:49px; height:51px}
    .mobile-guest #css3-animated-example .content ul li span.kid-name1 {color:545454;font-size:18px; width:100%; display:block;}
    .mobile-guest #css3-animated-example h3.open + div {
      height: auto;
      background: #ececec;
    }

    /* Event example
    --- */
    .mobile-guest pre#event-log {
      background: #fafacc;
      padding: 10px;
      display: block;
    }
        /* Guest Collaps Css end */


    /*.sumitem-key{*/
        /*font-size: 22pt !important;*/
    /*}*/

    /*.sumitem-value{*/
        /*font-size: 22pt !important;*/
    /*}*/



    /**********  LOGIN  *************/
    #content-mobile #reasons-header{
        text-align: center;
        font-size: 50px;
        line-height: 50px;
        padding: 30px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #content-mobile #about-info, #content-mobile #login-list{
        height: 300px;
    }
    #content-mobile .reasons {
        vertical-align: middle;
        display: inline-block;
        line-height: 35px;
        font-size: 35px;
    }
    #content-mobile .reasons-li{
        margin-bottom: 55px;
    }
    #content-mobile .reasons-li>div:nth-child(1){
        width: 12%;
        height: 70px;
    }
    #content-mobile .reasons-li>div:nth-child(2){
        width: 86%;
        padding-left: 5px;
        padding-right: 5px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #login-list {
        margin-left: 30px;
    }
    #content-mobile .login-list-purposes{
        width: 80%;
        margin-left: 0;
    }
    #content-mobile .login-list-purposes li {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 16px;
    }
    #login-list .reasons-li>div:nth-child(2){
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #party-log-main-mobile .controls {
        text-align: center;
    }
    #party-log-main-mobile .unchecked-marker-login {
        width: 30px;
        height: 30px;
        margin-left: 30px;
    }
    #party-log-main-mobile .checked-marker-login {
        margin-left: 30px;
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    #party-log-main-mobile #login-party {
        line-height: 42px;
        border-radius: 7px;
        border: 0px;
        text-align: center;
        color: #ffffff;
        box-shadow: 0px 0px 2px 3px #5499dd;
        font-size: 23pt;
        width: 80%;
        height: 110px;
        text-shadow: 1px 1px 2px #cb4900, 0 0 0em #f00;
        margin-left: 10%;
        margin-bottom: 35px;
    }
    #party-log-main-mobile #facebook-auth-lable {
        font-family: 'FUTUCEBO';
        margin-top: 20px;
        font-size: 20px;
        margin-bottom: 40px;
        margin-left: 10%;
        width: 80%;
        text-align: center;
    }
    #party-log-main-mobile .not-boild-fb-mob {
        font-size: 40px;
        vertical-align: middle;
    }
    #party-log-main-mobile .boild-fb-mob {
        font-size: 40px;
        vertical-align: middle;
    }
    #party-log-main-mobile .facebook-auth-mob {
        width: 100%;
        height: 65px;
        margin: auto;
        background: #3B579D;
        color: #fff;
        text-shadow: 1px 1px 2px #5D7FD4, 0 0 0em #5D7FD4;
        border-radius: 7px;
        padding-top:35px;
    }
    .term_and_policy a, .term_and_policy span{
        color: #7EC883;
        border-width: 2px;
        font-size: 30px;
        line-height: 40px;

    }
    #party-log-main-mobile .facebook-auth-mob img {
        height: 65px;
        width: 65px;
        margin-top: 0px;
    }
    #party-log-main-mobile .facebook-auth {
        /* box-shadow: 0px 0px 5px 2px #5499dd; */
        cursor: pointer;
        width: 80%;
        margin-top: 30px;
        box-shadow: none;
        background: url("../img/facebook-button.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 100px;
        margin-left: 10%;
        border-radius: 5px;
        border: 0px;
    }
    #slogan-label {
        font-weight: normal;
        font-size: 45px;
        text-transform: uppercase;
        text-align: center;
        line-height: 50px;
        margin-top: 45px;
        margin-bottom: 45px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    #party-log-main-mobile {
        width: 100%;
        text-align: center;
        color:#0A2D8D;
        background-color: rgb(112, 112, 112);
    }

    #content-mobile .party-manage-mobile {
        margin: auto !important;
        float:none !important;
    }


    .input-log-type {
        font-weight: bolder;
        color: #88C0FA !important;
        width: 320px !important;
        height: 30px !important;
        border-radius: 12px !important;
    }
    #party-log-main-mobile h4 {
        text-align: center;;
        font-size: 40px;
        line-height: 30px;
        padding: 35px;
    }

    #party-log-main-mobile .input-log-type {
        height: 80px !important;
        margin: 10px;
        font-size: 27px;
        width: 80% !important
    }

    .facebook-auth {
        margin-top: 10px;
        box-shadow: 0px 0px 5px 2px  #5499DD;
        cursor:pointer;
        background: url(../img/facebook-button.png);
        width:206px;
        height: 26px;
        border-radius: 5px;
        border: 0px;
    }


    #login-party {
        line-height: 42px;
        border-radius: 7px;
        border: 0px;
        box-shadow: 0px 0px 2px 3px #5499DD;
        font-size:15pt;
        width:116px;
        height:42px;
        background: -webkit-linear-gradient(top, #C1D82F 0%, #C1D82F 27%, #C1D82F 48%, #C1D82F 65%, #C1D82F 96%, #C1D82F 100%);
        background: -o-linear-gradient(top, #C1D82F 0%, #C1D82F 27%, #C1D82F 48%, #C1D82F 65%, #C1D82F 96%, #C1D82F 100%);
        background: -ms-linear-gradient(top, #C1D82F 0%, #C1D82F 27%, #C1D82F 48%, #C1D82F 65%, #C1D82F 96%, #C1D82F 100%);
        background: -moz-linear-gradient(top, #C1D82F 0%, #C1D82F 27%, #C1D82F 48%, #C1D82F 65%, #C1D82F 96%, #C1D82F 100%);
        background: linear-gradient(to bottom, #C1D82F 0%, #C1D82F 27%, #C1D82F 48%, #C1D82F 65%, #C1D82F 96%, #C1D82F 100%);
    }
    /********** -LOGIN  *************/



    /* Fancy Radio Button */

    label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 60px;
        margin-right: 15px;
        font-size: 18px;
        color:#FFF;
    }
    .wrapper {
        width: 500px;
        margin: 50px auto;
    }
    input[type=radio],
    input[type=radio1] {
        display: none;
    }
    label:before {
        content: "";
        display: inline-block;

        width: 42px;
        height: 42px;

        margin-right: 0px;
        position: absolute;
        left: 0;
        bottom: -3px;
        background-color: #fff;
        box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .5), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    }

    .radio label:before, .radio1 label:before  {
        border-radius: 18px;
    }
    .checkbox label {
        margin-bottom: 10px;
    }
    .checkbox label:before {
        border-radius: 13px;
    }

    input[type=radio]:checked + label:before {
        content: "\2022";
        color: #92c245;
        font-size: 120px;
        text-align: center;
        line-height: 50px;
    }
    input[value=No]:checked + label:before {
        content: "•";;
        color: #b50c08;
        font-size: 120px;
        text-align: center;
        line-height: 50px;

    }
    input[value=Maybe]:checked + label:before {
        content: "\2022";
        color: #fbe74a;
        font-size: 120px;
        text-align: center;
        line-height:  80px;
    }

    .second-head:-moz-placeholder { color: #333;}
    .second-head:-ms-input-placeholder { color: #333;}
    .second-head::-webkit-input-placeholder{color:#333;}


    /* Fancy Radio Button END */

    #map-left-column {
        width:385px !important;
        height:114px !important;
    }
    .home-type-input{
        width:176px  !important;
    }
    #load-address {
        margin-top:0px !important;
        margin:0px 0px 0px 0px;
    }

}
/* browser alert */
.wrning-IE8 {
    background-color:red;
    width:80%;
    height:auto;
    margin:5% 0%5% 0%
    z-index:9998;
    position:absolute;
    left:0px;
    top:10%;
}

.unsupported-browser {
    position:relative !important;
    z-index:9999; 
}
.unsupported-browser8 {
    width:574px;
    position:absolute;
    left:-287px;
    top:400px;     padding:65px 0% 65px 0%;
    background-color:red;
}


.alert {
    height:218px !important;
    width:500px !important;
    text-align: left;
    padding:7px;
    background-color: #505151;
    border: 1px solid #505151;
    text-align:center;
}

.alertGb {
    width:500px !important;
    text-align: left;
    padding:7px;
    background-color: #505151;
    border: 1px solid #505151;
    text-align:center;
}

.activity-modal {
    height:auto !important;
    width:500px !important;
    text-align: left;
    background-color: #505151;
    border: 1px solid #505151;
    text-align:center;
    overflow:hidden;
}


#act-modal-or{
  margin: 0px 15px;
}

.activity-modal > div > h3 {
  color: #FFF;
  text-align: center;
  margin-top: 50px;
  top: 50px;
}
#not-define-header{
  font-size: 17px;
  margin-top: 3px;
}

#not-define-cont > div{
  text-align:center;
  color:#FFF;
  font-size: 14px;
}


.modal-act-btn-cont{
  text-align: center;
  color: #FFF;
  margin-top: 9px;
  margin-bottom: 20px;
}


.forgotConfid {
    color:#FFF;
    font-family: "FuturaBoldOblique";
    background:#0036A0;
    border:3px solid #F7CE2F;
    border-radius:12px;
    height:250px !important;
    width:500px !important;
}

.fg-modal-input{
    padding-left:29px !important;
    border-color:#FFF!important;
    width:161px;
    height:20px !important;
    margin-top:6px;
    margin-bottom:0px !important;
    color: black !important;
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
}


.fg-button-v2{
    cursor: pointer;
    background: #00359B;
    width: 81px;
    height: 30px;
    color: white;
    text-align: center;
    border-radius: 14px;
    border: 3px solid #F7CE2F;
    line-height: 31px;
    display: inline-block;
    text-align: center !important;
}

#container-mobile, #booking-deposit-container-m {
    display: none
}
.modal-close-mobile, .modal-close-mobile-terms {
    display: none;
}
.termsModal {
    height:580px !important;
    width:800px !important;
    text-align: left;
    padding:7px;
    background-color: #EAF69F;
    margin-left: -400px;
}
.termsModal p {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
}
.termsModal p.subpoint {
    padding-top: 5px;
    padding-left: 80px;
}
.terms-heading {
    font-size: 16pt;
    color:#5C2560;
    border-bottom:solid 1px;
    padding-bottom:10px;
}
.terms-sub-heading {
    font-size: 14pt;
    color:#000;
}
.termsModal ul {
    list-style-type: none;
    padding-left: 80px;
    padding-right: 60px;
}
.termsModal li {
    margin-top: 7px;
}


/*RE SKINING NEW STYLES*/

.upper-text {
    text-transform: uppercase;
}
.not-upper-text {
    text-transform: none;
}
p.head-text {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
    padding-top: 150px;
    text-align: center;
}
.inline-block {
    display: inline-block;
}
p.home-page-title {
    color: #fff;
    font-size: 16px;
    font-weight: 800;

    padding-top: 25px;
}

.socks-text{
  text-align: center;
  font-size: 17px;
  color: #008C22;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.home-page-title.booking-title {
    margin-top: 0px;
}
#intro-image-home-page {
    width: 958px;
    height: 200px;
    background-repeat: no-repeat;
}
.home-page-leftpart {
    width: 600px;
    float: left;
    margin-top: 25px;
    font-family: arial;
}

.home-page-rightpart {
    width: 360px;
    margin-top: 25px;
    float: right;
    font-family: arial;
    height: ;
}
.home-page-rightpart h2 {
    font-weight: 400 !important;
    font-size: 18px;
}

#map {
    background: #000;
    height: 500px;
    width: 500px;
    margin: auto ;
    /*border: 1px solid #505050 ;*/
}
.booking-input-loc-type-new {
    width:310px;
    height:30px;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;
    cursor: pointer;
    /*background-color: #3C3C3C;*/
    background-color: #505050 ;
    border:none;

}
.long-input {
    width:600px;
}
.manage-login-input {
    width: 80%;
}
.manage-login-modal span.glyphicon  {
    background: #fff;
    color: #B87BC5;
    cursor: pointer;
    padding: 2px;
    margin-right: 10px;
    font-size: 13px;
    width: 14px;
    height: 14px;

}

.txt-mobile-login{
    color: #c6c8c7 !important;
    padding-left: 16px;
    padding-right: 10px;
    font-size: 28px !important;
    line-height: 34px;
    text-align: center;
}



.login-input-heading {
    width: 80%;
    margin-bottom: 20px;
    height: 13px;
    margin-top: 30px;
}
.facebook-button-header {
    margin-bottom: 50px;
    line-height: 20px;
}
.login-input-heading span.forgot:hover {
    color: white
}
.login-input-heading span.forgot {
    text-decoration: underline;
    cursor: pointer;
    color: #B87BC5;
}

.login-input-heading span.float-left {
    margin-left: 0px;
}

.tc-links-holder {
    margin-left: 5%;
    width: 90%;
}
.tc-link {
    cursor: pointer;
    text-decoration: underline;
}
.tc-links-holder span {
    margin-right: 12px;

}


.booking-loc-drop-menu-new {
    color:#C8C8C8;
    font-size:11pt;
    width:325px;
    position:absolute;
    background: #3C3C3C;
    z-index:100000;

}
.small-drop-menu {
    width: 85px;
}
#continue-button {
    text-align: center;
    line-height: 30px;
    font-size: 19px;
    margin-top: 30px;
    color: black;
}

.promocode-input {
    padding-left: 11px !important;
}
input.booking-input-loc-type-new.checkout-input {
    width: 260px !important;
}
.text-left {
    text-align: left !important;
}
.input-goh-dob-holder {
    width: 17% !important;
}
.terms-and-policy-span {
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    margin-left: 0px;
    margin-right: 7px;
    color: #fff;
    padding: 4px;
}

.terms-gift-span{
    width: 33px;
    height: 31px
    background: gray;
    font-size: 33px;
    margin: 0;
    margin-right: 8px;
}

.terms-and-policy-line {
    color: #C8C8C8;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 0px;
    height: 30px;
}
div.subscription-container {
    height: 75px;
}
.first-url-tp {
    margin-left: 10px;
    margin-right: 6px;
}
.terms-and-policy-line a{
    text-decoration: underline;
    color: #C8C8C8;
    font-family: Arial;

}
.dob-menu {
    width: 70px;
    min-width: 70px;
}
.dob-menu > ul > li {
    width: 70px;
}
.dob-menu > ul  {
    width: 70px;
}
.checkout-control {
    width: 88% !important;
}

.checkout-control-new {
    line-height: 40px !important;
}

.booking-loc-drop-menu-new > ul >li {
    /*background:#FF6000;*/
    height:24px;
    border-top:1px #3C3C3C solid;
    padding-left: 15px;
    line-height:25px;
    cursor:pointer;
    font-weight: 400;
    font-family: Arial;
}
.booking-loc-drop-menu-new > ul >li:hover {
    background-color: #3C3C3C !important;
}

.b-loc-next-button {
    width: 50%
}
.buttons-line-holder .b-loc-next-button {
    width: 20%
}
.input-goh-dob-holder  input.booking-input-loc-type-new.checkout-input {
    width: 70px !important;
}

.subscription-p {
    background: #C8C8C8;
    padding: 4px;
    color: #953194;
    width: 21px;
    height: 21px;

}


/*#VENUE HOME PAGE*/
#main-body {
    width: 960px;
}
.venue-page-part {
    width: 50%;
    vertical-align: top;
    /*margin-top: 30px;*/
}
.venue-page-leftpart {
    float: left;
}

.extras-act-name{
    margin-bottom: 12px;
    text-align: center;

}

.venue-page-rightpart {
    float: right;
}
.booking-type-button {
    width: 450px;
    height: 176px;
    background: #27AAE1;
    margin: auto;
    margin-top: 30px;
    cursor: pointer;
}
.booking-type-button-bab {
    border-radius: 8px;
}
.booking-type-button-bab.party-bab .type-name-background{
    background: url('/img/party-text.png');
    height: 41px;
    width: 385px;
    background-size: 370px 46px;
    background-repeat: no-repeat;
    background-position: 10px 24px;
}
.booking-type-button-bab.schoolgroup-bab .type-name-background{
    background: url('/img/school-text.png');
    height: 41px;
    width: 385px;
    background-size: 320px 46px;
    background-repeat: no-repeat;
    background-position: 10px 24px;
}
.booking-type-button-bab.specialevent-bab .type-name-background{
    background: url('/img/spe-text.png');
    height: 41px;
    width: 385px;
    background-size: 320px 46px;
    background-repeat: no-repeat;
    background-position: 10px 24px;
}
.booking-type-button-bab .type-info-party,.booking-type-button-bab .type-info {
    color: #fff;
    width: 245px;
    padding-top: 20px;
}
.booking-type-button-bab.party-bab {
    background: #FABC41
}
.booking-type-button-bab.schoolgroup-bab {
    background: #00B75B
}
.booking-type-button-bab.specialevent-bab {
    background: #FF325A
}



.parties-button {
    background-image: url('/img/parties-border.png');
    background-color: #E5006A;
}
.parties-button:hover {
    background-color: #fc2685;
}
.session-button {
    background-image: url('/img/session-border.png');
    background-color: #EFB40E;
}
.session-button:hover {
    background-color: #ffd61d;
}
.classes-button {
    background-image: url('/img/classes-border.png');
    background-color: #389B3E;
}
.classes-button:hover {
    background-color: #49cb51;
}
.schoolgroups-button {
    background-image: url('/img/schoolgroups-border.png');
    background-color: #27AAE2;
}
.schoolgroups-button:hover {
    background-color: #44e1ff;
}
.specialevents-button {
    background-image: url('/img/classes-border.png');
    background-color: #BF31B5;
}
.specialevents-button:hover {
    background-color: #D658CD;
}

.type-text-part {
    width: 50%;

}

.type-info {
    color: #000;
    padding-left: 30px;
    width: 125px;
}

.type-info-party {
    color: #000;
    padding-left: 30px;
    width: 220px;
}
.type-info-party p {
    margin-bottom: 0px;
}
div.type-price-part {
    width: 115PX;
    height: 115px;
    text-align: center;
    float:right;
    padding-top: 25px;
    padding-right: 40px;

}
.price-bg {
    width: 135PX;
    height: 135px;
    background: url('/img/price-circle.png') no-repeat;
    color: #000;
    background-position: center;

}
.price-bg-bab p{
    margin: 0px;
    line-height: 24px;
}
.price-bg-bab p.from{
    padding-top: 11px;
    margin: 0px;
}
.price-bg-bab {
    width: 110PX;
    height: 110px;
    background: #0061A7;
    background-position: center;
    border-radius: 55px;
    color: #fff;
    margin-top: 80px;

}
.rotate {

    /* Safari */
    -webkit-transform: rotate(-10deg);

    /* Firefox */
    -moz-transform: rotate(-10deg);

    /* IE */
    -ms-transform: rotate(-10deg);

    /* Opera */
    -o-transform: rotate(-10deg);

    /* Internet Explorer */


}
.nav-point-0{
    margin-left: 0px;
    margin-bottom: 4px;
}


.price-bg .from {
    padding-top: 25px;
}
div.type-price-part p {
    text-align: center;
    margin-bottom: 0px;


}
.booking-type-button-bab .type-name{
    margin-top: -104px;
}
.type-name{
    margin-left: 30px;
    font-size: 32px;
    text-transform: uppercase;
    padding-top: 31px;
    line-height: 32px;
    color: #000;
}
.type-name-background {
    margin-left: 30px;
    font-size: 32px;
    text-transform: uppercase;
    padding-top: 31px;
    line-height: 32px;


}

.all-special-events-cont {
    background: #953194;
    width: 100%;
    margin-top: 45px;
    padding: 10px;
}
div.all-special-events-cont.change-layout-for-button.black-bg{
    background: black;
}
.all-school-cats-cont {
    width: 100%;
    margin-top: 40px;
    padding: 10px;
}
.school-group-summary-cont {
    background: #953194;
    width: calc(100%-20px);
    padding: 10px;
    height: 350px;
    margin-bottom: 30px;
}
.school-group-summary-cont .reasons-list {
    padding-right: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.text-capitalise {
    text-transform: capitalize;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-normal {
    cursor: default !important;
}
.special-event-cont {
    width: 30%;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    height: auto;
    margin-top: 10px;
    /*height: 490px;*/
}
p.spe-summary-date {
    height: 52px;
}
.school-covered-list li {
    line-height: 20px;
}
.school-covered-list {
    list-style-type: disc;
    font-family: Arial;
    padding: 5px;
    padding-left: 20px;

}
.spe-desc.text-grey {
    line-height: 19px;
}
.sp-ev-name {
    font-size: 15px;
    width: 90%;
    margin-left: 5%;
}

.school-group-sum {
    font-size: 15px;
    height: auto;
    /*height: 260px;*/
    /*min-height: 210px;*/

}

.spe-summary p{
    width: 95%;
    margin-left: 5%;
    padding-bottom: 3px;
    min-height: 20px;
    font-size: 17px;
}
.spe-summary p:last-of-type {
    padding-bottom: 25px;
    min-height: 0px;
    max-height: 240px;
}
.spe-summary .classes-summary p{
    width: 90%;
    margin-left: 0px;
}
.spe-summary span.float-left {
    width: 37%;
    height: 18px;
}
.spe-summary span.fr {
    width: 60%;
    text-align: right;

}
.school-group-type-cont {
    vertical-align: top;
}

.school-group-sum span.float-left {
    width: 25%;
}
.spe-sum-p {
    min-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

.p-school-type{
    margin-bottom: 11px;
}

.days-qr{
    margin-left: 30px;
    margin-bottom: 6px;
}

div.spe-buyticket {
    background: #389B3E;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.book-now-class-button {
    width: 45%;
    margin-top: 3px;
}
div.spe-buyticket:hover {
    background: #4dd455;
}
.spe-desc {
    width: 90%;
    margin: auto;
    margin-top: 0px;
    margin-bottom: -10px;
    font-size: 14px;
    font-weight: 400;
    min-height: 65px;
}
.school-group-type-cont .spe-desc {
    height: initial;
}
/*# NEW NAVIGATION BAR */

#new-nav-cont {
    width: 100%;
}
#new-booking-nav-cont {
    width: 100%;
}
.session-navigation  {
    width: 100%;
}
#new-nav-cont div.nav-item.manage-nav-active {
    background: #23B853;


}
#new-nav-cont div.nav-item {
    width: 33%;
    color: #fff;
    text-align: center;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    background: #389B3E;
    border: 1px solid #4FB746;

}

#new-nav-cont.class-nav-1 div.nav-item {
    width: 49%;
    padding-left: 6px;
}
#new-nav-cont.class-nav-2 div.nav-item {
    width: 33%;
}
#new-nav-cont.class-nav-3 div.nav-item {
    width: 24%;
    padding-left: 7px;
}
#new-nav-cont.class-nav-4 div.nav-item {
    width: 19%;
    padding-left: 7px;
}



#new-nav-cont.manage-nav div.nav-item#home-new{

}
#new-nav-cont.manage-nav.steps-qnt-3 div.nav-item#home-new{
    padding-right: 3px;
}
#new-nav-cont.manage-nav.steps-qnt-4 div.nav-item{
    width: 19%;
    padding-left: 7px;

}
#new-nav-cont.manage-nav div.nav-item{
    width: 19%;
    padding-left: 7px;

}
#new-nav-cont.manage-nav.steps-qnt-3 div.nav-item{
    width: 23%;
    padding-left: 16px;

}
#new-nav-cont.gift-nav div.nav-item{
    width: 24.0%;
    padding-left: 7px;
    cursor:pointer;
    display:inline-block;

}
#new-nav-cont.schoolGroup-navigation div.nav-item {
    width: 24%;
}
#new-nav-cont.schoolGroup-navigation.length3 div.nav-item {
    width: 24%;
}
#new-nav-cont.schoolGroup-navigation.length2 div.nav-item {
    width: 32%;
}
#new-nav-cont.schoolGroup-navigation.length1 div.nav-item {
    width: 48%;
}
/*#home-new, #manage-new {*/
    /*border: 1px*/
/*}*/
#new-nav-cont .nav-item.active, #new-booking-nav-cont .nav-item.active {
    background: #3C3C3C;
    border: 1px solid #3C3C3C;
}


#new-nav-cont .nav-item.active,.session-navigation .nav-item.active {
    background: #3C3C3C;
    border: 1px solid #3C3C3C;
}

#home-new {
    padding-left: 3px;
}
.schoolGroup-navigation > #home-new {
    padding-left: 30px;
}

ul.reasons-list {
    /*font-size: 15px;*/
    font-family: Arial;
    font-weight: 400;
    /*line-height: 24px;*/
}
ul.reasons-list li {
    font-size: 15px;
    line-height: 24px;
}
.book-now-new-button {
    width: 70%;
    margin-top: 30px;
}
.slider-holder {
    overflow: hidden;
    height: 250px;
    width: 450px;
    background: #231F20;
    margin-top: 30px;
}
.class-slider-holder {
    height: 200px;
    width: 450px;
    background: #231F20;
    margin-top: 30px;
}
.slider-holder .slider-but {
    height: 29px;
    width: 29px;
    margin-top: 80px;
}
.class-slider-holder .slider-but {
    height: 29px;
    width: 29px;
    margin-top: 80px;
}
.slider-prev-but {
    background: url('/img/slider-prev.jpg');
}
.slider-next-but {
    background: url('/img/slider-next.jpg');
    float: right;
}
.packages-info-cont {
    width: 68%;
    /*width: 100%;*/
    vertical-align: top;
}

.packages-info-cont#manage-party-pack-cont {
    width: 100%;
}
.price-cont td#pack-instruction {
    overflow: visible;
}
#pack-instruction p {
    font-family: futuraheavy;
    line-height: 14px;
    cursor: default;
}

.recent-reviews-info-cont {
    width: 30%;
    /*background: #000000;*/
    font-family: Arial;

}
.review-text {
    font-size: 14px;
    font-weight: 400;
}
.review-cont {
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
}
.review-image {
    width: 100%;
    background: #505050;

}
#more-reviews {
    width: 90%;
    margin: 0 auto;
    border-top: 20px solid black;
}
.review-cont{
    overflow:hidden;
    height:300px
}

.rating {
    width: 50%;
}
.rating > div {
    width: 20px;
    height:19px;
}
.date-cont {
    width: 49%;
    font-size: 14px;
}
.star-ok {
    background: url('/img/star-ok.png')
}
.star-bad {
    background: url('/img/star-bad.png')
}
#packages-table {
    width: 100%;
    text-align:justify;

}
#note-for-dubbo {
  width: 90%;
  font-size: 18px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align:center;
}
#packages-table tr {
    border-bottom: 2px solid #000;
    height: 35px;
    line-height: 35px;
}
#packages-table tr.inclusions-tr {
    height: auto;
    min-height: 25px;
}
.weekdays-days {
    background: #E6006A;
    color: #fff;
}
.weekend-days {
    background: #389B3E;
    color: #fff;
}
.item-name {
    width: 205px;
    font-family: Arial;
    font-weight: 400;
    padding-left: 15px;
    font-size: 15px;
}
#itemsList .item-name {
    line-height: 23px;
    padding-bottom: 4px;
    padding-top: 4px;

}

.included {
    color: #963195;
}
.prices-cont, .included {
    width: 60px;
    max-width: 60px;
    padding-right:2px;
    text-align: center;
    font-size: 18px;
}
/*.prices-cont.special-pack-name {*/
    /*width: 80px;*/
    /*max-width: 80px;*/
    /*text-align: center;*/
/*}*/

.first-extras-row-container {
    height: 350px;
}

.package-party-level p {
    text-oveflow: ellipsis;
    width: 100%;
}


.package-party-level {
    background: #953194;
    padding-left: 0px;
    /*padding-right:11px;*/
    border-left: 5px solid black;
}
#note-for-dubbo {
    width: 90%;
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align:center;
}

.package-party-level.selected {
    background: #9FC83E;
}
.included.selected span {
    color: #9FC83E;

}
.item .booking-input-loc-type-new {
    width: 172px;
    padding-right: 28px;
    background-position: 192px 11px;
}
div.item li, div.item ul{
    width: 190px;
}
.extra-item-name {
    font-weight: 800;
    font-size: 14px;
}
.item .booking-loc-drop-menu-new {
    width: 190px;
}
.package-party-level p {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 100%;
    /*width: 110px;*/
    color: #fff;
    height: 50px;
    font-size: 18px;
    line-height: 25px;
    margin: auto;
}
.package-party-level.special-pack-name p {
    font-size: 15px;
    line-height: 15px;
    padding-top: 4px;
}
.prices-line .package-party-level.special-pack-name p {
    font-size: 18px;
    line-height: 30px;
    padding-top: 0px;
}

#itemsList tr {
    background: #505050 ;
}

#extras {
    width: 90%;
    margin-left: 5%;
    margin-top: 30px;
    text-align:justify;
}
.extra-line {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    border-bottom: 2px solid black;
}
.extra-name {
    float: left;
    padding-left: 15px;
    text-align: left;
    margin-bottom: 0px;
}
.extras-item-price {
    float: right;
    width: 100px;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 0px;
}

.extra-item-line {
    background: #505050;
}
.heading-extra {
    background: #953194;
    font-weight: 800;
}

.heading-extra p {
    padding-left: 15px;
    margin-bottom: 0px;
    width: 85%;
}

.selected-pack{
    font-weight: bolder;
    color: black;
}

.book-now-but2 {
    margin-left: 5%;
}
#new-booking-nav-cont .subnav-item, #new-booking-nav-cont .nav-item{
    display: inline-block;
    color: #fff;
    text-align: center;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    width: 17%;
    line-height: 40px;
    border-top: 1px solid #4FB746;
    border-bottom: 1px solid #4FB746;
}
.session-navigation .subnav-item, .session-navigation .nav-item{
    display: inline-block;
    color: #fff;
    text-align: center;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    width: 17%;
    line-height: 40px;
    border-top: 1px solid #4FB746;
    border-bottom: 1px solid #4FB746;
}
#new-booking-nav-cont #home-new {
    padding-left: 3px;
    vertical-align: top;
    border-bottom:  1px solid #3C3C3C;
    border-top:  1px solid #3C3C3C;
}
.session-navigation #home-new {
    padding-left: 3px;
    vertical-align: top;
    border-bottom:  1px solid #3C3C3C;
    border-top:  1px solid #3C3C3C;
}

.subnav-trigon {
    border: 2px solid #50B849;
}
input.ld-input{
    border: none;
    border-radius: 0px;
    height: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}
.ld-input-heading {
    font-family: Arial;
    font-weight: 400;
    margin-bottom: 3px;
    font-size: 15px;
}
.input-line-holder {
    width: 100%;
    margin-top: 15px;
}
.expand-times-line {
    margin-left: 10px;
}

.venue-page-leftpart.ld-page-part {
    width: 70%;
}
.venue-page-rightpart.ld-page-part {
    width: 29%;
}
.input-loca-and-date-holder {
    width: 50% !important;
    vertical-align: top;

}
.input-checkout-holder {
    width: 70% !important;
    float: left;
}
.heading-sumary-line {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}
.packages-header {
    margin-top: 30px;
}
.prices-line {
    height: 25px;
}
.prices-line td{
    height: 25px;
}
.prices-line p{
    height: 25px;
    line-height: 30px;
}

#feedback-area{
    margin-top: 20px;
    width: 600px;
    height: 105px;
    background: #c8c8c8;
}

#m-feedback-area{
    margin-top: 20px;
    width: 87%;
    height: 500px;
    background: #c8c8c8;
    font-size: 29pt;
    padding: 12px;
    line-height: 43px;
}

#m-prewiv-photo{
    max-width: 638px;
    max-height: 322px;
}

#m-prewiv-photo{
    margin-top: 20px;
}

#m-upload-photo{
    width: 89%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#m-upload-video{
    width: 89%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#prewiv-video{
    background: #FFF;
    width: 227px;
    height: 180px;
}

#m-submit-rev{
    width: 93%;
    margin: 0;
    margin-top: 26px;
}

.title-line-packs {
    background: #953194;
}
.title-line1 {
    border-bottom: 2px solid #953194;
}
#packages-table td {
    overflow: hidden;
}
.special-events-line {
    margin-bottom: 45px;
}
.sp-ev-name-line1 {
    height: 25px;
}
.school-group-type-cont .sp-ev-name-line1 {
    height: 45px;
}
.sp-ev-name-line2 {
    height: 28px;
}
.spe-sum-heading, .spe-sum-text {
    font-family: Arial;
    font-weight: 400;
}

/*MANAGE*/
.manage-button:hover {
    background: #23B853;
}


.manage-button {
    display: inline-block;
    font-weight: 800;
    color: #fff;
    background: #009B47;
    width: 24%;
    height: 50px;
    vertical-align: top;
    line-height: 50px;
    margin-right: 5px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;

}
.manage-guestslist .manage-button {
    width: 236px;
}
.manage-button:last-of-type {
    margin-right: 0px;
}
#logout-manage-button {
    width: 89%;
    margin-left: 4%;
    margin-bottom: 10px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
}
#payfinal-manage-button {
    width: 89%;
    margin-left: 4%;
    margin-bottom: 10px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
}

.star-rate{
    cursor:pointer
}

#rate-cont > .glyphicon-star{
    color: #FFD700 !important
}

/*GUEST LIST TABLE*/

.guestlist-header-block  .th-div {
    background: #9D2E90;
    color: #fff;
    text-align: left;
    font-weight: 800;
    border-right: 3px solid black;
    font-size: 14px;
    font-family: Arial;
    height: 30px;
    padding-left: 15px;

}
.guestlist-header-block {
    background: #000;

}
#new-guest-form input.new-guest-email{
    width: 49%
}

#new-guest-form input.new-guest-email-gifts {
    width: 44%;
}


.new-guest-form2 input.new-guest-email{
    width: 553px !important;
}
.table-waiver-holder .new-guest-form2 input {
    padding-right: 6px;
    padding-left: 10px;
}
.table-waiver-holder .new-guest-form2 span.glyphicon {
    padding-left: 7px;
    padding-right: 7px;
    margin-left: 3px;
}
#new-guest-form input{
    border: none;
    border-right: 3px solid black;
    height: 22px;
    background: #c7c7c7;
    vertical-align: top;
    width:151px;
    margin-top: -30px;

}
.guest-line-tr {
    width: 100%;
    min-width: 100%;
}
#new-guest-form .glyphicon {
    width: 22px;
    height: 20px;
    background: #009C49;
    color: #fff;
    padding: 5px;
    font-size: 24px;
    line-height: 18px;
    vertical-align: top;
    margin-top: -3px;
    cursor: pointer;
    padding-left: 5px;
    padding-top: 6px;
}
#new-guest-form .glyphicon.gifts-plus-icon {
    margin-top: -31px;

}

#new-guest-form {
    width: 100%;
    height: 90px;

}
.step3-edit .glyphicon {
    background: #fff;
    width: 19px;
    margin-left: 4px;
    height: 17px;
    color: #009C49;
    padding-left: 4px;
    padding-top: 4px;
    font-size: 16px;
    margin-top: 3px;

}

.step3-edit .glyphicon.glyphicon-empty-place {
    background: #009C49;
    cursor: not-allowed;
}


.guest-lines-block .td-div {
    padding-left:15px;
    background: #515151;
    color: #C7C7C7

}
.table-waiver-holder .guest-lines-block .td-div {
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 2px;
    height: 30px;
    line-height: 33px;
    vertical-align: top;
}
.table-waiver-holder .guest-lines-block .td-div.step3-edit {
    padding-left: 2px;
    vertical-align: top;
}

.guest-lines-block {
    height: initial;
    overflow: inherit !important;
    margin-bottom: 50px;

}
.td-div-mobile{
    background: #505050;
    margin: 0 auto;
    margin-top: 2px;
    padding: 12px;
    width: 78%;
    height: 50px;
    line-height: 54px;
    font-size: 27px;
}

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

#m-rate-cont{
    display:block;
    text-align: center;
    font-size: 79px;
    margin-top: 30px;
}

input.guest-response-input {
    background-image: url('/img/arr-for-inputs.png');
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: 97% 8px;
    width: 98%;
    height: 21px;
    line-height: 21px;
    font-size: 13px;
    background-color: #515151 !important;
    border: none;
    color: #C7C7C7 !important;
}
.guest-input-holder {
    padding-left: 2px !important;
    width: 109px !important;
}


.guest-lines-block .td-div.step3-edit .glyphicon-pencil {
    background: #009B47;
    color: #fff
}
.guest-lines-block .td-div.step3-edit {
    background: #009B47;
    color: #fff
}
.guest-lines-block {
    width: 100%  ;
    /*width:calc(100% + 4px) ;*/
}
.guest-line-tr  {
    border-top: 4px solid black;
    height: 30px;
}
.guest-line-tr .td-div {
    border-right: 3px solid black;
    height: 30px;
}
.td-div {
    display: inline-block;
}
#table-emit-holder {
    width: 100%;
    min-height: 200px;
    height: auto;

}
.guestlist-header-block {
    width: 960px !important;
    height: 30px;
}
.guestlist-header-block.wide-for-scroll {
    width: 960px !important;
}
 /*#CLASSES TABLE*/

.classes-table{
    width: 100%;
    margin-top: 30px;
}
#classes {
    width: 100%;
    font-size: 16px;
}
#classes > tr {
    width: 100%;
    height: 40px;
    line-height: 40px;

}
.guest-response-dropdown ul{
    width: 100px;
    background: #C7C7C7;
}
.guest-response-dropdown li:hover{
    background: #ACA5A5;
    color: #241A1A
}
.guest-response-dropdown li{
    width: 94px;
    padding-left: 6px;
    border-top: 2px solid #302626;
    background: #8C8383;
    color: 3241A1A
}

.guest-response-dropdown {
    width: 100px;
    min-width: 100px;
}
#classes  td {
    text-align: center !important;
}
.classes-line {
    height: 35px;
    line-height: 35px;
    font-family: Arial;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
.class-type-name {
    width: 100%;
    background: #9D2E90;
    font-family: Arial;
}
.class-type-name td {
    width: 100%;
    max-width: 100%;
    font-weight: 800;

}
.class-table-headings {
    background: #3E3E3E;
}
.class-line {
    background: #515151;
}
#classes td.class-day {
    width: 110px;
    text-align: left !important;
    padding-left: 10px;
}
#classes .class-time {
    width: 10px;
}
#classes .class-duration {
    width: 10px;
}
#classes .class-start-date {
    width: 120px;
}

#classes .class-finish-date {
    width: 120px;
}
#classes .class-ages {
    width: 80px;
}

#classes .class-qnt {
    width: 10px;
}

#classes .class-casual-fee {
    width: 90px;
}
#classes .class-casual-checkbox {
    width: 20px;

}
#classes .class-series-fee {
    width: 90px;
}
#classes .class-series-checkbox {
    width: 20px;
    padding-right: 5px;
}
.class-checkbox-holder{
    color: black;
    height: 28px;
    margin-top: 5px;

}

.class-checkbox-holder p {
    margin-bottom: 0px;
    width: 17px;
    height: 17px;
    padding: 3px;
    background: #C7C7C7;
    vertical-align: top;
}
.class-checkbox-holder.disabled-class-checkboox {
    cursor: not-allowed;
}
.class-checkbox-holder.disabled-class-checkboox p{
    background: #6D6D6D;

}
.class-checkbox-holder span {
    margin-bottom: 0px;
    width: 17px;
    height: 17px;
    padding: 3px;
    background: #C7C7C7;
}
.book-class-button {
    margin-top: 30px;
    float: right;
    width: 30%;
}
.container-policy {
    width: 960px;
    /*width: 200px;*/
    margin: auto;
    text-align: center;
    overflow:auto;
}

.buttons-line-holder .left-button {
    float: left !important;
    margin-left: 40px;
    cursor: pointer;
    width: 15%;
    margin-right: 120px;

}
.mt30 {
    margin-top: 30px;
}
.conf-btn-green {
    background: #008C22;
}
.conf-btn-green:hover {
    background: #25B853;
}
.conf-btn-blue  {
    background: #00AADE;
}
.conf-btn-blue:hover {
    background: #00c1f6;
}

#waiver-btn{
  width: 80%;
  height: 55px;
  line-height: 55px;
}

.conformation-link-button {
    color: white;
    cursor: pointer;
/*    height: 45px;*/
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 45px;
    text-align: center;
    width: 65%;
}
.conformation-link-button.ie9 {
    width: 75%;
}
.manage-login-modal {
    background: #9D2E90;
    left: 39%;
    text-align:justify;
}
.glyphicon.close-button {
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}
.login-form-part {
    width: 45%;
    margin-left: 5%;
    display: inline-block;
    height: 250px;
    vertical-align: top;

}
.login-form-part.float-right {
    height: 100px;
}
.text-bold {
    font-weight: 800;
}

.media-holder {
    width: 32%;
    margin-left: 10px;
    vertical-align: top;
}
.media-holder > .manage-button {
    width: 95%;
    margin-left: 2.5px;
}
.media-holder  .media-image-placeholder {
    width: 95%;
    margin-left: 2.5px;
    height: 218px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 20px;

}
.mwp-heading {
    margin-left: 15px;
}


.media-image-placeholder-photo {
    background: url('/img/photo-placeholder.png');
}
.media-image-placeholder-photo img{
    width: 100% ;
    height: 100%;
}
.media-image-placeholder-video {
    background: url('/img/video-placeholder.png');
}
.media-image-placeholder-mwp img{
    width: 100% ;
    height: 100%;
}
.media-image-placeholder-mwp {
    background: url('/img/mwp-placeholder.png');
}
div.manage-party-info {
    height: 590px !important;
    min-height: 590px !important;
}
.new-control-width {
    width: 88%
}
.manage-checkout-control-text {
    width: 92%;
    float: right;
    margin-right: 10px;
}
.manage-buttons-line-holder {
    margin-bottom: 50px;
    height: 30px;
}
#iframe-container {
    width: 962px;
    margin: auto;
    color: #fff;
    height: auto;
}

.cut-long-text {
    padding-right: 28px;
    width: 282px;
}
.wide-input-arrow-image {
    background-image: url('/img/arr-for-inputs.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 300px 11px;
    width: 282px;
    border-right: 28px solid transparent !important;
    line-height: 30px;
    background-origin: padding-box;
}

.wide-input-arrow-image-mobile{
    background-image: url('/img/arr-for-inputs-mobile.png');
    background-size: 40px;
}

.middle-input-arrow-image {
    background-image: url('/img/arr-for-inputs.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 95% 11px;
}
.small-input-arrow-image {
    background-image: url('/img/arr-for-inputs.png');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 60px 11px;
}


.party-extras-booking-container {
    width: 250px;
    height: 202px;
    margin-left: 40px;
    margin-bottom: 80px;
}
.hide-for-desktop {
    display: none;
}

#add-mob-inps input::-webkit-input-placeholder {color:#505050; font-size: 35px;}
#add-mob-inps input::-moz-placeholder          {color:#505050; font-size: 35px;}/* Firefox 19+ */
#add-mob-inps input:-moz-placeholder           {color:#505050; font-size: 35px;}/* Firefox 18- */
#add-mob-inps input:-ms-input-placeholder      {color:#505050; font-size: 35px;}

.invite-modal{
    background: #41AD49;
}
.invite-modal-mobile{
    background: #41AD49;
}
.credit-card p {
    font-size: 30px;
}
.payment-method-checkout > div {
    display: inline-block;
}
.button-img-holder {
    width: 70px;
    height: 100%;
}
.button-text-holder {
    width: 85%;
    height: 100%;
}
div.payment-method-checkout {
    width: 650px;
    text-transform: uppercase;
    padding-left: 20px;
    text-align: left;
    height: 45px !important;
    line-height: 45px;
    border-radius: 5px;
    font-weight: 800;
    /*font-family: FuturaBoldOblique;*/

}
div.payment-method-checkout p {
    margin-left: 7px;
    font-size: 19px;
    display: inline-block;
    margin-bottom: 0px;
}
div.payment-method-checkout span.small-span-checkout {
    text-transform: none;
    font-size: 12px;
    margin-left: 7px;
    margin-top: -5px;
    line-height: 58px;
    /*font-family: FuturaBoldOblique;*/
}

div.payment-method-checkout .home-page-title {
    margin-top: 0px;
    padding-top: 0px;
}
div.payment-method-checkout img {
    margin-right: 7px;
    margin-top: 5px;
}

#pay-eWay-form > div {
    height: 40px;
}
.eway-field-cont.dropdown {
    width: 100%;
}

.eway-field-cont input.booking-input-loc-type-new.checkout-input {
    width: 400px !important;
    float: right;
}
.eway-field-cont input.booking-input-loc-type-new.checkout-input.float-left {
    float: left;
}
.eway-field-cont input.wide-input-arrow-image.booking-input-loc-type-new.checkout-input {
    width: 375px !important;
    background-position: 105% 11px;
}
.eway-field-cont input.middle-input-arrow-image.booking-input-loc-type-new.checkout-input {
    width: 180px !important;
    background-position: 95% 11px;

}
.eway-field-cont #honor-cont {
    width: 415px;
}
.eway-field-cont {
    height: 40px ;
    padding-top: 15px;
    width: 670px;
}

#print-invitation-select-holder  {
    margin-bottom: 20px;
    margin-top: 60px;
}
#print-invitation-select-holder input {
    padding-left: 10px;
    border: none;
    line-height:30px;
    font-size: 16px;
}
#print-invitation-select-holder li {
    line-height: 30px;
    font-size: 16px;
    font-weight:400;
    padding-left: 10px;

#print-invitation-select-holder  {
    margin-bottom: 20px;
    margin-top: 60px;
}
#print-invitation-select-holder input {
    padding-left: 10px;
    border: none;
    line-height:30px;
    font-size: 16px;
}
#print-invitation-select-holder li {
    line-height: 30px;
    font-size: 16px;
    font-weight:400;
    padding-left: 10px;
}
#print-invitation-select-holder .print-invitation-select {
    display: inline-block;
    margin-left: 20px;
}

#print-invitation-select-holder .dropdown-menu {
    width: 220px;
}

/*WHITE SPACES STYLES*/

}
#print-invitation-select-holder .print-invitation-select {
    display: inline-block;
    margin-left: 20px;
}
#print-invitation-select-holder .dropdown-menu {
    width: 220px;
}

/*WHITE SPACES STYLES*/
#white-space-cont {
    width: 100% ;
    margin-top: 40px;
}
#white-space-cont .time-line {
    margin-top: 13px;
}
/*#white-space-cont .time-line > div.time-value {*/
    /*background: #c6c6c6;*/
/*}*/

#white-space-cont .time-line > div {
    display: inline-block;

    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}
#white-space-cont .time-book {}

#white-space-cont .time-flippers-bg {
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 23%;
    max-width: 81%;
    text-align: center;
    border: 2px solid transparent;
    position: relative;
}
#white-space-cont .time-value {
    border: 2px solid transparent;
}
#white-space-cont .time-flippers-bg:hover, #white-space-cont .time-flippers-bg.selected, #white-space-cont .time-value.selected {
    border: 2px solid #9DEC05;
    /*height: 36px;*/
}
/*.time-flippers-bg.width1:hover, .time-flippers-bg.selected.width1 {*/
    /*width: calc(81%-4px);*/
/*}*/
/*.time-flippers-bg.width2:hover, .time-flippers-bg.selected.width2 {*/
    /*width: calc(40%-4px);*/
/*}*/
/*.time-flippers-bg.width3:hover, .time-flippers-bg.selected.width3 {*/
    /*width: calc(26%-4px);*/
/*}*/
#white-space-cont .width1 {

    width: 81%;
}
#white-space-cont .width2 {
    width: 40%;
}
#white-space-cont .width3 {
    width: 26%;
}
#white-space-cont .time-flippers-text {
    margin-top: -40px;
    text-align: center;
}
#white-space-cont .time-flippers-booked {
    max-width: 100%;
    background: #9C3A8F;
    height: 40px;
    float: left;
    /*width: 56%;*/
    margin-top: -50px;
    border: 1px solid #9C3A8F;
}
.time-flippers-bg p {
    width: 100%;
    text-align: center;
}


div.next-white-space-button {
    float: left: !important;
    margin-left: 13px;

}

.select-guests-title-line {
    background: #9C3A8F ;
    width: 100%;
    height: 34px;
}
.select-guests-line {
    background-color: #515151 ;
    width: 100%;
    border-bottom: 2px solid black;
    height: 32px;

}
.ws-drop-menu {
    font-size: 11pt;
    width: 64%;
    margin-left: 20px;
    position: absolute;
    background: #3C3C3C;
}
.ws-drop-menu ul li {
    height:24px;
    border-top:1px #3C3C3C solid;
    padding-left: 15px;
    line-height:25px;
    cursor:pointer;
    font-weight: 400;
    font-family: Arial;
}

#prices-table-cont {
    width: 100%;
    margin-top: 115px;
    font-family: Arial;
}
#prices-table-cont table {
    width: 92%;
    margin-left: 4%;
}
#prices-table-cont thead tr {
    background: #9C3A8F;
}
#prices-table-cont th {
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
    /*color: #C7C7C7;*/
}
#prices-table-cont tr {
    background: #515151;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    line-height: 32px;
}
#prices-table-cont td {
    color: #C7C7C7;
    font-size: 15px;
    text-align: left;
    padding-left: 15px;
}




.ws-guests-dropdown {
    background-color: #C7C7C7;
    background-image: url('/img/arr-for-inputs-dark.png');
    background-position: 97% 9px ;
    background-repeat: no-repeat;
    background-size: 15px;
    cursor:pointer;
    width: 70%;
    height: 26px;
    line-height: 26px;
    padding-left: 15px;
    margin-top: 3px;
    color: #515151;
}
.select-guests-title-line >div,.select-guests-line >div {
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-weight: 400;
    width: 11%;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    margin-left: 30px;
    vertical-align: top;
}
.select-guests-title-line .ws-qnt.ws-qnt-uk, .select-guests-line .ws-qnt.ws-qnt-uk{
    /*color: red ;*/
    width: 17%;
}
.select-guests-title-line >div:not:first-of-type,.select-guests-line >div:not:first-of-type {
    padding-left: 20px;
    margin-left: 0px;
}
div.ws-age {
    width: 14%;
    text-overflow: ellipsis;
}

div.ws-act {
    width: 10%;
    text-overflow: ellipsis;
}

.buttons-line-holder  div.ws-guests-back-button {
    margin-left: 13px;
    margin-right: 0px;
    width: 39%;

}
.buttons-line-holder  div.ws-guests-next-button {
    width:   39%;
}
.food-item-tooltip {
    background: #953195;
    position: absolute;
    width: 195px;
    max-width: 200px;
    text-align: center;
    margin-top: -16px;
    padding-left: 20px;
    padding-right: 20px;
    right: 5px;
    /*height: 35px;*/
    color: #C7C7C7;
    z-index: 100;
}
.design-cake-img {
    width: 250px;
    height: 245px;
}
.white-space-tooltip {
    background: #C7C7C7;
    position: absolute;
    width: auto;
    max-width: 200px;
    text-align: center;
    margin-top: -40px;
    padding-left: 20px;
    padding-right: 20px;
    right: 5px;
    height: 35px;
    color: #515151;
}
.food-item-tooltip-header {
    color: white;
    font-size: 15px;
    text-align: left;
    line-height: 19px;
    margin-top: 10px;
    margin-bottom: 10px;

}
.food-item-tooltip-subheader {
    font-size: 12px;
    margin-top: -20px;
    font-family: Arial;
}
.food-item-tooltip-text {
    color: white;
    font-size: 13px;
    line-height: 14px;
    font-family: Arial;
    margin-top: -15px;
}
.food-item-tooltip.food-item-tooltip-shevron {
    background-color: transparent;
    right: 90px;
    margin-top: -24px;
    background-image: url('/img/arr-for-food-tooltip.png');
    background-position: 0px 0px;
    background-size: 20px 12px;
    width: 13px;
    height: 10px;
    background-repeat: no-repeat;
}
.white-space-tooltip.white-space-tooltip-shevron {
    background-color: transparent;
    right: 5px;
    margin-top: -7px;
    background-image: url('/img/arr-for-tooltip.png');
    background-position: 0px 0px;
    background-size: 15px 8px;
    width: 13px;
    height: 10px;
    background-repeat: no-repeat;

}
.time-line>div.time-book.disabled, div.time-book.time-book-mobile.disabled {
    background: #808080;
    color: #ffffff !important;

}
.gb-extra-cnfirm-button {
    width: 100% !important;
    height: 50px;
    background: red;
    color: white;
    float: left !important;
}
.schgr-book-button {
    width: 100%;
}
.schgr-info-part {
    min-height: 400px;
}
.new-guest-form-control {
    display: inline-block;
    width: 68px;
    color: white;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    margin-top: -32px;
}
.my-carousel > div > a {
    background: #515151;
    border-radius: 0px;
    border: 0px solid;
    opacity: 1;
    color: #c8c8c8;
    font-size: 35px;
    width: 32px;
    height: 32px;
    top: 133px;
}


.img-activity-pack{
  width: 40px;
}

/*SESSIONS WITH MULTI ACTIVITY*/

.activity-selector {
    display: inline-block;
    text-align: center;
    border: 1px solid #B9B7B6;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    background: black;
    cursor: pointer;
}
.activity-selector:hover, .activity-selector.selected {
    background: #515151;
}
.activity-selector p {
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;

}
.activity-selector .activity-icon {
    margin-top: 12px;
    width: 70px;
    height: 70px;
}

.modal-act-btn{
    background: green;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    cursor:pointer;
    width: 50%;
    margin:auto;
    margin-bottom:15px;
}



.disabled-act{
  opacity: 0.5;
  background: black !important;
  border: 2px solid #505050;
}

#activitiesSelection {
    min-height: 180px;
}
.view-selector {
    width: 16px;
    height: 15px;
    border: 1px solid white;
    padding: 3px;
    margin-right: 9px;
    margin-top: 4px;
}
.view-selector-heading {
    line-height: 34px;
    vertical-align: top;
}
#ws-summary-cont {
    width: 53%;
    float: right !important;
}
#ws-summary-cont.float-left {
    float: left !important;
}
#ws-summary-cont div#ws-summary-next-button.summary-control {
    width: 25%;
    float: left !important;
}
#ws-summary-cont div.summary-item {
    font-family: Arial;
    border: none;
    height: 30px;
    font-size: 16px;
}


#ws-summary-cont #summary-info {
    width: 93%;
    padding: 15px;
    min-height: 155px;
}
#ws-summary-cont #summary-info.summary-edit-advice {
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -5px;

}
.tool-act-panel{
  float:right;
  margin-left:6px;
  cursor:pointer;
}

#limited-note-cont{
    width: 100%;
    height: 100%;
/*    background-color: #FFAA00;*/
    color: #FFF;
    display: inline-block;
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
}

#limited-note-header{
    text-transform: uppercase;
    text-align: center;
/*    font-size: 23pt;*/
    font-weight: normal;;
    font-family: Arial;
    font-size: 14px;
}

#limited-note{
    text-align: center;
/*  margin-top: 30px;*/
/*  font-size: 23pt;*/
    font-family: Arial;
    font-size: 14px;
}

#terms-nz{
    height: 150px;
    width: 100%;
    resize: none;
    cursor: default !important;
}

#note-nz-ssl{
    margin-top: 17px;
    color: #ABABAB ;
    text-align: center;
    font-family: Arial;
    padding: 10px;
    font-size: 12px;
    line-height: 15px;
}

#waiver-container{
    position:relative;
}

.table-waiver-holder div.guest-line-tr.tr-div{
    line-height: 30px !important;
    height: auto !important;
}
.waiver-table .th-div{
    background: #9D2E90;
    color: #fff;
    text-align: left;
    font-weight: 800;
    border-right: 3px solid black;
    font-size: 13px;
    font-family: Arial;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
    padding-right: 3px;
    float: left;
    vertical-align : top;
    margin-top: 2px;
}

.waiver-table .th-div.step3-edit {
    padding-left: 2px
}
.waiver-header{
    margin-bottom:10px;
    margin-top:10px;
}

#waiver-container > .input-line-holder{
    position:relative;
}

.table-waiver-holder{
    width:100%;
}

.table-waiver-holder .col-db{
    width: 13% !important;
    float: left;
}

.table-waiver-holder .name-col {
    width: 20% !important;
    float: left;
}

.table-waiver-holder .step3-email {
    width: 29% !important;
}

.table-waiver-holder .gender-inp {
    margin-right: 4px;
    height: 30px;
    width: 9%;
    top: -30px;
    position:relative;
}

.table-waiver-holder .step3-country {
    width: 26% !important;
}
.table-waiver-holder .step3-city {
    width: 17% !important;
}
.table-waiver-holder .step3-phone {
    width: 18% !important;
}
.table-waiver-holder .gender-inp-label {
    margin-right: 4px;
    width: 10%;
}

#waiver-container .party-table-container{
    height: 100%;
    overflow: hidden;
}

.waiver-link{
  color:#FFF;
  cursor:pointer;
}

#waiver-container .new-guest-form-control{
    width: 33px;
}

#waiver-footer-header{
    margin-top: 35px;
    border-top: 2px solid;
}

#waiver-language{
    text-align: right;
    padding: 5px 0px 5px 0px;
}

#waiver-language a {
    position: relative;
    top: -3px;
}

#waiver-terms{
    display:inline-block;
}
.waiver-td{
    text-align:center;
    width:33%;
}
.waiver-tick-m{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -8px;
}

#waiver-language-m{
    text-align: right;
    padding: 5px 0px 5px 0px;
}
#waiver-language-m > p{
    display: inline-block;
}

.checkbox-has-waiver{
    background: #FFF;
    margin-left: 37px;
    width: 15px;
    height: 15px;
    color:#009C49;
}
.vegan-leaf {
    font-family: Vegetariannormal;
    color: #0b9f0b;
    font-size: 25px;
}
.extra-item-desc-link {
    color: #0D772A;
    cursor: pointer;
    text-decoration: underline;
}

.extra-item-desc-link-w {
    color: #FFF;
    cursor: pointer;
    text-decoration: underline;
    position: relative;
    left: 9px;
}

.gender-drop-input{
    width: 225px;
    background-position: 242px 11px;
}

#find-guardian{
    width: 146px;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
}
.waiver-new-guest.new-guest-form2 input{
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 40px;
}
.waiver-new-guest.new-guest-form2 .name-col{
    width: 20% !important;
}
.waiver-new-guest.new-guest-form2 .col-db{
    width: 19% !important;
}
.waiver-new-guest.new-guest-form2 .glyphicon{
    paddind-left: 2px;
}
.waiver-new-guest.new-guest-form2 .gender-inp {
    width: 15%;
    vertical-align: top;
    margin-top: -30px;
    height: 30px;
    margin-right: 8px;
}
.waiver-new-guest.new-guest-form2 .step3-phone{
    width: 18% !Important;
}
.waiver-new-guest.new-guest-form2 .step3-email{
    width: 24% !Important;
}
p.waiver-header {
    font-size: 20px;
    height: auto;
    min-height: 53px;
}
.special-block-text {
    width: 90px;
    position: relative;
    left: -110px;
    border-top: 2px solid #EE2C2C;
    border-bottom: 2px solid #EE2C2C;
}
.special-block-text p {
    font-size: 20px;
}

@media
    /* Smartphones (portrait and landscape) */
only screen and (max-width : 480px),
    /* iPhone 4 */
only screen and (min-device-width: 300px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),
    /* iPhone 5 */
only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 560px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (max-device-width: 720px),
only screen and (max-device-width: 1000px) and (orientation: landscape)
/*only screen and (device-width: 601px)*/
{
    /*body {*/
        /*background: bisque;*/
    /*}*/
    .design-cake-img {
        width: 70%;
        height: 320px;
        margin-left: 15%;

    }
    #terms-nz {
        min-height: 300px;
        font-size: 20px;
    }
    #note-nz-ssl {
        font-size: 19px;
        line-height: 22px;
    }
    #a9 > div > input {
            height: 25px;
            font-size: 11pt;
    }
    .gender-cont{
        top: 6px;
    }

    /*PAYMENT SELECTOR STYLES*/
    .price-bg-bab p {
        font-size: 33px;
        line-height: 37px;
    }
    .price-bg-bab p.from {
        padding-top: 28px;
    }
    .price-bg-bab {
        width: 190PX;
        height: 190px;
        border-radius: 95px;
        margin-top: 10px;

    }

    .gender-cont > div > input{
        height: 32px !important;
        font-size: 11pt !important;
        padding: 0px 0 0 10px !important;
        width: 210px !important;
        background: url("/img/admin/down-arrow.png") 182px -2px no-repeat whiteSmoke !important;
        font-weight: normal;
        border-radius: 1px;
        margin: 0px 0px 0px 0px;
        border: 0px;
    }

    .gender-cont > ul > li{
        width: 182px !important;
        font-size: 12pt !important;
    }

    #waiver-cont-m{
        padding: 0px 10px 0px 10px;
    }

    .open-arabic-terms{
        font-size:11pt;
    }

    .open-english-terms{
        font-size:11pt;
    }
  
    #waiver-done-mobile{
        font-size:18pt;
    
    }
    
    /*MULTIACTIVITIES WHITE SPACE DUBAI*/
    .waiver-guest-gender {
        background: #C7C7C7;
        margin-top: 3px;
        border: 1px solid #A7A4A4;
        height: 56px;
        line-height: 56px;
        font-size: 36px;
        padding-left: 11px;
        color: black;
        font-family: Arial;
    }
    .mt30 {
        margin-top: 50px;
    }
    .view-selector {
        width: 50px;
        height: 50px;
        border: 2px solid white;
        padding: 4px;
        margin-right: 17px;
        margin-top: 4px;
        font-size: 42px;
    }
    .view-selector-heading {
        line-height: 65px !important;
        vertical-align: top;
        margin-top: 20px !important;
        font-size: 35px !important;
        width: 86% !important;
    }
    .activity-selector {
        width: 40%;
        height: auto;
        margin-right: 5%;
        border: 2px solid #B9B7B6;
    }
    
    .disabled-act {
      border: 3px solid #505050;
    }
    
    .activity-selector p {
        font-size: 30px;
        margin-top: 9px;
        margin-bottom: 30px;
    }
    .activity-selector .activity-icon {
        margin-top: 12px;
        width: 120px;
        height: 120px;
    }
    #ws-summary-cont-m {
        width: 80%;
        margin-left: 10%;
    }
    #ws-summary-cont-m #summary-info .summary-item div {
        height: 46px;
        line-height: 46px;
    }
    #ws-summary-cont-m #summary-info .summary-item {
        font-size: 30px;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        /*border: none !important;*/
    }
    #ws-summary-cont-m #summary-info {
        padding: 30px;
        font-size: 30px;
    }
    /*WHITE SPACE MOBILE STYLES*/
    .my-carousel > div > a {
        top: 41% ;
        font-size: 65px;
        line-height: 41px;
        width: 50px;
        height: 55px;
    }

    .class-type-expand-but {
        width: 80%;
        margin-left: 10%;
        margin-top: 30px;
        background: #515151;
        color: #fff;
        font-size: 40px;
        line-height: 55px;
        height: 55px;
    }
    .terms-casual-expand:not(:first-of-type) {
        margin-top: 0px;

    }
    .terms-casual-details p, .terms-casual-details span {
        font-size: 26px ;
        line-height: 28px;
    }
    .details-part .class-details-heading {
        color: #C7C7C7;
        width: 33%;
        margin: 0px;
        display: inline-block;
    }
    .details-part:first-of-type {
        padding-left: 15px;
    }
    .details-part {
        width: 48%;
        vertical-align: top;
        padding-top: 20px;
    }
    .terms-casual-details {
        background: #3E3E3E;
        color: #fff;
        padding-bottom: 20px;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
    }
    .terms-casual-expand {
        background: #9C3A8E;
        color: #C7C7C7;
    }
    .terms-casual-title span {
        padding-left: 12px;

    }
    .terms-casual-title .glyphicon{
        background: #C7C7C7;
        color: #9C3A8E;
        padding: 3px;
        float: right;
        width: 41px;
        margin-right: 10px;
        height: 41px;
        text-align: center;
        line-height: 41px;
    }
    .terms-casual-title {
        background: #515151;
        cursor: pointer;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        height: 50px;
        line-height: 50px;
        font-size: 35px;
    }
    .class-type-expand-block .spe-sum-text {
        line-height: 30px;
        height: auto;
        min-height: 30px;
    }
    .class-book-mobile-button {
        width: 80%;
        margin-left: 10%;
        margin-top: 30px;
        background: #008929;
        /*background: #A6EF00;*/
        color: #fff;
        font-size: 42px;
        line-height: 62px;
        height: 62px;
    }
    .class-type-expand-block .spe-sum-heading {
        margin-top: 15px;
    }
    .class-type-expand-block {
        background: #515151;
        color: #fff;
        border-top: 2px solid black;
        height: auto;
        width: 80%;
        margin-left: 10%;
        padding-bottom: 30px;
    }
    .terms-casual-expand-block {
        padding-bottom: 0px;
    }
    .class-type-expand-but span {
        padding-left: 15px;
        float: left;
        line-height: 50px;
    }
    .class-type-expand-but span.glyphicon {
        padding-right: 15px;
        float: right;
    }
    .mob-extras-line-cont {
        height: 0px;
        overflow:hidden;
    }
    .white-space-tooltip.white-space-tooltip-shevron {
        background-color: transparent;
        right: 23px;
        margin-top: -43px;
        background-image: url('/img/arr-for-tooltip.png');
        background-position: 0px 0px;
        background-size: 23px 13px;
        width: 22px;
        height: 17px;
        background-repeat: no-repeat;
    }
    .white-space-tooltip {
        background: #C7C7C7;
        position: absolute;
        width: auto;
        max-width: 200px;
        text-align: center;
        margin-top: -126px;
        padding-left: 20px;
        padding-right: 20px;
        right: 40px;
        height: 86px;
        line-height: 38px;
        color: #515151;
    }

    .item .booking-input-loc-type-new {
        width: 90% !important;
        background-position-x: 97%;
        background-position-y: 50%;
    }
    .select-guests-title-line p {
        width: 80%;
        margin-left: 5%;
        font-size: 33px;

    }
    .input-mobile-holder p.ld-input-heading.ws-heading {
        font-size: 25pt;
    }
    .select-guests-title-line {
        background: #9C3A8F ;
        width: 100%;
        height: 50px;
        line-height: 50px;
    }
    .select-guests-line p {
        width: 80%;
        margin-left: 5%;
        font-size: 33px;
    }
    .select-guests-line {
        background-color: #515151 ;
        width: 100%;
        border-bottom: 2px solid black;
        
/*        height: 50px;*/
        height: 100%;
        line-height: 50px;

    }
    .select-guests-line.wide-input-arrow-image {

    }
    .ws-drop-menu {
        font-size: 11pt;
        width: 56%;
        margin-left: 20px;
        position: absolute;
        background: #3C3C3C;
    }
    .ws-drop-menu ul li {
        height:24px;
        border-top:1px #3C3C3C solid;
        padding-left: 15px;
        line-height:25px;
        cursor:pointer;
        font-weight: 400;
        font-family: Arial;
    }

    .ws-guests-dropdown {
        background-color: #C7C7C7;
        background-image: url('/img/arr-for-inputs-dark.png');
        background-position: 97% 9px ;
        background-repeat: no-repeat;
        background-size: 15px;
        cursor:pointer;
        width: 56%;
        height: 26px;
        line-height: 26px;
        padding-left: 15px;
        margin-top: 3px;
        color: #515151;
    }
    .select-guests-title-line >div,.select-guests-line >div {
        display: block;
        font-family: Arial;
        font-size: 15px;
        font-weight: 400;
        width: 18%;
        height: 32px;
        line-height: 32px;
        padding-left: 10px;
        margin-left: 30px;
        vertical-align: top;
    }
    .select-guests-title-line >div:not:first-of-type,.select-guests-line >div:not:first-of-type {
        padding-left: 20px;
        margin-left: 0px;
    }
    div.ws-age {
        width: 28%;
        text-overflow: ellipsis;
    }


    .timeline-white-space-m {
        margin-top: 50px;
    }

    .time-line.time-line-mobile span {
        margin-right: 10px;
        font-weight: 400px;
        /*font-family: Arial;*/
    }
    .time-line.time-line-mobile {
        margin-top: 13px;
        height: 55px;
        line-height: 55px;
        font-size: 33px;
    }
    .expanded-time-mobile {
        width: 100%;
        /*height: 150px;*/
        /*background: lightseagreen;*/
        /*color: black*/
    }
    .time-line.time-line-mobile > div {
        display: inline-block;
        margin-left: 10px;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .time-book.time-book-mobile {
        display: inline-block;
        float: right;
        width: 15%;
        height: 54px !important;
        line-height: 50px !important;
        font-size: 36px;
        text-align: center;
        min-width: 77px;
    }
    .time-flippers-bg p {
        /*margin-bottom: 0px;*/
    }
    .time-flippers-bg {
        height: 45px;
        font-size: 25px;
        line-height: 45px;
        padding-left: 0px !important;
        padding-right: 13px !important;
        width: 100%;
        text-align: left;
        border-top: 0px solid black;
        position: relative;
    }
    .time-flippers-bg.time-flippers-bg-notmultiflippers {
        width: 85%;
        padding-right: 0px !important;
        height: 54px;
        font-size: 30px;
        line-height: 54px;

    }
    .time-value {
        border: 2px solid transparent;
    }
    .time-flippers-bg:hover, .time-value.selected {
        border: none
    }
    .time-flippers-text {
        margin-top: -40px;
        text-align: center;
    }
    .time-flippers-booked {
        background: #9C3A8F;
        height: 40px;
        float: left;
        margin-top: -50px;
        /*border: 1px solid #9C3A8F;*/
    }
    .time-flippers-booked.notmultiflippers {
        height: 54px;
        margin-top: -63px;
        max-width: 100%;

    }
    .time-flippers-bg p {
        width: 95%;
        text-align: left;
        margin-left: 4%;
    }
    div.next-white-space-button {
        float: left: !important;
        margin-left: 13px;

    }
    .time-line-mobile {
        width: 100%;
        padding-left: 13px;

    }


    .glyphicon.terms-gift-span {
        font-size: 25px;
        padding: 7px;
        background: black;
        border: 3px solid #FFF;
        color: #FFF;
        width: 20px;
        height: 20px;
        padding-right: 31px;
        padding-bottom: 31px;
    }
    div.payment-method-checkout-1 img {
        margin-right: 7px;
        margin-top: 35px;
        width: 50px;
        height: 50px;
    }
    div.payment-method-checkout-1 p {
        margin-left: 20px;
        margin-top:16px;
        font-size: 35px;
        display: inline-block;
        width:90%;
    }
    div.payment-method-checkout-1 span{
        top:0px;
    }

    /*CHECKOUT PAGE*/
    div.payment-method-checkout {
        width: 80% !important;
        margin-left: 10%;
        text-transform: uppercase;
        padding-left: 20px;
        text-align: left;
        height: 125px !important;
        line-height: 45px;
        border-radius: 5px;


    }
    .eway-field-cont.dropdown {
        width: 60%
    }
    div.payment-method-checkout p {
        margin-left: 7px;
        font-size: 35px;
        line-height: 75px;
        width: 75%;
        display: inline-block;

    }
    div.payment-method-checkout span.small-span-checkout {
        text-transform: none;
        font-size: 21px !important;
        margin-left: 7px;
        margin-top: -20px;

    }
    .eway-field-cont input.booking-input-loc-type-new.checkout-input {
        width: 60%!important;
        margin-right: 0px !important;
        height: 50px !important;
    }
    .eway-field-cont.input-mobile-holder  .ld-input-heading {
        max-width: 37%;
        font-size: 30px;
        line-height: 32px;

    }
    .eway-field-cont.input-mobile-holder  {
        width: 82%!important;
        height: 60px !important;
    }
    .eway-field-cont  input {
        width: 60%!important;
        float: right;
        margin-right: 10%;
    }
    .eway-field-cont .middle-input-arrow-image {
        width: 20%!important;
        float: right;
        margin-right: 1%;
    }
    .eway-field-cont .wide-input-arrow-image {
        width: 51%!important;
        float: right;
        /*margin-right: 1%;*/
        padding-left: 22px;
    }
    div.payment-method-checkout img {
        margin-right: 7px;
        margin-top: 35px;
        width: 50px;
        height: 50px;
    }


    .credit-card p {
        font-size: 30px;
    }
    .payment-method-checkout > div {
        display: inline-block;
    }
    .button-img-holder {
        width: 70px;
        height: 100%;
    }
    .button-text-holder {
        width: 85%;
        height: 100%;
    }


    .button-text-holder p {
        margin-bottom: 0px;
    }

    /*PAYMENT SELECTOR STYLES FINISH*/


    .slider-holder {
        min-height: 400px;
        max-height: 450px;
        height: auto;
    }
    .hide-for-desktop {
        display: block;
    }

    .part-opt-mobile {
        background: #953195;
        width: 93%;
        margin: 0 auto;
        padding: 12px;
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 53px;
    }

    .venue-party-homepage-block {
        width: 70%;
        margin-left: 15%;
    }


    .inclusions-li-mobile span {
        font-size: 35px;
    }
    .inclusions-li-mobile span.float-right{
        padding-right: 20px;
        font-size: 30px;
    }
    .inclusions-li-mobile {
        line-height: 50px;

        border-bottom: 2px solid black;
    }
    .extra-line-mobile p {
        font-size: 35px ;
    }
    p.extra-name {
        text-overflow: ellipsis;
        width: 70%;
        height: 50px;
    }
    .extra-line-mobile {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 35px ;
        font-family: Arial;
        font-weight: normal;
        border-bottom: 2px solid black;

    }


    /**********  DATEPICKER   ***********/
    .datepicker {
        width: 80%;


    }

    .datepicker-years {
        width: 100% !important;
        height: 400px !important;
    }
    .datepicker-years .table-condensed{
        width: 100% !important;
    }
    .datepicker-years .table-condensed tbody tr{
        height: 180px;
    }
    .datepicker-years .table-condensed tbody td span {
        height: 175px;
        width: 16% !important;
        font-size: 35px;
        line-height: 175px;
    }


    .datepicker-months {
        width: 100% !important;
        height: 430px !important;
    }
    .datepicker-months .table-condensed{
        width: 100% !important;
    }
    .datepicker-months .table-condensed tbody tr{
        height: 180px;
    }
    .datepicker-months .table-condensed tbody td span {
        height: 175px;
        width: 16% !important;
        font-size: 35px;
        line-height: 175px;
    }


    .datepicker-days {
        width: 100% !important;
        height: 400px !important;
    }
    .datepicker-months .dev-nav-bg{
        height: 65px;
    }
    .datepicker-days .dev-nav-bg{
        height: 65px;
    }
    .datepicker-days .table-condensed{
        width: 100% !important;
    }
    .datepicker-months table .dev-nav{
        height: 65px;
        line-height: 50px;
    }
    .datepicker-days table .dev-nav{
        height: 65px;
        line-height: 50px;
    }
    .datepicker-days table thead .dow{
        vertical-align: middle;
    }
    .datepicker-months table .dev-nav > .datepicker-switch{
        font-size: 33px;
    }
    .datepicker-days table .dev-nav > .datepicker-switch{
        font-size: 33px;
    }
    .datepicker-months table .dev-nav .prev,.datepicker-months table .dev-nav .next{
        font-size: 30px;
    }
    .datepicker-days table .dev-nav .prev,.datepicker-days table .dev-nav .next{
        font-size: 30px;
    }
    .datepicker-days table tr{
        font-size: 18px;
        height: 40px;
    }
    .datepicker-days table tbody{
        font-size: 20px;
        background: white;
    }
    .datepicker-days table tfoot{
        display: none;
    }
    .datepicker-days > div> table > tbody > tr > td{
        height: 35px;
        padding: 0px;
        font-size: 25px;
        vertical-align: middle;
    }
    .datepicker-days table tbody .day{
        border: 2px solid #8c8c8c;
        width: 14.25% !important;
        height: 52px;
    }
    /**********  -DATEPICKER  ***********/


    .drop-down-modal {
        position: fixed !important;
        top: 25% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);

    }

    .drop-down-modal-small {
        position: fixed !important;
        top: 20% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    
    .alert {
        position: fixed !important;
        top: 30% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    .alertGb {
        position: fixed !important;
        top: 30% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    
    
    
    #iframe-container{
        overflow: auto
    }
    
    .book-now-vph-m {
        background: #008c00;
        margin: 0 auto;
        padding-top: 30px!important;
        padding-bottom: 30px!important;
        font-size: 40px;
        line-height: 27px;
        width: 93%;
        /*margin-top: 40px;*/
    }
    .mob-pack-cont{
        width: 92%;
        margin: 0 auto;
        background: #505050;
        margin-bottom: 10px;
    }
    .book-now-vph-m-w1 {
        width: 90%;

    }
    .book-now-vph-m-w2 {

    }

    #add-mob-inps {

        width: 80%;
        margin: 0 auto;
    }
    .guest-line-tr .td-div {
        border-right: none;
        height: 50px;
        vertical-align: top;
        margin-right: 20px;
    }
    .guest-mobile-arrow-image {
        background-image: url('/img/arr-for-inputs.png');
        background-repeat: no-repeat;
        background-size: 40px;
        background-position-x: 97%;
        background-position-y: 25px;
    }
    .step3-edit .glyphicon-mob {
        background: #fff;
        width: 26px;
        margin-left: 4px;
        height: 25px;
        color: #fff;
        font-size: 31px;
        padding: 8px;
        margin-top: 0px;
        padding-bottom: 16px;
    }
    .step3-edit .glyphicon-mob.glyphicon-pencil {
        background: transparent;
        /*background: black;*/
        width: 26px;
        margin-left: 4px;
        height: 25px;
        /*color: #fff;*/
        font-size: 39px;
        padding: 8px;
        margin-top: 0px;
        padding-bottom: 16px;

    }
    #add-mob-inps input {
        height: 50px;
        font-size: 35px;
        width: 98% !important;
        padding: 0px;
        padding-left: 2%;
        line-height: 50px;
        margin-top: 3px;
        margin-bottom: 0px;
    }
    #iframe-container {
        width: 100%;
        margin: auto;
        color: #fff;
    }
    .conformation-link-button {
        width: 80%;
        margin-left: 10%;
        font-size: 42px;
        height: 70px;
        line-height: 70px;
    }
    #steps-navigation {
        width: 100%;
        height: 100px;
        padding-top: 30px;
    }
    #steps-wraper {
        margin:0 auto;
    }
    .step-number {
        width: 48px;
        padding-left: 22px;
        height: 70px;
        border-radius: 35px;
        line-height: 70px;
        color: white;
        font-size: 40px;
        background: #008C22;
        display: inline-block;
    }
    .step-number.active-step {
        background: #27B753;
    }
    .step-arrow {
        font-size: 40px;
        display: inline-block;
        color: #3E3E3E;
        padding-left: 10px;
        padding-right: 10px;
    }
    p.home-page-title {
        font-size: 35px;
        line-height: 38px;
        margin-bottom: 30px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;

    }
    
    .socks-text{
      font-size: 30px;
      line-height: 33px
    }
    .booking-type-button {
        width: 90%;
        margin-left: 5%;
        height: auto;
        min-height: 280px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    #map-mobile {
        width: 80%;
        margin: auto;
        height: auto;
        min-height: 500px;
        /*border: 1px solid #fff;*/
    }
    .type-name {
        font-size: 75px;
        line-height: 75px;
    }
    .type-text-part {
        width: 62%;
    }
    .type-info {
        font-size: 35px;
        line-height: 35px;
        width: 70%;
    }
    .type-info-party {
        font-size: 35px;
        line-height: 35px;
        width: 85%;
    }
    .head-text{
        font-size: 35px;
        line-height: 45px;


    }
    #nav-bar-mobile {
        font-weight: 700;
    }
    div.type-price-part {
        width: 24%;
        height: 59%;
        float: right;
        margin-top: 24px;
    }
    .price-bg {
        width: 200px;
        height: 200px;
        background: url('/img/price-circle.png') no-repeat;
        color: #000;
        background-position: center;
        background-size: 100%;
        

    }
    ul.reasons-list li {
        font-size: 16pt;
        margin-bottom: 11px;
        line-height: 24px;
    }
    .reason-list-party-cont-m {
        width: 80%;
        margin: 0 auto;
        margin-top: 47px;
    }
    .price-bg .from {
        padding-top: 48px;
    }
    .price-bg p {
        font-size: 25px;
        line-height: 30px;
    }
    .input-mobile-holder {
        width: 80%;
        padding-left: 10%;
        position:relative !important;
    }
    
    .input-mobile-holder > .dropdown-menu{
        margin-left: 96px;
        width: 93%;
    }
    
    .input-mobile-holder h2 {
        font-size: 35px;
        font-weight: 400;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .input-mobile-holder p.ld-input-heading {
        font-size: 16pt;
        line-height: 30px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .input-mobile-holder .booking-input-loc-type-new {
        width: 92%;
        padding-right: 8%;
        font-family: Arial;
        height: 50px;
        font-size: 35px;
        line-height: 50px;
        overflow:hidden;
    }
    .input-mobile-holder .booking-input-loc-type-new.class-flipper-dob-day {
        display: inline-block;
        width: 15%;
    }
    .input-mobile-holder .booking-input-loc-type-new.class-flipper-dob-month {
        display: inline-block;
        width: 15%;
        margin-left: 5%;
    }
    .input-mobile-holder .booking-input-loc-type-new.class-flipper-dob-year {
        display: inline-block;
        margin-left: 5%;
        width: 29%;
    }
    .input-mobile-holder input{
        width: 92%;
        padding-right: 8%;
        height: 50px;
        font-size: 35px;
        line-height: 50px;
    }
    .manage-button-m {
        width: 92%;
        padding-right: 8%;
        padding-left: 15px ;
        font-weight: 800;
        color: #fff;
        background: #009B47;
        height: 70px;
        vertical-align: top;
        line-height: 70px;
        text-align: center;
        margin-top: 20px;
        cursor: pointer;
        font-size: 35px;
    }
    .wide-input-arrow-image {
        packground-size:25px;
        background-position-x: 97%;
        background-position-y: 50%;
        padding-right: 0px;
        border-right: 0px !important;

    }
    .middle-input-arrow-image {
        background-size: 25px;
        background-position-x: 97%;
        background-position-y: 15px;
    }

    .modal {
        width: 70% !important;
        height: 310px !important
    }

    .modal.alert-big {
        width: 70% !important;
        height: 430px !important
    }
    .extras-desc-modal div.alert-text {
        width: 90% !important;
    }
    .extras-desc-modal {
        height: 500px !important;
    }

    .activity-modal {
        position: fixed !important;
        top: 10% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        height: auto !important;
    }
    
    
    .activity-modal > div > h3 {
      font-size: 22px;
    }
    #not-define-cont > div{
      font-size: 21px;
      line-height: 26px;
    }

    .modal-act-btn{
      font-size:23px;
    }

    .modal-act-btn{
      margin: 0 auto;
      margin-bottom: 10px;
      margin-top: 10px;
      text-align: center;
      line-height: 22px;
    }
    
    #act-modal-or{
      display:block;
      text-align:center;
    }


    
    .package-alert.modal {
        width: 70% !important;
        height: 435px !important;
    }
    .dropdown-list-header {
        font-size: 40px;
        line-height: 45px;
        text-transform: uppercase;
        color: #fff;
        padding: 15px;
        border-bottom: 3px solid #217527;
    }
    
    .dropdown-list-header-mobile {
        font-size: 31px;
        line-height: 45px;
        color: #fff;
        padding: 15px;
        padding-left: 32px;
    }
    div.party-subscription-container {
        height: 190px;
        font-size: 30px;
        line-height: 40px;
    }
    div.party-subscription-container p.ld-input-heading{
        font-size: 34px;
        line-height: 45px;
    }
    .drop-down-modal-li {
        font-size: 40px;
        line-height: 55px;
        color: #fff;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 2px solid #217527;
        width: calc(100%-50px);
        background: #C1D82F;
        text-align: center;
        min-height: 55px;
        cursor: pointer

    }
    
    .drop-down-modal-li-mobile{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #999999;
        font-size: 25pt;
        line-height: 34pt;
        color: #909191;
        cursor: pointer
    }
    
    .drop-down-modal-li:hover {
        background: #DEED76;
        color: #000;
    }
    .drop-down-modal {
        min-height: 40% !important;
        max-height: 60% !important;
        height: 70% !important;
        background: #505151;
        
        

    }
    .modal.fade.drop-down-modal{
        overflow-y: scroll;
    }
    .drop-down-modal-small {
        min-height: 20% !important;
        max-height: 45% !important;
        height: 45% !important;
        background: #505151;
    }
    .drop-down-modal-small-new {
        position: fixed !important;
        height: 90% !important;
        width: 96% !important;
        top: 5% !important;
        overflow: auto;
        background: #505151;
        border-radius: 5px;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    .invite-modal{
        position: fixed !important;
        height: 40% !important;
        width: 70% !important;
        top: 5% !important;
        overflow: auto;
        border-radius: 5px;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    .invite-modal-mobile{
        position: fixed !important;
/*        height: 80% !important;*/
        height: 523px !important;
        width: 85% !important;
        top: 5% !important;
        overflow: auto;
        border-radius: 5px;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    .drop-down-modal-small-new2 {
        height: 100% !important;
        width: 96% !important;
        left: 66% !important;
        top: 43% !important;
        overflow: auto;
        background: #505151;
        border-radius: 5px;
    }
    
    #iframe-container {
        width: 100%
    }
    #fb-root {
        display: none;
    }
    #container-mobile{
        font-family: Arial;
    }
    #content-mobile  {
        width: 100%
    }
    #image-bg-home-mobile {
        width: 100%;
    }

    div.hide-for-mobile, #summary-mobile-checkout-cont #booking-deposit-container {
        display: none;
    }
    #container-mobile, #booking-deposit-container-m {
        display: block;

    }

    #flip-logo-mobile {
        width: 100%;
        margin-top: 20px;
    }
    #mobile-logo-cont {
        width: 20%;
        margin: auto;
    }
    #nav-bar-mobile div{
        height: 70px;
        padding-top: 40px;
        margin-top: 2px;
        font-size: 35px;
        line-height: 40px;
    }

    #bookPartyDiv-mobile {
        width: 14%;
        height: 50px;
        margin-top: 34%;
        margin-left: 15%;
        position: absolute;
        cursor: pointer;
        background: #C1D72F;
        color: #35A84A;
        font-size: 20px;
        letter-spacing: 0px;
        word-spacing: 0px;
        line-height: 50px;
        text-align: center;
        font-weight: 800;
    }
    #bookPartyDiv2-mobile {
        position: absolute;
        width: 14%;
        height: 50px;
        margin-top: 33%;
        margin-left: 75%;
        cursor: pointer;
        background: #C1D72F;
        color: #35A84A;
        font-size: 20px;
        letter-spacing: 0px;
        word-spacing: 0px;
        line-height: 50px;
        text-align: center;
        font-weight: 800;
    }
    #booking-step-name div {
        margin: auto;
        width: 50%;
        text-align: center;
        padding-bottom: 5px;
        font-size: 30px !important;

    }
    .party-info-main-column-m {


    }
    .party-info-main-column-m h2 {
        font-size: 35px;
        height: 40px;
        margin-left: 10%;
        margin-top: 20px  !important;
        font-weight: normal !important;
    }
    .party-info-main-column-m input {
        height: 40px;
        font-size: 35px;
        margin-left: 10%;
    }
    .party-info-main-column-m span {
        font-size: 20px !important;
        margin-left: 10%;
    }
    .party-info-main-column-m .booking-input-loc-type {
        width: 80%;
        /*max-width: 80%;*/
        margin-left: 10%;
    }
    .party-info-main-column-m  .dropdown {
        width: 100%;
        max-width: 100%;

    }
    .party-info-main-column-m  .time-dropdown {
        width: 100%;

    }
    .party-info-main-column-m .booking-loc-drop-menu {
        width: 80%;
        font-size: 12px;
        margin-left: 10%;
    }
    .party-info-main-column-m .booking-loc-drop-menu > ul >li {
        height: 21px;
        line-height: 21px;
    }
    .booking-input-loc-type-new {
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
    #continue-button.continue-button-mobile {
        line-height: 65px;
        font-size: 25pt;
        height: 65px;
        padding-right: 0px;
        width: 100%
    }
    .arr-down {
        opacity: 0.5;
        width: 25px;
        position: absolute;
        margin-left: -31px;
        cursor: pointer;
        margin-top: 14px;
    }
    .party-info-main-column-m .booking-loc-first {
        line-height: 15px;

    }
    .party-info-main-column-m .dropdown h2 {
        margin-bottom: 7px;
        margin-top: 0px;
    }
    .party-info-main-column-m h2 {
        margin-bottom: 7px;
        margin-top: 0px;
    }
    .booking-room-cont {
        margin-top: -12px !important;
        width:80% ;
        margin-left: 10%;
    }
    #dp-m {
        font-size: 35px;
    }
    .room {
        margin-top: 20px;
        width: 45% !important;
        display: inline-block;
        height: auto;
        border: 2px solid black;
        border-radius: 7px;
    }
    .room img {
        width: 100%;
        height: 200px;
    }


    div.booking-room-cont > div:hover div.mask {
        display: block;
        width: 34% !important;
        height: 200px !important;
    }
    .mask-text {
        width: 100% !important;
        height: 200px !important;
        font-size: 20px !important;
        padding: 0px !important;
        text-align: center;
        line-height: 22px !important;
        padding-top: 15% !important;
    }

    .selected-room {
        display: none;

    }
    .availability-text {
        font-size: 20px !important;
        height: 20px;
        padding-bottom: 13px;
    }
    #party-info {
        min-height: 1040px !important;
    }

    #summary-panel-mobile {
        margin-left: 10% ;
        margin-top: 50px;
        margin-bottom: 50px;
        width: 74%;
        padding: 4%;
        background: #9D2E90;

    }
    div.summary-control-m {
        width: 82%;
        margin-left: 10%;
        font-size: 45px;
        line-height: 60px;
        padding-top: 10px;
        padding-bottom: 30px;
        float: left;
        text-transform: capitalize;
        padding-top: 26px;
    }
    div.summary-control-m.control-text {
        font-size: 34px;
        font-family: Arial;
        height: 80px;
    }
    div.summary-control-m.checkout-control {
        width: 82% !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bold-text {
        font-weight: 800;
    }
    #summary-panel-mobile .sumitem-key {
        font-size: 40px;
        line-height: 60px;
        margin-left: 10%;
        font-family: Arial;
        font-weight: 400;
        height: 50px;
    }
    #summary-panel-mobile .sumitem-value {
        margin-top: 10px;
        font-size: 40px;
        line-height: 60px;
        height: 50px;
        margin-left: 10%;
        font-family: Arial;
        font-weight: 400;
    }
    #summary-panel-mobile div.summary-item {
        height: 120px ;
    }

    .b-loc-next-button {
        width: 82%;
        margin-left: 10%;
        margin-top: 20px;
        margin-bottom: 20px;

    }
    /*BOOKING BUILD*/
    .budget-guests {
        width: 30% !important;
        font-size: 45px !important;
        font-weight: 800;
        padding: 0px !important;
        line-height: 15px !important;
        padding-top: 30px !important;
        margin-right: 0.5% !important;
        margin-left: 0.5%;
    }
    #pack-cont-mobile {
        margin-top: 150px;

    }
    #party-package-container {
        padding-left: 10%;
    }
    .primary-item {
        width: 80% !important;
        height: auto !important;
    }
    .primary-item img {
        width: 100% !important;
        height: 75% !important;

    }
    .secondary-items {
        height: 0px !important;
    }
    .price-cont-booking-package {
        height: 25% !important;
        font-size: 40px !important;
        padding-top: 4% !important;
    }
    .price {
        font-size: 40px !important;
        padding-bottom: 40px;
    }
    .personalise-button {
        margin-left: 0px;
        width: 80% !important;

    }
    #est-party-total-mobile h2 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #est-party-total-mobile h1 {
        font-size: 40px;
    }
    #est-party-total-mobile h3 {
        font-size: 30px;
    }
    #est-party-total-mobile .booking-total {
        width: 80%;
        height: 70px;
        margin-left: 10%;
        padding-top: 30px;
    }

    #container-mobile > div.party-info-build-mobile {
        min-height: 1280px !important;
    }
    /*BOOKING PERSONALISE */

    .party-extras-booking-container-landscape {
        margin-bottom: 200px !important;
    }
    .item-price-booking-extras {
        font-size: 35px !important;
        line-height: 45px !important;
    }
    .party-extras-booking-container {
        width: 90% !important;
        max-width: 90% !important;
        height: auto !important;
        max-height: 600px !important;
        margin-left: 3%;
        margin-right: 5%;
        margin-bottom: 320px !important;
        margin-top: 100px;
    }
    .party-extras-booking-container img {
        width: 90%;
        max-height: 600px;
        max-width: 800px;
        margin-left: 5%;
    }

    .item .booking-input-loc-type-new {
        width: 94%;
        margin-left:2% ;
        margin-bottom: 10px;
        height: 50px;
        font-size: 40px;
    }
    .extra-item-name {
        font-size: 40px;
        padding-left: 3%;
    }
    input.booking-input-loc-type-new.checkout-input {
        width: 100% !important;
        padding-right: 0px !important;
    }
    #booking-deposit-container-m {
        background-color: #953194;
        font-family: Arial;
        float: left;
        margin-left: 10%;
        width: 82%;
        height: 90px;

    }
    .terms-and-policy-line {
        height: 100px;
        font-size: 30px;
    }
    .extra-item-price, .extra-item-text {
        font-size: 40px;
        padding-left: 3%;
    }
    .extra-item-text {
        margin-top: 30px;}
    .party-extras-booking-container .item {
        width: 100%
    }
    #container-mobile > div.party-info-extras-mobile.session-checkout-mobile-huge-cont {
        min-height: 1860px !important;
    }

    #container-mobile > div.party-info-extras-mobile {
        min-height: 2640px !important;
    }
    .main-content1 {
        width: 100%;
        margin-left: 0px;
    }
    div.story-btn-pr {
        padding: 0px !important;
        padding-top: 15px !important;
        padding-bottom: 25px !important;
        width: 100% !important;
        margin-left: 0px;
        font-size: 35px;
        line-height: 45px;
        border-radius: 13px;
    }

    /*CHECKOUT PAGE*/
    .party-info-checkout {
        width: 100%
    }
    .terms-and-policy-checkout-cont {
        width: 70% !important;
        margin-left: 15%;
        font-size: 25px !important;
        line-height: 35px !important;
        height: auto !important;
    }
    .terms-and-policy-checkout-cont div {
        font-size: 25px !important;
        line-height: 35px !important;    }

    #checkOut {
        width: 100%;
    }
    #manage-checkOut > div {
        font-size: 13px;
        display: block;
        width: 85%;
        padding-left: 0px;
        margin-left: 5%;
        height: 100px;
        margin-top: 20px !important;
    }
    #checkOut > div {
        font-size: 13px;
        display: block;
        width: 80%;
        height: 100px;
        margin-top: 20px !important;
    }
    #checkOut div input {
        height: 50px;
        line-height: 50px;
        font-size: 32px;

    }
    div.party-info-checkout {
        padding: 0px !important;
    }
    #checkOut div p.ld-input-heading {
        font-size: 30px;
        font-family: Arial ;
    }
    #subscription-box-checkout-mobile {
        margin-top: 205px;
    }
    #subscription-box-checkout-mobile > div {
        display: inline-block;
    }
    .subscription-checkout-text {
        width: 80%;
        margin-left: 10%;
    }
    .subscription-p {
        padding: 13px;
        width: 35px;
        height: 35px;
        font-size: 40px;
    }
    .tc-p {
        padding: 11px;
        width: 35px;
        height: 35px;
        font-size: 40px;
        border: 3px solid #fff;
    }
    .subscription-checkout-text p {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        line-height: 26px;
        font-size: 20px;
    }
    #honor-cont {
        width: 100% !important;
        float: left !important;
        margin-left: 10%;

    }
    #honor-cont > input {
        float: left !important;
        padding-left: 10px;
        width: 80% !important;
        margin-left: 8% !important;

    }
    #checkOut div.honor-age-cont {
        margin-top: 65px !important;

        height: 100px;
    }

    #summary-mobile-checkout-cont {
        margin-top: 22px;
        float: left;
        width: 100%;
        margin-left: 0px !important;
    }
    #summary-mobile-checkout-cont #summary-panel {
        width: 70% !important;
        margin-left: 12% !important;
        float: left !important;
    }
    #confirmation-mobile h2 {
        text-align: center;
    }


    #booking-deposit-container {
        width: 72% !important;
        margin-left: 12%;
        font-size: 30px;
        line-height: 50px;
        float: left !important;
    }
    #booking-deposit-container > div {
        width: 100% !important;
    }
    #summary-mobile-checkout-cont div#booking-deposit-lable {

        width: 92% !important;
        font-size: 30px;
        line-height: 50px;
        margin-left: 3% !important;
        float: left;
    }
    #summary-mobile-manage-checkout-cont div#booking-deposit-lable span.float-right  {
        width: 28% !important;
        float: right ;
    }
    #summary-mobile-manage-checkout-cont div#booking-deposit-lable span.float-left  {
        width: 70% !important;
    }
    #summary-mobile-manage-checkout-cont div#booking-deposit-lable p {
        width: 100%;
    }
    #summary-mobile-manage-checkout-cont div#booking-deposit-lable {
        width: 100% !important;
        font-size: 30px;
        line-height: 50px;
        margin-left: 0% !important;
        float: left;
    }
    #summary-mobile-manage-checkout-cont div.summary-control {
        height: 100px;
        width: 82%;
        margin-left: 10%;
        float: left;
        line-height: 100px;
        font-size: 25pt;
    }
    div#booking-deposit-lable span {
        width: 85% !important;
        line-height: 50px;
    }
    div#booking-deposit-lable span.float-left {
        width: 42% !important;
        line-height: 90px;
    }
    div#booking-deposit-lable p {
        height: 90px;
        font-size: 37px;
    }
    div#booking-deposit-lable span.float-right {
        width: 50% !important;
        line-height: 90px;
        vertical-align: top;
    }
    #summary-mobile-checkout-cont div#booking-deposit {
        width: auto !important;
        margin-right: 5%;
    }

    /*CONFIRMATION PAGE */
    #confirmation-mobile div {
        text-align: center;
        width: 80%;
        margin-left: 10%;
    }
    #confirmation-number {
        width: 60% !important;
        margin-left: 20%;
        text-align: center;
        font-size: 35px !important;
        line-height: 55px !important;
        height: 55px !important;
    }
    .glyphicon.close-button {
        margin-right: 30px;
    }
    .login-form-part {
        display: block;
        width: 90%;
        height: 200px;

    }
    .manage-login-line-holder {
        width: 100%;

    }
    .login-button-holder-mobile {
        height: 84px;
        margin-top: 100px;
    }
    .login-button-holder-mobile .conformation-link-button {
        margin-left: 0px;
        width: 98%;
    }
    .remember-me-mobile-cont {
        font-size: 24px;
        margin-top: 20px;
    }

    .manage-login-modal-mobile .login-input-heading {
        font-size: 27pt;
        width: 97%;
        font-family: Arial;
    }
    .login-form-part .facebook-button-header {
        font-size: 24pt;
        height: 24pt;
        line-height: 24pt;
        font-family: Arial;
        color: #fff;
    }
    .manage-login-modal-mobile .manage-login-input {
        font-size: 30px;
        height: 50px;
        line-height: 50px;
        width: 97%;
    }
    .manage-login-modal-mobile p.ld-input-heading {
        margin-left: 4%;
        margin-top: 20px;
        width: 90% ;
    }
    .manage-login-modal-mobile{

        width: 100% !important;
        height: 100% !important;
        font-weight: 400;
        color: #C6C8C7 !important;
        left: 50% !important;
        font-family: Arial;
        background:#953195;
        top: 0% !important;
        -webkit-transform: translate(-50%, 0);
        margin: 0 !important;
    }
    .manage-login-modal-mobile > *{
        z-index:50000 !important;

    }
    .manage-login-modal-mobile span.glyphicon  {
        background: #fff;
        color: #B87BC5;
        cursor: pointer;
        padding: 9px;
        margin-right: 23px;
        font-size: 30pt;
        width: 39px;
        height: 31px;
        padding-bottom: 20px;

    }
    .facebook-mobile-login-cont {
        margin-top: -35px;
        height: 200px;
    }
    #conf-logo-mobile {
        width: 50%
    }

    #confirmation-manage {
        font-size: 35px !important;
        line-height: 45px !important;
        height: 50px;
        width: 80%;
        margin-left: 10%;
        padding-top: 10px;
        margin-top: 40px !important;
    }
    #summary-mobile-confirmation-cont {
        margin-top: 50px;
        float: left;
        width: 100%;
    }
    .tc-links-holder {
        font-size: 19pt;
        line-height: 80px;
    }
    .tc-links-holder span.f-arial {
        font-family: Arial;
    }
    .tc-links-holder span.glyphicon {
        padding-right: 16px;
        padding-bottom: 29px;
        vertical-align: top;
    }
    #summary-mobile-confirmation-cont #summary-panel {
        width: 76% !important;
        margin-left: 10% !important;
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #summary-mobile-confirmation-cont .summary-control {
        width: 80%;
        margin-left: 10%;
        font-size: 40px;
        line-height: 60px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    #summary-mobile-confirmation-cont  #booking-deposit-container {
        width: 90% !important;
        font-size: 30px;
        line-height: 50px;
        height: 110px !important;
    }
    #summary-mobile-confirmation-cont div#booking-paid-lable, #summary-mobile-confirmation-cont div#booking-balance-lable {

        width: 58% !important;
        font-size: 30px;
        line-height: 50px;
        margin-left: 10% !important;
        float: left;
    }

    #summary-mobile-confirmation-cont div#booking-paid, #summary-mobile-confirmation-cont div#booking-balance {
        width: 20% !important;
        margin-right: 10%;
    }

    #confirmation-mobile h2 {
        margin-left: 10%;
    }
    #conf-logo-mobile-wrap {
        width: 80%;
        font-size: 30px;
        line-height: 35px;
        margin-left: 10%
    }
    /*PARTY CALCULATOR */
    .book-button-calcpage {
        width: 80% !important;
        float: left !important;
        padding-left: 10% !important;
    }
    .book-button-calcpage .book-my-party-button {
        width: 100% !important;
        font-size: 40px;
        line-height: 80px;
        padding-bottom: 40px;
    }
    .guest-num-list-calc-page {
        width: 80% !important;
        margin-left: 10% !important;
    }
    .guest-num-list-calc-page li {
        height: 40px !important;
        font-size: 30px;
        line-height: 40px !important;
    }
    #pc-guests-input {
        width: 80%;
        display: block;
        margin-left: 10%;
        font-size: 30px;
        height: 60px;

    }
    .party-calculator-mob h2 {
        margin-top: 30px;
        font-size: 30px;
        padding-left: 10%;

    }
    .party-calculator-mob span {
        font-size: 30px !important;
        padding-left: 10%;
    }
    /*BOOK A SESSION STEPS*/
    #booking-navigation-m.session-navigation {
        margin-left: 20%;
    }
    #booking-navigation-m.session-navigation > .subnav-item  {
        width: 30% !important;
    }

    #booking-navigation-m.session-navigation .subnav-item .navigation-button {
        width: 82% !important;
    }

    .session-pers-head {
        padding-left: 54px;
    }

    .session-pers-cont #summary-panel-mobile {
        margin-left: 10% !important;
    }
    div.session-checkout-sum-cont {
        margin-left: -40px !important;
    }
    /*MANAGE LOGIN PAGE*/
    .login-intro-image-text {
        text-transform: uppercase;
        color: #C3D82E;
        font-weight: 800;
        font-size: 35px;
        line-height: 45px;
        width: 80%;
        margin-left: 10%;
        text-align: center !important;
        margin-top: 20px;
    }
    .login-list-purposes {
        color: #fff;
        list-style-type: disc;
        margin-left: 20%;
        width: 60%;
        font-size: 25px;
        line-height: 45px;

    }
    .login-list-purposes li {
        height: 45px;
        margin-left: 25%;
    }
    .login-form-cont-mobile {
        width: 60%;
        margin-left: 20%;
        border: 6px solid white;
        border-radius: 13px;
        box-shadow: -10px 8px 0px rgba(116, 110, 75,0.8);
        margin-top: 20px;
        height: 400px;
    }

    .login-form-cont-mobile h4 {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 40px;
        font-size: 30px;
        color: #0A2D8D;

    }
    .login-form-cont-mobile .controls input {
        width: 80% !important;
        border-radius: 7px !important;
        margin-left: 10%;
    }
    .login-form-cont-mobile .blue-link, .login-form-cont-mobile #facebook-auth-lable  {
        margin-left: 10%;

    }
    .login-form-cont-mobile .facebook-auth {
        margin-left: 10%;
    }
    .login-form-cont-mobile #facebook-auth-lable {
        color: #0A2D8D;
        width: 60%;
        margin-left: 22%;
    }
    .login-form-cont-mobile .remember-me-mob-cont {
        margin-left: 12%;
        width: 20%;
        float: left;
        color: #0A2D8D;
        display: inline-block;
    }
    .text-buttons-cont-login-mobile {
        height: 40px;
    }
    .forgot-but-mobile {
        width: 50%;
        float: left;
        display: inline-block;
    }
    #login-party-mobile {
        margin-top: -10px;
        float: left;
        margin-left: 20%;
        line-height: 42px;
        border-radius: 7px;
        border: 0px;
        box-shadow: 0px 0px 2px 3px #5499DD;
        font-size:15pt;
        width:60%;
        height:42px;
    }
    .facebook-auth-mob {
        width: 60%;
        height: 30px;
        margin-left: 20%;
        background: #3B579D;
        color: #fff;
        text-shadow: 1px 1px 2px #5D7FD4, 0 0 0em #5D7FD4;
        border-radius: 7px;

    }
    .facebook-auth-mob img {
        height: 30px;
        width: 30px;
        border-right: 1px solid #3B4D77;
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
        margin-top: -9px;

    }
    .not-boild-fb-mob {
        margin-left: 15px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
    }
    .boild-fb-mob {
        height: 30px;
        line-height: 30px;
        font-weight: 800;
        font-size: 20px;
        margin-left: 15px;

    }
    .boild-fb-mob1  {
        border-left: 1px solid #5D7FD4;
        padding-left: 25px;
        margin-left: 0px;
    }

    .manage-guests-mobile {
        padding-top: 40px;
    }
    .steps-header {
        font-size: 40px !important;
        line-height: 50px;
    }
    .steps-header, .after-step {
        font-size: 35px !important;

    }
    p.steps-text {
        font-size: 27px !important;
        line-height: 30px !important;
    }
    .manage-guests-mobile p {
        padding-left: 10%;
        padding-right: 10%;
    }
    .adding-guest-cont-mobile {
        border-bottom: 2px solid #0A2D8D;
        padding-top: 20px;
        padding-left: 10%;
    }
    .adding-guest-cont-mobile input {
        width: 80%;
        height: 40px;
        display: block;
        font-size: 25px;
        line-height: 30px;
    }
    .adding-guest-cont-mobile input#add-guest-email  {
        width: 80%;
        height: 40px;
        font-size: 25px;
        line-height: 30px;
    }

    .adding-guest-cont-mobile button#add-guest-button {
        width: calc(80% + 8px) !important;
        margin-top: 0px;
        margin-left: 0px;
        padding: 0px;
        font-size: 30px;
        line-height: 40px;
        
    }

    .manage-guests-step2-cont-mobile {
        border-bottom: 2px solid #0A2D8D;
        padding-top: 20px;
    }

    .guest-info-container-mobile {
        background: #fff;
        border-bottom: 2px solid #5D5D5D;
    }
    .guest-name-m {
        background: #E9E9E9;
        color: #8B4390;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 25px;
        line-height: 45px;
        height: 55px;
        padding-top: 10px;
        padding-left: 10%;
    }
    .guest-email-m {
        color: #1466CD;
        border-bottom: 1px solid #E9E9E9;
        font-size: 25px;
        line-height: 45px;
        height: 55px;
        padding-top: 9px;
        padding-left: 20px;
    }
    .guest-controls > div {
        display: inline-block;
        height: 50px;
        text-align: center;
        vertical-align: top;
        font-size: 20px;
        line-height: 30px;

    }
    div.guest-send-inv-m, div.guest-loading-m {
        background: #C1D82F;
        width: 25%;
        padding-top: 15px;
        height: 25px;
        border-radius: 5px;
        padding-bottom: 10px;

    }
    div.guest-print-inv-m {
        background: #8B4390;
        color: #fff;
        width: 25%;
        padding-top: 15px;
        height: 25px;
        border-radius: 5px;
        padding-bottom: 10px;

    }
    div.guest-loading-print-m a , div.guest-print-inv-m a {
        color: #fff
    }
    div.guest-loading-print-m {
        background: #8B4390;
        color: #fff;
        width: 25%;
        padding-top: 15px;
        height: 25px;
        border-radius: 5px;
        padding-bottom: 10px;

    }
    div.guest-edit-m {
        background: #E9E9E9;
        color: #5D5D5D;
        width: 25%;
        padding-top: 15px;
        height: 25px;
        border-radius: 5px;
        border: 1px solid #5D5D5D;
        padding-bottom: 10px;
    }
    .guest-rsvp-m {
        width: 24%;
    }
    .guest-rsvp-m #editRespMg {
        width: 100%;
        height: 50px;
        font-size: 20px;
    }
    .manage-guests-step3-cont-mobile {
        padding-top: 20px;
        border-bottom: 2px solid #0A2D8D;
        padding-bottom: 20px;
    }
    .manage-guests-step4-cont-mobile {
        padding-top: 20px;
        border-bottom: 2px solid #0A2D8D;
        height: 520px;
    }
    #add-mascot {
        width: 35%;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 400px;
        height: auto;
    }
    #add-mascot img {
        width: 100%;
        height: 80%;

    }
    div#add-mascot > div.orange-button.add-extra-button-styled {
        min-height: 40px !important;
        height: 18% !important;
        font-size: 30px !important;
        line-height: 35px !important;


    }
    .inline-block-mob {
        display: inline-block;
    }
    .mwp-placeholder {
        width: 30% !important;
        margin-left: 10%;
        font-size: 12px !important;
        line-height: 14px !important;
    }
    #party-img-1 {
        width: 100%;
        height: 300px;
        max-height: 300px;
        
    }
    .upl-photo-mob-cont {
        width: 30% !important;
        margin-left: 10%;

    }
    .upl-photo-mob-cont div.white-button {
        width: 100% !important;
        margin-top: 170px;
        height: 50px;
        font-size: 35px;
        line-height: 50px;
    }
    div.upload-media {
        height: 96% !important;
        width: 100%;
        margin-top: 30px;
        font-size: 35px;
        line-height: 40px;
    }

    div.upload-media-mobile.modal {
        height: 56% !important;
        font-size: 35px;
        line-height: 40px;
        /*left: 83%;*/
        width: 70% !important;
        background: #505151;
    }
    .media-container {
        width: 60%;
        height: 40%;
    }

    .upload-media {
        width: 100%;
        margin-left: 0px;
        font-size: 13pt;
        padding-bottom: 0px;
    }
    .upload-video-mobile-main-cont #upload-button, .upload-video-mobile-main-cont #next-button{
        width: 60%;
        margin-left: 20%;
        padding-right: 0px;
        padding-left: 0px;
        text-transform: uppercase;
        font-size: 24px;
    }
    #img-container > img{
        width:100% !important;
        height :100% !important;
        max-width: none;
        max-height: none;
    }
    #imgUpload {
        margin-top: -100px;
        opacity: 0;
    }
    #uploading {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 25%;
        left: 46%;
    }
    #uploading  img {
        width: 100%;
        height: 100%;
    }

    .perm{
        width: 66%;
        margin-left: 20%;
        font-size: 20px;
        font-family: Arial;
        line-height: 23px;
        font-weight: 400;
        color: #fff;
        height: 140px;
    }
    #upload-video {
        width: 100%
    }
    #perm-flyph {
        float: left;

        background: #fff;
        width: 25px;
        height: 25px;
        font-size: 25px;
        color: #515151;
        padding: 5px;
    }
    #rehook {
        display: none;
    }
    #perm-text {
        font-size: 21px;
        line-height: 27px;
        width: 83%;
    }
    #lable-next {
        font-size: 25px;
        line-height: 30px;
        color: #fff;
        font-family: Arial;
        font-weight: 400;
        width: 60%;
        margin-left: 20%;
        text-align: center;
        margin-top: 90px;
    }
    #next-button {
        font-size: 25px;
        line-height: 37px;
        text-transform: uppercase;
        padding: 7px;

    }
    #upload-button {
        font-size: 27px;
        line-height: 50px;
        height: 50px;
        text-transform: uppercase;
        width: 100%;
        margin-left: 0px;
    }
    .upl-photo-mob-cont .upload-media-container {
        width: 100% !important;
        height: 300px;
    }
    .loaded-media-img {
        width: 100% !important;
        height: 300px;
    }
    .img-background  {
        width: 100% !important;
        height: 300px;
    }
    .upl-photo-mob-cont img {
        width: 100% !important;
        height: 300px;;
        max-height: 300px;
    }
    #party-webpage-button-1-m {
        display: block;
        margin-top: 50px;
        width: 80%;
        margin-left: 10%;
        height: 50px;
        padding-top: 10px;
    }
    .manage-guests-summary-cont-mobile {
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 30px;
    }
    .manage-guests-summary-cont-mobile #summary-panel-mobile {
        margin-left: 11%;
    }
    .loc-and-date-first-head-mobile h2 {
        margin-left: 0px !important;
    }
    .loc-and-date-first-head-mobile input {
        margin-left: 0px !important;
        width: 100% !important;

    }
    .loc-and-date-first-head-mobile .arr-down {
        position: relative !important;
        float: right !important;
        margin-right: 0px !important;
        margin-top: -5% !important;
        margin-left: 88% !important;
    }
    .loc-and-date-first-head-mobile {
        padding-left: 10% !important;
        width: 80% !important;
    }
    .loc-and-date-first-head-mobile span {
        padding-left: 0px;
        margin-left: 0px !important;
        font-weight: normal !important;
        font-family: Proxima !important;

    }

    .wrap-text-heading-mob {
        margin-top: 40px;
    }
    .manage-guests-summary-cont-mobile .summary-control {
        font-size: 35px;
        line-height: 50px;
        font-weight: 800;
        height: 50px;
    }
    .alert {
        font-size: 20px !important;
    }
    .alert .cross-red-wrapper {
        width: 19% !important;
    }
    .alert .cross-red-wrapper img{
        margin-left: 10%
    }
    .right-alert-wrapper {
        width: 80% !important;
    }
    div.alert-text {
        width: 100% !important;
        font-size: 40px;
        line-height: 41px !important;
    }
    .alertGb > .alert-text {
        width: 100% !important;
        font-size: 30px !important;
        line-height: 41px !important;
    }
    /*#MODAL ADD EXTRAS*/

    .modal-close {
        display: none ;
    }
    .modal-close-mobile {
        background: #000;
        width: 31px;
        padding-left: 9px;
        height: 40px;
        border-radius: 19px;
        font-size: 30px;
        line-height: 30px;
        font-weight: 800;
        color: white;
        float: right;
        margin: 20px;
        cursor: pointer;
        display: block;
    }
    .modal-text {
        width: 80%;
        font-size: 35px;
        line-height: 50px !important;
    }


    .modal-controls {
        width: 70% !important;
    }
    .modal-controls div {
        height: 80px !important;
        width: 125px !important;
        line-height: 80px !important;
        font-size: 45px !important;
    }
    .block-centered {
        text-align: center !important;
        display: block !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .btn-budget-guests {
        margin: auto;
        text-align: center !important;
        width: 85%;
    }
    .block-centered div {
        float: none !important;
    }
    .container-policy {
        font-size: 25px !important;
        margin-top: 220px;
        width: 100%;
        padding-bottom: 20px;

    }
    .container-policy a {
        font-size: 25px !important;
    }
    .mobile-package-cont .glyphicon.text-magenta {
        float:right;
        margin-right: 15px;
    }
    .mobile-package-cont .glyphicon.text-green {
        float:right;
        margin-right: 15px;

    }
    .inclusions-el {
        padding-left: 15px;
        padding-right: 15px;
        height: 60px;
        line-height: 60px;
        font-size: 30pt;
    }
    .input-goh-dob-holder {
        width: 23% !important;
        margin-right: 30px;
    }
    .input-goh-dob-holder input.booking-input-loc-type-new.checkout-input {
        width: 100% !important;
    }
    .input-line-holder .term_and_policy div , .input-line-holder .term_and_policy span{
        font-size: 30px;
        line-height: 40px;
    }

    .input-line-holder .term_and_policy {
        width: 80%;
        margin-left: 10%;
        font-size: 30px;
        line-height: 40px;
    }
    .mobile-package-cont .title-line-packs {
        padding-left: 15px;
        padding-right: 10px;
        height: 60px;
        line-height: 60px;
        font-size: 31pt;
    }
    .small-input-arrow-image {
        background-position-x: 92%;

    }

    .mob-package {
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
        /*height: 60px;*/
        line-height: 60px;
        font-size: 28pt;
        background-color: #505050;

        color:#c8c8c8;
    }

    .selected-party-pack-mobile {
        float: right;
        margin-right: 0%;
        background: white;

        width: 42px;
        height: 42px;
        padding: 3px;
        border: 1px solid #444444;
        margin-top: 5px;
    }
    .termsModal p {
        font-size: 28px !important;
        line-height: 28px !important;
        font-weight :800;
        font-family: Proxima !important;
    }
    p.terms-heading {
        font-size: 38px !important;
        line-height: 38px !important;
        color:#0a2d8d;
        border-bottom:solid 1px;
        padding-bottom:10px;
    }
    .terms-sub-heading {
        font-size: 32px !important;
        line-height: 32px !important;
        color:#000;
    }
    .modal-close-mobile-terms {
        background: #000;
        width: 31px;
        padding-left: 9px;
        height: 40px;
        border-radius: 19px;
        font-size: 30px;
        line-height: 30px;
        font-weight: 800;
        color: white;
        float: right;
        margin: 9px;
        cursor: pointer;
        display: block;
    }
    .termsModal ul {
        list-style-type: none;
        padding-left: 80px;
        padding-right: 60px;
    }
    .termsModal li {
        margin-top: 7px;
        font-family: Proxima !important;
        font-weight: 800;
        font-size: 28px !important;
        line-height: 28px !important;
    }
    #logout-button-mobile {
        color: white;
        background: black;
        width: 40%;
        height: 40px;
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        text-align: center;
        margin: auto;
        margin-bottom: 20px;
        font-weight: 800;
    }
    .privacy-cont-mwp-mobile {
        font-size: 20px;
        padding-bottom: 12px;
        text-decoration: underline;
        width: 65%;
        margin: auto;
        text-align: center;
    }
    .privacy-cont-mwp-mobile a {
        padding-right: 10px;
    }
    .privacy-open-mob {
        border-right: 1px solid black;

    }
    .terms-open-mob {
        padding-left: 10px;
    }
    .schoolgr-homepage-block {
        width: 100%;
        font-size: 20px;
        line-height: 20px;

    }
    .padding-cont {
        margin-left: 10%;
        width: 90%;
        /*padding-left: 15%;*/

        /*padding-right: 15%;*/
    }
    .slider-holder {
        width: 80%;
        margin-left: 10%;
        min-height: 350px;
    }
    .school-group-summary-cont {
        height: auto;
        padding-bottom: 30px;
    }
    ul.schoolgr-reason-list-m li {
        width: 100%;
        font-size: 32px;
        line-height: 40px;
    }
    .schoolgr-reason-list-m {
        /*list-style-type: disc;*/
        width: 80%;
    }
    .school-group-type-cont-m .sp-ev-name{
        line-height: 90px;
        font-size: 40px;
        height: 90px;
        font-weight: 800;
    }
    .school-group-type-cont-m {
        width: 90%;
        margin-left: 5%;
        margin-top: 30px;
        height: auto;
    }
    .school-group-sum span.fr {
        width: 65%;
        height: 45px;
        line-height: 45px;
        font-size: 33px;
    }
    .school-group-sum span.float-left {
        width: 30%;
        height: 45px;
        line-height: 45px;
    }
    .school-group-sum {
        font-size: 20px;
        height: auto;
    }
    .spe-summary p {
        min-height: 45px;
        font-size: 30px;
    }
    ul.school-covered-list{
      padding-top: 15px;
      padding-bottom: 25px;
    }
    .spe-desc, ul.school-covered-list li {
      font-size: 33px;
      line-height: 40px;
      min-height: 40px;
      height: auto;
    }
    .spe-desc.text-grey{
      line-height: 40px;
    }
    .school-group-type-cont-m .spe-buyticket {
        font-weight: 800;
        font-size: 30px;
        line-height: 35px;
    }
    .spe-sum-heading {
        font-weight: 800;
        font-size: 33px;
        line-height: 37px;
    }
    
}

/*iphone6 portrait*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
    /*body {*/
        /*background: darkmagenta;*/
    /*}*/
    
    .time-flippers-bg.time-flippers-bg-notmultiflippers {
        width: 73%;
    }
    
    .time-book.time-book-mobile{
      width:27%;
    }
    
    #party-log-main-mobile .boild-fb-mob1 {
        padding-left: 80px;
    }

    .drop-down-modal {
        position: fixed !important;
        top: 5% !important;
        height: 90% !important;
        min-height: 100px !important;
        max-height: 650px !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    .drop-down-modal-small, .drop-down-modal-small-new {
        position: fixed !important;
        top: 5% !important;
        height: 94% !important;

        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    .modal.alert {
        position: fixed !important;
        left: 50%;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        top: 30% !important;

    }
    .manage-login-modal-mobile{
      width: 100% !important;
      height: 100% !important

    }

}
/*@media only screen*/
/*and (max-device-width : 374px)*/
/*and (orientation : portrait)*/
/*and (-webkit-min-device-pixel-ratio : 2) {*/
    /*body {*/
        /*background: lightsalmon;*/
    /*}*/

    /*.time-flippers-bg.time-flippers-bg-notmultiflippers {*/
        /*width: 75%;*/
    /*}*/
    /**/
    /*.time-book.time-book-mobile{*/
      /*width:25%;*/
    /*}*/

/*}*/

@media
only screen and (min-device-width: 480px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    /*body {*/
        /*background: green*/
    /*}*/
    #bookPartyDiv-mobile {
        width: 15%;
    }
    #bookPartyDiv2-mobile {
        width: 15%;
    }
    #nav-bar-mobile div{
        height: 40px;
        line-height: 28px;
        text-transform: uppercase;
        padding-top: 25px;
        margin-top: 2px;
        font-size: 35px;
    }
    .modal {
        position: fixed !important;
        width: 56% !important;
        height: 43% !important;
    }
    .add-extras {
        height: 50% !important;
        width: 70% !important;
    }

    .manage-login-modal-mobile{
      width: 100% !important;
      height: 100% !important

    }

    .modal-close {
        display: none ;
    }
    .modal-close-mobile {
        background: #000;
        width: 31px;
        padding-left: 9px;
        height: 40px;
        border-radius: 19px;
        font-size: 30px;
        line-height: 30px;
        font-weight: 800;
        color: white;
        float: right;
        margin: 20px;
        cursor: pointer;
        display: block;
    }
    .modal-text {
        width: 80%;
        font-size: 20px;
        line-height: 22px;
    }



    .modal-controls div {
        height: 60px;
        width: 95px;
        line-height: 60px;
        font-size: 37px;
    }

    .container-policy {
        margin: auto;
        width: auto;
        font-size: 20px !important;
        text-align: center !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .container-policy a {
        margin-left: 0px;
        /*margin-right: 7px;*/
        font-size: 25px !important;
    }






}

@media screen and (min-width: 1281px) and (min-device-pixel-ratio: 1) {
    /*body {*/
        /*background: red*/
    /*}*/
    .container-policy {
        margin: auto;
        width: 960px;
        font-size: 15px;
        text-align: center;
    }
}
.termsModal {
    height:580px !important;
    width:800px !important;
    text-align: left;
    padding:7px;
    background-color: #fcf8e3;
    margin-left: -400px;
}


.termsModal p {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
}
.termsModal p.subpoint {
    padding-top: 5px;
    padding-left: 80px;
}
.terms-heading {
    font-size: 16pt;
    color:#0a2d8d;
    border-bottom:solid 1px;
    padding-bottom:10px;
}
.terms-sub-heading {
    font-size: 14pt;
    color:#000;
}
.termsModal ul {
    list-style-type: none;
    padding-left: 80px;
    padding-right: 60px;
}
.termsModal li {
    margin-top: 7px;
}

.my-carousel > div > .carousel-indicators{
    display:none
}
.my-carousel > div > .carousel-inner > div {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}






.text-white {
    color: #fff
}
.text-grey {
    color: #C6C6C6
}
.text-green {
    color: #009C48 !important;
}
.text-magenta {
    color:#953195
}
.party-nav-active{
    background-color: #008C00; 
    color: white ;
}

.party-nav{
    background-color: #505050; 
    color: white ;
}

.inclusions-el{
    background-color: #ab82bd; 
    color: white ;
}

.mobile-package-cont{
    padding-left  : 10px;
    padding-right : 10px;
    
}

.mobile-package-cont > div{
    margin-bottom:3px;
    padding: 5px;
}

.mobile-package-cont > div > div{
    margin-bottom:3px;

}



.mselect-package{
    display: block;
    float: right;
    margin-top: -16px;
}
#heare-party-home{
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bolder;
    margin-bottom: 20px;
}
#ph-corusel-cont{
    background:#953195;
}

.part-opt-mobile > .glyphicon{
    float:right;
    margin-right: 2%;
}

.name-col-mob{
    display:block;
    width: 101% ! important;
    margin-left: -7px;
    margin-bottom: 4px !important;
    height: 50px !important;
    font-size: 14pt;
}

#add-mob-header{
    background:#953194;
    padding: 9px;
    width: 78%;
    margin:0 auto;
    text-align:right; 
    color:#fff
}



.header-mob-guest{
    background:#953194;
    padding: 12px;
    width: 78%;
    margin:0 auto;
}

.mwp-button-mobile{
    width: 95%;
    height: 79px;
    line-height: 80px;
    font-size: 30px;
}

.line-gl-mobile{
    height: 50px; 
    font-size: 27px; 
    line-height: 47px;
}

.close-gl-new{
    font-size: 20pt;
    color: #FFF;
    float: right;
    margin-right: 13px;
}

#reviewbtn{
  display: inline-block;
}

.review-loader{
  width: 45px;
  margin-bottom: 7px;
  margin-left: 7px;
  display:none;
}

@media
only screen and (min-width:600px) and (max-width:768px) and (orientation : portrait){
    /*body {*/
        /*background: hotpink;*/
    /*}*/
    .modal {
        position: fixed !important;
        left: 65%
    }
    .time-flippers-bg.time-flippers-bg-notmultiflippers {
        width: 74%;
    }

    .time-book.time-book-mobile{
        width:26%;
    }
    .drop-down-modal-li-mobile {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 25px;
        line-height: 34px;

    }
    .dropdown-list-header-mobile {
        font-size: 31px;
        line-height: 45px;
        padding: 15px;
        padding-right: 50px;
    }
    .session-button {
        background-image: url('/img/session-border-tablet.png');
    }
    .parties-button {
        background-image: url('/img/parties-border-tablet.png');
    }
    /*.classes-button {*/
        /*background-image: url('/img/classes-border-tablet.png');*/
    /*}*/
    /*.schoolgroups-button {*/
        /*background-image: url('/img/schoolgroups-border.png');*/
    /*}*/
    .specialevents-button {
        background-image: url('/img/classes-border-tablet.png');
    }
    .price-bg {
        width: 170px;
        margin-top: -21px;
    }
    .input-line-holder .terms-and-policy-line span {
        margin-left: 6px;
    }
    .terms-and-policy-line {
        height: 130px;
    }
    div.modal.alert {
        position: fixed !important;
        width: 70% !important;
        height: 42% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        top: 30% !important;
    }
    .alert-text {
        font-size: 24px !important;
        line-height: 28px !important;
        font-family: Arial;
    }
    .conformation-link-button {
        font-size: 25px;
        font-family: Arial;
        font-weight: 800;

    }
    .manage-login-modal-mobile{
      width: 100% !important;
      height: 100% !important
    }
    .remember-me-mobile-cont {
        font-size: 18pt;
        font-family: Arial;
    }
    .drop-down-modal-small, .drop-down-modal-small-new {
        top: 20% !important;
        width: 72% !important;
    }
    .dropdown-list-header-mobile {
        padding-right: 50px;
    }

}
@media
only screen and (min-width:600px) and (max-width:768px) and (max-height: 450px){
    .manage-login-modal-mobile{
      width: 100% !important;
      height: 100% !important

    }
    .remember-me-mobile-cont {
        font-size: 32px;
        font-family: Arial;
    }
    .conformation-link-button {
        font-size: 20px;
    }
}

@media
only screen and (min-width:900px) and (max-width:1000px) and (orientation : landscape) {
    /*body {*/
        /*background: rosybrown;*/
    /*}*/
    
    
    .drop-down-modal-li-mobile {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 27px;

    }
    .drop-down-modal {
        height: 70% !important;
        max-height: 70% !important;
        top:65% !important;
    }
    .drop-down-modal-small {
        height: 70% !important;
        max-height: 70% !important;
        top:5% !important;
    }
}
@media
only screen and (min-width:600px) and (max-width:768px) and (orientation : landscape){
    /*body {*/
        /*background: lightseagreen;*/
    /*}*/
    .modal {
        left: 50%
    }
    div.modal.alert {
        width: 70% !important;
        height: 65% !important;
/*        left: 33%;*/
        top: 25% !important;

    }
    .drop-down-modal {
        position: fixed !important;
        top: 10% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);

    }
    
    .drop-down-modal-small {
        position: fixed !important;
        top: 5%;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    .alert-text {
        font-size: 24px !important;
        line-height: 28px !important;
        font-family: Arial;
    }
    .drop-down-modal-li-mobile {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 27px;

    }
    .dropdown-list-header-mobile {
        font-size: 25px;
        line-height: 30px;
        padding: 7px;
    }
    .modal-close-mobile {
        width: 31px;
        padding-left: 9px;
        height: 30px;
        font-size: 25px;
        line-height: 30px;
        margin: 10px;

    }
    .session-button {
        background-image: url('/img/session-border-tablet.png');
    }
    .parties-button {
        background-image: url('/img/parties-border-tablet.png');
    }
    /*.classes-button {*/
    /*background-image: url('/img/classes-border-tablet.png');*/
    /*}*/
    /*.schoolgroups-button {*/
    /*background-image: url('/img/schoolgroups-border.png');*/
    /*}*/
    .specialevents-button {
        background-image: url('/img/classes-border-tablet.png');
    }
    .price-bg {
        width: 170px;
    }
    .input-line-holder .term_and_policy {
        margin-left: 11px;
    }
    .terms-and-policy-line {
        height: 130px;
    }

}

/*ipad portrait */
@media
only screen and (min-width:700px) and (max-width:768px) and (orientation : portrait) {
    /*body {*/
        /*background: goldenrod;*/
    /*}*/
    .modal {
        position: fixed !important;
        left: 40%
    }
    div.modal.alert {
        width: 70% !important;
        height: 35% !important;

        top: 35% !important;
    }
    .drop-down-modal {
        position: fixed !important;
        top: 10% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);

    }
    
    .drop-down-modal-small {
        position: fixed !important;
        top: 5%;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    
    .manage-login-modal-mobile{
      width: 100% !important;
      height: 100% !important
    }
    .remember-me-mobile-cont {
        font-size: 18pt;
        font-family: Arial;
    }
    .drop-down-modal {
        position: fixed !important;
        top: 30% !important;
    }
    .drop-down-modal-small {
        position: fixed !important;
        top: 24% !important;

    }
    .dropdown-list-header-mobile {
        padding-right: 50px;
    }
    .drop-down-modal-small-new {
        top: 24% !important;

    }

}
/*ipad landscape iphone6 landscape*/
@media
only screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
    /*body {*/
        /*background: indigo;*/
    /*}*/

    
    .alert {
        position: fixed !important;
        top: 3%;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }

    .drop-down-modal {
        position: fixed !important;
        top: 10% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);

    }
    
    .drop-down-modal-small {
        position: fixed !important;
        top: 20% !important;
        left: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    .alert-text {
        font-size: 25px;
        line-height: 50px;

    }
    .manage-login-modal-mobile{
      width: 100% !important;
      height: 100% !important
    }
    .login-form-part .conformation-link-button {
/*        font-size: 19pt;*/
        font-family: Arial;
    }
    .remember-me-mobile-cont {
        font-size: 25px;
        font-family: Arial;
    }
    .drop-down-modal-li-mobile {
        font-size: 25px;
        height: 50px;
        line-height: 50px;
        padding: 0px;
    }
    .drop-down-modal {
        position: fixed !important;

    }

}

.about-modal {
    padding: 15px;
    overflow-y: scroll;
    width: 700px !important;
    height: 600px;

}



/*@media*/
/*only screen and (max-width : 480px) {*/
    /*body {background: salmon}*/
/*}*/
/*@media*/
/*only screen and (min-device-width: 300px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio : 1.5) {*/
    /*body {background: white}*/
/*}*/
/*@media*/
/*only screen and (min-device-pixel-ratio : 1.5) {*/
    /*body {background: purple}*/
/*}*/
/*@media*/
/*only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {*/
    /*body {background: cadetblue}*/
/*}*/
/*@media*/
/*only screen and (min-device-width: 560px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {*/
    /*body {background: brown}*/
/*}*/
/*@media*/
/*only screen and (max-device-width: 720px) {*/
    /*body {background: #b2dba1}*/
/*}*/
/*@media*/
/*only screen and (max-device-width: 1000px) and (orientation: landscape)*/

/*{*/
    /*body {background: cyan}*/
/*}*/