a:hover,a:focus{
    outline:none;
}
.header-right {
    text-align: right;
    display: inline-block;
    width: 100%;
    float: right;
}
.topskip-link {
    position: relative;
    float: left;
    width: 100%;
    color: #636363;
    text-align: center;
}
.header-right .links li, .header-right > p, .header-right > div {
    display: inline-block;
}
.header-info, .header-info a {
    color: #fff;
    font-size: 14px;
}
.header-info a:hover{
    text-decoration:none;
}
.header-phone,.header-top-time{
    padding-top:5px;
}
.header-phone{
    margin-right:15px;
}
.logout-msg{
    margin:0 10px;
}
.header-info .welcome-msg{
    float:none;
}
.welcome-msg{
    color:#0e1d2f;
}
.nav-primary ul li{
    width:184px;
}
.header-search-left {
    position: relative;
    top: -1px;
}
#select-language li.current{
    background:#e71a0f
}
.opc.opc-firststep-billing li{
    width:100%;
}
.opc #opc-admission-card.section .step-title h2,.opc #opc-final-payment.section .step-title h2 {
  margin: 0px 4px 0px 10px;
  color:#fff;
}
.opc #opc-method-discount.section .step-title h2 {
  margin: 0px 4px 0px 10px;
  color:#fff;
  font-size:12px;
}
.opc #opc-admission-card.section .step-title,.opc #opc-final-payment.section .step-title{
    background:#7f7f7f;
}
.opc #opc-method-discount.section .step-title{ 
    background:#7f7f7f;
}
.opc #opc-admission-card.section .step-title .step-note{
    left:42px;
    background:none;
    float:left;
    color:#fff;
    top: 50%;
    height: 27px;
    text-align: center;
    display: block;
    line-height: 42px;
}
.opc #opc-method-discount.section .step-title .step-note,.opc #opc-final-payment.section .step-title .step-note{
    left:42px;
    background:none;
    float:left;
    color:#fff;
    top: 50%;
    height: 27px;
    text-align: center;
    display: block;
    line-height: 42px;
    width:78%;
    font-weight:bold;
    font-size: 14px;
}
.opc #opc-admission-card.section .step-title a,.opc #opc-final-payment.section .step-title a{
    float: right;
    margin: 0 5px;
    display: inline-block;
    background: url(../images/arrow-down-icon.png) 0 12px no-repeat;
    /* top: 45%; */
    line-height: 39px;
    width: 22px;
    height: 30px;
}
.opc #opc-admission-card.section .step-title a:focus,.opc #opc-final-payment.section .step-title a:focus{
    outline:none;
}
.opc #opc-method-discount.section .step-title a{
    color:#fff;
    font-size:16px;
    display: inline-block;
    background: url(../images/icon-reset.png) 0px center no-repeat;
    width: 12%;
    text-align: right;
    line-height: 36px;
}
.opc #opc-admission-card.section .step-title a.selected,.opc #opc-final-payment.section .step-title a.selected{
    background: url(../images/arrow-down-icon-select.png) center center no-repeat;
}
#checkout-step-admission-card,#checkout-step-final-payment{
    background:#e4d5ba;
    padding: 5px 20px 0px;
}

#checkout-step-final-payment ul{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}


#checkout-step-final-payment ul li{
  color: #000;
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

#checkout-step-final-payment ul li input[type=radio]{
}

#checkout-step-final-payment ul li label{
  z-index: 9;
  cursor: pointer;
}
#checkout-step-final-payment input[type=radio]:not(old){
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.cgv-agreement{
    margin:15px 0 10px;
}
.cgv-agreement label{
    font-weight:normal;
    display:inline;
}
.cgv-agreement #cgvagree{
    margin-right:5px;
}
.cgv-button-payment{
    background:#ca9f66;
    color:#000;
    border:1px solid #41719c;
    text-transform:capitalize;
    padding:0 15px;
    margin-top: -6px;
    margin-left:20px;
    font-weight:bold;
}
.cgv-submit-payment{
    background:#ff0000;
    color:#fff;
    border:1px solid #41719c;
    text-transform:capitalize;
    padding:0 15px;
    margin-top: -6px;
    font-weight:bold;
}
.cgv-border-radius{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.opc .buttons-set.cgv-custom{
    border-top:1px dashed #000;
    text-align:right;
}
.cgv-text-discount{
    font-weight:bold;
}
.tickets-usage{
    padding-left:30px;
}
.input-text.cgv-tiny-textbox{
    width:30px;
    text-align:center;
}
.input-text.cgv-small-textbox{
    width:50px;
    text-align:center;
}
label[for=CGVian] img
{
    display:inline-block;
}
li#opc-admission-card{
    width:100%;
    padding-bottom:7px;
}
.list-method{
    float:left;
    width:100%;
    background:#d0cece;
    margin:0px 4px 7px 0px;
    padding:8px 8px;
}
.list-method.first{
    margin:7px 4px 7px 0px;
}
.list-method h2.changecolor{
    color:#000;
}
.divScroll{
    height:50px;
    overflow:auto;
    background:#e7e6e6;
    margin-top:5px;
}
.divScroll ul li{
    cursor:pointer;
}
.selected-row{
    background:#5b9bd5;
}
.cgv-height-payment{
    padding-bottom:28px;
}
.discount-method{
    margin-bottom:7px;
}
.cgv-pay .cgv-button-payment{
    margin-left: 2px;
}
.divScroll li{
    padding:2px 10px;
    list-style:square;
}
.divScroll li:before { /* the custom styled bullets */
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
  margin-bottom: 2px;
}

.divScroll-voucher{
    height:50px;
    overflow:auto;
    background:#fff;
    margin-top:5px;
}
.divScroll-voucher ul{
    width:100%;
}
.divScroll-voucher ul li{
    cursor:pointer;
}
.divScroll-voucher li{
    padding:0;
}
.divScroll-voucher li:before { /* the custom styled bullets */
  margin-right: 5px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-bottom: 2px;
}
.cgv-head-row{
    background:#f4b183;
    text-align:center;
}
.cgv-lrow{  
    border-top:1px solid #606060;
    border-left:1px solid #606060;
    width:33%;
    padding-left:10px;
}
.cgv-rrow{
    border-top:1px solid #606060;
    border-left:1px solid #606060;
    border-right:1px solid #606060;
    width:33%;
    text-align:center;
}
.cgv-rprice{
    border-top:1px solid #606060;
    border-right:1px solid #606060;
    width:33%;
    text-align:center;
}
.divScroll ul li,.divScroll-voucher ul li{
    
}
.cgvrow{
    
}
.cgvtable {
    display: table;
    width:100%;
}
.cgvcell {
    display: table-cell;
}
.divScroll-voucher li:last-child .cgv-lrow,.divScroll-voucher li:last-child .cgv-rrow,.divScroll-voucher li:last-child .cgv-rprice{
    border-bottom:1px solid #606060;
}
.cgv-centeralign{
    width:100%;
    text-align:center;
    padding-top:12px;
}
.cgv-padtop{
    margin-top:20px;
    border-top:2px solid #726a5d;
}
.list-method h2{
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#7f7f7f;
}
.list-method a{
    float:right;
    display: inline-block;
    background: url(../images/icon-dropdown.png) 0px center no-repeat;
    text-align: right;
    padding:0px 11px;
    width: 10px;
    height: 10px;
}
.list-method a:focus,.list-method a:hover{
    outline:none;
    color:no
}
.list-method a.selected{
    float:right;
    display: inline-block;
    background: url(../images/icon-dropdown-select.png) 0px center no-repeat;
    text-align: right;
    padding:0px 11px;
}
.opc .section .discount-method.step{
    background: #e4d5ba;
    padding: 5px 20px 0px;
    clear:both;
    float: left;
    margin-top: -6px;
    width: 100%;
}
.cgv-left-align .input-text{
    padding-left:5px;
}
.cgv-pay{
    width:49%;
    float:left;
}
.discount-method .form-list{
    width:100%;
}
.cgv-leftborder{
    border-left:1px solid #5b9bd5;
    padding-left: 10px;
    margin-left:10px;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.cgv-review-payment{
    border: 2px solid #d4d3c9;
    float:left;
    width:100%;
    background: #f2f0e4;
}
.cgv-review-payment h2{
    font-size:14px;
    font-weight:bold;
    color: #636363;
    width:100%;
    padding:7px 0px;
    text-align:center;
    background: #d0cece;
    text-transform: uppercase;
}
.cgv-review-payment p{
    font-size:14px;
    color: #636363;
    margin: 5px;
    font-weight:bold;
    text-align:center;
}
.cgv-review-payment div{
    width:100%;
    padding:3px 5px;
}
.cgv-review-payment{
    font-size:12px;
}
.cgv-review-payment .item-options{
    font-size:12px;
}


.cgv-list-payment .col-left,.cgv-list-discount .col-left,.cgv-total .col-left{
    float:left;
    width:45%;
    text-align:left;
}
.cgv-list-payment .col-right,.cgv-list-discount .col-right,.cgv-total .col-right{
    float:left;
    width:55%;
    text-align:right;
}
.cgv-total{
    margin-top:5px;
    float:left;
    width:100%;
}
.total-border{
    border-top:2px solid #d4d3c9;
    padding-top:10px !important;
}
#subscriber_form{ display:none; }
#subscriber_form {
    margin: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    max-height: 100%;
    position: fixed;
    background: rgba(70, 71, 72, 0.69);
    top:0;
    left:0;
}
.cgv-voucher-popup{
    font-weight:bold;
    position: relative;
    float: left;
    margin-top: 0;
}
#sub_div_form { 
    width: 280px;  
    height: 110px;
    margin: 0 auto;
    background: #e4d5ba;
    margin-top: 15%;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
. cgv-specpadding{
    padding:5px 0;
}
#sub_div_form  button[type=submit]{
    background: #000;
    color: #fff;
    text-align: right;
    padding: 2px 12px;
    float: right;
    margin-right: 20px;
}
.cgv-medium-input{
    width:52%;
}
#sub_div_form span {
    position: relative;
    float: right;
    font-weight: 700;
    margin-top: -5px;
    height: 15px;
    font-size: 18px;
    width: 15px;
    line-height: 15px;
    margin-right: 8px;
    padding: 7px;
    color:#000;
}
#subscriber_form label{
    font-weight:500;
    font-size:12px;
}
span#kv_form_close:hover {
    color: #e0190b;
}

@media screen and (max-width: 440px) {
    #sub_div_form { 
        width: 290px; 
        padding: 35px;
    }
}
/* register member */
.create-account-from ul.form-list .name-firstname .input-box,.create-account-from ul.form-list .name-lastname .input-box{
    width:30%;
    margin-right:10px;
}
.create-account-from ul.form-list .name-lastname .input-box{
    width:100%;
    margin-right:10px;
}
.create-account-from ul.form-list .name-firstname .input-box input,.create-account-from ul.form-list .name-lastname .input-box input{
    width:auto;
}
.create-account-from ul.form-list .name-lastname{
    margin:0 !important;
}
.create-account-from ul.form-list .input-box input[type=radio]{
    margin:8px 5px 9px 0;
}
.create-account-from p.account-create-required{
    padding-left:30px;
}
.create-account-from button[type=submit]{
    background-color:#e71a0f;
    border-radius: 5px;
}
.customer-account-create .buttons-set {
    max-width: 100%;
}
.create-account-from .buttons-set{
    border:0;
    max-width:52% !important;
}
/* showtimes */
.showtimes-header {
    left: 0;
   /* position: absolute;*/
    width: 100%;
    text-align: center;
    margin-top: 10px;
    float:left;
}
.showtimes-header li:first-child {
    background: url(../images/ribon_left_menu_tranparent.png) no-repeat scroll left 0 transparent;
    padding-left: 19px;
}
.showtimes-header li {
    border: medium none;
    color: #fff;
    display: inline-block;
    float:none;
}
.showtimes-header li span {
    font-weight: bold;
    white-space: nowrap;
}
.showtimes-header li span, .showtimes-header li a {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    position: relative;
    background-color: #e71a0f;
    color: #fff;
    white-space: nowrap;
}
.showtimes-header li.last {
    background: url(../images/ribon_right-transparent.png) no-repeat scroll right 0 transparent;
    padding-right: 19px;
    margin-left: -5px;
}
.showtimes-header li.last > * {
    background: url(../images/bg_tebmenu-line.gif) no-repeat scroll left 15px #e71a0f;
}
.theatre-wrap .theatre-list, .movies-wrap .movies-filter-session {
    /* background: url(../images/bg_showtimes_favorite.gif) no-repeat scroll center top transparent; */
    overflow: hidden;
    /* min-height: 450px; */
}
.theatre-wrap .theatre-list, .movies-wrap .movies-list {
    overflow: hidden;
    /* min-height: 450px; */
}
.cgv-showtime-top {
    float: left;
    width: 100%;
    height: 43px;
    background: url(../images/cinema-showtimes-favorite-top.png) no-repeat scroll center top transparent;
}
.cgv-showtime-center {
    float: left;
    width: 100%;
    background: url(../images/cinema-showtimes-favorite-center.png) repeat-y scroll center top transparent;
}
.theatre-city-tabs {
    float: left;
    width: 100%;
}
.content-list-cinema {
    float: left;
    width: 100%;
    padding: 17px 40px;
}
.title-cgv-cinema {
    text-align: center;
}
.title-cgv-cinema h1 {
    color: #717171;
    font-size: 48px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #b9b9b9;
}
.cinemas-area {
    float: left;
    width: 100%;
    border-bottom: 2px solid #727171;
    border-top: 2px solid #727171;
    padding: 6px 10px 15px;
}
.showtimes-header ul{
    float:left;
    width:100%;
}
.cinemas-area ul {
    float: left;
    width: 100%;
}
.cinemas-area ul li {
    float: left;
    margin-top: 15px;
    width: 20%;
}
.cinemas-area ul li span {
    color: #dbdbdb;
    font-size: 13px;
}
.cinemas-area li span, .cinemas-list li span {
    cursor: pointer;
}
.cinemas-list {
    float: left;
    width: 100%;
}
.cinemas-list ul {
    float: left;
    padding: 0px 10px;
    width:100%;
}
.cinemas-list ul li {
    float: left;
    margin-top: 15px;
    width:25%;
}
.cinemas-list ul li span {
    color: #dbdbdb;
    font-size: 12px;
}
.cgv-showtime-bottom {
    float: left;
    width: 100%;
    height: 43px;
    background: url(../images/cinema-showtimes-favorite-bottom.png) no-repeat scroll center top transparent;
}
.theater-container {
    width: 980px;
    margin: 0px auto 0px;
}
#loading-mask {
    background: transparent url(../images/blank.gif) repeat scroll 0% 0%;
    position: fixed;
    color: #D85909;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    opacity: 0.8;
    z-index: 500;
    width: 100%;
    height: 100%;
    display: none;
}
#loading-mask .loader {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 200px;
    margin-left: -105px;
    padding: 15px 30px;
    background: #FFF none repeat scroll 0% 0%;
    border: 2px solid #FFF;
    color: #D85909;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
}
.cinemas-area li span:hover{
    color:#e71a0f;
}
.cinemas-area li span,.cinemas-list li span{
    cursor: pointer;
}
.cinemas-list li.current span{
    background: #e71a0f;
    border-radius: 5px;
    padding: 5px;
}
.siteactive{
    color:#e71a0f !important;   
}

.theater-content-tab{
    overflow: hidden;
    width: 980px;
    margin: 0px auto 0px;
}
.theater-content-tab {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.session-tabs {
    overflow: hidden;
    background: transparent;
}
.product-collateral {
    clear: both;
}
.session-tabs .toggle-tabs {
    border-bottom: 2px solid #241d1e;
    border-top: 2px solid #241d1e;
    float: left;
    min-height: 78px;
    padding: 12px 0;
    width: 100%;
}
.session-tabs .toggle-tabs li {
    border: none;
    margin-left: 1px;
}
.session-tabs .toggle-tabs li.current .day {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #222;
    border-radius: 5px;
}
.session-tabs .toggle-tabs li .day {
    border: 2px solid #fdfcf0;
    border-radius: 5px;
    color: #717171;
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 77px;
}
.session-tabs .toggle-tabs li .day > span {
    color: #717171;
    font-size: 11px;
    left: 4px;
    position: absolute;
    top: 4px;
}
.session-tabs .toggle-tabs li.current .day > span, .session-tabs .toggle-tabs li.current .day > em, .session-tabs .toggle-tabs li.current .day > strong {
    color: #000;
}

.session-tabs .toggle-tabs li.current {
    border-left: medium none;
    border-right: medium none;
}
.session-tabs .toggle-tabs li .day > strong {
    color: #717171;
    font-size: 32px;
    font-weight: normal;
    left: 31px;
    line-height: 32px;
    position: absolute;
    top: 8px;
}
.theaters-cinema-index .tab-content, .showtimes-container .tab-content {
    overflow: hidden;
}
.sect-guide {
    padding: 11px 0 0;
    float: left;
    width: 100%;
    position: relative;
}
.descri-timezone {
    float: left;
    width: 100%;
}
.descri-timezone > * {
    display: inline;
}
.descri-timezone li {
    display: inline;
    margin-right: 10px;
    margin-top: 9px;
    font-size: 14px;
    color:#636363;
}
.descri-timezone ul .early {
    background: url(../images/sprite_icon.png) repeat scroll 0 -172px rgba(0, 0, 0, 0);
    padding-left: 18px;
}
.theaters-cinema-index .session-list, .showtimes-container .session-list {
    display: block;
    padding: 0;
}
.session-list li.area {
    padding: 25px 0;
    border-bottom: 1px solid #474746;
}
.theaters-cinema-index .session-list li.area, .showtimes-container .session-list li.area {
    padding: 15px 0;
}
.theaters-cinema-index .col-movie-name a, .showtimes-container .col-movie-name a {
    color: #222;
    margin-right: 10px;
}
.theaters-cinema-index .col-movie-name span.movie-rating.movie-rating-c13, .showtimes-container .col-movie-name span.movie-rating.movie-rating-c13 {
    background: url(../images/icon-movie-raiting-c13-new.PNG) no-repeat scroll 0px 0px transparent;
    height: 30px;
    width: 47px;
}
.theaters-cinema-index .area .col-movie .col-movie-poster, .theaters-cinema-index .area .col-movie .col-times, .showtimes-container .area .col-movie .col-movie-poster, .showtimes-container .area .col-movie .col-times {
    display: table-cell;
    vertical-align: top;
}
.theaters-cinema-index .session-list li .col-times .type-hall .info-hall, .showtimes-container .session-list li .col-times .type-hall .info-hall {
    font-size: 13px;
    font-weight: bold;
}
.session-list li .col-times .type-hall .info-hall {
    background: url(../images/ico_arrow03.png) no-repeat scroll 2px 50% rgba(0, 0, 0, 0);
    clear: both;
    color: #333;
    font-size: 11px;
    margin-bottom: 5px;
    padding-left: 15px;
}
.theaters-cinema-index .session-tabs .session-list .info-timetable > ul li, .showtimes-container .session-tabs .session-list .info-timetable > ul li {
    margin-right: 2px;
}
.session-tabs .session-list .info-timetable > ul li {
    border: 1px solid #cbcabe;
    color: #222;
    text-align: center;
    width: 70px;
    display: inline-block;
    height: 42px;
}
.session-tabs .session-list .info-timetable a span {
    color: #222;
    clear: both;
    float: left;
    width: 100%;
}
/*edit account info */
.my-account .form-list li,.metiz-option-info li{
    width:49%;
    margin-right: 2%;
}
.my-account .form-list li.right,.metiz-option-info li.right,.metiz-option-info li.customer-user-attributes,.metiz-changepass ul li div.right{
    margin-right: 0;
    float:right
}
.metiz-option-info .form-list li{
    width:100%;
}
.metiz-edit-account .form-list select,.metiz-edit-account .form-list .field-city{
    width:100%;
}
.metiz-option-info{
    float:left;
    width:100%;
    border-top:1px solid #000;
}
.metiz-option-info h3{
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    background: #7e8eaa;
    padding: 7px 20px;
    color: #fff;
    padding: ;
    text-transform: uppercase;
    margin-top: 0px;
}
.metiz-option-info select{
    width:48%;
}
.customer-user-attributes ul{
    padding-left:0px !important;
}
.prefer-genre{
    float:right;
    width:50%;
}
.prefer-genre ul{
    float:left;
    width:100%;
    margin-top:74px;
}
.metiz-edit-btn.buttons-set{
    text-align:center;
    border-top:0;
}
.metiz-edit-btn.buttons-set button.button{
    float:none; 
    border-radius: 5px;
    background-color: #7e8eaa;
    margin-top:10px;
}
.cgv-member-card{
    float:left;
    width:100%;
}
.membercard-title{
    font-weight:bold;
    float:left;
    margin-right:10px;
    padding: 7px 0;
}
.membercard-number{
    padding: 7px 0;
    float:left;
    margin-right:10px;
}
.membercard-button button{
    color:#fff;
    background:#7f7f7f;
    text-transform:normal;
}
.cgv-withdraw-member{
    text-align:right;
}
.cgv-withdraw-member button{
    color:#fff;
    background:#7f7f7f;
    text-transform:normal;
}
div#advice-validate-select-prefersite,div#advice-validate-select-prefersite2,div#advice-validate-select-prefergenre,div#advice-validate-select-prefergenre2{
    display:inline;
}
label[for=preferSite], label[for=preferGenre]{
    padding-top:10px;
}
.my-account label[for=email]{
    padding-top:12px;
}
.my-account .metiz-changepass ul,.my-account .metiz-changepass .form-list li {
    width:100%;
    float:left;
}
.metiz-changepass ul li div.left{ 
    width:48%;
    margin-right: 2%;
}
.metiz-changepass ul li div.right{    
    width:48%;
}
.metiz-changepass ul li div.left{
    float:left;
}
body.customer-account .my-account .fieldset.metiz-changepass h2{
    width:auto;
    display:none;
}
.tabs-cgv-showtimes .toggle-tabs li.current:first-child{
    border-left:2px solid #222;
}

