/** roboto-font **/

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/roboto/robotocondensed-bold-webfont.eot');
    src: url('../fonts/roboto/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/roboto/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/roboto/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('../fonts/roboto/robotocondensed-regular-webfont.eot');
    src: url('../fonts/roboto/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/roboto/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/roboto/robotocondensed-regular-webfont.svg#roboto_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rockwell-boldregular';
    src: url('../fonts/rockwell/rockwell-bold-webfont.eot');
    src: url('../fonts/rockwell/rockwell-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rockwell/rockwell-bold-webfont.woff2') format('woff2'), url('../fonts/rockwell/rockwell-bold-webfont.woff') format('woff'), url('../fonts/rockwell/rockwell-bold-webfont.ttf') format('truetype'), url('../fonts/rockwell/rockwell-bold-webfont.svg#rockwell-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_baskervillebold';
    src: url('../fonts/basker/librebaskerville-bold-webfont.eot');
    src: url('../fonts/basker/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basker/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('../fonts/basker/librebaskerville-bold-webfont.woff') format('woff'),
         url('../fonts/basker/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    color: #3f3b4d;
    font: 12px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 0;
	margin-left: -10px;
    padding: 0;
    text-align: justify;
}
#wrapper {
    text-align: center;
}
#body {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 960px;
}
#header {
    background-image: url("../images/MITM_header.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 150px;
    text-align: right;
    width: 960px;
    z-index: 1000;
}
#thenumbers {
    height: 150px;
    padding-left: 0;
    padding-top: 10px;
    width: 930px;
    z-index: 1000;
}
#content {
    /* background: #fff none repeat scroll 0 0; */
    text-align: left;
    width: 960px;
	margin-top:-3px;
}
#nav {
    color: #4180cf;
    font: bold 18px Rockwell,"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1000;
}
#nav1::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] #nav1 {
    display: block;
}
#nav1 {
    line-height: 100%;
    margin: 0;
    padding: 0 6px 0 40px;
    z-index: 1000;
}
#nav1 li {
    float: left;
    list-style: outside none none;
    margin: 0 5px;
    padding: 0 0 8px;
    position: relative;
    z-index: 1000;
}
#nav1 a {
    border-radius: 1.6em;
    color: #4180cf;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 4px 20px;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 1000;
}
#nav1 ul {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #477fc1, #477fc1) repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    left: -23px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 150px;
}
#nav1 ul li {
    float: none;
    margin: 0;
    padding: 0;
}
.arrow-up {
    border-color: transparent transparent #477fc1;
    border-style: solid;
    border-width: 0 5px 5px;
    float: left;
    height: 0;
    margin: -5px 0 0 70px;
    width: 0;
}
#nav1 ul li:first-child > a {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
#nav1 ul a {
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}
#contentTop {
    color: #3f3b4d;
    font: 12px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 0 auto;
    text-align: justify;
    width: 935px;
	height:835px;
	background: #fff none repeat scroll 0 0;
}
#toppane {
    padding-bottom: 20px;
}
.container-1{
	width: 600px;
	float:left;
}
.oneseat-bg{
	background: rgba(0, 0, 0, 0) url("../images/MITM_oneseat2.png") no-repeat scroll 0 0 / contain;
	width:600px;
	height:155px;
}
.inner-nav{
	background: rgba(0, 0, 0, 0) url("../images/menubg.png") no-repeat scroll 0 0 / contain;
	width:600px;
	height:45px;
}
.inner-nav > ul {
    margin: 0;
    padding: 0;
}
.inner-nav ul li{
	list-style-type:none;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	font-family:Arial;
	margin-top: 3px;
    padding-left: 3px;
	cursor: pointer;
	opacity:1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.inner-nav li:first-child {
    padding-left: 10px;
}
.inner-nav li:hover {
    opacity: 0.6;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.seat-map{
	background: rgba(0, 0, 0, 0) url("../images/main_seat1_new.png") no-repeat scroll 0 0 / cover;
	height: 575px;
	clear: both;
}
.btn_101 {
    background: rgba(0, 0, 0, 0) url("../images/btn_101.png") no-repeat scroll 0 0 / cover ;
    bottom: 0;
    height: 45px;
    left: 47px;
    position: relative;
    top: 4px;
    width: 47px;
	z-index: -1;
}
.btn_102 {
    background: rgba(0, 0, 0, 0) url("../images/btn_102.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 47px;
    position: relative;
    top: -20px;
    width: 47px;
	z-index: -1;
}
.btn_103 {
    background: rgba(0, 0, 0, 0) url("../images/btn_103.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 56px;
    position: relative;
    top: -48px;
    width: 47px;
	z-index: -1;
}
.btn_104 {
    background: rgba(0, 0, 0, 0) url("../images/btn_104.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: -20px;
    position: relative;
    top: 48px;
    width: 47px;
	z-index: -1;
}
.btn_105 {
    background: rgba(0, 0, 0, 0) url("../images/btn_105.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 4px;
    position: relative;
    top: 55px;
    width: 47px;
	z-index: -1;
}
.btn_201 {
    background: rgba(0, 0, 0, 0) url("../images/btn_201.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 93px;
    position: relative;
    top: -20px;
    width: 47px;
	z-index: 0;
}
.btn_202 {
    background: rgba(0, 0, 0, 0) url("../images/btn_202.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 60px;
    position: relative;
    top: -6px;
    width: 47px;
	z-index: 0;
}
.btn_203 {
    background: rgba(0, 0, 0, 0) url("../images/btn_203.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 60px;
    position: relative;
    top: 12px;
    width: 47px;
	z-index: 0;
}
.btn_204 {
    background: rgba(0, 0, 0, 0) url("../images/btn_204.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 68px;
    position: relative;
    top: 10px;
    width: 47px;
	z-index: 0;
}
.btn_205 {
    background: rgba(0, 0, 0, 0) url("../images/btn_205.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 8px;
    position: relative;
    width: 47px;
	-webkit-transform: rotate(-34deg);
	-moz-transform: rotate(-34deg);
	-o-transform: rotate(-34deg);
	transform: rotate(-34deg);
	z-index: 0;
}
.btn_206 {
    background: rgba(0, 0, 0, 0) url("../images/btn_206.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 14px;
    position: relative;
    top: 14px;
    width: 47px;
	z-index: 0;
	-webkit-transform: rotate(-56deg);
	-moz-transform: rotate(-56deg);
	-o-transform: rotate(-56deg);
	transform: rotate(-56deg);
}
.btn_207{
	background: rgba(0, 0, 0, 0) url("../images/btn_207.png") no-repeat scroll 0 0 / cover ;
	width: 47px;
	height: 45px;
	position: relative;
	top: 62px;
	left: 30px;
	z-index: 0;
}
.btn_208{
	background: rgba(0, 0, 0, 0) url("../images/btn_208.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 14px;
    position: relative;
    top: 50px;
    width: 47px;
	z-index: 0;
}
.btn_209{
	background: rgba(0, 0, 0, 0) url("../images/btn_209.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    left: 14px;
    position: relative;
    top: 50px;
    width: 47px;
	z-index: 0;
}
.btn_210{
	background: rgba(0, 0, 0, 0) url("../images/btn_210.png") no-repeat scroll 0 0 / cover ;
    height: 45px;
    position: relative;
    top: 76px;
    width: 47px;
	z-index: 0;
}
#sec_iframe {
	border: none;
	box-shadow: 0 0 10px #000;
}
.modal-pop,
.modal-pop-1 {
    position: absolute;
    z-index: 99;
    top: 248px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    width: 960px;
    height: 600px;
}
#popupBoxClose {
    cursor: pointer;
    float: right;
    position: absolute;
	left: 920px;
	top: -800px;
    z-index: 999999;
	width: 45px;
	height: 45px;
	background-image: url('../images/closebtnchart.png');
	background-repeat: no-repeat;
}
#popupBoxClose-1 {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #000;
    font-size: 25px;
    color: #fff;
    background-color: #000;
    float: right;
    cursor: pointer;
}
.container-2 {
    background-color: #809a49;
    display: block;
    float: right;
    height: 815px;
    position: relative;
    width: 325px;
}
.top > p {
    color: #fff;
    font-family: serif;
    font-size: 30px;
    font-weight: bold;
	margin: 5px 0px;
    text-align: center;
	line-height: 28px;
}

.bottom > p {
    color: #000;
    font-weight: bold;
    margin: 0px;
    text-align: center;
	font-size: 20px;
	font-family: arial;
}
.circle {
    background-color: #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 15px 2px #000000;
    height: 25px;
    left: 100px;
    position: absolute;
    top: 140px;
    width: 25px;
}
/* #pieSlice1 {
    /* background-color: #ffcc00;
    border-radius: 180px;
    clip: rect(0px, 185px, 185px, 90px);
    height: 180px;
    left: 15px;
    margin-top: 17px;
    position: absolute;
    width: 185px;
} */
/* #pieSlice1 .pie {
	background-color: #FFC400;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.pie {
    position: absolute;
    width: 185px;
    height: 180px;
    clip: rect(0px, 92px, 200px, 0px);
    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;
    border-radius: 180px;
}
.circle1 {
    transition: 1s linear;
    transform: rotate(180deg)!important;
}
.hold {
    position: absolute;
    width: 185px;
    height:180px;
    clip:rect(0px, 185px, 180px, 90px);
} */
.pieContainer {
    position: absolute;
    left: 7px;
    top: 105px;
}
/* #pieSlice2 {
    -webkit-transform: rotate(165deg);
    -moz-transform: rotate(165deg);
    -o-transform: rotate(165deg);
    transform: rotate(165deg);
	margin-top: -2px;
}

#pieSlice2 .pie {
    background-color: #FFC400;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.circle2 {
    transition: 1.5s linear;
    transform: rotate(100deg)!important;
}
#pieSlice3 {
    -webkit-transform: rotate(267deg);
    -moz-transform: rotate(267deg);
    -o-transform: rotate(267deg);
    transform: rotate(267deg);
}

#pieSlice3 .pie {
    background-color: #4F8FCA;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.circle3 {
    transition: 1s linear;
    transform: rotate(20deg)!important;
}
.circle4 {
    transition: 1s linear;
    transform: rotate(76deg)!important;
}
#pieSlice4 {
    -webkit-transform: rotate(285deg);
    -moz-transform: rotate(285deg);
    -o-transform: rotate(285deg);
    transform: rotate(285deg);
}

#pieSlice4 .pie {
    background-color: #D10000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
} */
.percent_fonts {
    font-size: 14px;
    color: #6D6C71;
}

.percent1 {
    left: 70px;
    position: relative;
    top: 80px;
}

.percent2 {
    left: 19px;
    position: relative;
    top: 4px;
}

.percent3 {
    left: 40px;
    position: relative;
    top: -30px;
}
.sections {
    left: 200px;
    position: relative;
    width: 110px;
	top: 27px;
}

/* .section1 {
    float: left;
    height: 40px;
    margin-bottom: 20px;
    width: 110px;
} */

.section1>div {
    color: #ffc400;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
}
.price {
	font-size: 18px !important;
    margin-top: 5px;
}
/* .section2 {
    float: left;
    height: 50px;
    margin-bottom: 20px;
    width: 110px;
	position:absolute;
	top:45px;
} */

.section2 > div {
    color: #5e8db8;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 5px;
    text-align: left;
}
/* .section3 {
    background-color: #181d0e;
    float: left;
    height: 50px;
    margin-bottom: 20px;
    width: 110px;
} */
.section3 > div {
    color: #d10000;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 5px;
}
.section-margin {
    margin-top: 3px;
}
.left-sub3>div>p {
    color: #2254c7;
    font-family: serif;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 22px;
    margin-left: 15px;
    margin-top: 0;
}
.key {
    position: absolute;
    top: 315px;
}
.head {
    margin: 0px auto;
}

.head1 {
    position: absolute;
    top: 362px;
}

.head2 {
    position: absolute;
    top: 418.5px;
}

.head3 {
    position: absolute;
    top: 476px;
}

.boxhead > div > p {
    font-family: rockwell;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 4px;
}

.box1 {
    background-color: #ffc400;
    border: 1px solid #000000;
    clear: both;
    float: left;
    height: 32px;
    width: 32px;
}

.boxtext1 {
	color: #ffc400;
    float: right;
    font-weight: bold;
    margin-left: 5px;
}

.box2 {
    background-color: #4f8fca;
    border: 1px solid #000000;
    float: left;
    height: 32px;
    width: 32px;
}

.boxtext2 {
	color: #2254c7;
    display: block;
    float: right;
    font-weight: bold;
    margin-left: 5px;
}

.box3 {
    background-color: #d10000;
    border: 1px solid #000000;
    float: left;
    height: 32px;
    width: 32px;
}

.boxtext3 {
    color: #d10000;
    float: right;
    font-weight: bold;
    margin-left: 5px;
}

.leftbox1 {
    float: left;
}
.boxes {
    margin-left: 15px;
}
.seats_img {
	width: 294px;
	height: 210px;
	position: absolute;
	top: 550px;
	left: 15px;
	overflow: hidden;
}
.chair {
    position: absolute;
    top: 15px;
    left: -10px;
	-webkit-transform: scale(1.15,1.15);
    -moz-transform: scale(1.15,1.15);
    -o-transform: scale(1.15,1.15);
    transform: scale(1.15,1.15);
}
.seat1 {
    background: rgba(0, 0, 0, 0) url("../images/seat1.png") no-repeat scroll 0 0 / 58px 55px;
    bottom: -72px;
    clip: rect(115px, 138px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: 65px;
    transform: rotate(-5deg);
    width: 165px;
}
.seat2 {
    background: rgba(0, 0, 0, 0) url("../images/seat2.png") no-repeat scroll 0 0 / 60px 62px;
    bottom: -52px;
    clip: rect(135px, 138px, 150px, 0px);
    cursor: pointer;
    height: 140px;
    position: absolute;
    right: 58px;
    transform: rotate(5deg);
    width: 165px;
}
.seat3 {
	background: rgba(0, 0, 0, 0) url("../images/seat3.png") no-repeat scroll 0 0 / 67px 70px;
    bottom: -45px;
    clip: rect(140px, 138px, 150px, 0px);
    cursor: pointer;
    height: 150px;
    position: absolute;
    right: 15px;
    transform: rotate(1deg);
    width: 167px;
}

.seat4 {
    background: rgba(0, 0, 0, 0) url("../images/seat4.png") no-repeat scroll 0 0 / 65px 70px;
    bottom: -47px;
    clip: rect(135px, 138px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: -28px;
    transform: rotate(-2deg);
    width: 167px;
}

.seat5 {
    background: rgba(0, 0, 0, 0) url("../images/seat5.png") no-repeat scroll 0 0 / 60px 58px;
    bottom: -82px;
    clip: rect(135px, 100px, 100px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: -38px;
    transform: rotate(7deg);
    width: 165px;
}
.seat6 {
     background: rgba(0, 0, 0, 0) url("../images/seat6.png") no-repeat scroll 0 0 / 75px 75px;
    bottom: -17px;
    clip: rect(135px, 160px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: -87px;
    transform: rotate(4deg);
    width: 170px;
}

.seat7 {
    background: rgba(0, 0, 0, 0) url("../images/seat7.png") no-repeat scroll 0 0 / 70px 70px;
    bottom: 8px;
    clip: rect(138px, 160px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: -55px;
    width: 167px;
}

.seat8 {
    background: rgba(0, 0, 0, 0) url("../images/seat8.png") no-repeat scroll 0 0 / 63px 70px;
    bottom: 43px;
    clip: rect(120px, 160px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: -38px;
    width: 167px;
}

.seat9 {
    background: rgba(0, 0, 0, 0) url("../images/seat9.png") no-repeat scroll 0 0 / 29px 61px;
    bottom: 40px;
    clip: rect(122px, 160px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: -19px;
    width: 167px;
}

.seat10 {
   background: rgba(0, 0, 0, 0) url("../images/seat10.png") no-repeat scroll 0 0 / 29px 60px;
    bottom: 40px;
    clip: rect(122px, 160px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: 12px;
    width: 167px;
}

.seat11 {
    background: rgba(0, 0, 0, 0) url("../images/seat11.png") no-repeat scroll 0 0 / 59px 70px;
    bottom: 42px;
    clip: rect(120px, 160px, 150px, 0px);
    cursor: pointer;
    height: 145px;
    position: absolute;
    right: 61px;
    width: 167px;
}
.seat12 {
	background: rgba(0, 0, 0, 0) url("../images/seat12_3.png") no-repeat scroll 0 0 / 75px 75px;
    bottom: 29px;
    clip: rect(135px, 160px, 150px, 0px);
    cursor: pointer;
    height: 129px;
    position: absolute;
    right: 91px;
    width: 169px;
}
.seat14{
	background: rgba(0, 0, 0, 0) url("../images/blue-seat_1.png") no-repeat scroll 0 0 / 55px 58px;
    bottom: 27px;
    clip: rect(140px, 160px, 150px, 0px);
    cursor: pointer;
    height: 110px;
    position: absolute;
    right: 154px;
    width: 143px;
}
.seat13 {
	background: rgba(0, 0, 0, 0) url("../images/seat13_2.png") no-repeat scroll 0 0 / 60px 50px;
    bottom: 0;
    clip: rect(140px, 160px, 150px, 0px);
    cursor: pointer;
    height: 110px;
    position: absolute;
    right: 129px;
    width: 143px;
}

.bottom-text {
    bottom: 0px;
    display: block;
    position: absolute;
}

.bottom-text > div {
    display: inline-block;
    font-family: rockwell;
    font-size: 9px;
    font-weight: bold;
	color: #24271f;
}
.blue-box {
    float: left;
    margin-top: 2px;
	width: 15px;
}
.bottom-text-1 {
    left: 15px;
    position: relative;
    top: -10px;
}
.bottom-text-1 > p {
    float: right;
    left: 5px;
    margin: 0px;
    position: relative;
}
.bottom-text-2 {
    left: 52px;
    position: relative;
    top: -10px;
}

.bottom-text-2 > p {
    color: #125e90;
    float: left;
    margin: 0;
    text-align: center;
}
.bottom-text-3 {
    left: 85px;
    position: relative;
    top: -10px;
}
.yel-box {
    float: left;
    margin-top: 2px;
	width: 15px;
}
.bottom-text-3 > p {
    float: right;
    left: 5px;
    margin: 0;
    position: relative;
}
#footer {
    color: #fff;
    font: 10px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
    padding-right: 20px;
    text-align: right;
    width: 940px;
}
div.footer a {
    color: #fff;
    font: 10px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.videodiv{
	width: 960px;
	height: 836px;
	background-color: #ffffff;
	position: absolute;
	z-index: 9999999;
	top: 30px;
	left: 0px;
}
#vclose-btn {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 100px;
  left: 891px;
  cursor: pointer;
  z-index:220;
  background-image: url('../images/closebtnchart.png');
  background-repeat: no-repeat;
}
.CharAni {
    width: 135px;
    height: 150px;
	position: absolute;
	top: -154px;
	left: 214px;
    background: url("../images/seatingchar.png") no-repeat;
    -webkit-animation: CharAni 2.9s steps(55) infinite linear;
       -moz-animation: CharAni 2.9s steps(55) infinite linear;
        -ms-animation: CharAni 2.9s steps(55) infinite;
         -o-animation: CharAni 2.9s steps(55) infinite;
            animation: CharAni 2.9s steps(55) infinite;
}
@-moz-keyframes CharAni {
   from { background-position:    0px; }
     to { background-position: -7425px; }
}
@-webkit-keyframes CharAni {
	from { background-position:    0px; }
     to { background-position: -7425px; }
}
@keyframes CharAni {
	 from { background-position:    0px; }
     to { background-position: -7425px; }
}
.sect_1{
	width:108px;
	height:35px;
	clip: rect(0px, 5px, 110px, 0px);
	float:left;
	background-color: black;
	transition: 1s linear;
	position:absolute;
	left: 7px;
}
.sect_2{
	width:108px;
	height:50px;
	clip: rect(0px, 5px, 110px, 0px);
	float:left;
  background-color: black;
	transition: 1s linear;
	position:absolute;
	top:55px;
	left: 2px;
}
.sect_3{
	width:108px;
	height:50px;
	clip: rect(0px, 5px, 110px, 0px);
	float:left;
  background-color: black;
	transition: 1s linear;
	position:absolute;
	top:120px;
	left: 2px;
}
.sect_1 .title, .sect_2 .title, .sect_3 .title {
  display: block;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 2px;
}
.sect_1 .amount, .sect_2 .amount, .sect_3 .amount {
  display: block;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 4px;
}

#popupBoxClose-2{
	background-image: url("../images/closebtnchart.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 45px;
    left: 750px;
    position: absolute;
    top: -720px;
    width: 45px;
    z-index: 999999;
}
.sp_text {
    background-color: #fff;
    border: 2px solid #0099ff;
    border-radius: 5px;
    font-family: Trebuchet MS;
    font-size: 12px;
    height: auto;
    margin: 40px auto 0;
    text-align: left;
    width: 570px;
}
#modal-pop-2 {
    background-color: rgb(255, 255, 255, 0.9);
}
.sp_text > div {
    padding: 5px 10px;
}
.sp_text_inner > p {
    margin: 20px 0;
}
.sp_text_inner p:first-child{
	margin-top:10px;
}
.sp_text_inner h4:first-child {
    font-style: italic;
	font-size:15px;
	margin: 10px 0 0;
}
.sp_text_inner h4{
	font-size:14px;
}
.thumps-up {
	position: absolute;
	right: 38px;
	top: 340px;
}
.bottom {
    position: relative;
    top: 0px;
}
.sec-search {
    clear: both;
    float: right;
	font-family: roboto_condensedbold;
}
.ser_submit{
	border-bottom: 1px solid #7b9245;
	margin: 12px 8px 0 10px;
    position: relative;
	cursor:pointer;
	float: left;
	font-size: 14px;
}
.ser_input {
    border: 1px solid #7b9245;
    display: inline-block;
    height: 26px;
    margin: 10px 0;
    position: relative;
    width: 150px;
	float: left;
}
.search_sec {
	position: relative;
	top: 4px;
	width: 115px;
	border: medium none;
	float: left;
	padding-left: 8px;
	font-size: 12px;
	font-family: roboto_condensedbold;
	outline: none;
}
.ser_input > img {
    width: 26px;
	cursor:pointer;
}

/*     21/04/017            */

.secslct_btns {
	cursor: pointer;
}
.sec_101 {
    width: 160px;
    height: 52px;
    position: relative;
    top: 500px;
    left: 235px;
    z-index: 1;
}
.hover_img {
	display: none;
}
.sec_102 {
    width: 165px;
    height: 34px;
    position: relative;
    left: 235px;
    top: 395px;
    z-index: 1;
}
.sec102_xtn {
	width: 154px;
	height: 34px;
	position: absolute;
	top: -30px;
	-webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}
.sec102_xtn2 {
	width: 54px;
	height: 76px;
	position: absolute;
	bottom: 20px;
	border-top-right-radius: 54px;
}
.sec_103 {
    width: 70px;
    height: 26px;
    position: relative;
    left: 238px;
    top: 250px;
    z-index: 1;
}
.sec103_xtn {
	width: 190px;
	height: 66px;
	position: absolute;
	bottom: -42px;
	-webkit-transform: rotate(26deg);
	-moz-transform: rotate(26deg);
	-o-transform: rotate(26deg);
	transform: rotate(26deg);
}
.sec103_xtn2 {
	width: 174px;
	height: 68px;
	position: absolute;
	top: -30px;
	left: 50px;
	-webkit-transform: rotate(64deg);
	-moz-transform: rotate(64deg);
	-o-transform: rotate(64deg);
	transform: rotate(64deg);
}
.sec103_xtn3 {
	width: 66px;
	height: 102px;
	position: absolute;
	bottom: 18px;
	left: 62px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sec_104 {
    width: 32px;
    height: 155px;
    position: relative;
    left: 455px;
    top: 122px;
    z-index: 1;
}
.sec104_xtn {
	width: 60px;
	height: 154px;
	position: absolute;
	left: -36px;
	top: -16px;
	border-bottom-right-radius: 72px;
	border-top-right-radius: 50px;
	-webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.sec_105 {
    width: 54px;
    height: 160px;
    position: relative;
    left: 506px;
    top: -35px;
    z-index: 1;
}
.sec_201 {
    width: 140px;
	height: 20px;
	position: relative;
	left: 18px;
	top: 125px;
	z-index: 1;
}
.sec_202 {
	width: 165px;
	height: 72px;
	position: relative;
	left: 50px;
	top: 15px;
	z-index: 1;
}
.sec_203 {
	width: 165px;
	height: 72px;
	position: relative;
	left: 50px;
	top: -155px;
	z-index: 1;
}
.sec_204 {
    width: 115px;
    height: 80px;
    position: relative;
    left: 40px;
    bottom: 334px;
    border-top-left-radius: 18px;
    z-index: 1;
}
.sec204_xtn {
	width: 124px;
	height: 94px;
	position: absolute;
	bottom: 28px;
	border-top-right-radius: 76px;
	border-top-left-radius: 24px;
}
.sec204_xtn2 {
	width: 68px;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 100px;
	border-bottom-right-radius: 32px;
	-webkit-transform: rotate(34deg);
	-moz-transform: rotate(34deg);
	-o-transform: rotate(34deg);
	transform: rotate(34deg);
}
.sec_205 {
    width: 165px;
    height: 56px;
    position: relative;
    left: 85px;
    bottom: 485px;
    border-top-right-radius: 60px;
    -webkit-transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    transform: rotate(38deg);
    z-index: 1;
}
.sec_206 {
    width: 175px;
    height: 60px;
    left: 125px;
    position: relative;
    bottom: 605px;
    border-bottom-right-radius: 62px;
    border-bottom-left-radius: 32px;
    border-top-left-radius: 12px;
    -webkit-transform: rotate(56deg);
    -moz-transform: rotate(56deg);
    -o-transform: rotate(56deg);
    transform: rotate(56deg);
    z-index: 1;
}
.sec_207 {
    width: 92px;
    height: 110px;
    position: relative;
    left: 240px;
    bottom: 754px;
    border-top-left-radius: 22px;
    z-index: 1;
}
.sec207_xtn {
	width: 80px;
	height: 140px;
	position: absolute;
	left: -19px;
	top: -4px;
	border-top-right-radius: 60px;
	-webkit-transform: rotate(-34deg);
	-moz-transform: rotate(-34deg);
	-o-transform: rotate(-34deg);
	transform: rotate(-34deg);
}
.sec207_xtn2 {
	width: 22px;
	height: 42px;
	position: absolute;
	top: 132px;
	left: 35px;
	border-bottom-right-radius: 24px;
	-webkit-transform: rotate(-34deg);
	-moz-transform: rotate(-34deg);
	-o-transform: rotate(-34deg);
	transform: rotate(-34deg);
}
.sec_208 {
    width: 75px;
    height: 161px;
    position: relative;
    left: 370px;
    bottom: 852px;
    z-index: 1;
}
.sec_209 {
    width: 71px;
    height: 161px;
    position: relative;
    left: 465px;
    bottom: 1014px;
    z-index: 1;
}
.sec_210 {
	width: 21px;
	height: 122px;
	position: relative;
	left: 555px;
	bottom: 1200px;
	z-index: 1;
}

.hover_images {
	position: relative;
	bottom: 800px;
	z-index: 0;
}
.sec_101_hov {
	width: 170px;
	height: 63px;
	background: url("../images/hover101.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: -18px;
	left: 235px;
}
.sec_102_hov {
	width: 170px;
	height: 108px;
	background: url("../images/hover102.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 52px;
	left: 234px;
}
.sec_103_hov {
	width: 223px;
	height: 225px;
	background: url("../images/hover103.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 90px;
	left: 232px;
}
.sec_104_hov {
	width: 106px;
	height: 165px;
	background: url("../images/hover104.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 145px;
	left: 385px;
}
.sec_105_hov {
	width: 65px;
	height: 173px;
	background: url("../images/hover105.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 140px;
	left: 500px;
}
.sec_201_hov {
	width: 135px;
	height: 20px;
	background: rgba(100, 152, 206, 0.6) none no-repeat scroll 0 0;
	position: absolute;
	bottom: -28px;
	left: 18px;
}
.sec_202_hov, .sec_203_hov  {
	width: 170px;
	height: 75px;
	background: rgba(100, 152, 206, 0.6) none no-repeat scroll 0 0;
	position: absolute;
	bottom: 8px;
	left: 45px;
}
.sec_203_hov {
	bottom: 102px;
}
.sec_204_hov {
	width: 200px;
	height: 152px;
	background: url("../images/hover204.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 198px;
	left: 30px;
}
.sec_205_hov {
	width: 160px;
	height: 150px;
	background: url("../images/hover205.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 260px;
	left: 75px;
}
.sec_206_hov {
	width: 150px;
	height: 156px;
	background: url("../images/hover206.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 315px;
	left: 130px;
}
.sec_207_hov {
	width: 150px;
	height: 200px;
	background: url("../images/hover207.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 315px;
	left: 200px;
}
.sec_208_hov, .sec_209_hov  {
	width: 75px;
	height: 170px;
	background: rgba(100, 152, 206, 0.6) none no-repeat scroll 0 0;
	position: absolute;
	bottom: 330px;
	left: 368px;
}
.sec_209_hov  {
	left: 465px;
}
.sec_210_hov {
	width: 20px;
	height: 122px;
	background: rgba(100, 152, 206, 0.6) none no-repeat scroll 0 0;
	position: absolute;
	bottom: 400px;
	left: 556px;
}

#progressbar {
	width: 210px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 40%;
	text-align: center;
	border-radius: 8px;
	border: none;
	background: #467fc1;
}
.ui-widget-header {
	background: #ffd204 !important;
	border: 0px solid #DDDDDD !important;
	position: absolute;
	top: 0;
	margin: 0 !important;
	border-radius: 6px !important;
}
.progress-label {
	position: relative;
	top: 1px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	z-index: 2;
}

.stage {
	height: 14px;
	margin: 0;
	position: relative;
	left: 480px;
	top: -90px;
	font-family: 'rockwell-boldregular';
	font-size: 18px;
	color: #295988;
}