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


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


/*univers 57 condensed started*/

@font-face {
    font-family: 'UniversLTStdCn';
    src: url('../fonts/UniversLTStdCn.eot');
    src: url('../fonts/UniversLTStdCn.eot') format('embedded-opentype'),
         url('../fonts/UniversLTStdCn.woff2') format('woff2'),
         url('../fonts/UniversLTStdCn.woff') format('woff'),
         url('../fonts/UniversLTStdCn.ttf') format('truetype'),
         url('../fonts/UniversLTStdCn.svg#UniversLTStdCn') format('svg');
}


/*univers 59 ultra condensed started*/

@font-face {
    font-family: 'UniversLTStdUltraCn';
    src: url('../fonts/UniversLTStdUltraCn.eot');
    src: url('../fonts/UniversLTStdUltraCn.eot') format('embedded-opentype'),
         url('../fonts/UniversLTStdUltraCn.woff2') format('woff2'),
         url('../fonts/UniversLTStdUltraCn.woff') format('woff'),
         url('../fonts/UniversLTStdUltraCn.ttf') format('truetype'),
         url('../fonts/UniversLTStdUltraCn.svg#UniversLTStdUltraCn') format('svg');
}

/*univers 59 ultra condensed started*/


@font-face {
    font-family: 'UniversLTStd';
    src: url('../fonts/UniversLTStd.eot');
    src: url('../fonts/UniversLTStd.eot') format('embedded-opentype'),
         url('../fonts/UniversLTStd.woff2') format('woff2'),
         url('../fonts/UniversLTStd.woff') format('woff'),
         url('../fonts/UniversLTStd.ttf') format('truetype'),
         url('../fonts/UniversLTStd.svg#UniversLTStd') format('svg');
}


@font-face {
    font-family: 'UniversLTStdLightCn';
    src: url('../fonts/UniversLTStdLightCn.eot');
    src: url('../fonts/UniversLTStdLightCn.eot') format('embedded-opentype'),
         url('../fonts/UniversLTStdLightCn.woff2') format('woff2'),
         url('../fonts/UniversLTStdLightCn.woff') format('woff'),
         url('../fonts/UniversLTStdLightCn.ttf') format('truetype'),
         url('../fonts/UniversLTStdLightCn.svg#UniversLTStdLightCn') format('svg');
}



/* univers 67 condensedbold*/