.tabs-cgv-showtimes .toggle-tabs .current{
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #222;
    border-radius: 5px;
}
.tabs-cgv-showtimes .toggle-tabs .current .day  > span, .tabs-cgv-showtimes .toggle-tabs .current .day  > em, .tabs-cgv-showtimes .toggle-tabs .current .day  > strong{
    color:#000;
}
.theaters-cinema-index .tab-content, .showtimes-container .tab-content{
    overflow:visible;
}
.product-collateral.tabs-cgv-showtimes .toggle-tabs {
    border-bottom: 2px solid #241d1e;
    border-top: 2px solid #241d1e;
    float: left;
    min-height: 78px;
    padding: 12px 0;
    width: 100%;
}
.cgv-sites-schedule{
    clear:both;
    padding-top:10px;
}
.customer-account-create .cgv-media #prefersite{
    margin-bottom:15px;
}
.customer-account-create .input-box #prefergenre{
    margin-bottom:15px;
}




.film-left,.film-right{
    display:inline-block;
    vertical-align: top;
}
.film-left{
    width:19%;
}
.film-right{
    width:80%;
}
.film-list{
    border-bottom:1px solid #474746;
    padding: 15px 0;
}
.film-label h3 a{
    color: #222;
    margin-right: 10px;
    text-transform:uppercase;
}
.film-label h3 a span{
    height: 30px;
    width: 47px;
    display: inline-block;
    text-indent:-9999px;
    position:relative;
    background-size: 36px 25px !important;
}
.film-label h3 a span.icon-C13{
    background: url("../images/bg-cgv/icon-movie-raiting-c13-new.PNG") no-repeat scroll 0px 0px transparent;
}
.film-label h3 a span.icon-C16{
    background: url("../images/bg-cgv/icon-movie-raiting-new.PNG") no-repeat scroll 0px 0px transparent;
}
.film-label h3 a span.icon-C18{
    background: url("../images/bg-cgv/icon-movie-raiting-c18-new.PNG") no-repeat scroll 0px 0px transparent;
}
.film-label h3 a span.icon-P{
    background: url("../images/bg-cgv/icon-movie-raiting-p-new.PNG") no-repeat scroll 0px 0px transparent;
}
.site.sitecgv {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.site.sitecgv .site h3{
    font-weight:bold;
}
.site.sitecgv .cinema h4{
    font-weight:400;
}

.film-label h3 a:hover{
    text-decoration: none;
}
.film-attr{
    font-size: 13px;
    font-weight: bold;
    background: url(../images/ico_arrow03.png) no-repeat scroll 2px 50% rgba(0, 0, 0, 0);
    clear: both;
    color: #333;
    font-size: 11px;
    margin-bottom: 5px;
    padding-left: 15px;
}
.film-right .film-attr:not(:first-child){
    padding-top:5px;
}
.products-grid-movie.tab-showtime{
    margin-bottom: 15px;
}
.tab-showtime li.item{
    border: 1px solid #cbcabe;
    color: #222;
    text-align: center;
}
.tab-showtime li.item:hover{
    border: 1px solid #222;
}
.tab-showtime li.item a span {
    color: #222;
    clear: both;
    float: left;
    width: 100%;
}
.theater-gallery {
    position: relative;
    margin-bottom:30px;
}
.slideshow-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.slideshow-prev {
    left: 8px;
}
.slideshow-next {
    right: 8px;
}
.slideshow-prev, .slideshow-next {
    position: absolute;
    top: 0;
    width: 15%;
    max-width: 80px;
    height: 100%;
    opacity: 0.6;
    z-index: 110;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.theater-infomation {
    background: url(../images/bg-box-content-info-theater.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 15px;
    color: #fdfcf0;
    display: block;
    left: 0;
    min-height: 70px;
    padding: 15px 15px;
    position: absolute;
    width: 100%;
    z-index: 125;
}
.theater-infomation .left-info-theater {
    float: left;
    width: 68%;
}
.theater-infomation .left-info-theater .theater-left-content {
    font-size: 11px;
    overflow: hidden;
    padding-right: 20px;
}
.theater-infomation .theater-left-content .screentype {
    overflow: hidden;
    padding-top: 5px;
}
.theater-infomation .theater-left-content .screentype a {
    display: block;
    float: left;
    height: 17px;
    margin: 0 5px 10px 0;
    width: 82px;
}
.right-info-theater {
    float: left;
    width: 30%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.right-info-theater .theater-right-content {
    overflow: hidden;
    padding-left: 20px;
}
.right-info-theater .contact-us, .right-info-theater .location {
    clear: both;
    float: left;
    margin: 5px 0 15px;
    width: 100%;
}
.right-info-theater .contact-us a, .right-info-theater .location a {
    background: none repeat scroll 0 0 #e71a0f;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    text-transform: uppercase;
    white-space: nowrap;
}
#shopping-cart-table.success-step{
    width:100%;
}
.cgv-point-gift .form-list li.wide{
    width:100%;
}
/* ticket */
.process-right-seatmap .button > span{
    border:0;
    padding:0;
}
.process-right-seatmap button{
    top:7px;
}

/*=================================  PAYMENT METHOD ========================================*/
.cinox-sales-payment .col-main .page-title{
    margin-top:0px;
    text-align:center;
    padding:5px;
    background:#231d1c;
    width:100%;
    margin-bottom:30px;
}
.cinox-sales-payment .col-main .page-title h1{
    text-transform:uppercase;
    color:#fff;
    line-height:32px;
    padding-bottom:0px;
    margin-bottom:0px;
}
.cinox-sales-payment .main {
    margin-top: 10px;
}


.cgv-payment-ticket{
    float:left;
    width:100%;
}
.
.cgv-payment-ticket .left-payment{
    float:left;
    width:74%;
}
.cgv-payment-ticket .right-payment{
    float:right;
    width:24%;
}
#checkoutSteps li.section{
    width:100%;
}
#checkoutSteps.opc .section .step{
    padding:5px 0px;
}
#checkoutSteps.opc h3{
    font-size:14px;
}
#checkoutSteps.opc .section .step-title{
    background:#bcbdc0;
    border:2px solid #9d9fa2;
}
#checkoutSteps.opc .section .step-title .number{
    width:auto;
    background:none;
}
#checkoutSteps.opc .section .step-title h2{
    margin-left:15px;
    text-align:left;
    float:none;
    color:#231f20;
    font-size: 16px;
    text-transform: uppercase;
    font-weight:bold;
}
#checkout-payment-method-load{
    background:#fff1ce;
}
#checkout-payment-method-load label{
    background:none;
}
.button-cart-simple{
    color:#222;
    font-size:12px;
    font-weight:normal;
}
.class-step-payment{
    text-transform:none;
    font-style:italic;
    font-weight:normal;
    font-size:14px;
}
.cgv-reset{
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 14px;
    color:#231f20;
    width:75px;
    background:url(../images/cgv-refresh.png) 0 -4px no-repeat;
    text-align:right;
    cursor:pointer;
    height:34px;
    font-weight:bold;
}
.cgv-custom-point li{
    padding-left:10px;
}
.cgv-discount-list,.cgv-method-list{
    float:left;
    width:100%;
}
.cgv-method-list{
    background:#fff1ce;
    cursor:pointer;
   margin-bottom:5px;
}
.cgv-method-list h3{
    color:#333;
    float:left;
    margin:5px 0;
    padding-left:10px;
}
.cgv-voucher-method{
    background:#fff1ce;
}
.cgv-nodisplay{
    display:none;
}
.cgv-method-list span.cgv-dropdown{
    background:url(../images/cgv-dropdown.png) center center no-repeat;
    width:36px;
    height:31px;
    float:right;
    cursor:pointer;
}
.cgv-method-list span.cgv-dropdown.select{
    background:url(../images/cgv-dropdown-select.png) center center no-repeat;
}
.cgv-custom-point{
    width:100%;
    background: #F5F5F5;
    margin-bottom: 10px;
}
.disablediv{
    pointer-events:none;
    opacity: 0.4;
}
.disableevents{
    pointer-events:none;
    opacity: 0.4;
}
.scrollbar
{
    float: left;
    height: 260px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 10px;
    width:100%;
}
.cgv-points-method{
    width:100%;
}
.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.cgv-bottom{
    clear:both;
}
.ticket-process-left .btn-left {
    background: url(../images/bg-cgv/bg-cgv-button-process.png) no-repeat;
    background-position: -152px -3px;
    overflow: hidden;
    text-indent: -1000px;
    margin: 10px 0px 0px 10px;
}
.ticket-process-right .button{
    background:#1d1d1c;
}
.ticket-process-right{
    float:right;
}
/*
.ticket-process-right button span > span {
    background: url(../images/bg-cgv/bg-cgv-button-process.png) no-repeat;
    background-position: 0px -659px;
    overflow: hidden;
    text-indent: -1000px;
    width: 227px;
    height: 108px;
    display: block;
}
*/
.ticket-process-right button span > span {
    background: url(../images/bg-cgv/bg-cgv-button-process.png) no-repeat;
    background-position: 0 107%;
    overflow: hidden;
    text-indent: -1000px;
    width: 143px;
    height: 96px;
    display: block;
}
.ticket-process-right .button > span{
    border:none;
    padding:0;
}
.content-bottom.cgv-bottom{
    padding-top:20px;
}
.priceremain,.pricediscount{
    font-weight:bold;
}
.block-content {
    margin-top: 5px;
}
.block-cms-menu .block-content li {
    background: url(../images/ribon_left-ccc.png) no-repeat scroll left center #ccc;
    color: #fff;
    height: 34px;
    padding: 9px 18px;
    float: left;
    width: 100%;
    margin: 4px 0;
}
.block-cms-menu .block-content li.active {
    background: url(../images/ribon_left.png) no-repeat scroll left center #e71a0f;
}
.block-content li.active a{
    color:#fff;
}
.block-content li a {
    color: #fff;
    margin-left: 5px;
    font-size:14px;
}
.theaters-ticket-payment .page-title h1{
    font-size: 24px;
    font-weight: 600;
    color: #636363;
    padding-bottom: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
#checkoutSteps li.section{
    margin-bottom:10px;
}
#checkoutSteps {  
    margin-bottom: 30px;
}
.cgv-voucher-method label{
    background:none !important;
}
.cgv-payment-ticket .left-payment .form-group a{
    color: #636363
}
#cgv-passcard.cgv-nodisplay{
    background:#fff1ce; 
    padding:5px 10px 15px;
}
#cgv-points.cgv-nodisplay{
    padding:5px 20px;
}
.width-30 {
    width: 29%;
}
.width-35 {
    width: 34%;
}
.width-50 {
    width: 49%;
}
.width-65 {
    width: 64%;
}
.width-70 {
    width: 69%;
}
.width-100 {
    width: 100%;
}
.padding-02 {
    padding: 0 2% !important;
}
.height-100px {
    height: 100px;
}
.vertical-scroll {
    overflow-y: auto;
    display: block;
}
.vertical-scroll tr {
    display: contents;
    overflow: hidden;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.col2-set .title {
    min-height: 40px;
}
.section {
    cursor: pointer;
}
#checkout-step-0, #checkout-step-1 dt , .cart-sidebar tr {
    background: #fff1ce;
}
#checkout-step-0, #checkout-step-1 dt {
    padding : 10px;
}
.data-table tbody tr {
    border-bottom: 2px dashed #c3bda5;
}
#checkout-step-1 dl dt {
    margin-bottom: 5px;
}
.discount-chose-points , .discount-chose-giftcard {
    border-top: 2px dashed #c3bda5;
    margin: 15px 0;
}
.partnership-list, .partnership-view-list {
    width: 100%;
    margin: 20px 0;
}
.partnership-list li, .partnership-view-list li {
    float: none;
}
.partnership-list li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
}
.partnership-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.border-left {
    border-left: 1px solid #ededed;
}
.partnership-view-list .partnership-item {
    display: none;
}
.partnership-list .active {
    color : red;
}

.cart-items, .chosen-discount, .chosen-payment {
    border: 1px solid #d4d3c9;
}
.cart-sidebar table {
    width: 100%;
}
.cart-sidebar thead, .cart-sidebar tfoot {
    font-weight: bold;
    text-align: center;
}
.cart-sidebar tfoot td {
    background: #d0cece;
}
.cart-sidebar thead tr {
    border-bottom: 1px solid #d4d3c9;
}
.chosen-discount, .chosen-payment {
    margin-top: 15px;
}
.cart-sidebar .data-table tbody tr {
    border-bottom: 1px solid #d4d3c9;
}
.chosen-payment thead tr{
    background: #e71a0f;
    color: #fff;
}   

.data-table tbody tr:last-child {
    border-bottom: none;
}
.data-table tbody tr:last-child td {
    border-bottom: none;
}
#checkoutSteps button{
    padding:3px 10px;
    font-size:12px;
    text-transform:none !important;
    font-weight:bold;
}
button.button-paymen-1{
    margin-left:-5px;
    margin-top:-4px;
}
.align-right span.price{
    font-weight:bold;
}

/* voucher */
.form-instructions{
    text-align:left;
}
.cgv-voucher-register .form-list .wide,.cgv-voucher-list{
    clear:both;
}
.cgv-voucher-register .form-list,.cgv-voucher-register .form-list .wide{
    width:100%;
}
.input-box label[for=voucher-no],.input-box label[for=voucher-pin]{
    width:35%;
}
.cgv-giftcard-register .input-box input,.cgv-voucher-register .input-box input,.cgv-coupon-register .input-box input{
    width:64%;
    float:right;
}
.cgv-fleft{
    width:45%;
}
.cgv-fright{
    width:36%;
}
.cgv-fleft{
    float:left;
}
.cgv-fright{
    float:right;
}
.cgv-voucher-register .buttons-set{
    margin-top:0;
    margin-bottom:20px;
}
.cgv-fright img{
    max-width:100%;
    float:right;
}
.cgv-voucher-register p.form-instructions{
    margin-top:20px;
}
.cgv-voucher-register{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.cgv-voucher-list{
    border-left:0;
    border-bottom:0;
    margin-top:10px;
}
.cgv-voucher-list thead tr th,.cgv-giftcard-list thead tr th{
    font-weight:bold;
}
.even{
    background:#ebf2fc;
}
.page-title h1{
    font-size:18px;
}
/* giftcard */
.cgv-giftcard-register .buttons-set span,.cgv-coupon-register .buttons-set span,.cgv-voucher-register .buttons-set span,.cgv-point-gift .buttons-set span{
    border:none;
}
.cgv-giftcard-register {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.cgv-giftcard-register .buttons-set {
    margin-top: 0;
}
.cgv-giftcard-list table, .cgv-point-list table, .cgv-coupon-list table{
    border: 1px solid #b5b5b5;
}
.cgv-giftcard-register .buttons-set button.button{
    float:right;
    margin-left:0;
}
.cgv-giftcard-register .form-list, .cgv-giftcard-register .form-list .wide , .cgv-coupon-register .form-list .wide {
    width: 100%;
}
.cgv-giftcard-register .input-box label[for=giftcard-no], .cgv-giftcard-register .input-box label[for=giftcard-pin],.cgv-coupon-register .input-box label[for=coupon-no].cgv-coupon-register .input-box label[for=coupon-pin]{
    width: 35%;
}
/* point */
.cgv-point-wrap{
    clear:both;
}
.cgv-point-list{
    margin-top:30px;
}
.cgv-point-gift{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.cgv-point-gift .cgv-fright .form-list{
    width:100%;
}
.cgv-point-gift .form-instructions{
    margin-top:0;
    margin-bottom: 10px;
}
.point-info{
    padding:5px 0;
}
.point-info span{
    color:#e46c0a;
}
.cgv-pnt{
    color:#a0481f;
    padding-right: 10px;
}
.cgv-btext{
    font-weight:bold;
}
input[type=text].custom-input{
    width:110px;
    height: 30px;
    text-align:center;
    border: 2px solid #b5b5b5;
}
input[type=text].custom-input2 {
    width: 180px;
    height: 31px;
    text-align: center;
    border: 2px solid #b5b5b5;
}

input[type=text].custom-input3 {
    width: 40px;
    height: 31px;
    text-align: center;
    border: 2px solid #b5b5b5;
}
label[for=point-used]{
    font-size:12px;
}
.circle-list{
    font-size: 12px;
    width: 100px;
    display: inline-block;
}
/* .circle-list:before {
    content:"• ";
} */
.cgv-useall{
    padding-left:6px;
}
.cgv-custom-col{
    padding-top:10px;
}
.cgv-col1,.cgv-col2,.cgv-col3{
    float:left;
}
.cgv-col1{
    width:15%;
}
.cgv-col2{
    width:55%;
}
.cgv-col3{
    width:30%;
}
.cgv-points-payment{
    color:#c21213;
}
.cgv-custom-point .wide{
    width:98%;
    border-bottom:1px solid #3d3c39;
    margin-left:1%;
}
.cgv-custom-point .wide div.fields{
    float:left;
    width:100%;
    border-bottom:1px dashed #1e1e1d;
}

.cgv-col3 .button{
    text-transform:none;
}
.cgv-col3 .cgv-useall{
    padding-right:2px;
}
.cgv-col2 p{
    padding:7px 0;
}

/*popup */

#mainform{
width:960px;
margin:20px auto;
padding-top:20px;
font-family: 'Fauna One', serif;
display:block;
}
.cgv-popup{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:350px;
/*margin:20px 250px 0 35px;*/
float:left;
z-index: 9999;
}
#contactdiv,#coupondiv,#concessiondiv,#moviediv,#voucherdiv{
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: rgba(0,0,0,.8);
display: none;
}
.popupform{
width:362px;
margin:0px;
background-color:white;
font-family: 'Fauna One', serif;
position: relative;
border: 5px solid #ffa3a3;
float:left;
}
#contact,#couponform,#voucherform,#movieform,#concessionform{
left: 40%;
top: 30%;
/* margin-left:-210px;
margin-top:-255px; */
padding:14px;
}
label[for=giftcard-no],label[for=giftcard-code],label[for=voucher-no],label[for=voucher-code]{
    width:110px;
}
.popupform .img{
float: right;
margin-top: -33px;
margin-right: -36px;
cursor:pointer;
}
.popupform input[type=text]{
    width:210px;
}

.theaters-ticket-payment button{
    background: #e71a0f;
    cursor: pointer;
}
.theaters-ticket-payment button > span{
    border: 1px solid #f07469;
    font-weight: bold;
    padding: 5px;
}
.theaters-ticket-payment .cgv-registerbtn > span {
    border: 1px solid #f07469;
    font-weight: bold;
    padding: 5px;
}
.theaters-ticket-payment button > span > span{
    color:#fff;
}
.cgv-info.period-search{
    padding:7px 0;
}
.cgv-custom-point button.cgv-registerbtn{
    background: #e71a0f;
    cursor: pointer;
    display: inline-block;
    padding: 7px 2px;
    position: relative;
    top: -3px;
    border: none;
}
.cgv-custom-point button.cgv-registerbtn > span{
    border: 1px solid #f07469;
    font-weight: bold;
    padding: 5px;
}
.cgv-btnregisterpay{
    float:right;
}


.registercoupon > span{
    font-weight: bold;
    padding: 5px;
}
.registercoupon,.registervoucher{
    margin-right: 5px;
}
.custom-voucher .registercoupon ,.custom-voucher .registervoucher{
    text-transform: none;
    font-size: 9px;
    padding: 5px 2px;
    background: #926f60;
    color: #fff;
    float:left;
}

.popupform p{
    text-align:center;
}
.cgv-card-register .buttons-set .button > span,.cgv-point-gift .buttons-set .button > span{
    border:none;    
}
.data-table th{
    text-transform:none;
}
.cgv-card-register input[type=text] {
    width:60px;
}
.cgv-card-register .validation-advice{
    float:left;
    clear:both;
}
.payment-discount-first{
    float:left;
    width:100%;
    border-top:2px dashed #c3bda5;
    padding: 10px 20px;
}
.payment-discount{
    float:left;
    width:100%;
    border-top:2px dashed #c3bda5;
    border-bottom:2px dashed #c3bda5;
    padding: 10px 20px;
}
.cgv-payment-point{
    float:left;
    width:55%; 
}
.content-point-block{
    float:left;
    width:100%;
}
#cgv-coupon-table th, #cgv-concession-table th, #cgv-movie-table th{
    background:#bcbdc0;
}
.left-payment .step-title span{
    float:left;
    margin-right:10px;
}

.content-point-block .circle-list{
    float:left;
    margin-right:10px;
}
.content-point-block label[for="point-used"]{
    float:left;
    margin-right:10px;
}
.content-point-block input#cgv:points{
    float:left;
    margin-right:10px;
}
.custom-voucher .cgv-cal{
    float:left;
    width:100%;
    border-top:2px dashed #c3bda5;  
    padding-top:3px;
    margin-top:10px;
    text-align:right;
    padding-right:30px;
}
.cgv-fpleft{
    float:left;
    width:45%;
}
.cgv-fpright{
    float:right;
    width:45%;
}
.left-payment button{
    padding: 3px 2px;
    font-size:12px;
}
.left-payment button > span{
    padding: 2px 5px;
    font-size:12px;
}
button.cgv-registerbtn{
    
}

.custom-voucher button{
    margin-top:2px;
}
.cgv-payment-gift-card{
    float: left;
    width: 55%;
}
.custom-voucher .pmlpoints,.custom-voucher .pmlgiftcard {
    width:100%;
    float:left;
    padding:0px 30px;
}
.custom-voucher .cgv-full{
    width:100%;
    float:left;
    padding-left:20px;
}
.cgv-payment-input{
    float:left;
    margin-right:10px;
}
.input-box.custom-voucher {
    margin-bottom: 10px;
}
.custom-voucher .circle-list{
    color:#2f62a3;
    font-weight:bold;
    width:auto;
    text-transform:uppercase;
    line-height:34px;
}
.theaters-ticket-payment  .data-table td,.theaters-ticket-payment .data-table th {
    padding: 10px 5px;
    vertical-align: top;
}
.registervoucher span,.allvoucher span,.applyvoucher span,.checkvoucher span,.registercoupon span,.allcoupon span,.applycoupon span,.checkcoupon span{
    border:none;
}
/* .registervoucher,.allvoucher,.applyvoucher,.checkvoucher,.registercoupon,.allcoupon,.applycoupon{
    border-radius:5px;
} */
.cgv-checkticket{
    float:left;
    width:100%;
    margin:40px 0;
}
.cgv-checkticket p{
    text-align:center;
}
.registervoucher{
    background:#926f60;
}
.allvoucher{
    background:#838a8f
}
.applyvoucher{
    background:#ff0000;
}
.checkvoucher,.checkcoupon{
    background:#f79992;
    border:1px solid #b35b5c
}
.pmlvoucher{
    float:left;
    width:50%;
}
.pmrvoucher{
    float:right;
}
.cgv-h3-custom{
    clear:both;
    padding:30px 0 0 0;
    font-size:16px;
}
.cgv-card-register .form-list, .cgv-giftcard-register .form-list, .cgv-coupon-register .form-list{
    width:100%;
}
.cgv-card-register .form-list li label{
    width:33%;
}
.cgv-card-register .buttons-set, .cgv-giftcard-register  .buttons-set{
    text-align: center;
}
.cgv-card-register .buttons-set button, .cgv-giftcard-register .buttons-set button{
    float:none;
}
.cgv-coupon-register .buttons-set .button,.cgv-voucher-register .buttons-set .button,.cgv-point-gift .buttons-set .button{
    margin-bottom:20px;
    background:#222;
}
.loyalty-account-card .page-title h1, .loyalty-account-gift .page-title h1{
    border-bottom:1px solid #898987;
}
.cgv-content-align{
    text-align:left;
}
.cgv-content-align img{
    float:left;
}
#pagination{
    margin: 20px 20px;
    text-align:center;
}
#pagination a {
    display:inline-block;
    /*margin-right:5px;*/
    width: 30px;
    text-align: center;
    padding: 5px 4px;
    border:1px solid #b5b5b5;
    color:#b5b5b5;
    text-decoration:none;
}
#pagination a.active{
    background:#222;
    color:#fff;
}
.cgv-voucher-list tbody tr:hover,.cgv-giftcard-list tbody tr:hover,.cgv-point-list tbody tr:hover{
    background:#26A69A;
    cursor:pointer;
}
.cgv-buttonset{
    text-align:right;
}
.cgv-standardbtn{
    margin-left:5px;
    background:#000;
    border:none;
    padding:5px;
}
.cgv-standardbtn span{
    color:#fff;
    padding:11px;
}
.cgv-notice{
    font-weight:bold;
    text-transform:uppercase;
}
.button-voucher{
    padding:0 0 10px;
}
#select-vouchers{
    height:30px;
}
li.film-lists:hover .play-button, li.film-lists:hover .play-trailer-empty{
    display:block
}
.film-lists .feature_film_content {
    display: none;
    padding-bottom: 10px;
    position: absolute;
    top: 270px;
    width: 100%;
    z-index: 999;
}
.metiz-movies ul li:hover .feature_film_content {
    display: block;
}
.film-lists .feature_film_content h3 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0;
    overflow: hidden;
}
.feature_film_content > a.button {
    padding: 7px 10px;
    border-radius: 5px;
    font-weight: bold;
}
.slideshow-containe-movier .poster-film {
    margin-right: 6.6px;
    text-align: center;
    width: 260px;
    position: relative !important;
    float:none;
}
.btn-booking, .btn-booking:hover, .btn-booking:active, .btn-booking:focus {
    background: none no-repeat scroll 0 0 #ff5400;
    border-radius: 5px;
}
.btn-booking > span, .btn-booking:hover > span, .btn-booking:active > span, .btn-booking:focus > span {
    padding-left: 25px;
    background: url(../images/bg-cate-booking.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    border-radius: 5px;
}
.box-content{
    float:left;
    width:100%;
    margin-bottom:10px;
    color:#0e1d2f;
}
.box-account .box .box-content span{
    width: 45%;
    float: left;
    text-align: left;
    padding-left:5%;
}
.col-1{
    width:45%;
}
.block-account li{
    margin:2px 0;
}
.box-title h3{
    display:inline-block
}
.box-account .box .box-title a{
    float:none;
    display:inline-block;
}
.box-account .box-title{
    padding-top:15px;
}
/*seatmap*/
.film-info,.film-session,.select-seats{
    min-height:128px;
    height:auto;
    padding-bottom: 7px;
    white-space:normal;/*wrap text into div*/
}
.film-info,.film-session,.select-seats{
    /*padding-top:8px;*/
}
.film-cart-info .film-image{
    /*margin:12px 10px 10px*/
}
.payment-content-format{
    float:left;
    width:100%;
    background: #1d1d1c;
}
.payment-content-format .ticket-process-right button span > span{
    height:108px;
    background-position: -134px -110px;
}
.film-info-ticket{
    float:left;
    height:auto;
}
.select-tickets{
    /*color:#fff;*/
}
.containerreport {
    width: 100%;
    height: 100%;
    position: fixed;
    display:none;
    background-color: rgba(22,22,22,0.5);
    top:0;
    left:0;
    z-index:9999;
}
.popuplost { 
  z-index:999; 
  position:fixed;  
  top:20%; 
  left:30%;
  /*
  top:50%; 
  left:50%;
  width:66%;
  max-width:300px;*/
  padding:20px; 
  text-align:center;
  background:#fff;
  width:38%;
}
.popupclose{
    position:absolute;
    top:-15px;
    right:-15px;
    background: url(../images/button_cancel.png) no-repeat;
    text-indent:-1000px;
    width:30px;
    height:30px;
}
.product-collateral > dl > dd.current{
    display:inline-block;
}
#my-orders-table {
    background: none repeat scroll 0 0 #f2f0e4;
    border: 2px solid #d4d3c9;
    color: #333333;
}
#my-orders-table thead tr th {
    background: none repeat scroll 0 0 #333;
    color: #fff;
}
#my-orders-table thead th {
    border-left: 2px solid #d4d3c9;
}
.data-table tbody tr {
    border-bottom: 1px solid #d4d3c9;
}
.product-collateral.tabs-cgv-movie-type .toggle-tabs li{
    margin-right:3px;
}
.tabs-cgv-movie-type > ul.toggle-tabs li.current span{
    color:#fff;
}
.product-collateral .toggle-tabs li span{
    color:#fff;
}
.product-collateral.tabs-cgv-showtimes .toggle-tabs li span{
    color:#717171;
}
.product-collateral.tabs-cgv-movie-cites .toggle-tabs li span{
    color:#636363;
}
.mtw_banner_left,.mtw_banner_right{
    display:none;
}
.cms-index-index .mtw_banner_left {
    left: 10px;
    position: fixed;
    z-index: 20;
    top: 20px;
    display:block;
}

.cms-index-index .mtw_banner_right {
    position: fixed;
    right: 10px;
    z-index: 20;
    top: 20px;
    display:block;
}
.banner-verion-vn {
    width: 120px;
    height: 600px;
    background: url(../images/bg-banner-right-vn.PNG) repeat-x scroll left top transparent;
}

.banner-verion-en {
    width: 120px;
    height: 600px;
    background: url(../images/bg-banner-right-en.PNG) repeat-x scroll left top transparent;
}
.content-banner > div {
    float: left;
    width: 120px;
    height: 120px;
}
.banner-culture-day {
    margin-top: 100px;
}
.content-banner > div a {
    display: block;
    width: 120px;
    height: 120px;
}
.content-banner > div a img {
    margin-top: 20px;
}
.tab-showtime li{
    width:125px;
}

.home-show-event ul li {
    margin-right: 6.6px;
    float:none;
}
/* .home-event .toggle-tabs {
    margin-top: 20px;
    list-style: none outside none;
    width:64.5%;
    left:35.5%;
} */
.home-event .toggle-tabs {
    margin-top: 20px;
    list-style: none outside none;
}
.home-event > .toggle-tabs > li.current {
    border: none;
}
.home-event .home-title h2 {
    background: url(../images/h3_event.gif) no-repeat scroll center center / 142px 41px #FDFCF0;
    display: inline-block;
    width: 18%;
}
.home-event > .toggle-tabs > li {
    background: url("../images/bg_tebmenu-line.gif") no-repeat scroll 0 16px #e71a0f;
    border: medium none;
    color: #fff;
    display: inline-block;
    float: none;
    margin: 0;
}
.home-event > .toggle-tabs > li:first-child {
    background: url("../images/bg-cgv/bg-ribon-left-transparent.png") no-repeat scroll left top transparent;
    padding-left: 19px;
}
.home-event > .toggle-tabs > li.last {
    background: url("../images/bg-cgv/bg-ribon-right-transparent.png") no-repeat scroll right top transparent;
    padding-right: 22px;
}
.home-event #collateral-tabs {
    margin-top: 15px;
}
.cms-home .home-event .collateral-tabs {
    overflow: hidden;
    float: left;
}
.home-title h2 {
    height: 60px;
    text-indent: -99999px;
}
.home-event > .toggle-tabs > li.current > span:before {
    background: url(../images/ico_finger.png) no-repeat scroll 0 50% #e71a0f;
    content: "";
    height: 40px;
    padding-left: 40px;
}
.home-event > .toggle-tabs > li > span {
    background: url(../images/bg_tebmenu-line.gif) no-repeat scroll left 13px #e71a0f;
    bottom: 0;
}
.home-event > .toggle-tabs > li:first-child > span {
    background:#e71a0f;
}
.home-promotion-card {
    margin-top: 30px;
    float: left;
    width: 100%;
    /* border-bottom: 3px solid #241d1e; */
}
.promos {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}
.home-promotion-card .promos li:first-child {
    margin-left: 0;
}
.format-border {
    border: 1px solid #241d1e;
}
.promos img {
    max-width: 100%;
    width: 100%;
}
.home-promotion-card .promos li.col-hd {
    border: 3px solid #241d1e;
    height: 261px;
    padding: 3px;
    position: relative;
    width: 510px;
}
.home-promotion-card .promos li {
    margin-left: 7px;
    margin-right: 0;
}
.home-promotion-card .promos li.col-ad {
    border: 3px solid #241d1e;
    height: 261px;
    padding: 3px;
    width: 228px;
}
.footer-cgv-container{
    margin-top:0;
}
.cgv-permision {
    float: left;
    width: 100%;
}
.cgv-permision h2 a {
    display: inline-block;
    width: 200px;
    height: 70px;
    position: relative;
    text-indent: -9999px;
    background: url(../images/cong-thuong.PNG) no-repeat scroll top left transparent;
}
.home-show-event {
    min-height: 200px;
    position: relative;
}
.home-show-event ul {
    list-style: none;
    width: 100%;
    overflow: hidden;
}
.slide_home_event .cycle-sentinel {
    float: none !important;
    margin-right: 5px;
    position: relative !important;
    text-align: center;
    width: 240px;
}
.home-show-event ul li img {
    height: 201px;
    width: 240px;
}
.home-show-event span.slide_home_event_prev {
    background: url("../images/bg-cgv/arow-movie-selection.png") no-repeat scroll -34px 0 transparent;
    display: inline-block;
    height: 68px;
    left: -34px;
    position: absolute;
    text-indent: -9999px;
    top: 60px;
    width: 35px;
}
.home-show-event span.disabled {
    background: none;
}
.home-show-event span.slide_home_event_next {
    background: url("../images/bg-cgv/arow-movie-selection.png") no-repeat scroll 1px 0 transparent;
    display: inline-block;
    height: 68px;
    position: absolute;
    right: -34px;
    text-indent: -9999px;
    top: 60px;
    width: 35px;
}
.cms-home .home-event {
    background: transparent;
    overflow: unset;
    float: left;
}
.theatre-wrap .home-title h3 {
    /*background: url(../images/h3_theater.gif) no-repeat scroll center center / 204px 41px transparent;*/
    display: inline-block;
    width: 220px;
    margin-top:5px;
}
.home-title h3 {
    height: 41px;
    text-indent: -99999px;
}
.theater-title {
    text-align: center;
    width: 100%;
}
.theater-container .theater-title h3 {
    font-size: 30px;
    color: #636363;
}
.theater-container .heater-head {
    margin-top: 30px;
}
/*.cms-index-index .main-container {
    background: url(../images/bg_c_bricks.png) repeat-x scroll 0 124px rgba(0, 0, 0, 0);

}*/
#checkout-step-1 table,#cgv-points{
    font-size:12px;
}