@font-face {
    font-family: 'univers_67_condensedbold';
    src: url('../fonts/univers-condensedbold-webfont.woff2') format('woff2'),
         url('../fonts/univers-condensedbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html body{
    font-family: 'UniversLTStd';
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

a{ color: #fff;}

a:focus {
    outline: medium none;
    outline-offset: 0;
}

.bxslider{ padding: 0; margin: 0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;list-style: none;}

#catapultCookie{background-color: #ff4254; color: #fff; font-family: "univers_67_condensedbold"; text-transform: uppercase;  
    -moz-border-radius: 20px!Important; -webkit-border-radius: 20px!Important; border-radius: 20px!Important;    padding: 6px 15px!Important;}

.navbar-right-top-menu a:focus,
.top_menu_block a:focus{outline: none; outline-offset: 0;}

.top_menu_block{min-height: 60px; position: relative;}
.top_menu_block .timeline-bar{
    background: #ff4354; height: 3px; 
    position: fixed; z-index: 1035; top: 57px;
}
#green-theme .top_menu_block .timeline-bar{background-color: #74d890;}
#yellow-theme .top_menu_block .timeline-bar{background-color: #f8df10;}
#purple-theme .top_menu_block .timeline-bar{background-color: #6f81ff;}

.top_menu_block .navbar-default{
    background: #000; border: 0; min-height: 60px; border: 0; margin: 0; text-align: center;
}
.navbar{margin-bottom: 0; min-height: 60px;}
.navbar-toggle{
    background: url(../images/menu-icon.png) no-repeat 0 0;
    border: 0; border-radius: 0; height: 30px; padding: 0; width: 30px;
    margin: 15px 12px 15px 0; z-index: 9;
}
.top-nav-dropdown{display: inline-block;}
.top-nav-dropdown .btn-primary:hover,
.top-nav-dropdown .btn-primary{
    background: transparent;
    border: 0 none; border-radius: 0;
    font-family: "UniversLTStdCn"; font-size: 16px; font-weight: bold;
    margin: 18px 0 0;   padding: 0; text-transform: uppercase;
}
.top-nav-dropdown .btn-primary.active.focus,
.top-nav-dropdown .btn-primary.active:focus,
.top-nav-dropdown .btn-primary.active:hover,
.top-nav-dropdown .btn-primary.focus:active,
.top-nav-dropdown .btn-primary:active:focus,
.top-nav-dropdown .btn-primary:active:hover,
.top-nav-dropdown.open > .dropdown-toggle.btn-primary.focus,
.top-nav-dropdown.open > .dropdown-toggle.btn-primary:focus,
.top-nav-dropdown.open > .dropdown-toggle.btn-primary:hover,
.top-nav-dropdown .btn-primary.active,
.top-nav-dropdown .btn-primary:active,
.top-nav-dropdown.open > .dropdown-toggle.btn-primary{
    background: transparent; border: 0 none; outline: inherit;
}
.top-nav-dropdown .caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px dashed;
    margin: 8px 0 0 3px;
    vertical-align: top;
}

.top_menu_block .btn-primary.focus,
.top_menu_block .btn-primary:focus{
    background: transparent;
}

.quote-main-wrapper{font-family: "Gza-SeminegraItalic"; font-size: 16px;}
.quote-main-wrapper p::before{
    background: url("../images/svg/quote-top-arrow.svg") no-repeat scroll 0 0;
    content: ""; display: inline-block; height: 24px; width: 30px;
}
.quote-main-wrapper p::after{
    background: url("../images/svg/quote-bottom-arrow.svg") no-repeat scroll 0 0;
    content: ""; display: inline-block; height: 24px; width: 30px;
}

.right-pannel-block .quote-wrapper{
    position: relative; margin-bottom: 25px; padding: 0 25px;font-size: 16px;
}
.right-pannel-block .quote-top-arrow {
    position: absolute;
    top: -10px;
}
.right-pannel-block .quote-content {
    font-family: 'Gza-SeminegraItalic';
    margin-left: 30px; font-size: 16px;
}
.right-pannel-block .quote-bottom-arrow {
    bottom: -5px;  margin-left: 10px;  position: absolute;
}

.quote-wrapper{font-family: "Gza-SeminegraItalic"; font-size: 20px; line-height: 24px;}
.quote-wrapper p::before {
    background: url("../images/svg/quote-arrow-top-black.svg") no-repeat scroll 0 0;     margin-right: 9px;
    content: ""; display: inline-block;  height: 20px;  width: 10px; position: relative; top: 4px
}
.quote-wrapper p::after {
    background: url("../images/svg/quote-arrow-bottom-black.svg") no-repeat scroll 0 0;
    content: ""; display: inline-block; height: 18px; margin-left: 7px; width: 12px;  position: relative; top: 5px
}

.mask {height: 264px; width: 266px;}
.collection_sort_detail {
    font-family: Gza-Seminegra; font-size: 16px;
    line-height: 22px; padding-top: 20px; text-align: center;
}
.category_title {font-family: Gza-SeminegraItalic;}
.category_name {text-transform: uppercase;}
.collection-main-wrapper{margin-bottom: 35px;}

.collection_image_wrapper{
    height: 267px; margin: 0 auto; position: relative; text-align: center; width: 267px;
}
.collection_image_wrapper .view-icon-block{
    background: #ff4254; border-radius: 50px; height: 64px; left: 101px;
    line-height: 64px; position: absolute; top: 101px; width: 64px;
}
.object-pannel.pannel-main-wrapper{background-color: #000;}
.object-pannel.pannel-main-wrapper .cross-icon {background: #ff4254}
.object-pannel .collection-main-wrapper{ margin-top: 25px;}

.object_specification_block {font-size: 16px; color: #fff; text-align: center;}
.object_specification_block .osb_image_left{
    background: url(../images/small-circle-pink.png);
    width: 121px; height: 121px; line-height: 121px; text-align: center;
    margin: 30px auto 20px;
}

#green-theme .bg_pink .detail_black_box .osb_image_left{ background-image: url("../images/small-circle-green.png");}
#yellow-theme .bg_pink .detail_black_box .osb_image_left{ background-image : url("../images/small-circle-yellow.png");}
#purple-theme .bg_pink .detail_black_box .osb_image_left{ background-image: url("../images/small-circle-purple.png");}

.object_specification_block .download-img-box{position: relative;}
.object_specification_block .download-img-box img{left: 37px; position: absolute;}

.object_specification_block .osb_content{ font-size: 16px; font-family: 'UniversLTStdCn';}
.object_specification_block .osb_content h4{font-size: 16px; font-weight: bold;}
.object_specification_block .osb_content label.lable_text{margin: 0; padding-right: 6px;}
.object_specification_block .file-text,
.object_specification_block .object-text{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
    display: inline-block;
    line-height: 16px;
}
.object_specification_block .download-box{margin-bottom: 3px;}
.object_specification_block .object-display-block{line-height: 25px;}


/* ========  Object specification icon color fix for collection =======*/

.collection_page .primary-panel .object_specification_block .osb_image_left{ background:url(../images/small-circle.png);}
.collection_page .popup-first-wrapper .osb_image_left img{display: none;}
.collection_page .popup-first-wrapper .osb_image_left .osb-img{
    background:url(../images/red-paper.png) no-repeat center center;
    display: block;  height: 100%;  width: 100%;
}
.collection_page .right-pannel-block .info_tiket_block .osb_image_left .osb-img{
    background:url(../images/infos-ticket-red.png) no-repeat center center;}

/* ========  Object specification icon color fix for collection =======*/

.chapter-wrapper{
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: top 600ms, bottom 600ms, -webkit-transform 1s;
    transition: top 600ms, bottom 600ms, transform 1s;
    -webkit-transform: translateZ(0);
}

.chapter-wrapper.cover-block .before-the-fire-box .chapter-step-top-content,
.chapter-wrapper.cover-block .img-block{padding: 90px 0 0; min-height: 125px;padding-bottom: 15px; opacity: 0;}
.chapter-wrapper .img-block{opacity: 0;}
.end-story-img-box img,
.chapter-wrapper .img-block img{max-width: 100%; max-height: 100%;}

.background_cover_image_wrapper {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}

.chapter-step-top-content{padding-top: 90px;}

.chapter-wrapper .chapter-step-box {
    background: #000;  text-align: center; padding: 0 15px;
    width: 100%;  font-size: 14px; color: #fff;height: 100%;
}
.chapter-back-arrow .back-link {
    color: #fff; font-family: "Gza-SeminegraItalic"; font-size: 16px;  margin: 17px 0 36px;
}
.chapter-step-top-content {
    color: #fff; font-family: "Gza-Seminegra"; margin: 0 auto;  max-width: 29.5em; opacity: 0;
}
.chapter-step-top-content h3 {
    font-size: 1.2em;margin: 0; text-transform: uppercase;line-height: 1.4em;
}
.chapter-step-top-content h6 {
    font-family: "Gza-SeminegraItalic";  font-size:1.2em;  margin: 16px 0 30px;
}
.end-story-block .jump-story-btn {
    display:block;  font-family: "UniversLTStd";  font-size: 16px;
    margin: 20px 0 30px;   text-transform: uppercase;
}

.end-story-block .jump-story-btn a,
.end-story-block .jump-story-btn a:hover{text-decoration: none;color: #000;}

.jump-story-btn a {color: #000;}
.end-story-block .jump-story-btn .jump-btn-box {
    background: url("../images/svg/jump-story-box.svg") no-repeat scroll 0 0;
    ;vertical-align: middle;background-size: contain !important;font-size: 14px;padding: 8px 0px;line-height: 14px;
}
.end-story-block .jump-story-btn.blue-box .jump-btn-box {background:#6f81ff }
.end-story-block .jump-story-btn.yellow-box .jump-btn-box {background:#f8df10;}

.end-story-block .jump-btn-box .jump-story-text,
.end-story-block .jump-btn-box .jump-story-title{display:inline-block;}

.end-story-block .jump-story-btn.pink-box .jump-btn-box {background:#ff4354;}
.end-story-block .jump-story-btn.purple-box .jump-btn-box {background:#6b83fe;}
.end-story-block .jump-story-btn.green-box .jump-btn-box {background:#74d890;}
.end-story-block .jump-story-title{ font-family: "univers_67_condensedbold";}
.end-story-img-box img, .chapter-wrapper .img-block img { max-height: 100%; max-width: 100%;}
.chapter-next-arrow > a {
    background-size: cover !important;
    display: inline-block;  height: 4.05em;  width: 4.05em;
}
.chapter-next-arrow > a > img {display: none;}
.chapter-next-arrow > a {
    background: url("../images/next-red.png") no-repeat scroll 0 0;
    position: absolute;  bottom: 30px;  left: 50%;  margin-left: -2.02em;
}
#yellow-theme .chapter-next-arrow > a {
    background: url("../images/next-yellow.png") no-repeat scroll 0 0;
}
#purple-theme .chapter-next-arrow > a {
    background: url("../images/next-purple.png") no-repeat scroll 0 0;
}
#green-theme .chapter-next-arrow > a {
    background: url("../images/next-green.png") no-repeat scroll 0 0;
}

.chapter-step-bottom-content {
    color: #fff;  font-family: "Gza-Seminegra";  margin: 0 auto;  max-width: 29.5em; opacity: 0;
}
.chapter-step-bottom-content h6 {
    font-family: "Gza-SeminegraItalic";  font-size: 1.2em;  margin: 0;
}
.chapter-step-box .chapter-next-arrow {padding: 20px 0; opacity: 0;}
.chapter-step-bottom-content h3 {font-size: 1.5em; margin: 0 0 1em; text-transform: uppercase;}

/* Collection block design start */

.collection_page{background: #000;}
.collection_page .main-wrapper{background: none;}

body.overview_page{background: #000000;-webkit-overflow-scrolling: touch;}
.index_overview_page{color: #fff;}
.collection_section{padding: 0 20px;}
.filter_section{width:100%;z-index: 1031;position: fixed;height: 100%; padding-top: 60px;
    left:-100%; right: inherit; top: 0;bottom: 0;
   -webkit-transition: left 400ms, -webkit-transform 400ms;
    transition: left 400ms, transform 400ms;
}

.filter_section.showFilterPanel{
    left: 0;
}

.filter_section_menu{width:100%; height: 100%;  padding-left:6px;padding-top: 15px;background:#ff4354;overflow-y: auto; top: 0;
                     position: relative;-webkit-overflow-scrolling: touch;}
.filter_section h2{font-size: 40px;color: #000;font-family: UniversLTStdUltraCn;line-height: 40px;margin-top: 10px;padding-left: 15px; text-transform: uppercase;}

.filter_section ul{list-style: none;padding: 0;margin: 0;line-height: 24px;padding-bottom: 22px;}
.filter_section ul li{font-size: 16px;color: #fff;font-family: UniversLTStdCn;}
.filter_section ul li span{padding-right:15px;display: inline-block;}

.filter_section ul li.select span{background: url(../images/filter-hover-right.png) 100% 0;background-repeat: no-repeat;}

.filter_section ul li a{color: #000;display: inline-block;padding-left: 15px; text-transform: uppercase;}

.filter_section ul li.select span a{background: url(../images/filter_hover-left.png);text-decoration: none;}
.filter_section ul li span:hover a{text-decoration:none;}

ul.byfilter{padding-bottom: 0;padding-left: 15px;}

.right_section.collection{text-align:left;padding-left: 245px;}
/*.collection_section{padding-left: 108px;}*/
.collection_section h1.title{margin-top: 17px;}
.index_overview_page h1.title{font-size: 20px;font-family:Gza-Seminegra;color: #fff;text-align: left;}
.collection__message{font-size: 16px;font-family:Gza-SeminegraItalic;color: #fff;}
#noResultsContainer{display: none;}
#noResultsContainer .collection__message{margin-top: 15px;}

.mask{width: 266px;height: 264px;}

.collection_ul{padding-top: 40px;padding-left: 0;text-align: center;}
.collection_ul > li{padding: 0;margin: 0;list-style: none;margin-bottom: 34px; right: 0;}

.collection_sort_detail{
    font-family: Gza-Seminegra;font-size: 16px; 
    text-align: center;padding-top: 12px;line-height: 22px;}
.category_title{font-family: Gza-SeminegraItalic;}
.category_name{text-transform: uppercase;}

#yellow-theme .primary-panel .collection_sort_detail,
#green-theme .primary-panel .collection_sort_detail{  color: #000;}


.filter_section .cross-icon{  
    position: absolute; right: 12px; top :70px; z-index: 3000; 
    background: #000;  border-radius: 50px;
    height: 30px;  width: 30px;
}
.filter_section.showFilterPanel .cross-icon{ position: fixed; }
.filter_section .cross-icon img {margin: 9px auto; text-align: center; height: 12px;}


.filter_wrapper{text-align: center;display: block;padding-top: 13px;}
.filter_wrapper .filter_button,
.filter_wrapper .filter_button:hover,
.filter_wrapper .filter_button:focus{width: 223px;height: 50px;background: rgb(255, 67, 84) none repeat scroll 0% 0%;border: medium none;font-size: 18px;line-height: 50px;padding: 0px;color: rgb(255, 255, 255);border-radius: 25px;display: inline-block;font-feature-settings: UniversLTStdUltraCn;}

.fillter_count{background:url(../images/filter_show_background.png);width: 100%;height:64px;font-size: 30px;font-family: UniversLTStdUltraCn;color: #000;text-align: center;padding-top: 13px;bottom: 0;}
.scroll_stop{position: fixed;overflow: hidden;height: 100%;width: 100%;}

/*Navtiaon work started */
.wrapper_humberger_menu{
    position: fixed;
    width: 30px;
    height: 60px;
    display: inline-block;
    right: 0;
    top: 0;
    z-index: 1036;
}
.r_menu_btn{ background: url('../images/mobile-hamburg-icon2.png') no-repeat scroll 0 0; width: 30px; height: 30px; display: inline-block; text-indent: -9999px; position:absolute; right: 12px; top: 15px; z-index: 1000;
     -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.r_menu_btn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 15px;
  background: #000;  
  opacity: 1;
  left: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
      
}

.r_menu_btn.open span{ height: 3px;}

.r_menu_btn span:nth-child(1) {
  top: 8px;
}

.r_menu_btn span:nth-child(2),.r_menu_btn span:nth-child(3) {
  top: 14px;
}

.r_menu_btn span:nth-child(4) {
  top: 19px;
}

.r_menu_btn.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.r_menu_btn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.r_menu_btn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.r_menu_btn.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.close_panel{
    background:  url('../images/close-btn-rectWhite.png') no-repeat scroll 0 0;
    height: 30px;  margin: 0;  position: absolute;  right: 12px;   text-align: center;
    text-indent: -9999px;  top: 15px; width: 30px;
}

.navbar-right-top-menu{ background-color: #ff4254; position: fixed; width: 100%; height: 100%; bottom: 0; right: -100%; left: auto; padding: 0; z-index: 1035;

    transition: 400ms right;
    -webkit-transition: 400ms right;
    -moz-transition: 400ms right;
    -o-transition:400ms right;

    -webkit-transform 400ms;
    transform 400ms;

}
#yellow-theme .navbar-right-top-menu{ background-color: #f8e010;}
#purple-theme .navbar-right-top-menu{background-color: #6485fd;}
#green-theme .navbar-right-top-menu{background-color: #22d38f;}

.navbar-right-top-menu .dropdown.open .menu-right-bg {
    background: #ff4254 repeat-y scroll 100% 0;
    display: block; height: 100%;  left: 0;  position: fixed;  right: 0;  top: 0;  width: 100%;
}
.navbar-right-top-menu .dropdown-menu{
    background: transparent; border: 0; box-shadow: inherit;  min-width: 400px;  padding-right: 70px;
}
.bottom-border {
    border-bottom: 4px solid #fff;   display: block;  margin: 15px 0 0;   width: 56px;
}

.navbar-right-top-menu ul.Sub-menu-list li{ position: relative; z-index: 1; margin-top: 25px; padding: 0 !important;}

.navbar-right-top-menu ul.dropdown-menu .first-list ul.Sub-menu-list li{margin-top: 0;}

.navbar-right-top-menu ul.dropdown-menu > li{margin-top: 50px;}
.navbar-right-top-menu ul.dropdown-menu > li:first-child{margin-top: 20px;}

ul.Sub-menu-list > li > h2 a{ color: #000; text-decoration: none;}

.navbar-right-top-menu ul.Sub-menu-list li:hover h2 a ,
.navbar-right-top-menu ul.Sub-menu-list li:hover .short_description,
.navbar-right-top-menu ul.Sub-menu-list li.active h2 a ,
.navbar-right-top-menu ul.Sub-menu-list li.active .short_description{ color: #fff; }

.navbar-right-top-menu ul.Sub-menu-list li.active::before{ 
    content:"\e250"; font-family: "Glyphicons Halflings";
    position: absolute;  font-size: 10px; left: -26px; top : 7px; color: #fff; 
}

.navbar-right-top-menu ul.Sub-menu-list li .short_description{
    font-size: 20px;  line-height: 20px; font-weight: normal;  margin: 0 0 18px; 
    font-family: 'UniversLTStdLightCn';
}

#close_menu_panel{ z-index: 3;}
#menu_scroller { overflow-y: auto; position: absolute; left: 0; top :0; overflow-y: auto; height: 100%; width: 100%; padding: 55px 40px 10px 40px ;   z-index: 2; max-height: 725px;-webkit-overflow-scrolling: touch;}
#menu_scroller li{margin: 0; padding: 20px 0 0 0; list-style: none;}
.list_menu_parent_wrap h2{ 
    font-family: 'UniversLTStdUltraCn'; font-size: 30px; color: #fff; margin-top: 0; text-transform: uppercase;
}

.list_menu_parent_wrap > li > h2{ font-family: 'univers_67_condensedbold'; margin-bottom: 20px;}

.list_menu_parent_wrap .short_description{ color: #000;}
.navbar-right-top-menu .Sub-menu-list{ margin-bottom: 23px; padding: 0;}
.Sub-menu-list h2{ font-size: 30px; margin-bottom: 9px;}
.the_partners ul.Sub-menu-list li,
.learn_more ul.Sub-menu-list li{padding-top: 5px !important;}
.the_partners ul.Sub-menu-list li:first-child,
.learn_more ul.Sub-menu-list li:first-child{padding-top: 0 !important;}

.timeline {
    background: rgba(0,0,0,1); height: 100%;  width: 100%; 
    position: fixed;  top: 0; left: -100%; bottom: 0;
    font-family: Gza-Seminegra;  letter-spacing: 1.12px; font-size: 18px; 
    width:100%; z-index: 9999; padding-bottom: 73px; overflow: auto;  overflow-y: auto;
     transition: 400ms left;
    -webkit-transition: 400ms left;
    -moz-transition: 400ms left;
    -o-transition:400ms left;
    -webkit-transform 400ms;
    transform 400ms;
    text-transform: uppercase;
}

.closeTimeline{ display: inline-block; width: 31px; height: 30px; background-color: #ff4352; -moz-border-radius : 50%;
                -webkit-border-radius : 50%;  border-radius : 50%; text-align: center; position: absolute; right: 16px;
                top : 11px;}
.openTimeline .closeTimeline{position: fixed;}

#green-theme .closeTimeline{background-color: #74d890;}
#yellow-theme .closeTimeline{background-color: #f8df10;}
#purple-theme .closeTimeline{background-color: #6f81ff;}

.closeTimeline .cross_icon{ background:url(../images/svg/cross-icon.svg) no-repeat 0 0; display: inline-block; width: 12px; height: 12px; background-size: 11px 12px; vertical-align: middle;}

.timeline.openTimeline{ left: 0;right: 0;}
.timeline ul{margin:0;padding: 0 25px 0 23px;padding-top: 44px;padding-bottom: 11px;}
/*.timeline:hover{width: 185px;}*/

.timeline ul li {
    list-style-type: none;
    position: relative;
    height: 116px;
    color: #fff;
    padding-left: 21px;
    z-index: 1;
    width: 250px;
}

.timeline ul li a.timeline_text{color:rgba(255,255,255,0.5);position: relative;top: -7px;text-decoration: none;}
.timeline ul li.step-completed a.timeline_text{color:rgba(255,255,255,1)}
.timeline ul li.complete a{color:rgba(255,255,255,1);}
.timeline ul li:last-child a{white-space:inherit;}

.timeline ul li .time_line {
    position: absolute;
    left: 0%;
    top: 0;
    width: 10px;
    height: 100%;
    background:url(../images/timeline_dot.png) no-repeat;
}

.timeline ul li:last-child .time_line:after{
    background:url(../images/timeline_dot.png) no-repeat;
    height: 10px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 10px;
}


.timeline ul li.endstory .time_line:after{
    background:url(../images/timeline_fill.png) no-repeat;
    height: 10px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 10px;
}


.timeline ul li .time_line .time_line_progress {
    position: absolute;
    width: 100%;
    height: 0%;
    background:url(../images/timeline_fill.png) no-repeat;
}



.close_timeline{width: 30px;height: 30px;display: inline-block;position: absolute;background: #ff4354;
                border-radius: 50%;right: 16px;top: 11px;text-align: center;line-height: 30px;}
.close_timeline i{width: 11px;height: 12px;display: inline-block;background: url(../images/close-icon.png);}


.story-bottom-wrapper {
    background:  url(../images/svg/mobile-content-box.svg) repeat-x 0 0;
    position: absolute; color: #fff; text-align: center;
    font-family: 'Gza-Seminegra'; font-size: 16px;
    padding: 4px 0 0; width: 100%;
    line-height: 20px;
    letter-spacing: 0.44px;
    -webkit-transition: top 600ms, bottom 600ms, -webkit-transform 1s;
    transition: top 600ms, bottom 600ms, transform 1s;
    -webkit-transform: translateZ(0);
}
.story-bottom-wrapper .story-year-box{
    font-family: 'Gza-SeminegraItalic'; font-size: 16px;
    margin-bottom: 8px;
    display: inline-block;
}
.story-bottom-wrapper .story-content-box{
    background: #000; padding: 34px 29px 29px;
    width: 100%;
}

.story-bottom-wrapper .story-icon-box {margin-top: 10px; height: 50px;}

.story-bottom-wrapper .story-icon-box a.open_rightdata_panel{
    background: #ff4254 url("../images/fire-icon.png") no-repeat center center;
    display: inline-block; height: 50px; width: 50px; cursor: pointer; border-radius: 50px;
}
#green-theme .story-bottom-wrapper .story-icon-box a.open_rightdata_panel{  background-color: #74d890;}
#yellow-theme .story-bottom-wrapper .story-icon-box a.open_rightdata_panel{  background-color: #f8df10;}
#purple-theme .story-bottom-wrapper .story-icon-box a.open_rightdata_panel{background-color: #6f81ff;}

.story-bottom-wrapper .story-icon-box a.scroll_down_link{
    background: url("../images/red-hand.png") no-repeat 0 0;
    display: inline-block; height: 50px; width: 50px; cursor: pointer; border-radius: 50px;
}
.story-bottom-wrapper .story-icon-box .right-data-block{height: 50px; width: 50px;}
#green-theme .story-bottom-wrapper .story-icon-box a.scroll_down_link{
    background: url("../images/green-hand.png") no-repeat 0 0;
}
#yellow-theme .story-bottom-wrapper .story-icon-box a.scroll_down_link{
    background: url("../images/yellow-hand.png") no-repeat 0 0;
}
#purple-theme .story-bottom-wrapper .story-icon-box a.scroll_down_link{
    background: url("../images/purple-hand.png") no-repeat 0 0;
}
.story-icon-box .scroll_down_link_text{ 
    color: rgba(255,255,255,.32); display: inline-block;  margin-top: 18px;
    letter-spacing: 0.44px; font-family: 'Gza-SeminegraItalic';
}

.story-bottom-wrapper .story-detail-box{margin: 0 auto; max-width: 375px; line-height: 20px;}


.story-block.chapter-wrapper.end-block .end-story-img-box {display: none;}
.story-block.chapter-wrapper.end-block .chapter-back-arrow{margin-top: 60px;padding-top: 20px;}
.story-block.chapter-wrapper.end-block .chapter-step-top-content{padding-top: 0;}
.story-block.chapter-wrapper.end-block .chapter-step-top-content h6{margin-bottom: 10px;}
.story-block.chapter-wrapper.end-block .chapter-back-arrow .back-link{margin-bottom: 17px;}
.end-story-block .jump-story-btn{margin:8px 0 0 0;}
.story-block.chapter-wrapper.end-block .chapter-back-arrow a{display: inline-block;height: 4.05em;width: 4.05em;}
.story-block.chapter-wrapper.end-block .chapter-back-arrow a img{max-width: 100%;}
.story-block.chapter-wrapper.end-block .end-story-block{padding-top: 5px; opacity: 0;}
.noBodyScroll{height: 100%;overflow: hidden;width: 100%;position: fixed;}



#green-theme .landscape_screen{background: #00dc90;}
#yellow-theme .landscape_screen{background: #f8e010;}
#purple-theme .landscape_screen{background: #6f81ff;}
.landscape_screen{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999999;background: #ff4354;}
.landscape_mode_wrapper {max-width: 207px;margin: 0 auto;position:absolute;top: 50%;margin-top: -47px;width: 100%;left: 0;   right: 0;}
.device_message{font-size: 16px;color: #fff;letter-spacing: 0.44px;font-family: Gza-Seminegra;margin-top: 8px;}


/*.story-bottom-wrapper .content_box{height: 142px;overflow: hidden;}*/


/*.inner_padd_box {
    background:  url(../images/svg/mobile-content-box.svg) repeat-x 0 0;
    bottom: 0;   position: absolute; color: #fff; text-align: center;
    font-family: 'Gza-Seminegra'; font-size: 18px;
    padding: 4px 0 0; width: 100%;
}
.inner_padd_box .date_section{
    font-family: 'Gza-SeminegraItalic'; font-size: 16px;
     margin-bottom: 5px;
}
.inner_padd_box .content_box{
    background: #000; padding: 34px 29px 59px;  width: 100%;
}
.inner_padd_box .readmore_link_block a{
    background: #ff4254 url("../images/fire-icon.png") no-repeat center center;
    border-radius: 50px;  bottom: 30px;  height: 50px;  left: 25px;  position: absolute;  width: 50px;
}
.story-bottom-wrapper .content_box p{margin: 0 auto; max-width: 375px; line-height: 20px;} */

/* Loading CSS Start */





class="cp-pen-styles">@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body.loading{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333333;
}

.loading {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-top-color: white;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    margin: 0 auto;
}
.loader_overlay {
    background: rgba(0,0,0, 1);
    width: 100%;  height: 100%;  top: 0; right: 0;
    bottom: 0; left: 0;  position: fixed; z-index: 999999;
}
.loader_wraapper .text{padding: 20px 20px 0; font-family: 'Gza-Seminegra';text-transform: uppercase;font-size: 22px;}
.loader_wraapper {
    position: absolute;  top: 50%; text-align: center; width: 100%;
    margin-top: -80px;  color: #fff; font-size: 24px;
}


#ploading, #sloading {
   background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; height: 100%;  position: fixed; right: 0; top: 0; width: 100%; z-index: 99; display:none!Important;
}

.right-popup-wrapper #ploading .loading, #sloading .loading {height:50px; width: 50px; border-width:4px; position: absolute; left: 50%; top:50%; margin:-25px 0 0 -25px}
.backpanel{ display: none; }

/* Loading CSS End */

.story-block{z-index: 1; position: fixed; }
.cover-block{z-index: 9;}
.navbar-header{position: relative;}
.navbar-header .header_title{
    font-family: "UniversLTStdCn"; font-size: 16px; font-weight: bold; text-transform: uppercase;
    color: #fff; margin-top: 17px;
}

.navbar-header .header_title .btn{ text-transform: uppercase; font-family: 'univers_67_condensedbold';}
.header_title .btn.focus, .header_title .btn:focus, .header_title .btn:hover{ color: #fff;}
/*
@media (min-width: 360px) and (max-width: 767px) {
    .chapter-wrapper .before-the-fire-box .chapter-step-top-content, .chapter-wrapper .img-block{padding-top: 80px}
}
*/

.generic-main-wrapper{
    background: #000 url("../images/teacher-bg-img.png") no-repeat 100% 50%;
    float: left;
    padding-bottom: 50px;
    background-size: contain;
    background-attachment: local;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    z-index: 0;
}

.generic-main-wrapper a{ color: #fff; text-decoration: underline;}

.generic-content-wrapper .heading-box h1.title {
    font-family: 'Gza-Seminegra';  font-size: 24px;
    text-transform: uppercase;  margin: 0;
}
.generic-content-wrapper .heading-box .title-content {
    font-family: 'Gza-SeminegraItalic'; font-size: 16px;
}
.generic-content-wrapper .generic-content-box h3.sub-title {
    font-family: 'UniversLTStdUltraCn';
    font-size: 24px; color: #ff4254; text-transform: uppercase;
}
.generic-content-wrapper {
    font-family: 'UniversLTStdLightCn';
    font-size: 20px; line-height: 24px; color: #fff;
}
.generic-content-box .heading-box{padding: 10px 0;}
.generic-btn-box{text-align: center;}

.btn.btn-general , .btn-general:hover , .btn-general:focus , .btn-general:active{
    background-color: #ff4254;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-family: "UniversLTStdUltraCn";
    font-size: 24px;
    letter-spacing: 0.88px;
    line-height: 100%;   
    min-height: 62px;
    line-height: 62px;
    padding: 0 36px;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
     width: 100%;
    box-shadow: inherit;
    outline: inherit !important;
    outline-offset: inherit;
    margin-top: 20px;
    text-decoration: none!important;    
}


#green-theme .btn-general {
    background-color: #74d890;
}

#yellow-theme .btn-general{
    background-color: #f8e010;
}

#purple-theme .btn-general{
    background-color: #6b83fe;
}


body .btn-download:focus, body .btn-zip:focus, 
body .btn-download:hover, body .btn-zip:hover, 
body .btn-download:active, body .btn-zip:active, 
body .btn-download, body .btn-zip {
    background: #ff4254 url("../images/download-icon-zip.png") no-repeat scroll 25px -10px;
    border-radius: 50px;
    color: #fff;   
    font-family: "UniversLTStdUltraCn";
    font-size: 24px;
    letter-spacing: 0.88px;
    line-height: 62px;
    min-height: 62px;
    padding: 0px 38px 0 91px;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    width: 100%;
    display: inline-block;
    outline: none;
    box-shadow: none;
    text-decoration: none!important;
}


.btn-general span,
.btn-download span {
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
    margin-top: 8px;
}
.generic-image-box .bx-wrapper .bx-viewport {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 0 0 #ccc;
}
.generic-image-box .mask { height: 225px; width: 227px;}
.generic-image-box .bx-wrapper{margin: 45px auto;}
.generic-image-box .bx-wrapper .bx-pager,
.generic-image-box .bx-wrapper .bx-controls-auto {
    bottom: -5px;
}
.generic-image-box .bx-wrapper .bx-pager.bx-default-pager a:hover,
.generic-image-box .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}
.generic-image-box .bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
}


.arrow-timeline .btn .caret{ margin-left: 11px;}

.right-popup-wrapper .back-arrow{  position: absolute; left: 15px; top : 16px; z-index: 3000;
 background: url("../images/svg/mapTextArrow-bg-pink.svg") no-repeat scroll 0 0 / 30px auto; height: 30px;  width: 30px;}

.right-popup-wrapper .back-arrow img{ margin:7px 0 5px 8px;  text-align: center; width: 10px;}

#green-theme .right-popup-wrapper .back-arrow{ background-image:  url("../images/svg/mapTextArrow-bg-green.svg");}
#yellow-theme .right-popup-wrapper .back-arrow{ background-image:  url("../images/svg/mapTextArrow-bg-yellow.svg");}
#purple-theme .right-popup-wrapper .back-arrow{ background-image:  url("../images/svg/mapTextArrow-bg-perple.svg");}

.right-popup-wrapper a{color: #fff;}
.right-popup-wrapper .popup-second-wrapper,
.right-popup-wrapper .popup-first-wrapper{
    background: #ff4254;   color: #fff; position: fixed;  z-index: 9;
    width: 100%; height: 100%;  left:auto;  right: -100%;  
    padding: 0px 0 10px;
    -webkit-transition: right 400ms, -webkit-transform 400ms;
    transition: right 400ms, transform 400ms; top : 60px;
}

.primary-panel .r-penel_content_area ,
.secondary-panel .inner_pad_all{
    overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; padding-top: 10px;
}

.primary-panel .image-block { text-align: center; padding-top: 22px;}

.primary-panel a:active, .primary-panel a:focus,
.primary-panel a:hover,
.primary-panel a{ color: #fff; text-decoration: underline;}

#yellow-theme .primary-panel a:active,
#yellow-theme .primary-panel a:focus,
#green-theme  .primary-panel a:active,
#green-theme  .primary-panel a:focus,
#yellow-theme .primary-panel a,
#green-theme  .primary-panel a{ color: #000; }

#yellow-theme .right-popup-wrapper .primary-panel,
#green-theme .right-popup-wrapper .primary-panel {
    color: #000;
}


#green-theme .right-popup-wrapper .popup-first-wrapper{  background-color: #00dd90;}
#yellow-theme .right-popup-wrapper .popup-first-wrapper{  background-color: #f8df10;}
#purple-theme .right-popup-wrapper .popup-first-wrapper{background-color: #6f81ff;}


.right-popup-wrapper .popup-second-wrapper{
    background: #000; z-index: 10;
}
.popup-second-wrapper .cross_panel2,
.right-popup-wrapper .cross-icon{
    background: #000;  border-radius: 50px;  height: 30px;
    right: 12px;  top: 10px;  width: 30px; z-index: 999; position: absolute;
}
.popup-second-wrapper .cross_panel2{background: #ff4254;}
.right-popup-wrapper .r_panel_open .cross-icon,
.popup-second-wrapper.r_panel_open .cross_panel2{position: fixed; top: 70px;}

#green-theme .cross_panel2{  background-color: #00dd90;}
#yellow-theme .cross_panel2{  background-color: #f8df10;}
#purple-theme .cross_panel2{background-color: #6f81ff;}


.popup-second-wrapper .cross_panel2 img,
.right-popup-wrapper .cross-icon img {
    margin: 9px auto;  text-align: center; height: 12px;
}
.right-popup-wrapper .image-block img{
    max-height: 100%; max-width: 100%;
}
.right-popup-wrapper .heading-block h3.top-title {
    font-family: "Gza-SeminegraItalic";
    letter-spacing: 0.88px;
    font-size: 16px;
    margin: 0 0 5px 0;
}
.right-popup-wrapper .heading-block h1 {
    font-family: "Gza-Seminegra";
    font-size: 30px;
    letter-spacing: 0.88px;
    margin: 0;
    text-transform: uppercase;
}

/*.right-popup-wrapper .heading-block h1:after{
    border-bottom: 4px solid #fff;
    content: "";
    display: block;
    margin: 14px 0 0;
    width: 50px;
}*/



.right-pannel-block .heading-block .heading-border:after{     
    border-bottom: 4px solid #fff;
    content: "";
    display: block;
    margin: 14px 0 0;
    width: 50px;}



#yellow-theme .right-pannel-block .heading-block h1.title::after,
#green-theme .right-pannel-block .heading-block h1.title::after { border-color: #000;}

.right-pannel-block{margin: 50px 0;}

#pink-theme .secondary-panel .right-pannel-block a:hover ,
#pink-theme .secondary-panel .right-pannel-block a:focus { color: #FF4354;}
#yellow-theme .secondary-panel .right-pannel-block a:hover,
#yellow-theme .secondary-panel .right-pannel-block a:focus{ color: #FFDE1A;}
#green-theme .secondary-panel .right-pannel-block a:hover,
#green-theme .secondary-panel .right-pannel-block a:focus{ color: #00DC90;}
#purple-theme .secondary-panel .right-pannel-block a:hover ,
#purple-theme .secondary-panel .right-pannel-block a:focus{ color: #6B83FE;}

.right-pannel-block .heading-block {padding: 0 25px 21px;}
.right-pannel-block .panel_circle_content,
.right-pannel-block .text-content-wrapper{padding: 0 25px;}

.right-pannel-block .text-content-wrapper h2 ,
.right-pannel-block .text-content-wrapper h3 {
      font-family: 'Gza-Seminegra'; 
      font-size: 20px; 
      line-height: 25px; 
      margin-bottom: 13px;
}

.right-pannel-block .text-content-wrapper p{margin: 0 0 25px;}
.right-pannel-block .panel_circle_content{margin-bottom: 35px;}

.panel_circle_content .readmore_circle_img {
    background: rgba(0, 0, 0, 0) url("../images/svg/small-paper-block-hover.svg") no-repeat scroll 0 0 / 65px auto;
    height: 65px;
    left: 50%;
    margin-left: -32.5px;
    margin-top: -32.5px;
    position: absolute;
    top: 50%;
    width: 65px;
}

#green-theme .panel_circle_content .readmore_circle_img{ background-image: url("../images/svg/small-paper-block-hover-green.svg"); }

#yellow-theme .panel_circle_content .readmore_circle_img{ background-image: url("../images/svg/small-paper-block-hover-yellow.svg"); }
#purple-theme .panel_circle_content .readmore_circle_img{ background-image: url("../images/svg/small-paper-block-hover-parple.svg"); }


.panel_circle_content .readmore_circle_img a {
    background: rgba(0, 0, 0, 0) url("../images/small-paper-hover.png") no-repeat scroll 50% center / 41px auto;
    display: block;
    height: 100%;
    width: 100%;
}

.triangle {
    background: url("../images/mask.png") no-repeat scroll right top;
    height: 100vw; width: 100%;  background-size: contain; position: relative;
}
.people-img-block {
    margin: 0 auto; height: 100vw;  overflow: hidden;  position: relative;
    text-align: center;  width: 100%;
}

.people-img-block img{ max-height: 100%; max-width: 100%;}

.jump_btn-block {
    background: url("../images/svg/jump-story-bg.svg") no-repeat scroll 0 0;
    bottom: 59px;  height: 87px; left: 50%; margin-left: -113px;  position: absolute;
    width: 218px; text-transform: uppercase;
}
.jump_btn-block a:hover,
.jump_btn-block a:focus,
.jump_btn-block a {
    color: #000;  display: table-cell;  font-size: 16px;  height: 87px;
    padding: 10px;  text-align: center; text-decoration: none;
    vertical-align: middle; width: 218px;
}
.jump_btn-block .jump-story-title {
    display: block;  font-family: 'univers_67_condensedbold';
}

#slider-image_wrap .bx-wrapper .bx-viewport{
    background: transparent;  box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff; left: 0;
}
#slider-image_wrap {
    height: 285px;
    margin: 20px auto;
    position: relative;
    width: 270px;
    z-index: 2;
}
#slider-image_wrap .bx-wrapper {
    margin: 0;
    min-height: 285px;
    z-index: 1;
}
#slider-image_wrap .bx-controls .bx-pager-item {
    margin: 9px 4px;
}
#slider-image_wrap .bx-controls .bx-pager-item a.active {
    background-color: #fff;
}
#slider-image_wrap .bx-controls .bx-pager-item a {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    outline: 0 none;
    text-indent: -999px;
    width: 10px;
}
.right-popup-wrapper .osb_content p a{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
    display: inline-block;
    line-height: 16px;
    color: #fff;
}
.right-popup-wrapper .btn-pdf,
.right-popup-wrapper .btn-tiket{
    background: transparent;
    text-decoration: underline;
    padding: 0;
}
.view_large_icon {
    background: #ff4254; border-radius: 50px; cursor: pointer;
    display: block;  height: 62px; left: 50%;
    line-height: 62px;  margin-left: 0; margin-top: 0;
     margin-left: -31px;  margin-top: -31px;
    position: absolute; text-align: center; top: 50%;
    width: 62px;  z-index: 9;
}
.view_large_icon .eyes_icon {
    background: rgba(0, 0, 0, 0) url(../images/eyes-icon.png) no-repeat scroll center center / 60px;
    display: inline-block; vertical-align: middle;
    width: 60px; height: 32px;
}
.video_icon {
    background-position: 0 0; background-size: 62px 62px;
    background-repeat: no-repeat;
    cursor: pointer;  display: block;  height: 62px; left: 50%;
    margin-left: -31px;  margin-top: -31px;  position: absolute;
    top: 50%;  width: 62px;   z-index: 2; background-image :  url('../images/svg/play-button-pink.svg');
}




.overview_page .video_icon,
#pink-theme .video_icon{ background-image :  url('../images/svg/play-button-pink.svg');}
#green-theme .video_icon{ background-image :  url('../images/svg/play-button-green.svg');}
#yellow-theme .video_icon{background-image: url('../images/svg/play-button-yellow.svg'); }
#purple-theme .video_icon{ background-image: url('../images/svg/play-button-parple.svg'); }

#green-theme .view_large_icon {
    background : #22d38f;
}
#yellow-theme .view_large_icon {
    background: #fee00e;
}
#purple-theme .view_large_icon {
    background : #6f81ff;
}

.noBodyScroll{ overflow: hidden!Important;}

.ps-container > .ps-scrollbar-y-rail { opacity: 0!important;}

/* Splash start */

    
.splash-wrapper{
    background: #000 url("../images/mobile-bg.png") no-repeat scroll 0 100% / 100% auto;  
    color: #fff; width: 100%; 
}

.splash-wrapper .splash-box{margin: 0 auto;}
.splash-wrapper .head-title{text-align: center;padding: 7vh 0 5vh;}
.splash-wrapper .head-title img{max-height: 58px;}

.splash-containt-wrapper{position: relative; text-align: center; padding-top: 40px;}
.splash-containt-wrapper .splash-col-one{
    background: #b9e986; min-height: inherit; width: 100%; float: left;
    position: relative; margin: 0;
}
.splash-containt-wrapper .splash-col-two{
    background: #ff4254; float: left; vertical-align: top;
     position: relative; z-index: 1;  
    min-height: inherit; width: 100%;
    font-size: 20px;  text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5); padding: 35px 0;
}
.splash-containt-wrapper .splash-col-three{
    background: #29b19d; min-height: inherit; width: 100%; float: left;
    position: relative; margin: 0;
}

.splash-containt-wrapper .right-bottom-content,
.splash-containt-wrapper .left-bottom-content{
    background: #b9e986;
    bottom: 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    min-height: inherit;
    width: 100%;
    padding: 35px 0;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
.splash-containt-wrapper .right-bottom-content{
    background: #29b19d; margin-left: 0;
}

.scorlling-btn-box a{
    color: #fff; display: inline-block; max-width: 141px;
    font-family: 'Gza-SeminegraItalic'; font-size: 16px; line-height: 18px;
    position: relative;  top: 0;  padding: 20px 0px;
}
.scorlling-btn-box a:hover{text-decoration: none;}
.scorlling-btn-box a:after{
    content: "\e252";  position: absolute; bottom: -15px;
    font-family: "Glyphicons Halflings"; font-size: 11px; color: #fff;  
}

.footer-menu {
    display: inline-block; padding-bottom: 10px; text-align: center; width: 100%;
}
.footer-menu .f-title{
    float: left; width: 100%; font-family: 'Gza-SeminegraItalic'; font-size: 16px;
    line-height: 90px; min-height: 90px;
}

.footer-menu ul.f-menu-list{ margin: 0; padding: 0; float: none; width: 100%;}
.footer-menu ul.f-menu-list li{
    list-style: none; float: left; width: 100%;
}
.footer-menu ul.f-menu-list li a{
    font-family: 'UniversLTStdUltraCn'; font-size: 16px; color: #fff; text-transform: uppercase;
    min-width: 101px; min-height: 90px; line-height: 90px; display: block;
}
.footer-menu ul.f-menu-list li a:hover{text-decoration: none;}

.footer-menu ul.f-menu-list li.f-icon-one:hover a{ 
    background: url("../images/icon-1.png") no-repeat center center;
    text-indent: -999999px;
}
.footer-menu ul.f-menu-list li.f-icon-two:hover a{ 
    background: url("../images/icon-2.png") no-repeat center center;
    text-indent: -999999px;
}
.footer-menu ul.f-menu-list li.f-icon-three:hover a{ 
    background: url("../images/icon-3.png") no-repeat center center;
    text-indent: -999999px;
}
.footer-menu ul.f-menu-list li.f-icon-four:hover a{ 
    background: url("../images/icon-4.png") no-repeat center center;
    text-indent: -999999px;
}

.splash-content-wrapper{text-align: center;}
.splash-content-wrapper ul { margin: 0;   padding: 0;}
.splash-content-wrapper ul li {
    display: inline-block;  list-style: outside none none; margin: 0; padding: 0 0 0.7vh;
    transform: scale(0.90);
    transform-origin: top;
}
.splash-content-wrapper ul li a.splash_btn {
    display: inline-block; font-family: "univers_67_condensedbold";
    font-size: 16px; position: relative;  text-transform: uppercase; color: #fff;
}

.splash-content-wrapper ul li a.splash_btn:hover,
.splash-content-wrapper ul li a.splash_btn:active,
.splash-content-wrapper ul li a.splash_btn:focus{color: #fff; text-decoration: none;}

/*.splash-content-wrapper ul li.explore-box a.splash_btn .btn-text {
    background: url("../images/splash-btn-white.png") no-repeat scroll center center;
    color: #000;
}*/

.splash-content-wrapper ul li a.splash_btn .btn-text {
    background: url("../images/splash-btn.png") no-repeat scroll center center;
    display: inline-block;width: 210px;height: 61px;line-height: 61px;}

.splash-btn-block {text-align: center; width: 100%;transform: scale(0.92);
    transform-origin: top;}
.footer-menu .splash-btn-block a {
    background:url(../images/btn_splash_page.png) no-repeat center center;
    color: #fff;
    display: inline-block;
    font-family: "univers_67_condensedbold";
    font-size: 16px;
    height: 57px;
    line-height: 57px;
    text-transform: uppercase;
    width: 207px;
}
/* Splash End*/


.pins_box{ position: relative;}
.pins_icon_box{ position: relative; z-index: 2; width: 120px; height: 162px; cursor: pointer;}
.pins_icon_box.pink{background: url('../images/svg/locationbox-pink.svg') no-repeat center center; }
.pins_icon_box.yellow{background: url('../images/svg/locationbox-yellow.svg') no-repeat center center; }
.pins_icon_box.green{background: url('../images/svg/locationbox-green.svg') no-repeat center center; }
.pins_icon_box.purple{background: url('../images/svg/locationbox-purple.svg') no-repeat center center; }
.photo_round{
    -webkit-clip-path: url(#pins);
    clip-path: url(#pins);
    position: relative;
    -webkit-transform: translateZ(1px)
}

/*---Modal CSS classes---*/
.modal-dialog{
    position:relative;
}
.modal-dialog .img-op{
    position:fixed;
    bottom: 20px;
    width: auto;
    right: 0px;
    text-align: right;
    padding: 0 12px;    
}

.modal-dialog .img-op .btn{ clear: both; margin: 0 0 0 0px;}

.modal-open .modal-dialog .close{
    z-index:100;
}
.modal-dialog img{
    max-width:100%;
    max-height:100%;
}

.map-info-window{
    color: #232323;
    min-width:150px;
    text-align:center;
    padding:5px 20px 10px;
    position:absolute;
    text-transform:uppercase;
}

.map-info-window .map-info-close{
    float:right;
    cursor:pointer;
    margin-right:-5px;
    margin-left:5px;
}

.map-info-window h5{
    font-weight:bold;
}

.map-info-window p{
    color: #000;
}

.level1-mobile-mo-fire {
    width: 155px;
    height: 112px;
    position: relative;
}
.level1-mobile-mo-fire svg {
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible !important;
}
.level1-mobile-flame-main {
    animation-name: level1-mobile-flameWobble;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

@keyframes level1-mobile-flameWobble {
    50% {
        transform: scale(1,1.2) translate(0, 0px);
    }

}

.level1-mobile-flame1 {
    animation-name: level1-mobile-flamefly1;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0;
    transform-origin: top;
}
.level1-mobile-flame2 {
    animation-name: level1-mobile-flamefly2;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0;
    transform-origin: top;
    animation-delay: .5s;
}
.level1-mobile-flame1.one {
    animation-delay: 1s;
    animation-duration: 3s;
}
.level1-mobile-flame2.one {
    animation-delay: 1.5s;
    animation-duration: 2s;
}



@keyframes level1-mobile-flamefly1 {
    0%{
        transform: translate(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(-120px, -250px);
        opacity: 0;
    }
}
@keyframes level1-mobile-flamefly2 {
    0%{
        transform: translate(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(120px, -250px);
        opacity: 0;
    }
}

.level2-mobile-mo-fire {
    width: 259px;
    height: 186px;
    position: relative;
}
.level2-mobile-mo-fire svg {
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible !important;
}
.level2-mobile-flame-main {
    animation-name: level2-mobile-flameWobble;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

@keyframes level2-mobile-flameWobble {
    50% {
        transform: scale(1,1.2) translate(0, 0px);
    }

}

.level2-mobile-flame1 {
    animation-name: level2-mobile-flamefly1;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0;
    transform-origin: top;
}
.level2-mobile-flame2 {
    animation-name: level2-mobile-flamefly2;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0;
    transform-origin: top;
    animation-delay: .5s;
}
.level2-mobile-flame1.one {
    animation-delay: 1s;
    animation-duration: 3s;
}
.level2-mobile-flame2.one {
    animation-delay: 1.5s;
    animation-duration: 2s;
}



@keyframes level2-mobile-flamefly1 {
    0%{
        transform: translate(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(-120px, -250px);
        opacity: 0;
    }
}
@keyframes level2-mobile-flamefly2 {
    0%{
        transform: translate(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(120px, -250px);
        opacity: 0;
    }
}

.fire-overlay{
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: fixed;
    pointer-events: none;
    display: none;
    z-index: 1;
}
#largeFire .large-fire:first-child{
    position: absolute;
    left: -50px;
    bottom: -12px;
    margin-left: 0;
}
#largeFire .large-fire + .large-fire{
    position: absolute;
    top: 0;
    right: -50px;
    margin-left: 0;
}
.large-fire svg {
    width: 100%;
    height: auto;
    position: relative
}
.large-flame-fly {
    animation-name: large-flamefly;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0;
    transform-origin: 50% 50% 0;
}
.large-flame-fly.large-flame-fly1 {
    animation-name: large-flamefly1;
    animation-duration: 3s;
}
.large-flame-fly.one {
    animation-delay: 1s;
    animation-duration: 3s;
}
.large-flame-fly.two{
    animation-duration: 4s;
    animation-delay: 1s;
}
.large-flame-fly.three{
    animation-duration: 5s;
    animation-delay: 1s;
}

.large-flame1 {
    animation-name: large-flameWobble1;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.large-flame1.one {
    animation-duration: 4s;
    animation-delay: 1s;
}
.large-flame2{
    animation-name: large-flameWobble2;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
.large-flame2.one{
    animation-duration: 5s;
    animation-delay: 2s;
}
.large-flame2.three{
    animation-duration: 6s;
    animation-delay: 2s;
}

.large-flame3{
    animation-name: large-flameWobble3;
    animation-duration: 7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 2s;
}
.large-flame3.one{
    animation-duration: 5s;
    animation-delay: 2s;
}
.large-flame3.three{
    animation-duration: 6s;
    animation-delay: 2s;
}
@keyframes large-flameWobble1 {
    50% {
        transform: scale(1.0,.95) translate(1px, 0px) ;
    }
}
@keyframes large-flameWobble2 {
    50% {
        transform: scale(1.1,1.1) translate(-20px, 0) ;
    }
}
@keyframes large-flameWobble3 {
    50% {
        transform: scale(1.1,1.1) translate(-20px, 0) ;
    }
}

@keyframes large-flamefly {
    0% {
        transform: translate(0) rotate(0deg);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(-20px, -250px) rotate(0deg);
        opacity: 0;
    }
}
@keyframes large-flamefly1 {
    0% {
        transform: translate(0) rotate(180deg);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(20px, 250px) rotate(180deg);
        opacity: 0;
    }
}

/*================  404 css ==============*/

body.page-404{ height: 100%; position:relative; min-height: 400px; background-color: #000;}

.content_404_top{ height: 44%; position: absolute;  background: none repeat scroll 0 0;   
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.content_404_top img{ position: absolute; bottom: 10px; left: 50%; right: 50%; margin-left: -135px; width: 80%;}

.content_404_bottom{   height: 50%;    position: absolute;    top: 50%;    width: 100%; color: #fff; text-align: center; }
.content_404_bottom h1{ margin-top: 40px; color: #fff; font-family: 'Gza-Seminegra'; font-size: 24px;}

.content_wrapper_404{ max-width:450px; margin:0 auto 0 -225px; position: absolute; left: 50%; top : 10%; }
.content_404_bottom p{ margin: 20px; font-family: 'Gza-SeminegraItalic';}

.content_404_bottom .btn_404{
    padding: 0 30px; line-height: 50px; font-family: "UniversLTStdUltraCn"; 
    font-size: 24px; text-transform: uppercase;
    background-color: #ff4354;  color: #fff;
    height: 50px; font-size: 16px; border: 1px solid #ff4354;   
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border-radius: 50px; 
}
.content_404_bottom .btn_404:hover , 
.content_404_bottom .btn_404:focus , 
.content_404_bottom .btn_404:active { 
    color: #fff; 
}

/* CSS to hide Google logo and Copyright Info from map */
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

.delay-pin{ animation-delay: 100ms; }
.delay-one{ animation-delay: 600ms; }
.delay-two{ animation-delay: 1.2s; }
.delay-three{ animation-delay: 1.8s; }



/*=============== custom modal css ============*/
.modal-open .modal{ z-index: 99999;}
#fol_modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#fol_modal .modal-body{ padding: 0;}

#fol_modal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0; 
  -moz-box-shadow : none;
  -webkit-box-shadow : none;
  box-shadow : none;
  border: 0;    
}



.zoom-block .zoom-icon{
    background: #000; border-radius: 50px; display: inline-block; cursor: pointer;
    height: 62px; text-align: center; width: 62px;   vertical-align: top; margin-left: 10px; margin-bottom: 10px;
}
.zoom-block .zoom-in img{margin-top: 18px;}
.zoom-block .zoom-out img{margin-top: 28px;}


.modal-open .modal-dialog .close{margin: 0 !important;
    background: #ff4254 url("../images/svg/cross-icon.svg") no-repeat 50% 50%;
    border-radius: 25px; display: inline-block; text-align: center;
    height: 49px; position: absolute; right: 12px; top: 18px; width: 49px; cursor: pointer;
    text-shadow: 0 0 0 #fff; opacity: 1; font-size: 0; background-size: 16px!Important; outline: none;
}

.audio-pannel-popup .modal-dialog .close{ right: 17px;}

 #fol_modal .panzoom{ text-align: center;}


#yellow-theme #fol_modal .close ,  #yellow-theme #fol_modal .btn{
    background-color: #f8e010;
}
#green-theme #fol_modal .close , #green-theme #fol_modal .btn {
    background-color: #22d38f;
}
#purple-theme #fol_modal .close ,  #purple-theme #fol_modal .btn{
    background-color: #6b83fe;
}


.modal.audio-pannel-popup{background: #000 url("../images/fire-img.png") no-repeat center center /cover; height: 100%;}
.modal.audio-pannel-popup .modal-content{background: transparent; height: 100%;}
.audio-pannel-popup .modal-dialog{height: 100%; margin: 0;}
.audio-pannel-popup .modal-body{padding: 10px 39px;  position: absolute;  top: 50%; margin-top: -109px; width: 100%;}
.audio-pannel-popup .audio-wrapper_inner{
    height: 100%; float: left; width: 70%;  background: #f5f5f5;
    position: relative; padding: 15px 45px 15px 10px;}
.audio-pannel-popup .audio-block{text-align: center; width: 100%;}

.audio-pannel-popup .audio-block .audio-content-wrapper{display: inline-block; max-width: 1000px; width: 100%;
border: 1px solid #e5e7e4; border-radius: 2px;background: #f5f5f5;}
.audio-pannel-popup .person-img{width: 30%;height: 200px;line-height: 200px;text-align: center;padding-top: 15px;}

.audio_title_block{overflow: hidden;text-align:left;padding-bottom: 13px;}
.audio_title_block .play-audio{width: 45px;height: 45px;background:#ff4354 url(../images/video_play-icon-sprite-white.png) no-repeat 2px -4px;display: inline-block;border-radius: 50%;float: left;}

#yellow-theme .audio_title_block .play-audio {   background-color: #f8e010;}

#green-theme .audio_title_block .play-audio {    background-color:#22d38f;}
#purple-theme .audio_title_block .play-audio {    background-color: #6b83fe;}

.audio_title_block .play-audio.pause{ background-position: 0 -81px;}
.audio_title_block .audio-meta-subtitle{margin-left: 55px;font-size: 16px;color: #999;}
.audio_title_block .audio-meta-title{margin-left: 55px;font-size: 18px;color: #333;line-height: 22px;}
.audio_timer{background:rgba(0,0,0,0.9);padding: 3px 3px 3px 5px;display: inline-block;color: #fff; border-radius: 3px 0 0 0;position: absolute;right:25px;bottom: 49px;z-index: 1;font-size: 12px;color: #999;line-height: 12px;}


.audio-pannel-popup .audio-content-box{width: 100%;padding-right: 12px;}
.audio-pannel-popup .audio-content-box wave{border: 0 !important;}
.background_cover_image_wrapper{
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}


#object_modal .modal-dialog{margin: 0;}
#object_modal .modal-dialog .modal-content{border-radius: 0 !important;border: 0;}
#object_modal .modal-dialog .modal-content .modal-body{padding: 0;}


/* ========= GAME PAGE CSS =========*/

#game-page .generic-content-wrapper{ padding-left: 0;}
#game-page .generic-content-box{ margin-bottom: 0;}

#game-page .heading-box,
#game-page .generic-subContent-row { max-width: none; margin-bottom: 0;}
#game-page iframe{ border: 0;}

.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; 
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.bg-wrapper{
    background: #000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
}


.previous_link,
.next_link{width: 49px;height: 49px;background: #ff4354;position: fixed;top: 50%;margin-top: -23px;border-radius:50%;background-repeat: no-repeat;cursor: pointer;z-index: 9994;}

.previous_link{left: 17px;background-image: url(../images/arrow-previous.png);background-position: 15px 50%; }
.next_link{right: 17px;background-image: url(../images/arrow-next.png);background-position: 20px 50%;}


#yellow-theme .previous_link,
#yellow-theme .next_link{
   background: #f8e010;
}


#green-theme .previous_link,
#green-theme .next_link{
    background:#74d890;
}

#purple-theme .previous_link,
#purple-theme .next_link{
    background: #6b83fe;
}

.threedobject {
    text-align: center;
    line-height: calc(100vh);
    height: calc(100vh);
}
.map-wrapper {
    height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 0;
    transition: visibility 0s, opacity 300ms linear;
    width: 100%; height: 100%; display: inline-block; position: fixed; top: 0;
}

.map-wrapper.faithhorne-none{background: url(../images/map-faithhorne-none.jpg) no-repeat center center / cover;}
.map-wrapper.faithhorne-one{background: url(../images/map-faithhorne-one.jpg) no-repeat center center / cover;}
.map-wrapper.faithhorne-two{background: url(../images/map-faithhorne-two.jpg) no-repeat center center / cover;}
.map-wrapper.faithhorne-three{background: url(../images/map-faithhorne-three.jpg) no-repeat center center / cover;}

.map-wrapper.ogilby-none{background: url(../images/map-ogilby-none.jpg) no-repeat center center / cover;}
.map-wrapper.ogilby-one{background: url(../images/map-ogilby-one.jpg) no-repeat center center / cover;}
.map-wrapper.ogilby-two{background: url(../images/map-ogilby-two.jpg) no-repeat center center / cover;}
.map-wrapper.ogilby-three{background: url(../images/map-ogilby-three.jpg) no-repeat center center / cover;}

.map-wrapper.hollar-none{background: url(../images/map-hollar-none.jpg) no-repeat center center / cover;}
.map-wrapper.hollar-one{background: url(../images/map-hollar-one.jpg) no-repeat center center / cover;}
.map-wrapper.hollar-two{background: url(../images/map-hollar-two.jpg) no-repeat center center / cover;}
.map-wrapper.hollar-three{background: url(../images/map-hollar-three.jpg) no-repeat center center / cover;}

@media (max-width: 360px) {
.map-wrapper.none, .map-wrapper.one, .map-wrapper.two, .map-wrapper.three{ 
    background-position-y: -88px; background-color: #d9d9da;}
}

@media (max-width: 414px) {
    .jump_btn-block{bottom: 35px;}
}
@media (max-width: 375px) {
    .jump_btn-block{bottom: 29px;}
}
@media (max-width: 320px) {
    .jump_btn-block{bottom: 19px;}
    .splash-content-wrapper ul li { padding: 0 0 1vh;}
    .splash-wrapper .head-title {padding: 5vh 0 3vh;}
    
    
    .splash-content-wrapper ul li,
    .splash-btn-block{ zoom: 0.90; 
        -moz-transform: scale(0.90);
        -moz-transform-origin: top;
        -o-transform: scale(0.90); 
        -o-transform-origin: top;
        -webkit-transform: scale(0.90); 
        -webkit-transform-origin: top;
        transform: scale(0.90); 
        transform-origin: top;}
    
    .splash-wrapper .head-title img {max-height: 50px;}

}

.lity-active , .lity-active body{ overflow: hidden; position: fixed; height: 100%; }