.cgv-coupon-method tbody{
    font-size:11px;
}
.feature_slide_show .poster-film:hover .feature_film_content{
    display:block;
}
.feature_slide_show .poster-film:hover .play-button{
    /*background: url(../images/icon_play.png) no-repeat 87px 142px rgba(255, 84, 0, 0.8);*/
    background: rgba(255, 84, 0, 0.8);
    height: 385px;
    left: 0;
    position: absolute;
    top: 0;
    width: 260px;
    text-indent: -99999px;
    display: block;
    cursor: pointer;
}
.feature_slide_show .poster-film:hover .play-trailer-empty{
    background: 77px 130px rgba(255, 84, 0, 0.8);
    height: 355px;
    left: 0;
    position: absolute;
    top: 0;
    width: 240px;
    text-indent: -99999px;
    display: block;
    cursor: pointer;
}
.home-movie-selection {
    margin: 20px 0;
    width: 100%;
}
.home-movie-selection .home-title h2 {
    background: url("../images/bg-cgv/h3_movie_selection.gif") no-repeat scroll center center / 406px 41px #FDFCF0;
    display: inline-block;
    width: 425px;
}
.home-title {
    background: url("../images/bg-cgv/bg_h3_line.jpg") repeat-x scroll left center rgba(0, 0, 0, 0);
    height: 60px;
    text-align: center;
    width: 100%;
}
.home-movie-selection .slideshow-containe-movier {
    text-align: center;
    position:relative;
}
.home-movie-selection .slideshow-containe-movier ul{
    width:100%;
}
.home-movie-selection .slideshow-containe-movier span.feature_slide_show_next {
    background: url("../images/bg-cgv/arow-movie-selection.png") no-repeat scroll 1px 0px transparent;
    display: inline-block;
    height: 68px;
    text-indent: -9999px;
    width: 35px;
    position: absolute;
    top: 150px;
    right: -35px;
}
.home-movie-selection .slideshow-containe-movier span.feature_slide_show_prev {
    background: url("../images/bg-cgv/arow-movie-selection.png") no-repeat scroll -34px 0px transparent;
    display: inline-block;
    height: 68px;
    text-indent: -9999px;
    width: 35px;
    position: absolute;
    top: 150px;
    left: -35px;
}
.home-movie-selection .slideshow-containe-movier span.disabled {
    background: none;
}
.home-movie-selection .slideshow-containe-movier span.disabled {
    background: none;
}

.cgv-full{
    float:left;
    margin-top: 8px;
}
.cgv-registerbtn{
    float:right;
    border: none;
    padding: 7px 2px;
}
.cgv-col60,.cgv-col35{
    float:left;
}
.cgv-col60{
    width:60%;
    margin-right:5%;
}
.cgv-col35{
    width:35%;
}
.cgv-col35 input[type="checkbox"],.cgv-col35 input[type="radio"]{
    float:right;
}
.data-table tbody  td.cgv-col60,.data-table tbody  td.cgv-col35{
    border:none;
}
#cgv-coupon-table,#cgv-concession-table{
    margin-top: 20px;
}
.scrollbar
{
    float: left;
    height: 100px;
    background: #F5F5F5;
    overflow-y: scroll;
}
.style-one::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-one::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

.style-one::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.data-table tbody.scrollbar tr{
    width: 97%;
    float: left;
}
.cgv-partnership-left{
    float:left;
    width:20%;
    margin-right:2%;
}
.cgv-partnership-right{
    float:left;
    width:74%;
    padding-left:2%;
    border-left:1px solid #999;
}
.cgv-partner-list{
    padding: 5px;
    cursor:pointer;
    border-bottom:1px solid #d4d3c9;
    background: url(../images/cgv-irrow.png) 98% 50% no-repeat;
    
}
.cgv-partner-content{
    display:none;
}
.cgv-partner-row2{
    background:#fff;
    padding: 5px;
    margin-top: 10px;
    margin-left: 4%;
}
.pactive{
    background: #fff url(../images/cgv-rrow.png) 98% 50% no-repeat;
    border:1px solid #000;
}
.cancelpasscard{
    display:none;
}
.cgv-passcard {
    border-bottom: 1px dashed;
    text-align: right;
}
#cgv-passcard-table{
    width:100%;
}
.availableuse{
    padding-left:14%;
}
.discount-passcard{
    padding-bottom:15px;
}
.custom-passcard{
    width: 96%;
    margin-left: 2%;
}
.find-your-account{
    float:left;
    width:100%;
}
.member-icon{
    background: url(../images/grade-icon.png) -18% 87% no-repeat;
    width: 80px;
    height: 51px;
    float: left;
}

.vip-icon{
    background: url(../images/grade-icon.png) 93% 7% no-repeat;
    width: 80px;
    height: 51px;
    float: left;
}

.vvip-icon{
    background: url(../images/grade-icon.png) -18% 7% no-repeat;
    width: 80px;
    height: 51px;
    float: left;
}
a .icon-acc-add{
    color:#222;
}
.cgv-50{
    float:left;
    width:45%;
    padding-right:5%;
}
.cgv-45{
    float:left;
    width:45%;
    padding-left:5%;
}
.dashboard{
    color:#0e1d2f;
}
.period-search{
    margin-bottom:30px;
}
.period-content{
    padding:5px 15px;
}
#date_from{
    margin-left:100px;
}
#date_from,#date_to{
    width:112px;
}
.button-custom{
    margin-left:30px;
}
.calendar{
    width:300px;
}
#date_from,#date_to{
    background:url(../images/grid-cal.gif) 7% 50% no-repeat;
    padding-left: 25px;
    font-size:12px;
}
.calendar .day{
    height: 32px;
    border:1px solid #fdfcf0;
    border-radius:0;
}
.form-inline{
    display:inline-block;
}
.cgv-pointtext{
    padding:10px;
    font-weight:bold;
    font-size:12px;
}
.cgv-pointtext .col1{
    /*padding-right:10px*/
}
.cgv-pointtext .col2{
    padding-left:30px;
}
.cgv-pointtext .col3{
    padding-left:15px
}
.withdraw-button .button,.membercard-button .button{
    background:#000;
    text-transform:none;
}
.withdraw-button .button > span,.membercard-button .button > span{
    border: none;
}
.giftcard-value{
    color:#e46c0a;
}
.cgv-coupon-list{
    clear:both;
}
.button-coupons{
    float:left;
    width:50%;
    text-align:left;
}
.search-coupons{
    float:left;
    width:50%;
    text-align:right;
}
#cgv-movie,#cgv-concession{
    background:#7f7f7f;
}
#cgv-movie > span, #cgv-concession >span{
    border:1px solid #fff;
}
.cgv-coupon-list{
    clear:both;
}
.cgv-coupon-list .data-table img{
    display:inline-block;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*tam.ngo@cj.net */

.mtw_banner_left {
    left: 10px;
    position: fixed;
    z-index: 20;
    top: 20px;
}

.mtw_banner_right {
    position: fixed;
    right: 10px;
    z-index: 20;
    top: 20px;
}
.seatmap-top div.combo .combo-item  li.selected span {
    background: #333333;
}
.cgv-50{
    float:left;
    width:50%;
}
.cgv-content-member{
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    padding: 12px;
    margin-top: 40px;
}
.btn-password{
    background:#a6a6a6
}
.btn-password span{
    background:#a6a6a6;
}
.btn-password > span{
    border:1px solid #fff;
}
.button-sets{
    padding-top:20px;
}
input.f_name{
    width:180px;
}
input.l_name{
    width:180px;
}
.cgv-findmember-form ul{
    width:100%;
}
#cgv-movie.button.selected,.period-content .button.selected, #cgv-concession.button.selected{
    background: #e71a0f;
}
#cgv-movie.button.selected > span,.period-content .button.selected  > span, #cgv-concession.button.selected > span {
    border: 1px solid #f07469;
    padding: 5px;
}
.cgv-wcustom{
    width:32%;
}
.period-content .button{
    background: #7f7f7f;
}
.period-content .button >span {
    border: 1px solid #fff;
}
.cgv-findmember-form h2{
    font-size:15px;
    margin:10px;
}

.cgv-findmember-form fieldset p {
    font-size:13px;
    margin:10px;
    color:#999;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
}
input::-moz-placeholder {
    font-size: 12px;
} /* Firefox 19+ */
input::-moz-placeholder {
    font-size: 12px;
}  /* Firefox 18- */
input::-ms-input-placeholder {
    font-size: 12px;
} /* IE */
.total-payment{
    background:#fff1ce;
    float:left;
}
.cgv-list-discount{
    float:left;
    width:100%;
}
.cgv-list-payment,.cgv-list-discount{
    border-top: 1px solid #d4d3c9;
}

/* ================================ MY ACCOUNT ========================================= */
.my-account .page-title{
    width:82.5%;
    margin-left: 45px;
    text-align:center;
    margin-top:0px;
    background:#7e8eaa;
    height:34px;
    margin-bottom:10px;
}
.my-account .page-title h1{
    color:#fff;
    text-transform:uppercase;
    line-height:34px;
    text-align:center !important;
}
.customer-account .col-left-first .block-account .block-title span{
    color: #e71a0f;
}
.list-my-order{
    width:100%;
}
.list-my-order li.list-my-order-detail{
    width:100%;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid #333;
}
.list-my-order-detail .col2-set > p{
    width:100%;
    color: #e71a0f;
    margin-bottom:10px;
}
.list-my-order-detail .col-1{
    float:left;
    width:24%;
}
.list-my-order-detail .col-2{
    float:left;
    width:75%;
}
.icon-rating-movie{
    display:block;
    width: 45px;
    height: 32px;
    top: 15px;
    left: 15px;
    font-size: 0px;
    background: url(../images/bg-movie-rating.png) no-repeat scroll top left transparent;
}
.icon-rating-movie.icon-P{
    background-position: -3px 0px;
}
.icon-rating-movie.icon-C13{
    background-position: -3px 0px;
}
.icon-rating-movie.icon-C16{
    background-position: -96px 0px;
}
.icon-rating-movie.icon-C18{
    background-position: -144px 0px;
}
.area-view-order{
    width:100%;
    padding-left: 15%;
    margin-top: 20px;
}
.list-my-order-detail button{
    border:none;
    padding:5px 10px;
    border-radius:5px;
}
.view-order{
    background:#0071bc;
}
.view-order span{
    color:#fff;
    font-size:12px;
}
.booking-refund-order{
    background:#bcbdc0;
}
.icon-closepng img{
    display:inline-block;
    width:13%;
    vertical-align: text-bottom;
    cursor:pointer;
}
.combo-discription{
    z-index:99;
    padding-top: 35px;
}
.combo-discription th{
    padding-bottom:5px;
}
span.icon-close-combo,span.icon-closew-combo {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 0px;
    background: url(../images/icon_close.png) no-repeat center center;
    cursor: pointer;
    position:absolute;
}

span.icon-close-combo {
    margin-right: 1px;
    margin-top: -4px;
    right:7px;
}
span.icon-closew-combo {
    margin-right: -2px;
    margin-top: -4px;
    right:7px;
}
.select-seats span.icon-infofooter-combo {
    display: block;
    width: 15px;
    height: 15px;
    font-size: 0px;
    background: url(../images/bg-cgv/icon-info-combo.png) no-repeat center center;
    float: right;
    margin-top: 3px;
    cursor: pointer;
    margin-left: 4px;
}
.session-grandtotal{
    padding-top:7px;
}
.seats-subtotal,.combo-subtotal{
    position:relative;
}
.seats-subtotal label,.combo-subtotal label,.session-grandtotal label{
    width:58px;
}
.select-seats .pricedata{
    font-weight: normal;
    display: inline;
    font-size: 12px;
    float:none;
}
.session-grandtotal label,.session-grandtotal span{
    color:#ff0000;
}
.combo-subtotal-detail {
    position: absolute;
    width: 260px !important;
    height: 122px !important;
    background: url(../images/bg-cgv/bg-popup-info-film-down.png) no-repeat top left transparent;
    padding-left: 120px;
    padding-top: 20px;
    left: -85px;
    top: -128px;
    display: none;
}
.seats-subtotal-detail {
    position: absolute;
    width: 260px !important;
    height: 122px !important;
    background: url(../images/bg-cgv/bg-popup-info-combo-down.png) no-repeat top left transparent;
    padding-left: 110px;
    padding-top: 20px;
    left: -85px;
    top: -128px;
    display: none;
}


/* --------------------------------- TOP CONTAINER --------------------------------- */
.slideshow-next::before {
    background: transparent url("../images/bg-cgv/sprite_btn.png") no-repeat scroll -30px -97px;
    border: medium none;
    height: 52px;
    width: 26px;
}
.slideshow-prev::before {
    background: transparent url("../images/bg-cgv/sprite_btn.png") no-repeat scroll 0 -97px;
    border: medium none;
    height: 52px;
    width: 26px;
}
.slideshow-pager span::before {
    background: rgba(0, 0, 0, 0) url("../images/bg-cgv/sprite_icon.png") no-repeat scroll 0 -90px;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    margin-left: -8px;
    margin-top: -6px;
    position: relative;
    top: 50%;
    width: 14px;
}
.slideshow-pager span.cycle-pager-active{
    background: rgba(0, 0, 0, 0) url("../images/bg-cgv/sprite_icon.png") no-repeat scroll -15 -90px;
}


/* ------------------------------------ SEAT MAP ----------------------------------- */
.seat-icon-desc {
    margin-left: 5px;
    line-height: 15px;
    margin-top:100px;
}
.seat-icon-desc .icon:first-child {
    margin-top: 0;
}
.seat-icon-desc .icon {
    position: relative;
    display: block;
    margin-top: 8px;
    padding-left: 19px;
    height: 15px;
    color: #666;
    font-size: 12px;
    text-align:left;
}
.seat-icon-desc .icon > span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 16px;
    padding: 0;
    background: url("../images/bg-cgv/bg-seat-icons-new.png") no-repeat center center;
    background-position: 0 0;
}
.seat-icon-desc .icon.reserved > span {
    background-color: #bbb;
    background-image: none;
}
.seat-icon-desc .icon.notavail > span {
    background-color: #bbb;
    background-position: -25px 0;
}
.legend {
    position: absolute;
    top: 0;
    right: -106px;
    width: 106px;
    height: 100%;
}
.seat-type {
    margin-top: 23px;
    margin-left: 5px;
}
.radiobutton {
    position: relative;
    display: block;
    padding-left: 19px;
    height: 15px;
    color: #666;
    font-size: 12px;
    margin-top: 6px;
    text-align:left;
}
.seat-type .radiobutton .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-position: 0 0;
}
.seat-type .radiobutton .icon {
    width: 11px;
    height: 12px;
    background-image: none;
    display:inline-block;
}
.seat-type .radiobutton.type-zone-standard .icon {
    border: 2px solid #01c73c;
    background-image: none;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-prime .icon,
.seat-type .radiobutton.type-zone-VIP .icon
{
    border: 2px solid #f71708;
    background-image: none;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-economy .icon {
    border: 2px solid #ed8c00;
    background-image: none;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-4dx .icon {
    border: 2px solid #B55642;
    background-color: #B55642;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-sweetbox .icon {
    border: 2px solid #FF62B0;
    background-color: #FF62B0;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-gold .icon {
    border: 2px solid #C0C081;
    background-color: #C0C081;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-bed .icon {
    border: 2px solid #D297D2;
    background-color: #D297D2;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-zone-premium .icon {
    border: 2px solid #840042;
    background-color: #840042;
    height:14px;
    width:14px;
}
.seat-type .radiobutton.type-couple .icon {
    background-position: -50px 0;
}
.seat-type .radiobutton.type-handicap .icon {
    background-position: -75px 0;
}
.seat-type .radiobutton.type-sweetbox .icon {
    background-position: -100px 0;
}
.seat-type .radiobutton.type-veatbox .icon {
    background-position: -125px 0;
}
.seat-type .radiobutton.type-4d .icon {
    background-position: -150px 0;
}
.seat-type .radiobutton.type-widebox .icon {
    background-position: -175px 0;
}
.seat-type .radiobutton.type-cinekids .icon {
    background-position: -200px 0;
}
.seatmap-bottom{
    float:left;
    width:100%;
    position:relative;
    margin-top:30px;
    background:#1d1d1c;
}
.format-bg-seatmap-top{
    float:left;
    width:100%;
    background: url("../images/bg-cgv/bg-top-seatmap.png") repeat-x top left transparent;
}
.format-bg-seatmap-top p{
    font-size:0px;
}
.format-bg-seatmap-bottom{
    float:left;
    width:100%;
    background: url("../images/bg-cgv/bg-bottom-seatmap.png") repeat-x bottom left transparent;
    height:8px;
}
.format-bg-seatmap-bottom p{
    font-size:0px;
}
.film-info-ticket{
    width:100%;
    height:128px;
}
.film-info, .film-session, .select-seats{
    border-right: 2px dotted #58595b;
}
.film-cart-info{
    float:left
}
.seatmap-bottom button{
    float:right;
}
.process-left-seatmap{
    float:left;
    width:110px;
}
.btn-left {
    float: left;
    width: 106px;
    height: 108px;
    margin-right: 24px;
}
.process-left-seatmap .btn-left{
    background: url("../images/bg-cgv/bg-cgv-button-process.png") no-repeat;
    background-position: -152px 0;
    overflow: hidden;
    text-indent: -1000px;
    margin:10px 0px 0px 10px;
}
.film-cart-info{
    float:left;
}
.film-cart-info .film-image{
    float:left;
    margin:10px;
}
.film-cart-info .film-image img{
    float: left;
    width: 74px;
    height: 108px;
    line-height: 108px;
    margin-right: 11px;
    overflow: hidden;
}
.film-info{
    float:left;
    width:125px;
    font-size:12px;
    text-align:left;
    height:128px;
    padding-top:20px;
    /* background: url("../images/bg-cgv/cgv-bg-split.png") no-repeat center right transparent; */
}
.film-info h2.product-name{
    float:left;
    color: #cccccc;
    width:100%;
    text-transform:none;
}
.film-info span{
    float:left;
    color: #cccccc;
    width:100%;
    text-transform:none;
    font-weight:bold;
}
.film-session{
    float:left;
    width:280px;
    font-size:12px;
    text-align:left;
    margin-left:15px;
    height: 128px;
    padding-top:20px;
   /*  background: url("../images/bg-cgv/cgv-bg-split.png") no-repeat center right; */
}
.film-session label{
    font-size:12px;
    font-weight:normal;
    width:100px;
}
.film-session span{
    float:left;
    font-size:12px;
    color: #cccccc;
    width:100%;
    text-transform:none;
    font-weight:bold;
}
.select-seats{
    float:left;
    width: 171px;
    margin-left:20px;
    text-align:left;
    height: 128px;
    padding-top:20px;
    /* background: url("../images/bg-cgv/cgv-bg-split.png") no-repeat center right; */
}
.select-seats span{
    color: #cccccc;
    /*width:100%;*/
    float:left;
    font-weight:bold;
}
.select-seats span label{
    float:left;
}
.process-right-seatmap{
    float:right;
}
.process-right-seatmap button{
    position: absolute;
    top: 13%;
    right: 25px;
    width: 106px;
    height: 108px;
    background:none;
}
.process-right-seatmap button span > span{
    background: url("../images/bg-cgv/bg-cgv-button-process.png") no-repeat;
    background-position: -152px -442px;
    overflow: hidden;
    text-indent: -1000px;
    width: 106px;
    height: 108px;
    display:block;
}

/* ============================== CGV VOUCHER ======================================= */
.category-cgv-voucher{
    width:100%
}
.category-cgv-voucher ul{
    width:100%;
    text-align:center;
    height:150px;
    border-bottom: 1px solid #d2cfc6;
    margin-bottom: 20px;
}
.category-cgv-voucher ul li{
    float: none;
    width: 130px;
    height: 125px;
    padding: 10px 0;
    display: inline-block;
    margin: 0;
}
.category-cgv-voucher ul li a{
    display: block;
    width: 130px;
    height: 20px;
    padding-top: 100px;
    background: url('../images/bg-cgv/icon-cate-voucher.png');
    color: #222222;
    font-size: 12px;
    text-align: center;
    filter: grayscale(100%);
    font-weight:bold;
    cursor:pointer;
}
.category-cgv-voucher ul li a.movie-voucher{
    background-position:0px 0px !important;
}
.category-cgv-voucher ul li a.gift-card{
    background-position:0px -123px !important;
}

.cgv-voucher-cate .product-image{
    border:none !important;
}
.category-cgv-voucher ul li.active a{
    filter: grayscale(0%);
}
.category-cgv-voucher ul li:hover a{
    filter: grayscale(0%);
}
.category-cgv-voucher ul li a.type-voucher-giftcard{
    background-position:0px -123px;
}
.category-movie-voucher .products-grid{
    border-bottom:none !important;
}
.category-movie-voucher .category-title{
    margin-bottom:0px;
    float:left;
    width:100%;
}
.category-gift-card .category-title h1{
    line-height:18px;
}
.category-movie-voucher .category-title .sub-category{
    display:none;
}
.category-gift-card .category-products .products-grid .product-image{
    border:none;
}
.btn-giftcard{
    padding:3px 11px 3px 3px;
    height:23px;
    background: url('../images/bg-cgv/btn_buy_arrow.png')no-repeat top right #e71a0f !important;
}
.btn-giftcard > span{
    border:none;
    padding:0px;
}
.btn-giftcard > span span{
    font-size:16px;
    font-weight:400;
    color:#fff;
    line-height:18px;
}
.category-gift-card .products-grid{
    border-bottom:none;
}
.category-gift-card .product-info{
    text-align:left;
}
.category-gift-card  span.price{
    font-weight:bold;
}
.cgv-voucher-view{
    width:100%;
}
.cgv-voucher-view .page-title{
    width:100%;
    border-bottom: 3px solid #241d1e;
    margin-bottom: 35px;
}
.cgv-voucher-view .page-title span.h1{
    color: #222;
    font-size: 38px;
    font-weight: normal;
}
.cgv-voucher-view .col-1 img{
    margin: 20px 0px 0px 20px;
    width: 80%;
    height: auto;;
}
.cgv-voucher-view .table-cgv-voucher  > div{
    margin-top: 20px;
    float: left;
    width: 100%;
}
.product-name-voucher{
    float:left;
    width:100%;
    padding-bottom:10px;
    border-bottom:1px solid #b5b5b5;
}
.product-name-voucher h1{
    float:left;
    font-size:26px;
    width:100%;
}
.product-name-voucher .short-description{
    float:left;
    width:100%;
    font-size:14px;
    color:#636363;
}
.table-row-voucher{
    border-top:1px solid #b5b5b5;
    padding-top:10px;
}
.table-row-voucher .table-cell{
    display:inline;
}
.table-row-voucher .button.btn-back{
    background:#898987;
    border-radius:5px;
    padding: 5px 10px;
    float:left;
}
.table-row-voucher .button.btn-back > span{
    border:none;
}
.table-row-voucher .button.btn-buy{
    float:right;
    border-radius:5px;
    padding: 5px 10px;
}
.table-row-voucher .button.btn-buy > span{
    border:none;
}
.cards-giftcard-conditions{
    width:100%;
    margin-top:20px;
}
.cards-giftcard-conditions h2{
    width:100%;
    margin:30px 0px 20px;
    border-bottom:2px solid #241d1e;
    font-size:18px;
    padding-bottom:5px;
}
.cards-giftcard-conditions ul{
    width:100%;
    float:left;
}
.cards-giftcard-conditions ul li{
    width:94%;
    float:left;
    margin-left:3%;
    list-style:disc;
}
.sub-category {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.category-title > * {
    display: inline-block;
    color: #636363;
}
.sub-category ul li {
    display: inline-block;
    margin-left: 24px;
}
.sub-category a {
    color: #666;
    padding-left: 15px;
    font-size: 20px;
    white-space: nowrap;
    text-transform: uppercase;
}
.category-arthouse .category-title .sub-category ul li.active a {
    background: url("../images/ico_arrow07.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #e40000;
}
/* ----------------------------------- FORMAT ----------------------------------- */
ul,ol,li{
    list-style:none;
    float:left;
}

/* ==================== Breadcrums ================== */
.breadcrumbs {
    background-color: #f1f0e5;
    border-bottom: 1px solid #cacac0;
    padding: 5px 0;
    margin: 0;
    width: 100%;
}
.breadcrumbs ul {
    margin: 0px auto;
    width: 980px;
    float:none;
}
.breadcrumbs li {
    float: left;
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
}
.breadcrumbs a {
    float: left;
    color: #636363;
    text-transform: capitalize;
    white-space: nowrap;
}
.breadcrumbs ul li.home a {
    background: url("../images/bg-cgv/bg-cgv-bread-home.png") no-repeat scroll left center transparent;
    text-indent: -9999px;
    padding: 0 9px;
    width: 17px;
    height: 15px;
}
.breadcrumbs span {
    background: url("../images/bg-cgv/bg-cgv-icon-arrow.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
    padding: 0 15px;
    display:inline-block;
    float:none;
}


/* ==================== Movie list ================== */
.metiz-info-bold{
    font-weight:bold;
    font-size:13px;
}
.metiz-info-normal{
    font-size:14px;
}
.metiz-movies ul li .play-button {
    background: url(../images/bg-cgv/bg-play-movie-list.png) no-repeat scroll 0 0 transparent;
    height: 279px;
    left: 0;
    position: absolute;
    top: 0;
    width: 198px;
    text-indent: -99999px;
    display: none;
    cursor: pointer;
}

/* ===================== Payment ================== */
#checkoutSteps li.section {
    margin-bottom: 10px;
}
.content-cgv-vivian{
    float:left;
    width:100%;
    border-bottom: 2px dashed #c3bda5;
    padding:5px 0px;
}
.cgv-title{
    float:left;
    width:20%;
    font-size:12px;
    margin-top: 20px;
}
.cgv-cardno{
    float:left;
    width:12%;
    font-weight:bold;
    font-size:12px;
    margin-top: 20px;
}
.cgv-cardno-info{
    float:left;
    font-weight:bold;
    font-size:14px;
    width:27%;
    margin-top: 20px;
}
.cgv-vivian-buuton{
    float:left;
    font-weight:bold;
    margin-top: 12px;
}
.cgv-card-validate{
    float:right;
    width:20%;
}
.cgv-card-validate >span{
    float:right;
    width:100%;
    margin:5px;
}

/* =========================================== CONTACTS PAGE =========================================== */
.location-ho-metiz {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
}
.contact-metiz {
    float: left;
    width: 100%;
}
.show-address-contact-metiz {
    float: left;
    width: 29%;
    padding-right: 3%;
}
.content-form-contact-metiz {
    float: right;
    min-height: 150px;
    width: 70%;
}
.contact-metiz .theater-name h2 {
    text-transform: uppercase;
    font-size: 18px !important;
    line-height: 26px !important;
    color: #636363;
}
.add-contact-metiz {
    border-top: 1px solid #636363;
    padding-top: 10px;
}
.address-contact-metiz-block{
    float:left;
}
.contact-media-sale {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.contact-media-sale h3,.contact-page-metiz-cinemas h3 {
    float: left;
    width: 100%;
    color:#636363;
    font-size: 18px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #636363;
    padding-bottom:4px;
}
.contact-page-metiz-cinemas {
    float: left;
    width: 100%;
    margin-top: 20px;
}
#contactForm  textarea#message {
    width: 365px;
}
.content-form-contact-metiz #contactForm{
    padding-left:50px;
    border-left: 2px solid #bdbab1;
}
/* =========================================== NOW SHOWING =========================================== */
.metiz-movies .products-grid > li{
    text-align:center;
    text-transform: uppercase;
}
.metiz-movie-info .metiz-bold{
    font-weight:bold;
}
.film-lists .nmovie-rating {
    position: absolute;
    z-index: 20;
    width: 45px;
    height: 32px;
    top: 15px;
    left: 15px;
    font-size: 0px;
    background: url(../images/bg-movie-rating.png) no-repeat scroll top left transparent;
}
.film-lists .nmovie-rating.nmovie-rating-no {
    background:none;
}
.film-lists .nmovie-rating.nmovie-rating-p {
    background-position: -3px 0px;
}
.film-lists .nmovie-rating.nmovie-rating-c18 {
    background-position: -144px 0px;
}
.film-lists .nmovie-rating.nmovie-rating-c16 {
    background-position: -96px 0px;
}

.film-lists .nmovie-rating.nmovie-rating-c13 {
    background-position: -50px 0px;
}
.category-products li .ribon {
    position: absolute;
    z-index: 20;
}
.events.events-sneak-show{
    right: -1px;
    top: -22px;
    height: 47px;
    width: 110px;
    position: absolute;
    z-index: 20;
    background: url(../images/film-sneak-show.PNG) no-repeat scroll 0px 0px transparent;
}
.events.events-early-show{
    right: -1px;
    top: -22px;
    height: 47px;
    width: 110px;
    position: absolute;
    z-index: 20;
    background: url(../images/ribon-early-show.png) no-repeat scroll 0px 0px transparent;
}
.events.events-30k{
    right: 0px;
    top: -13px;
    height: 97px;
    width: 59px;
    position: absolute;
    z-index: 20;
    background: url(../images/ribon-30k.png) no-repeat scroll 0px 0px transparent;
}
.events.events-50k{
    right: 0px;
    top: -13px;
    height: 97px;
    width: 59px;
    position: absolute;
    z-index: 20;
    background: url(../images/ribon-50k.png) no-repeat scroll 0px 0px transparent;
}
.category-now-showing .category-products li .ribon.position-1 {
    right: -27px;
    top: -17px;
    height: 65px;
    width: 50px;
    background: url(../images/ribbon-film-final.png) no-repeat scroll 0px 0px transparent;
}
.category-now-showing .category-products li .ribon.position-2{
    right: -27px;
    top: -17px;
    height: 65px;
    width: 50px;
    background: url(../images/ribbon-film-final.png) no-repeat scroll -50px 0px transparent;
}
.category-now-showing .category-products li .ribon.position-3 {
    right: -27px;
    top: -17px;
    height: 65px;
    width: 50px;
    background: url(../images/ribbon-film-final.png) no-repeat scroll -100px 0px transparent;
}


.home-movie-selection .slideshow-containe-movier ul li .play-button {
    height: 355px;
    left: 0;
    position: absolute;
    top: 0;
    width: 240px;
    text-indent: -9999px;
    display: none;
    cursor: pointer;
}
.home-movie-selection .slideshow-containe-movier ul li .play-trailer-empty {
    height: 355px;
    left: 0;
    position: absolute;
    top: 0;
    width: 240px;
    text-indent: -99999px;
    display: none;
    cursor: pointer;
}

.products-grid--max-4-col.products-grid .product-image {
    max-width: 100%;
    height: auto;
}
.products-grid--max-4-col.products-grid .product-image  img{
    height: 281px ;
    width: 195px ;
}
.category-products .products-grid li .product-info {
    width: 100%;
}
.category-products .products-grid .product-name a {
    color: #0e1d2f;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}
.category-products .products-grid li .product-info div label {
    white-space: nowrap;
}       
.page-title.product-view {
    border-bottom: 2px solid #ff5400;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.film-lists ul.add-to-links{
    float:left;
    width:100%;
}
.film-lists ul.add-to-links li:first-child{
    float:left;
}
.film-lists ul.add-to-links li:first-child div.fb-like{
    margin-top:7px;
}
.film-lists ul.add-to-links li:last-child{
    float:right;
}


.product-images .configurable-swatch-list a span.attr-movie-2d {
   display:none;
}
.product-images .configurable-swatch-list a span.attr-movie-3d {
    background-position: -47px -7px;
    width: 12%;
}
.product-images .configurable-swatch-list a span.attr-movie-imax3d {
   background-position: -310px -7px;
    width: 18%;
}

.movie-technology .icon-starium {
    background-position: -120px -7px;
    width: 18%;
}
.product-images .configurable-swatch-list a span.attr-movie-atmos-2d{
    background-position: -463px -7px;
    width: 23%;
}



/* ============================= POPUP SHOWTIME =================================== */
#cboxLoadedContent .show-all-day{
    width:100%;
    padding:15px;
    border-bottom: 2px solid #241d1e;
    border-top: 2px solid #241d1e;
}
#cboxLoadedContent .show-all-type-film{
    padding:10px 15px;
    border-bottom: 2px solid #241d1e;
}
#cboxLoadedContent .show-all-type-film span{
    display:inline-block;
    background: #241d1e;
    height:28px;
    line-height:28px;
    color:#fff;
    text-align:center;
    border-radius:5px;
    padding:0px 15px;
}
#cboxLoadedContent .tabs-cgv-movie-type .showtimes{
    padding:15px;
}
#cboxLoadedContent .tabs-cgv-movie-type .showtimes .site h3{
    font-weight:400;
    color: #636363;
}
#cboxLoadedContent .tabs-cgv-movie-type .showtimes .cinema{
    margin-top:15px;
}
#cboxLoadedContent .ticket-all-site{
    padding-bottom: 20px;
    border-bottom: 1px solid #474746;
    margin-bottom: 10px;
}
#cboxLoadedContent .day {
    color: #717171;
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 77px;
}
#cboxLoadedContent .day > span {
    color: #717171;
    font-size: 11px;
    left: 4px;
    position: absolute;
    top: 4px;
}
#cboxLoadedContent .day > em {
    color: #717171;
    font-size: 11px;
    font-style: normal;
    left: 4px;
    position: absolute;
    top: 20px;
}
#cboxLoadedContent .day > strong {
    color: #717171;
    font-size: 32px;
    font-weight: normal;
    left: 31px;
    line-height: 32px;
    position: absolute;
    top: 8px;
}
#cboxLoadedContent .tabs-cgv-movie-type ul.toggle-tabs{
    padding: 20px;
}
#cboxLoadedContent .tabs-cgv-movie-cites {
    padding: 0px;
}
.tabs-cgv-movie-type > ul.toggle-tabs{
    border-bottom: 2px solid #2b2b2b;
    border-top: 2px solid #2b2b2b;
    display: inline-block;  
    padding: 20px 0;
}
.tabs-cgv-movie-type > ul.toggle-tabs li{
    border:2px solid #222;
    border-radius: 5px;
}
.tabs-cgv-movie-type > ul.toggle-tabs li:first-child{
    border-left:2px solid #222;
}
.tabs-cgv-movie-type > ul.toggle-tabs li.current{
    background-color: #222;
    border-radius: 5px;
}
.tabs-cgv-movie-type > ul.toggle-tabs li span{
    height: 29px;
    line-height: 29px;
    color:#222;
}
.tabs-cgv-movie-type > ul.toggle-tabs li.current span{
    height: 29px;
    line-height: 29px;
    color:#fff;
}
.tabs-cgv-movie-cites{
    width:100%;
}
.tabs-cgv-movie-cites ul.toggle-tabs{
    width:100%;
    padding:20px 0px;
}
.tabs-cgv-movie-cites >ul.toggle-tabs li.current{
    background:#222;
    border-radius:5px;
}
.tabs-cgv-movie-cites >ul.toggle-tabs li.current span{
    color:#fff !important;
}   
.tabs-cgv-movie-view-date > ul.toggle-tabs{
    border-bottom: 2px solid #2b2b2b;
    border-top: 2px solid #2b2b2b;
    display: inline-block;  
    margin-bottom: 30px;
    padding: 20px 0;
}
.tabs-cgv-movie-view-date > ul.toggle-tabs li{
    border: 2px solid #fff;
    border-radius: 5px;
}
.tabs-cgv-movie-view-date > ul.toggle-tabs li:hover{
    border: 2px solid #222;
    border-radius: 5px;
}
.tabs-cgv-movie-view-date > ul.toggle-tabs li.current{
    border: 2px solid #222;
    border-radius: 5px;
}
.tab-showtime{
    width:100%;
}
.tab-showtime li{
    border:1px solid #222;
    padding:5px 10px;
    float:left;
    margin-right:3px;
    text-align:center;
    margin-top:3px;
}
.day {
    border: 2px solid #fdfcf0;
    border-radius: 5px;
    color: #717171;
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 77px;
}
.day > span {
    color: #717171;
    font-size: 11px;
    left: 4px;
    position: absolute;
    top: 4px;
}
.day > em {
    color: #717171;
    font-size: 11px;
    font-style: normal;
    left: 4px;
    position: absolute;
    top: 20px;
}
.day > strong {
    color: #717171;
    font-size: 32px;
    font-weight: normal;
    left: 31px;
    line-height: 32px;
    position: absolute;
    top: 8px;
}


/* ================================ ICON TYPE POSTER ==================================== */
.product-images{
    position:relative;
}
.movie-technology {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 27px;
    text-align: center;
}
.movie-technology .icon-type-film span {
    background-image: url("../images/bg-cgv/movie-type-new-1.png");
    background-repeat: no;
    display: inline-block;
    height: 20px;
    font-size: 0px;
}
.movie-technology .icon-type-film span.attr-movie-2d{
    display:none;
}
.movie-technology .icon-type-film span.attr-movie-3d{
    background-position: -47px -2px;
    width: 12%;
}
.movie-technology .icon-type-film span.attr-movie-4dx,
.movie-technology .icon-type-film span.attr-movie-4dx3d,
.movie-technology .icon-type-film span.attr-movie-4dx2d
{
    background-position: 222px -2px;
    width: 16%;
}
.movie-technology .icon-type-film span.attr-movie-starium {
    background-position: -417px -2px;
    width: 19%;
}
.movie-technology .icon-type-film span.attr-movie-imax,
.movie-technology .icon-type-film span.attr-movie-imax3d,
.movie-technology .icon-type-film span.attr-movie-imax2d
{
    background-position: -308px -2px;
    width: 19%;
}
.movie-technology .icon-type-film span.attr-movie-screenx-2d{
    background-position: -514px -2px;
    width: 27%;
}
.movie-technology .icon-type-film span.attr-movie-atmos-2d{
    background-position: -463px -2px;
    width: 22%;
}

.movie-technology .icon-starium {
    background-position: -117px -2px;
    width: 19%;
}


/* =========================================== CGV SPECIAL =============================================== */
.specialtheater-list {
    border-bottom: 2px solid #d2cfc6;
    float: left;
    height: 145px;
    text-align: center;
    width: 100%;
}
.specialtheater-list .special-items li {
    display: inline-block;
    margin: 0px;
    width: 94px;
}
.special-items li a {
    background-image: url("../images/cgv-icon-special-07-12.png");
    display: block;
    height: 135px;
    text-indent: -99999px;
    width: 90px;
}
.special-items .item-sweetbox a {
    background-position: -19px 0px;
}
.special-items .item-4dx a {
    background-position: -583px 0px;
}
.special-items .item-dolby-atmos a {
    background-position: -808px 0px;
}
.special-items .item-imax a {
    background-position: -244px 0px;
}
.special-items .item-gold-class a {
    background-position: -465px 0px;
    width: 105px;
}
.special-items .item-lamour a {
    background-position: -131px 0px;
}

/*-----special theaters------*/
.specialtheater-list {
    border-bottom: 2px solid #d2cfc6;
    float: left;
    height: 145px;
    text-align: center;
    width: 100%;
}
.specialtheater-list .special-items li {
    display: inline-block;
    margin: 0px 7px;
    width: auto;
}
.specialtheater-list .special-items li.item-48-fs,.specialtheater-list .special-items li.item-arthouse{
    display: none;
}
.special-items .item-sweetbox a {
    background-position: -19px 0px;
}
.special-items li a {
    background-image: url(../images/cgv-icon-special1.png);
    display: block;
    height: 135px;
    text-indent: -99999px;
    width: 90px;
}
.special-items .item-sweetbox a {
    background-position: -19px 0px;
}
.special-items .item-sweetbox a:hover, .special-items .item-sweetbox.actived a {
    background-position: -19px 135px;
}
.special-items .item-4dx a {
    background-position: -583px 0px;
}
.special-items .item-4dx a:hover, .special-items .item-4dx.actived a {
    background-position: -583px 135px;
}
.special-items .item-dolby-atmos a {
    background-position: -808px 0px;
}
.special-items .item-dolby-atmos a:hover, .special-items .item-dolby-atmos.actived a {
    background-position: -808px 135px;
}
.special-items .item-gold-class a {
    background-position: -465px 0px;
    width: 105px;
}
.special-items .item-gold-class a:hover, .special-items .item-gold-class.actived a {
    background-position: -465px 135px;
}
.special-items .item-lamour a {
    background-position: -131px 0px;
}
.special-items .item-lamour a:hover, .special-items .item-lamour.actived a {
    background-position: -131px 135px;
}
.special-items .item-starium a {
    background-position: -357px 0px;
}
.special-items .item-starium a:hover, .special-items .item-starium.actived a {
    background-position: -357px 135px;
}
.special-items .item-premium a {
    background-position: -685px 0px;
    width: 110px;
}
.special-items .item-premium a:hover, .special-items .item-premium.actived a {
    background-position: -685px 135px;
}
.special-items .item-screenx a {
    background-position: -922px 0px;
    width: 97px;
}
.special-items .item-screenx a:hover, .special-items .item-screenx.actived a {
    background-position: -922px 136px;
}
.special-items .item-imax a {
    background-position: -244px 0px;
}
.special-items .item-imax a:hover, .special-items .item-imax.actived a {
    background-position: -244px 135px;
}
.std .slide-imax-baner ul{
    margin-bottom:0;
}
ul.site-list{
counter-reset: tamCounter;
}
ul.site-list li{
list-style: none;
width:33%;
}
ul.site-list li:before {
counter-increment: tamCounter;
content:counter(tamCounter);
color: white;
background: #e71a0f;
display: inline-block;
text-align: center;
margin: 5px 10px;
line-height: 30px;
width: 30px;
height: 30px;
}
.specialtheater-content {
    clear: both;
    overflow: hidden;
}
.special-title {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}
.specialtheater-content .page-title h1 {
    border: medium none;
    float: left;
    font-size: 55px;
    text-align: center;
    background: url(../images/icon-brand-special.png) no-repeat scroll center center transparent;
    text-indent: -9999px;
    position: relative;
}
.specialtheater-content.specialtheater-imax .page-title h1 {
    background-position: -590px 10px;
    width: 250px;
    height: 70px;
    left: 40%;
}
.specialtheater-content.specialtheater-sweetbox .page-title h1 {
    background-position: 0px 10px;
    width: 280px;
    height: 70px;
    left: 35%;
}
.specialtheater-content.specialtheater-4dx .page-title h1 {
    background-position: -1414px 10px;
    width: 140px;
    height: 70px;
    left: 47%;
}
.specialtheater-content.specialtheater-dolby-atmos .page-title h1 {
    background-position: -1964px 10px;
    width: 200px;
    height: 70px;
    left: 43%;
}
.specialtheater-content.specialtheater-gold-class .page-title h1 {
    background-position: -1046px 10px;
    width: 350px;
    height: 70px;
    left: 32%;
}
.specialtheater-content.specialtheater-lamour .page-title h1 {
    background-position: -296px 10px;
    width: 280px;
    height: 70px;
    left: 37%;
}
.specialtheater-content.specialtheater-starium .page-title h1 {
    background-position: -845px 10px;
    width: 200px;
    height: 70px;
    left: 41%;
}
.specialtheater-content.specialtheater-premium .page-title h1 {
    background-position: -1560px 10px;
    width: 400px;
    height: 70px;
    left: 30%;
}
.specialtheater-content.specialtheater-screenx .page-title h1 {
    background-position: -2174px -4px;
    width: 286px;
    height: 103px;
    left: 33%;
}
.specialtheater-content .page-title {
    text-align: center;
    width: 100%;
    display: inline-block;
}

.cinema-imax {
    float: left;
    width: 100%;
}
.header-imax {
    float: left;
    width: 100%;
}

.recent-imax {
    float: left;
    width: 100%;
}
.recent-imax p {
    margin-top: -40px;
}
.recent-imax p {
    float: left;
    width: 100%;
}
.specialtheater-content .std{
    clear: both;
}

.specialtheater-content .std p {
    margin: 15px 0 5px;
}

.arthouse-category-wrap ul {
    display: block;
    position: relative;
    width: 100%;
    background: none repeat scroll 0 0 transparent;
    text-align: center;
    margin-bottom: 25px;
}
.arthouse-category-wrap > ul li {
    background: url(../images/bg_tebmenu-line.gif) no-repeat scroll 0 16px #e71a0f;
    border: medium none;
    color: #fff;
    display: inline-block !important;
    float: none;
    height: 40px;
}
.arthouse-category-wrap > ul li:first-child {
    background: url(../images/ribon_left_menu.gif) no-repeat scroll left 0 #e71a0f;
    padding-left: 19px;
}
.arthouse-category-wrap > ul li:last-child {
    background: url(../images/ribon_right.gif) no-repeat scroll right 0 #e71a0f;
    padding-right: 19px;
    margin-left: -5px;
}
.arthouse-category-wrap > ul li a {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    padding-right: 25px;
    background: url(../images/bg_tebmenu-line.gif) no-repeat scroll right 15px #e71a0f;
}
.arthouse-category-wrap > ul li.ui-state-active a:before {
    background: url(../images/ico_finger.png) no-repeat scroll 8px 50% #e71a0f;
    content: "";
    height: 40px;
    padding-left: 40px;
}
.arthouse-category-wrap > ul li:last-child a{

    background:#e71a0f;
}
.cinema-imax ,.cinema-special-cgv {
    float: left;
    width: 100%;
}
.image-cinema-imax img,.image-cinema-special-cgv img {
    width: 980px;
    height: 500px;
}
.text-content-imax {
    background: url(../images/bg-box-content-info-theater.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    z-index: 200;
    width: 35%;
    height: 100%;
    left: 0;
    padding: 0px 15px;
}
.text-content-imax h2 {
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 25px 0px;
}
.text-content-imax p {
    color: #fff;
}
.slideshow-container-sweetbox,.slideshow-container-imax, .slideshow-container-4dx, .slideshow-container-dx {
    overflow: hidden;
    position: relative;
}
.content-about-sweetbox {
    margin-bottom: 15px;
}
.sw-content h3 {
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
    color: #fff;
    text-transform: capitalize;
    padding-left: 25px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.sw-content p {
    color: #fff;
    width: 60%;
    padding-left: 25px;
}

.w40{ width:40%;}
.w13{ width:13%;}
.w20{ width:20%;}
.w15{ width:15%;}
.w35{ width:35%;}
.w8{ width:8.5%;}
.w30{width:30%;}
.w11{width:11%;}
.w25{width:25%;}
.box-2 .title-time td, .box-4 .title-time td{
    width:8%;
}
table .text p{
    background: url("../images/seat.png") no-repeat scroll 92px 6px transparent;
    padding: 8px 20px 8px 0;
}
table .text.en p{
    background: url("../images/seat.png") no-repeat scroll 92px 6px transparent;
}
table .text p.vip{
    background: url("../images/seat-vip.png") no-repeat scroll 91px 5px transparent;
}
table .text p.couples{
    background: url("../images/couples-seat.png") no-repeat scroll 91px 5px transparent;
}
table .text p.sweetbox{
    background: url("../images/sweetbox.png") no-repeat scroll 95px 10px transparent;
}
table .text p.deluxe{
    background: url("../images/deluxe.png") no-repeat scroll 91px 5px transparent;
}
.value .seat p{
    background: url("../images/seat.png") no-repeat scroll 68px 6px transparent;    
    float: left;
    font-size: 9px;
    padding: 7px 0 7px 4px;
    text-align: left;
    width: 55%;
}
.value .seat p.vip{
     background: url("../images/seat-vip.png") no-repeat scroll 45px 6px transparent;
    width: 39%;
}

.value-1 .text .d3 {
    background: url("../images/3d.png") no-repeat scroll 10px center transparent;
    padding-left: 30px;
}

.value-1 .text .d2 {
    background: url("../images/2d.png") no-repeat scroll 10px center transparent;
    padding-left: 30px;
}
.liberty-standard p{
    width:100%;
    height:30px;
    font-size:0px;
    background:url("../images/cinema-liberty.PNG") no-repeat scroll center 5px transparent
}
.liberty-sweetbox p{
    width:100%;
    height:30px;
    font-size:0px;
    background:url("../images/cinema-liberty.PNG") no-repeat scroll center -19px transparent
}
.liberty-premium p{
    width:100%;
    height:30px;
    font-size:0px;
    background:url("../images/cinema-liberty.PNG") no-repeat scroll center -44px transparent
}

/***********************************information ticket ***********************/
.information-ticket{
    margin:0 0 0 40px;
}
.box-2{
    margin-top:20px;    
}
.box-3{
    margin-top:10px;
}
.top-table{
    height:100px;
    position:relative;      
}
.top-table .image-1{
    left: -41px;
    position: absolute;
    top: 31px;
    width: 155px;
}
.top-table h2{  
    display: inline !important;
    font-family: Verdana,Arial,sans-serif;
    font-size: 20px;
    left: 125px;
    margin: 0;
    position: absolute;
    top: 63px;
    width: 39%;
    text-transform:uppercase;
}
.top-table .image-2{
    left: 300px;
    position: absolute;
    top: 66px; 
}
.top-table .image-2-imax{
    left: 325px;
    position: absolute;
    top: 66px; 
}
.top-table .image-2.en{
    left: 380px;   
}
.information-ticket table{
    border-collapse:collapse;
    border-spacing:0;
    width: 100%; 
    text-align:center; 
    font-size:11px; 
    font-family: Verdana,Arial,sans-serif;      
    color:#636363;
    line-height:18px;
}
.information-ticket table tr td p{
    text-transform: capitalize; 
    margin:0;
}
.information-ticket table tr td h2{
    text-transform: capitalize;
    display:block;
    font-size:12px;
    font-weight:bold;
    
}
.title-day{
    font-size:12px;
    font-weight:bold;
}
.title-day td{
    padding: 10px 0;
}
.title-day td p{text-transform: uppercase;}
.title-time td{
    padding: 5px;   
}
.box-2 .title-time td, .box-4 .title-time td{
    width:8%;
}
.value{
    font-size:18px;
    color:#716e75;
    font-weight:bold;
}
.value-1{
    font-size:12px;
    color:#716e75;
    font-weight:bold;
}
.value td{
    padding:10px 0;
}
.text p{
    font-size:9px;
}
.sur td{
    padding:7px 0;
    font-size:12px;
}
.sur td p{
    text-align: left; 
    padding-left:10px;
    font-weight:bold;
    margin:0;
}
/*-------------------------------------------width-----------------*/
.w8  {width:8.5%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w20{width:20%;}
.w25{width:25%;}
.w35{width:35%;}
.w30{width:30%;}
.w40{width:40%;}
.w42{width:42%;}
.w48{width:48%;}

table .text p{
    background: url("../images/seat.png") no-repeat scroll 92px 6px transparent;
    padding: 8px 20px 8px 0;
}
table .text.en p{
    background: url("../images/seat.png") no-repeat scroll 92px 6px transparent;
}
table .text p.vip{
    background: url("../images/seat-vip.png") no-repeat scroll 91px 5px transparent;
}
table .text p.couples{
    background: url("../images/couples-seat.png") no-repeat scroll 91px 5px transparent;
}
table .text p.sweetbox{
    background: url("../images/sweetbox.png") no-repeat scroll 95px 10px transparent;
}
table .text p.deluxe{
    background: url("../images/deluxe.png") no-repeat scroll 91px 5px transparent;
}
.value .seat p{
    background: url("../images/seat.png") no-repeat scroll 68px 6px transparent;    
    float: left;
    font-size: 9px;
    padding: 7px 0 7px 4px;
    text-align: left;
    width: 55%;
}
.value .seat p.vip{
     background: url("../images/seat-vip.png") no-repeat scroll 45px 6px transparent;
    width: 39%;
}

.value-1 .text .d3 {
    background: url("../images/3d.png") no-repeat scroll 10px center transparent;
    padding-left: 30px;
}

.value-1 .text .d2 {
    background: url("../images/2d.png") no-repeat scroll 10px center transparent;
    padding-left: 30px;
}
.liberty-standard p{
    width:100%;
    height:30px;
    font-size:0px;
    background:url("../images/cinema-liberty.PNG") no-repeat scroll center 5px transparent
}
.liberty-sweetbox p{
    width:100%;
    height:30px;
    font-size:0px;
    background:url("../images/cinema-liberty.PNG") no-repeat scroll center -19px transparent
}
.liberty-premium p{
    width:100%;
    height:30px;
    font-size:0px;
    background:url("../images/cinema-liberty.PNG") no-repeat scroll center -44px transparent
}
/*--------------------en--------------*/
.value .seat-en{
    width: 22%;
}
.value .seat-en p{
    background: url("../images/seat.png") no-repeat scroll 78px 6px transparent;  
    float: left;   
    padding: 7px 0 7px 4px;
    text-align: left;
    width: 55%;
    font-size:9px;
}
.value .seat-en p.vip{
    background: url("../images/seat-vip.png") no-repeat scroll 48px 6px transparent;
    width: 37%;
}
.title-time td p{
    font-size:12px;
}
.notice-info-ticket{
    float: left;
    margin-top: 30px;
    width: 100%;
}
.notice-info-ticket h3{
    float: left;
    width: 100%;
}
.notice-info-ticket ul{
    float: left;
    width: 100%;
}
.notice-info-ticket ul li{
    float: left;
    width: 100%;
}


/* ================================================= MOVIE DETAIL ====================================== */
.movie-technology-icons{
    float:right;
    margin-top:7px;
}
.movie-technology-icons a span{
    /* Wating icon Metiz */
    /*background-image: url("../images/movie-icon.png");*/
    display: inline-block;
    float: left;
    height: 45px;
    margin-left: 5px;
    position: relative;
    text-indent: -99999px;
    width: 64px;
}
.movie-technology-icons a span.movie-detail-type-2d {
    background-position: -571px 0;
}
.movie-technology-icons a span.movie-detail-type-imax,
.movie-technology-icons a span.movie-detail-type-imax2d,
.movie-technology-icons a span.movie-detail-type-imax3d{
    background-position: -501px 0;
}
.movie-technology-icons a span.movie-detail-type-atmos,
.movie-technology-icons a span.movie-detail-type-atmos-3d,
.movie-technology-icons a span.movie-detail-type-atmos-2d {
    background-position: 668px 0;
}
.movie-technology-icons a span.movie-detail-type-4dx,
.movie-technology-icons a span.movie-detail-type-4dx3d {
    background-position: -363px 0;
}
.movie-technology-icons a span.movie-detail-type-4dx2d {
    background-position: -363px 0;
}
.movie-technology-icons a span.movie-detail-type-3d {
    background-position: 875px 0;
}
.movie-technology-icons a span.movie-detail-type-starium {
    background-position: -641px 0;
}
.movie-technology-icons a span.movie-detail-type-screenx,
.movie-technology-icons a span.movie-detail-type-screenx-3d,
.movie-technology-icons a span.movie-detail-type-screenx-2d {
    background-position: -1005px -1px;
}
.movie-rating-detail{
    float:left;
    font-size: 0px;
    display: block;
    height: 45px;
    width: 68px;
}
span.movie-rating-detail.p{
    background-position: -711px 0px;
}
span.movie-rating-detail.c13{
    background-position: -785px 0px;
}
span.movie-rating-detail.c16{
    background-position: -858px 0px;
}
span.movie-rating-detail.c18{
    background-position: -931px 0px;
}
.movie-detail-fb-booking{
    /*float:left; below image film detail*/
    margin-bottom:10px;
}
.movie-detail-fb-booking .add-to-cart-wrapper{
    float:left !important;
}
.movie-detail-fb-booking .add-to-cart-wrapper {
    width:100%;
}

/* ================================== NEW & OFFER ================================ */
.home-title h2.title-new-offer-vn {
    background: url("../images/bg-cgv/bg-new-offer-vn.png") no-repeat scroll top center #FDFCF0;
    background-size:410px 46px;
    display: inline-block;
    width: 410px;
}
.home-title h2.title-new-offer-en {
    background: url("../images/bg-cgv/bg-new-offer-en.png") no-repeat scroll top center #FDFCF0;
    background-size:410px 46px;
    display: inline-block;
    width: 410px;
}
.menu-categories-blog {
    float: left;
    width: 100%;
    padding: 0px 5px 30px 0px;
    text-align:center;
}
.menu-categories-blog-left {
    background: url("../images/ribon_left_menu.gif") no-repeat scroll left 0 #e71a0f;
    display: inline-block;
    padding: 10px 0 10px 30px;
}
.menu-categories-blog-left a {
    border-right: 1px solid;
    color: #fff;
    display: block;
    padding-right: 15px;
}
.menu-categories-blog-right {
    background: url("../images/ribon_right.gif") no-repeat scroll right 0 #e71a0f;
    display: inline-block;
    left: -5px;
    padding: 10px 30px 10px 15px;
    position: relative;
    top: 14px;
}
.menu-categories-blog-right .nav-blog-cat-list {
    float: left;
}
.menu-categories-blog-right .nav-blog-cat-list > li {
    float: left;
    text-align: left;
    width: 100%:;
}
.menu-categories-blog-right .nav-blog-cat-list > li > span {
    cursor: pointer;
}
.menu-categories-blog-right .nav-blog-cat-list li span {
    color: #fff;
}
.menu-categories-blog-right .nav-blog-cat-list > li ul.level0 {
    display: none;
}
.menu-categories-blog-right .nav-blog-cat-list > li ul.level0 {
    cursor: pointer;
    display: none;
    left: -20px;
    padding: 20px;
    position: absolute;
    top: 21px;
    width: 260px;
}
.menu-categories-blog-right .nav-blog-cat-list > li ul.level0 li {
    background: none repeat scroll 0 0 #fdfcf0;
    float: left;
    padding: 5px 20px 5px 10px;
    width: 260px;
}
.cate-new-offer {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 0;
    background:transparent;
    padding-top: 40px;
}
.cate-new-offer.products-grid--max-4-col > li {
    margin-right: 25px;
    width: 23%;
}
.product-poster {
    float: left;
    width: 100%;
    cursor: pointer;
}
.content-new-offer {
    float: left;
    width: 100%;
}
.colum-left-new-offer {
    float: left;
    width: 100%;
}

/*.cate-new-offer li .product-poster .fun-new-offer .content-new-offer .poster-small-new-offer img{
    height: 225px;
    width: 225px;
}*/
.poster-small-new-offer {
  width: 225px;
  height: 225px;
}
.crop-square {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.crop-square img {
  max-width: 100%;
  min-height: 100%;
  margin: auto;
}
.cate-new-offer.products-grid--max-4-col > li:nth-child(4n) {
    margin-right:0px;
}
.colum-right-new-offer {
    float: left;
    width: 100%;
}
.colum-right-new-offer h2.product-name{
    color: #0e1d2f;
    font-size: 15px;
}
 
.format-new-offer {
    width: 100%;
    margin-top: 5px;
}
.format-new-offer h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 5px;
    text-transform: none;
}
.aw-blog-read-more {
    display: none;
}
.postWrapper {
    float: left;
    width: 100%;
    padding-left: 15px;
}
.postTitle {
    float: left;
    width: 100%;
    border-bottom:none;
}
.postTitle h2 {
    float: left;
    width: 100%;
    color: #ff5400;
    text-transform: uppercase;
}
.detail-content-new-offer {
    float: left;
    width: 100%;
}
.col-left-detail-content-new-offer, .col-right-detail-content-new-offer {
    float: left;
    width: 37%;
    margin-top: 20px;
}

.col-right-detail-content-new-offer {
    float: right;
    width: 60%;
    text-transform: none;
}

/* ============================================= checkout-onepage-success ==================================== */
.checkout-onepage-success .page-title {
    margin-top: 0px !important;
    background: #000;
}
.checkout-onepage-success .page-title h1 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0px;
}
.checkout-onepage-success .page-title h2 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0px;
}
 .page-title .col-main {
    
 }
 
 /* ========================================= SEAT MAP ============================================= */
 .seatmap{
    float:left;
    width:100%;
    border: 2px solid #d4d3c9;
    background-color: #F2F0E4;
}
.seatmap .page-title{
    height: 33px;
    line-height: 33px;
    text-align: center;
    background-color: #333333;
    margin-top:0px;
}
.seatmap .page-title span{
    color: #f2f0e5;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.seatmap-top{
    float:left;
    width:100%;
    padding:10px 0px;
    border-bottom: 2px solid #d4d3c9;
    height:68px;
    background:#fff1ce;
}
.seatmap-top div.tickets {
    width:49.5%;
    float:left;
    border-right: 2px solid #d4d3c9;
    text-align:left;
    padding-left:30px;
    height:42px;
}
.seatmap-top div.tickets  label{
    font-size:12px;
}
.seatmap-top div.session {
    width:65%;
    float:left;
    text-align:left;
    padding-left:20px;
    border-right:2px dotted #58595b;
}
.seatmap-top div.session > div{
    margin-bottom:5px;
}
.seatmap-top div.combo{
    float:left;
    width:34%;
    padding-left:20px;
    text-align:left;
}
.seatmap-top div.combo .combo-item{
    float:left;
    width:100%;
    margin-bottom:5px;
    position:relative;
}
.seatmap-top div.combo .combo-item > label{
    float:left;
    width:48%;
    font-size:11px;
}
.seatmap-top div.combo .combo-item span.icon-info-combo{
    display:block;
    width:15px;
    height:15px;
    font-size:0px;
    background: url("../images/bg-cgv/icon-info-combo.png") no-repeat center center;
    float:left;
    margin-top:3px;
    cursor:pointer;
}   
.seatmap-top div.combo .combo-item span.icon-info-combo:hover .combo-discription{
    display:block;
}   
.seatmap-top div.combo .combo-item ul{
    float:left;
    margin-left:3%;
}
.seatmap-top div.combo .combo-item ul li{
    float:left;
    margin-right:5px;
    cursor:pointer;
}
.seatmap-top div.combo .combo-item ul li span{
    display: block;
    border: 1px solid #9d9e9d;
    border-radius: 53x;
    font-size: 12px;    
    width:20px;
    height:20px;
    text-align:center;
    line-height:16px;
    background:#bcbdc0;
    color:#fff;
    
}   
.combo-discription{
    position:absolute;
    width:260px;
    height:122px;
    background: url("../images/bg-cgv/bg-popup-info-combo.png") no-repeat top left transparent;
    padding-left:114px;
    padding-top:20px;
    left: -80px;
    top: 18px;  
    display:none;
}
.combo-discription table{
    color:#fff;
    font-size:10px;
}
.seatmap-show{
    float:left;
    width:100%;
    padding:0px 2%;
}
.seatmap-mid{
    float:left;
    width:85%;
}
.screen {
    width: 100%;
    height: 45px;
    margin: 20px auto 40px;
    text-align: center;
    background: url("../images/bg-cgv/bg-screen.png") no-repeat top center transparent;
    background-size:100% auto;
}
.text-screen {
    /* width: 57px;
    height: 25px;
    display: inline-block;
    background: url("../images/bg-cgv/cgv-screen-text.png") no-repeat center center;
    font-size:0px;
    line-height:45px; */
    display:none;
}
.seatmap {
    text-align: center;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}
.row {
    margin: 2px;
}
.col {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 8px;
    line-height: 18px;
}
.col.economy {
    border : 1px solid #ed8c00;
}
.col.standard {
    border : 1px solid #01c73c;
}
.col.prime,.col.VIP {
    border : 1px solid #f71708;
}
.col.z4dx {
    background: #B55642;
    border : 1px solid #B55642;
    color: #fff;
}
.col.sweetbox {
    background: #FF62B0;
    border : 1px solid #FF62B0;
    color: #fff;
}
.col.gold {
    background: #C0C081;
    border : 1px solid #C0C081;
    color: #fff;
}
.col.bed {
    background: #D297D2;
    border : 1px solid #D297D2;
    color: #fff;
}
.col.premium {
    background: #840042;
    border : 1px solid #840042;
    color: #fff;
}
.col.active {
    cursor: pointer;                
}
.col.disable {
    background: #bbb;
    border: 2px solid #bbb;
    color: #fff;
}
.col.selected {
    background: #b11500;
    border: 1px solid #b11500;
    color: #fff;
}
.empty {
    text-indent: -99999px;
    border: none;
}
.col.notavail {
    border: 2px solid #bbb;
    color: #fff;
    background: url("../images/bg-cgv/bg-seat-icons-new.png") no-repeat center center;
    background-color: #bbb;
    background-position: -25px 0;
}
#loading-mask {
    background: transparent url("../../enterprise/images/blank.gif") repeat scroll 0% 0%;
    position: fixed;
    color: #D85909;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    opacity: 0.8;
    z-index: 500;
    width: 100%;
    height: 100%;
    display: none;
}
#loading-mask .loader {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 200px;
    margin-left: -105px;
    padding: 15px 30px;
    background: #FFF none repeat scroll 0% 0%;
    border: 2px solid #FFF;
    color: #D85909;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
}
#loading-mask img{
    display: inline;
}
.seatmap-legend{
    float:right;
    width:13%
}
.create-account-from ul.form-list select.genre_select{
    width:200px;
}
/*FAQ */
.title-faq {
    display: inline-block;
    width: 100%;
}
.title-faq h2 {
    color: #e71a0f;
    float: left;
    font-size: 24px;
    margin-bottom:15px;
}
.accordion {
    display: inline-block;
    width: 100%;
}
.accordion .ui-state-default, .accordion .ui-widget-content .ui-state-default, .accordion .ui-widget-header .ui-state-default {
    background: #ccc;
    color: #666;
    font-weight: bold;
    position: relative;
    text-transform: none;
    font-size: 14px;
    padding: 7px 7px 7px 30px;
    cursor: pointer;
}
.accordion .ui-state-active, .accordion .ui-widget-content .ui-state-active, .accordion .ui-widget-header .ui-state-active {
    background: #f59331;
    color: #fff;
    font-weight: bold;
    text-transform: none;
    font-size: 14px;
    padding: 7px 0px 7px 30px;
    margin-bottom: 0px;
    box-shadow: 1px 0px 2px #f59331;
}
#cgv-vip .ui-icon {
    display:none;
}
.cms-faq .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 16px;
}
.cms-faq .ui-state-default .ui-icon {
    background-image: url(../images/faq-arow.PNG);
}
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-icon {
    height: 16px;
    width: 16px;
}
.ui-icon-triangle-1-e {
    background-position: 7px 3px;
}
.ui-icon-triangle-1-s {
    background-position: -8px 3px;
}
.blog-post-view .postWrapper{
    padding-right:15px;
}
.catalogsearch-result-index .products-grid{
    width: 100%;
    padding: 0 1.5%;
}
.col3-layout .col-wrapper{
    width:100%;
}
.block-layered-nav dl ol,.block-layered-nav dl ol li{
    float:none;
}
.block-layered-nav dl ol li a{
    color:#e71a0f
}
/*responsive*/
@media only screen and (max-width: 769px){
    .cinox-site-view .col-main,.cinox-site-list .col-main, .cinox-reserve-list .col-main,.cinox-reserve-view .col-main{
        float:left !important;
    }
    .cinox-site-view .wrapper,.cinox-site-list .wrapper, .cinox-reserve-list .wrapper,.cinox-reserve-view  .wrapper{
        float:left;
        width:100%;
    }
    .cinox-site-view .col1-layout .main,.cinox-site-list .col1-layout .main, .cinox-reserve-list .col1-layout .main, .cinox-reserve-view  .col1-layout .main{
        width:100% !important;
    }
    .cinox-site-view .theater-container, .cinox-site-list  .theater-container,.cinox-reserve-list .theater-container,.cinox-reserve-view  .theater-container{
        width:100% !important;
    }
    .cinox-site-view .theatre-wrap .film-poster img,.cinox-site-list  .theatre-wrap .film-poster img,.cinox-reserve-list  .theater-container .film-poster img,.cinox-reserve-view  .theater-container .film-poster img{
        width:100% !important;
    }
    /*contact page */
    .show-address-contact-cgv,.content-form-contact-cgv{
        width:100%;
    }
    .show-address-contact-cgv{
        padding:0 2%
    }
    .content-form-contact-cgv{
        margin:3% 0
    }
    .content-form-contact-cgv  .legend{
        position:relative;
    }
    .content-form-contact-cgv .fieldset p.required{
        float:left
    }
    .content-form-contact-cgv #contactForm{
        padding:0 2%;
    }
    .content-form-contact-cgv  #contactForm h2{
        display:block;
        left:0;
        width:100%;
        border-bottom:0;
    }
    .contacts-index-index .buttons-set{
        margin-left:0;
        max-width:365px;
    }
    /* policy page */
    .cms-page-title{
        padding-bottom: 20px;
    }
    .col2-set .col-2.col-right-about-us{
        padding-left:10px;
    }
    
}
@media only screen  and (min-width: 320px) and (max-width: 480px){
    .col-left-first{
        float:left;
        width:100%;
    }
    .block-account{
        float:left;
        width:100%;
    }
    .block-account ul li{
        width:100%;
    }
    .block-account ul li a{
        color:#0e1d2f
    }
    .customer-account .wrapper{
        padding:0 15px;
    }
    .dashboard .page-title{
        float:left;
    }
    .block-account .block-content{
        float:left;
        width:100%;
    }
    .block-account .block-content ul{
        width:100%;
    }
    .block-content li{
        border-bottom:1px solid #ccc;
        padding:5px 0;
    }
    .block-content li:last-child{
        border-bottom:none;
    }
    .icon-acc-add {
        border: 1px solid #222;
        border-radius: 26px;
        width: 20px;
        height: 20px;
        display: inherit;
        text-align: center;
        float: left;
    }
    .cgv-point{
        display: inline-block;
        margin-left: 15px;
        margin-bottom: 20px;
        border-right: 1px solid #000;
        padding-right: 15px;
    }
    .box-account .cgv-50,.box-account .cgv-45{
        margin-bottom:20px;
    }
    .box-account .cgv-45{
        padding-left:0;
    }
    .dashboard .box-account{
        margin-top:15px;
        border: 1px solid #000;
        border-radius: 10px;
        padding-bottom:0;
    }
    .dashboard .box-account:last-child{
        border:none;
    }
    .acc-show-point{
        padding-left:5px;
    }
    .dashboard .box-account  .col2-set .box:nth-child(3) .cgv-45{
        width:50%;
        padding-right:5%;
    }
}
@media only screen and (max-width: 480px){
    /* schedule page */
    .cinemas-area ul li,.cinemas-list ul li{
        padding-right:2%;
    }
    .right-info-theater .contact-us a, .right-info-theater .location a{
        font-size:10px;
        padding:5px;
    }
    /*register page */
    .create-account-from .fieldset{
        width:100%;
    }
    .right-info-theater .theater-right-content{
        overflow:none;
    }
    .create-account-from ul.form-list .name-firstname .input-box, .create-account-from ul.form-list .name-lastname .input-box{
        width:100%;
    }
    .create-account-from .form-list select{
        width:100%;
        height:30px;
    }
    .create-account-from  input{
        width:100%;
    }
    .create-account-from  button[type=submit]{
        width:100%;
        border-radius:0px;
    }
    .create-account-from  button[type=submit] > span{
        border:none;
    }   
    .create-account-from  input[type=radio]{
        width:5%;
    }
    .create-account-from .form-list .customer-dob .dob-month,.create-account-from .form-list .customer-dob .dob-day,.create-account-from .form-list .customer-dob .dob-year{
        width:30.5%
    }
    .create-account-from .form-list > li{
        width:100%;
    }
    .create-account-from .input-box-is_agree input{
        width:5%;
    }
    .create-account-from ul.form-list .name-firstname .input-box input, .create-account-from ul.form-list .name-lastname .input-box input{
        width:100%;
    }
    .create-account-from ul.form-list select.genre_select{
        width:49% !important;
    }
    .create-account-from .customer-user-attributes{
        width:100%;
    }
    .create-account-from  .fieldset .form-list{
        width:100%;
    }
    .create-account-from .customer-user-attributes .form-list{
        width:100%;
    }
    .create-account-from  .captcha-image{
        width:100%;
    }
    .create-account-from .buttons-set{
        width:100% !important;
        max-width:100% !important;
        margin-left:0px !important
    }
    .account-wrap{
        padding:0px 10px;
    }
    .customer-account-login .col2-set .col-1{
        padding-right:0px;
    }
    .login-button-submit button{
        height:auto;
    }
    /*payment*/
    .film-info-ticket{
        height:auto;
    }
    .ticket-process-left{
        position:absolute;
        bottom:11px;
    }
    .film-session{
        width:249px;
    }
    .data-table td{
        padding:1%;
    }
    /* about page*/
    
    .about-image-metiz li{
        border: 1px solid;
        margin: 10px 4px;
        border-radius: 3px;
    }
    .cms-page-view .std.content-cms-about-us{
        padding:0;
    }
}
@media only screen and (max-width: 640px) and (min-width:481px){
    
    /* schedule page */
    .cinemas-area ul li,.cinemas-list ul li{
        padding-right:2%;
    }
    /*register page */
    .create-account-from .fieldset{
        width:100%;
    }
    .create-account-from ul.form-list .name-firstname .input-box, .create-account-from ul.form-list .name-lastname .input-box{
        width:100%;
    }
    .create-account-from .form-list select{
        width:100%;
        height:30px;
    }
    .create-account-from  input{
        width:100%;
    }
    .create-account-from  button[type=submit]{
        width:auto;
    }
    .create-account-from  input[type=radio]{
        width:5%;
    }
    .create-account-from .form-list .customer-dob .dob-month,.create-account-from .form-list .customer-dob .dob-day,.create-account-from .form-list .customer-dob .dob-year{
        width:30.5%
    }
    .create-account-from .form-list > li{
        width:100%;
    }
    .create-account-from .input-box-is_agree input{
        width:5%;
    }
    .create-account-from ul.form-list .name-firstname .input-box input, .create-account-from ul.form-list .name-lastname .input-box input{
        width:100%;
    }
    .create-account-from ul.form-list select.genre_select{
        width:49% !important;
    }
    .create-account-from .customer-user-attributes{
        width:100%;
    }
    .create-account-from  .fieldset .form-list{
        width:100%;
    }
    .create-account-from .customer-user-attributes .form-list{
        width:100%;
    }
    .create-account-from  .captcha-image{
        width:100%;
    }
    .create-account-from .buttons-set{
        max-width:70% !important;
    }
    
    /*payment*/
    .film-info-ticket{
        height:auto;
    }
    .ticket-process-left{
        position:absolute;
        bottom:11px;
    }
    .film-session{
        width:249px;
    }
    
    /* about page*/
    
    .about-image-metiz li{
        border: 1px solid;
        margin: 10px 4px;
        border-radius: 3px;
    }
    .cms-page-view .std.content-cms-about-us{
        padding:0;
    }
}
 
@media only screen and (max-width: 979px) and (min-width:641px){
    /*register page */
    .customer-account-create .page-header-container{
        width:100%;
    }
    .customer-account-create .main{
        width:97%;
    }
    .customer-account-create .sect-smuse ul{
        width:100%;
    }
    .customer-account-create .sect-smuse ul a{
        
    }
    .customer-account-create .mtw_banner_top_content{
        width:100%;
    }
    .customer-account-create .header-container{
        width:100%;
    }
    .create-account-from .fieldset{
        width:49%;
    }
    .create-account-from .fieldset:first-child{
        margin-right:2% !important;
    }
    .create-account-from .fieldset.cgv-media{
        margin-right:2% !important;
    }
    .create-account-from ul.form-list .name-firstname .input-box, .create-account-from ul.form-list .name-lastname .input-box{
        width:100%;
    }
    .create-account-from .form-list select{
        width:100%;
        height:30px;
    }
    .create-account-from  input{
        width:100%;
    }
    .create-account-from  button[type=submit]{
        width:auto;
    }
    .create-account-from  input[type=radio]{
        width:5%;
    }
    .create-account-from .form-list .customer-dob .dob-month,.create-account-from .form-list .customer-dob .dob-day,.create-account-from .form-list .customer-dob .dob-year{
        width:30.5%
    }
    .create-account-from .form-list > li{
        width:100%;
    }
    .create-account-from .input-box-is_agree input{
        width:5%;
    }
    .create-account-from ul.form-list .name-firstname .input-box input, .create-account-from ul.form-list .name-lastname .input-box input{
        width:100%;
    }
    .create-account-from ul.form-list select.genre_select{
        width:49% !important;
    }
    .create-account-from .customer-user-attributes{
        width:100%;
    }
    .create-account-from  .fieldset .form-list{
        width:100%;
    }
    .create-account-from .customer-user-attributes .form-list{
        width:100%;
    }
    .create-account-from  .captcha-image{
        width:100%;
    }
    .create-account-from .buttons-set{
        max-width:70% !important;
    }
    
    /* about page*/
    
    .about-image-metiz li{
        border: 1px solid;
        margin: 10px 4px;
        border-radius: 3px;
    }
    .cms-page-view .std.content-cms-about-us{
        padding:0;
    }
    /*payment*/
    
}
/* ======================================  CMS PAGE ABOUT =========================================== */
.cms-page-view .std{
    padding: 0;
    text-align:justify;
}
/* ======================================  CMS PAGE HR =========================================== */
.hr-carrer{
    width:100%;
    overflow:hidden;
}
.head-hr-carrer{
    width: 100%;
    height: 300px;
    background: url("../images/bg-cgv/cgv-hr-top-1.png") no-repeat top center transparent;
    background-size: 80% 300px;
}
.title-hr-carrer{
    width: 980px;
    margin: 0 auto;
    text-align: center;
    background: url("../images/bg-cgv/title-cgv-hr-2017.png") no-repeat center center transparent;
    position: relative;
    top: 229px;
    height: 146px;
}
.title-hr-carrer p{
    font-size:0px;
    display:none;
}
.content-hr-carrer{
    width:100%;
    margin:50px 0px 100px;
    overflow:hidden;
}
.content-hr{
    width:980px;
    margin:10px auto;
}
.content-hr h2{
    width:100%;
    font-weight:bold;
    text-decoration: underline;
    font-size:14px;
    color:#2323223;
}
.content-hr p{
    font-size:14px;
    color:#2323223;
}
.content-hr ul{
    float:left;
    width:100%;
    margin-top:10px;
}
.content-hr ul li{
    float:left;
    width:96%;
    margin-left:2%;
    list-style:disc;
}
.footer-hr-carrer{
    width:100%;
    height:110px;
    margin:0px auto;
    background: url("../images/bg-cgv/bg-footer-cgv-hr.PNG") repeat-x bottom left transparent;
}
.content-footer-hr-carrer{
    width: 980px;
    margin: 0px auto;
    background: url("../images/bg-cgv/icon-hr-requirment.png") no-repeat bottom left transparent;
    height: 270px;
    padding-left: 160px;
    position: relative;
    z-index: 2000;
    top: -160px;
    background-size: 218px auto;
    overflow:hidden;
}
.text-hr-carrer{
    float: right;
    width: 96%;
    margin-top: 176px;
}
.text-hr-carrer p{
    float:left;
    width:100%;
    color:#fff !important;
    font-size:18px;
    font-style:italic;
    margin:0px !important;
    
}
.text-hr-carrer p a,.text-hr-carrer p span {
    font-size:18px;
    color:#ffcc00;
    font-weight:bold;
}

/* ========================================== TICKET PRICE ====================================== */
.goldlass-price{
    float:left;
    width:100%;
    margin-top:20px;
}
.goldlass-price-en{
    float:left;
    width:100%;
    margin-top:20px;
}
.goldlass-price h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:100px;
    background: transparent url("../images/price-card-gold-class-vn.png") no-repeat scroll left center / 940px 88px;
}
.goldlass-price-en h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:100px;
    background: transparent url("../images/price-card-gold-class-en.png") no-repeat scroll left center / 940px 88px;
}
.goldlass-price h3.price-goldlass-vxk-vn{
    background: transparent url("../images/goldclass-vxk-vn.PNG") no-repeat scroll left center / 940px 114px;
    height:120px;
}
.goldlass-price-en h3.price-goldlass-vxk-en{
    background: transparent url("../images/goldclass-vxk-en.PNG") no-repeat scroll left center / 940px 103px;
    height:120px;
}
.lamour-price{
    float:left;
    width:100%;
    margin-top:20px;
}
.lamour-price h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:114px;
    background: transparent url("../images/price-card-lamour-vn.png") no-repeat scroll left center / 940px 88px;
}
.lamour-price-en{
    float:left;
    width:100%;
    margin-top:20px;
}
.lamour-price-en h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:114px;
    background: transparent url("../images/price-card-lamour-en.png") no-repeat scroll left center / 940px 88px;
}
.box-screen-x .top-table .image-2-starium  {
    left: 372px;
    position: absolute;
    top: 66px;
}
.image-2-starium  {
    left: 372px;
    position: absolute;
    top: 66px;
}
.starium-price{
    float:left;
    width:100%;
    margin-top:20px;
}
.starium-price-en{
    float:left;
    width:100%;
    margin-top:20px;
}
.starium-price h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:100px;
    background: transparent url("../images/bg-cgv/starium-vn.png") no-repeat scroll left center / 940px 88px;
}
.starium-price-en h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:100px;
    background: transparent url("../images/bg-cgv/starium-en.png") no-repeat scroll left center / 940px 88px;
}

.premium-price{
    float:left;
    width:100%;
    margin-top:20px;
}
.premium-price-en{
    float:left;
    width:100%;
    margin-top:20px;
}
.premium-price h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:100px;
    background: transparent url("../images/bg-cgv/premium-price-vn.png") no-repeat scroll left center / 940px 123px;
}
.premium-price-en h3{
    float:left;
    width:100%;
    position:relative;
    text-indent:-999px;
    height:100px;
    background: transparent url("../images/bg-cgv/premium-price-en.png") no-repeat scroll left center / 940px 123px;
}

/* --------------- starium --------------- */
/* --------- 20/06/2016 --------- */

.starium-special{
    float:left;
    width:100%;
    margin-top:30px;
}
.tetx-starium{
    float:left;
    width:100%;
    text-align:center;
    margin:15px 0px;
}
.tetx-starium h4{
    font-size:20px;
    color:#3c3c3c;
    font-weight:normal;
}

/* ===================================== CGV ARTHOUSE ================================= */
.category-description {
    float: left;
    width: 100%;
}
.sect_art_hd_trailer {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.sect_art_hd_trailer .player_area {
    position: relative;
}
.sub-category {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.category-title > * {
    display: inline-block;
    color: #636363;
}
.sub-category ul li {
    display: inline-block;
    margin-left: 24px;
}
.sub-category a {
    color: #666;
    padding-left: 15px;
    font-size: 20px;
    white-space: nowrap;
    text-transform: uppercase;
}
.category-arthouse .category-title .sub-category ul li.active a {
    background: url("../images/ico_arrow07.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #e40000;
}
.about-cgv-art-house > div {
    float: left;
    width: 100%;
}
.tittle-art-house h3 {
    font-size: 22px;
}
.about-cgv-art-house > div {
    float: left;
    width: 100%;
}
.content-art-house-left {
    float: left;
    margin-right: 15px;
    margin-top: 24px;
}
.content-art-house-right {
    float: right;
    width: 66%;
}
.about-cgv-art-house > div p {
    margin-top: 10px;
}
.about-cgv-art-house > div {
    float: left;
    width: 100%;
}
.location-hcm {
    float: left;
    width: 48%;
}
.location-hn {
    float: right;
    width: 48%;
}
.about-cgv-art-house > div {
    float: left;
    width: 100%;
}
.catalog-category-view .category-title h1{
    text-transform:capitalize;
}

/* ====================================== CGV MEMBERSHIP ===================================== */
.cms-diem-thuong {
    float: left;
    width: 100%;
}
.title-cgv-member-bg {
    background: url("../images/member-star.PNG") no-repeat scroll center bottom / 320px auto transparent;
    float: left;
    height: 65px;
    margin-bottom: 30px;
    padding-bottom: 100px;
    text-align: center;
    width: 100%;
}
.title-cgv-member-bg h1 {
    background: url("../images/member-title.png") no-repeat scroll center center / 465px auto transparent;
    color: #ff0000;
    font-size: 0;
    height: 65px;
    margin: 0;
}
.cms-content-diem-thuong {
    float: left;
    width: 100%;
}
.col-left-content-member {
    float: left;
    width: 40%;
}
.col-right-content-member {
    float: right;
    width: 59%;
}
.cgv-membership {
    float: left;
    width: 100%;
}
.cgv-membership > ul.ui-tabs-nav {
    float: left;
    width: 100%;
    text-align: center;
}
.cgv-membership > ul.ui-tabs-nav li {
    display: inline-table;
    height: 60px;
    padding: 5px 0px;
    width: 32%;
    background: #d7d2c3;
    margin: 0 -3px 2px 0;
    border: 1px solid #c6c6c6;
    text-align: center;
    cursor: pointer;
    float:none;
}
.cgv-membership > ul.ui-tabs-nav li.ui-tabs-active a {
    color: #fff !important;
    font-weight: bold;
}
.cgv-membership > ul.ui-tabs-nav li.ui-tabs-active {
    background: none repeat scroll 0 0 #f59331;
}
.cgv-membership > ul.ui-tabs-nav li a {
    color: #6a4400 !important;
    font-weight: bold;
}
.cgv-membership > ul.ui-tabs-nav li.membership-manager-account {
    width: 36%;
}
.cgv-membership > div {
    background: url("../images/bg-user-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 10px 20px 0 0px;
    padding-top: 52px;
    width: 567px;
    float: left;
}
.cgv-membership > div .outer {
    background: url("../images/bg-user-bot.png") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
    padding-bottom: 23px;
    display: inline-block;
}
.cgv-membership > div .outer .inner {
    background: url("../images/bg-user-cen.jpg") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0 15px;
}
.cgv-membership > div .outer .inner .lyt-heading {
    color: #53442d;
    font-size: 20px;
    font-weight: bold;
    margin-top: -30px;
    padding: 0 0 15px 15px;
}
.cgv-membership > div .outer .inner .lyt-details-content {
    background: url("../images/bg-user-content.jpg") repeat-x scroll 0 100% #fff;
    padding: 20px;
    display: inline-block;
}
.lyt-details-content table {
    background: none repeat scroll 0 0 #ed8c00;
    border-spacing: 0;
    margin: 10px 0;
}
.lyt-details-content table td, .lyt-details-content table th {
    background: none repeat scroll 0 0 #eddcc3;
    border-left: 1px solid #dccab3;
    padding: 5px 4px;
}
.lyt-details-content table tr.odd td {
    background-color: #fff2df;
}
.ui-accordion-content {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 2px 0px 2px #ccc;
    padding: 20px;
    margin-bottom: 10px;
    text-align: justify;
}
.ui-accordion-content ul{
    float:none;
    clear:left;
}
.ui-accordion-content ul li{
    float:none;
    clear:left;
}

/* ========================== USE ONLY ONE ============================= */
.product-shin-chan-the-movie-2017-vn .product-shop .product-name span.h1{
    font-size:19px;
}

/* ===================================== CAREERS PAGE ===================================== */
.jobs-index-index .col-main {
    background: url("../images/bg-cgv/career-small-1.png") no-repeat scroll center top transparent;
    min-height: 200px;
    padding-top: 320px;
}
.career-recruitment-content h1 {
    width: 100%;
}
.career-recruitment-content p {
    width: 100%;
    margin: 0px 0px 0px 0px;
}
.career-recruitment-content ul li{
    list-style:disc;
    margin-left:35px;
}
.jobs-index-index .category-products ol#jobs-list{
    float:left;
    width:100%;
}
.jobs-index-index .category-products #jobs-list li {
    background: url("../images/bg-cgv/bg-career-info.PNG") no-repeat scroll right center #ededed;
    height: 72px;
    border-bottom: none;
    width:100%;
}
.products-list a.jobs-shop{
    display:block;
    width:100%;
    height:72px;
    cursor:pointer;
     padding: 10px 0 10px 30px;
}
.products-list a.jobs-shop span{
    display:block;
    width:100%;
    color: #636363;
}
.products-list a.jobs-shop span.desc p{
    margin: 10px 0 5px;
} 
.products-list a.jobs-shop span.product-name{
    font-weight:bold;
    
}
.jobs-index-index .toolbar{
    display:none;
}
.jobs-index-index .category-title{
    margin-top:0px;
}
.jobs-index-index .category-title h1{
    font-size:38px;
    font-weight:normal;
}
.career-recruitment {
    width: 100%;
    text-align: center;
    background: none repeat scroll 0 0 #f2f0e4;
    border: 2px solid #d4d3c9;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #d4d3c9;
    float: left;
    margin: 25px 0px;
    padding: 10px 15px;
}
.contact-team-recruitment h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}
.contact-team-recruitment h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
}
.jobs-index-view .page-title{
    margin-top:0px;
}

.jobs-index-view .page-title h1{
    width: 100%;
    text-align: center;
    color: #e71a0f;
    font-size: 22px;
    margin-bottom: 5px;
}
.jobs-index-view .page-title ul.links{
    display:none;
}
.jobs-description{
    line-height:18px;
}
.jobs-description p{
    margin:0px;
    line-height:22px;
}












/* ==================================== CGV online ========================================== */
/* -------------- 21/07/2017 ------------------ */
.cgv-online{
    width:100%;
    height:460px;
}
.conten-cgv-online{
    margin:0 auto;
    width:980px;
    height:460px;
}
.cgv-online-app-vn,.cgv-online-app-en {
    background:#f04d3f;
}
.cgv-online-photo-vn,.cgv-online-photo-en {
    background:#fecd4e;
}
.cgv-online-kiosk-vn,.cgv-online-kiosk-en {
    background:#a4cf5c;
}
.cgv-online-payment-vn,.cgv-online-payment-en {
    background:#72adde;
}
.cgv-online-app-vn .conten-cgv-online{
      background: url("../images/vn-microsite-app.png") no-repeat scroll center top transparent;
      position:relative
}
.cgv-online-app-en .conten-cgv-online{
      background: url("../images/en-microsite-app.png") no-repeat scroll center top transparent;
      position:relative
}
.cgv-online-payment-vn .conten-cgv-online{
    background: url("../images/vn-payment.png") no-repeat scroll center top transparent;
}
.cgv-online-payment-en .conten-cgv-online{
    background: url("../images/en-payment.png") no-repeat scroll center top transparent;
}
.app-link-top{
    position:absolute;
    top:300px;
    left:0px;
    display:inline;
    width:400px;
}
.app-link-top ul{
    float:left;
    width:100%;
}
.app-link-top ul li{
    float:left;
    width:40%;
}
.app-link-bottom{
    position:absolute;
    bottom:100px;
    left:830px;
    display:inline;
    width:400px;
}
.app-link-bottom ul{
    float:left;
    width:100%;
}
.app-link-bottom ul li{
    float:left;
    width:40%;
}
.cgv-payment-online{
    position:relative;
    
}
.cgv-payment-online ul li{
    position:absolute;
}
.cgv-payment-credit {
    top: 172px;
    left: 327px;    
}
.cgv-payment-membership {
    top: 268px;
    left: 440px;
}
.cgv-payment-giftcard {
    top: 268px;
    right: 146px;
    z-index: 40;
}
.cgv-payment-voucher {
    top: 170px;
    right: 32px;
    z-index: 20;
}

.cms-page-title{
    width:100%;
    text-align:center;
}
.cms-page-title span{
    font-size: 36px;
}


.cms-tap{
    float:left;
    width:100%;
    color: #636363;
    font-size: 14px;
    margin-top:10px;
}
.cms-tap h3{
    color: #636363;
    font-size: 14px;
    text-transform: normal !important;
    font-weight:bold;
    margin-bottom:5px;
}
.cms-tap h4{
    margin-left:20px;
    color: #636363;
    font-size: 14px;
    font-weight:normal;
    margin-bottom:5px;
}
.cms-tap p{
    line-height:22px !important;
    margin-top:0px;
}

.cms-tap h4 ul{
    margin-left:20px;
}

.cms-tap h5{
    margin-left:20px;
    color: #636363;
    font-size: 14px;
    font-weight:normal;
}

.conpany-address-cms-tap{
    text-align: center;
    background: none repeat scroll 0 0 #f2f0e4;
    border: 2px solid #d4d3c9;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #d4d3c9;
    float: left;
    padding: 10px 15px;
    margin:0px 0px 20px 20px;
    width:98%;
}

.conpany-address-cms-tap h2{
    font-size: 22px;
}

.conpany-address-cms-tap h3{
    font-size: 14px;
    font-weight:normal;
}

/* ======================================= GIFT CARD PAGE ====================================== */
.page-gift-card {
    width: 980pX;
    margin: 0 auto;
}
.banner-gift-card {
    float: left;
    width: 100%;
    text-align:center;
}
.banner-gift-card img {
   display:inline;
}
.about-gift-card {
    float: left;
    width: 100%;
}
.about-gift-card > div {
    float: left;
    width: 100%;
}
.title-gift-card h1 {
    color: #333 !important;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom:0px;
    font-weight:bold;
    font-family:Myriad Pro;
}
.content-about-gift-card{
    float: left;
    width: 100%;
}
.row-2-about-gift-card{
    float: left;
    width: 100%;
    margin-top:10px;
}
.row-2-about-gift-card h2{
    float: left;
    width: 44%;
    margin-right:2%;
}
.row-2-about-gift-card ul{
    float: left;
    width: 53%;
}
.row-2-about-gift-card ul li{
    float: left;
    width: 100%;
    list-style:disc;
}
.content-term-con-gift-card p,
.content-about-gift-card p,
.content-term-con-gift-term p
{
    margin:0px;
    line-height:20px;
}
.term-gift-card {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.term-gift-card h2 {
    color: #333 !important;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom:0px;
    font-weight:bold;
    font-family:Myriad Pro;
}
.content-term-con-gift-term{
    float:left;
    width:100%;
    position:relative;
}
.content-term-con-gift-term h2 {
    position: absolute;
    z-index:200;
    top:-95px;
    right:0px;
}
.content-term-con-gift-term ul{
    float:left;
    width:90%;
    padding-left:20px;
}
.content-term-con-gift-term ul li{
    float:left;
    width:100%;
    list-style:disc;
}

/* ===================================== Dream Party Package ======================================== */
.content-dream-party {
    width: 100%;
    height: auto;
    margin: 0px auto;
}
.content-dream-party h1 {
    margin: 0px;
}
.content-dream-party h1 img {
    max-width: 100%;
}


/*payment icon*/
#checkout-payment-method-load label span.p_method_momo {
    background: url(../images/payment/momo_ic.png) no-repeat scroll 50% 50% transparent;
    padding: 4px 19px;
    background-size: 100% 100%;
    margin-right: 7px;
}
#checkout-payment-method-load label span.p_method_onepay{
    background: url(../images/payment/atm_ic.png) no-repeat scroll 50% 50% transparent;
    padding: 4px 19px;
    background-size: 100% 100%;
    margin-right: 7px;
}
#checkout-payment-method-load label span.p_method_onepayquocte{
    background: url(../images/payment/creditcard_ic.png) no-repeat scroll 50% 50% transparent;
    padding: 12px 19px;
    background-size: 100% 100%;
    margin-right: 7px;
}