/*
© KidZania 2015
*/

/* ======== IMPORT FONT ========== */
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,800,900);*/
/*@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,800,900|Ubuntu:200, 300,400,500,700&subset=cyrillic-ext,latin-ext';*/

/*@import url('https://fonts.googleapis.com/css?family=Kanit:400,400i,700,700i,800,800i');*/
/*@import url('https://fonts.googleapis.com/css?family=Cairo:400,700,900&subset=arabic');*/

@font-face {
    font-family: 'KZfont';
    src: url('../fonts/kz-font.ttf');
    src: url('../fonts/kz-font.eot') format('embedded-opentype'), url('../fonts/kz-font.ttf') format('truetype'), url('../fonts/kz-font.woff') format('woff'), url('../fonts/kz-font.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Kanit';
    src: url('../fonts/Kanit/Kanit-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Regular.ttf');
    font-weight: 400;
    font-style: normal,;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Bold.ttf');
    font-weight: 600;
    font-style: normal,;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Black.ttf');
    font-weight: 900;
    font-style: normal,;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/Open_Sans/OpenSans-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal, italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Light.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-LightItalic.ttf');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu/Ubuntu-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}
/* ======== CUSTOM FONT ==========*/

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-u-emaar:before {
    content: "\e9f6";
}

.icon-disability-child:before {
    content: "\e9eb";
}

.icon-plus:before {
    content: "\e9ec";
}

.icon-minus:before {
    content: "\e9ed";
}

.icon-shopping-cart:before {
    content: "\e9ee";
}

.icon-flag-blank:before {
    content: "\e9ef";
}

.icon-boy:before {
    content: "\e9f0";
}

.icon-girl:before {
    content: "\e9f1";
}

.icon-woman:before {
    content: "\e9f2";
}

.icon-man:before {
    content: "\e9f3";
}

.icon-disability:before {
    content: "\e9f4";
}

.icon-baby:before {
    content: "\e9f5";
}

.icon-citizen-profile:before {
    content: "\e9e5";
}

.icon-logout:before {
    content: "\e9e6";
}

.icon-print:before {
    content: "\e9e7";
}

.icon-pencil:before {
    content: "\e9e8";
}

.icon-eye:before {
    content: "\e9e9";
}

.icon-pazzport-list:before {
    content: "\e9ea";
}

.icon-naturalized:before {
    content: "\e9de";
}

.icon-distinguished:before {
    content: "\e9e0";
}

.icon-honorable:before {
    content: "\e9e1";
}

.icon-parents-profile:before {
    content: "\e9e2";
}

.icon-joining:before {
    content: "\e9e3";
}

.icon-bank-balance:before {
    content: "\e9e4";
}

.icon-chat2:before {
    content: "\e92f";
}

.icon-toddler:before {
    content: "\e95f";
}

.icon-chemical-lab:before {
    content: "\e960";
}

.icon-pharmacy:before {
    content: "\e961";
}

.icon-sleeping:before {
    content: "\e962";
}

.icon-optometrist:before {
    content: "\e963";
}

.icon-pharmaceutical-lab:before {
    content: "\e964";
}

.icon-hospital:before {
    content: "\e965";
}

.icon-medical-lab:before {
    content: "\e966";
}

.icon-health-center:before {
    content: "\e967";
}

.icon-ambulance:before {
    content: "\e968";
}

.icon-dental:before {
    content: "\e969";
}

.icon-chiropractic:before {
    content: "\e96a";
}

.icon-antibacterial-lab:before {
    content: "\e96b";
}

.icon-vault:before {
    content: "\e96c";
}

.icon-saving-and-loan:before {
    content: "\e96d";
}

.icon-investment:before {
    content: "\e96e";
}

.icon-insurance:before {
    content: "\e96f";
}

.icon-private-assistance-institute:before {
    content: "\e970";
}

.icon-bank:before {
    content: "\e971";
}

.icon-e-card:before {
    content: "\e972";
}

.icon-urban-garden:before {
    content: "\e973";
}

.icon-waste-recycle:before {
    content: "\e974";
}

.icon-water-teratment:before {
    content: "\e975";
}

.icon-sutainable-home:before {
    content: "\e976";
}

.icon-recycle-shop:before {
    content: "\e977";
}

.icon-pet-recycle:before {
    content: "\e978";
}

.icon-recycle-plant:before {
    content: "\e979";
}

.icon-air-purifier:before {
    content: "\e97a";
}

.icon-ecobag:before {
    content: "\e97b";
}

.icon-wedding:before {
    content: "\e97c";
}

.icon-parade:before {
    content: "\e97d";
}

.icon-tattoo:before {
    content: "\e97e";
}

.icon-theatre:before {
    content: "\e97f";
}

.icon-fortune-teller:before {
    content: "\e980";
}

.icon-games-room:before {
    content: "\e981";
}

.icon-magic-studio:before {
    content: "\e982";
}

.icon-city-tour-bus:before {
    content: "\e983";
}

.icon-disco-lounge:before {
    content: "\e984";
}

.icon-face-painting:before {
    content: "\e985";
}

.icon-animation-studio:before {
    content: "\e986";
}

.icon-city-clock:before {
    content: "\e987";
}

.icon-education:before {
    content: "\e988";
}

.icon-secret-agent:before {
    content: "\e989";
}

.icon-road-safety:before {
    content: "\e98a";
}

.icon-science-lab:before {
    content: "\e98b";
}

.icon-space-center:before {
    content: "\e98c";
}

.icon-risk-prevention-center:before {
    content: "\e98d";
}

.icon-painting2:before {
    content: "\e98e";
}

.icon-modeling-studio:before {
    content: "\e98f";
}

.icon-music-studio:before {
    content: "\e990";
}

.icon-natural-disaster:before {
    content: "\e991";
}

.icon-finance-school:before {
    content: "\e992";
}

.icon-interior-design-studio:before {
    content: "\e993";
}

.icon-kindergarten:before {
    content: "\e994";
}

.icon-language-global-education:before {
    content: "\e995";
}

.icon-cullinary-school:before {
    content: "\e996";
}

.icon-dashion-design-studio:before {
    content: "\e997";
}

.icon-driving-shcool:before {
    content: "\e998";
}

.icon-acting-academy:before {
    content: "\e999";
}

.icon-aeronautical-lab:before {
    content: "\e99a";
}

.icon-architecture-workshop:before {
    content: "\e99b";
}

.icon-archive:before {
    content: "\e99c";
}

.icon-arts-and-crafts:before {
    content: "\e99d";
}

.icon-ballet:before {
    content: "\e99e";
}

.icon-museum:before {
    content: "\e99f";
}

.icon-service-center:before {
    content: "\e9a0";
}

.icon-driving-streets:before {
    content: "\e9a1";
}

.icon-expert-driving-streets:before {
    content: "\e9a2";
}

.icon-gas-station:before {
    content: "\e9a3";
}

.icon-motor-race-track:before {
    content: "\e9a4";
}

.icon-car-dealer:before {
    content: "\e9a5";
}

.icon-car-design:before {
    content: "\e9a6";
}

.icon-car-rental:before {
    content: "\e9a7";
}

.icon-auto-repair:before {
    content: "\e9a8";
}

.icon-bus:before {
    content: "\e9a9";
}

.icon-car-assembly:before {
    content: "\e9aa";
}

.icon-eating:before {
    content: "\e9ab";
}

.icon-house:before {
    content: "\e9ac";
}

.icon-shopping:before {
    content: "\e9ad";
}

.icon-sports:before {
    content: "\e9ae";
}

.icon-media:before {
    content: "\e9af";
}

.icon-police-badge:before {
    content: "\e9b0";
}

.icon-private-assistance:before {
    content: "\e9b1";
}

.icon-industry-building:before {
    content: "\e9b2";
}

.icon-kidzos-new:before {
    content: "\e9b3";
}

.icon-eco:before {
    content: "\e9b4";
}

.icon-shows:before {
    content: "\e9b5";
}

.icon-university:before {
    content: "\e9b6";
}

.icon-car-front:before {
    content: "\e9b7";
}

.icon-urbano-icon-5:before {
    content: "\e9b8";
}

.icon-urbano-icon-2:before {
    content: "\e9b9";
}

.icon-urbano-icon-3:before {
    content: "\e9ba";
}

.icon-urbano-icon-4:before {
    content: "\e9bb";
}

.icon-group:before {
    content: "\e9bc";
}

.icon-job-finder:before {
    content: "\e9bd";
}

.icon-urbano-icon-1:before {
    content: "\e9be";
}

.icon-around-kidzania:before {
    content: "\e9bf";
}

.icon-check:before {
    content: "\e9c0";
}

.icon-filter:before {
    content: "\e9c1";
}

.icon-bagage:before {
    content: "\e9c2";
}

.icon-refresh:before {
    content: "\e9c3";
}

.icon-ticket2:before {
    content: "\e9c4";
}

.icon-calendar-2:before {
    content: "\e9c5";
}

.icon-coupon:before {
    content: "\e9c6";
}

.icon-merchanidse:before {
    content: "\e9c7";
}

.icon-promo:before {
    content: "\e9c8";
}

.icon-resume:before {
    content: "\e9c9";
}

.icon-add-user:before {
    content: "\e9ca";
}

.icon-kz-flag:before {
    content: "\e9cb";
}

.icon-services:before {
    content: "\e9cc";
}

.icon-eating2:before {
    content: "\e9cd";
}

.icon-establishments2:before {
    content: "\e9ce";
}

.icon-shopping2:before {
    content: "\e9cf";
}

.icon-shows2:before {
    content: "\e9d0";
}

.icon-ages:before {
    content: "\e9d1";
}

.icon-capacity:before {
    content: "\e9d2";
}

.icon-location-pin:before {
    content: "\e9d3";
}

.icon-briefcase:before {
    content: "\e9d4";
}

.icon-calendar2:before {
    content: "\e9d5";
}

.icon-clock2:before {
    content: "\e9d6";
}

.icon-kz-info:before {
    content: "\e9d7";
}

.icon-bkz-1:before {
    content: "\e9d8";
}

.icon-bkz-2:before {
    content: "\e9d9";
}

.icon-bkz-3:before {
    content: "\e9da";
}

.icon-train:before {
    content: "\e9db";
}

.icon-car:before {
    content: "\e9dc";
}

.icon-chat:before {
    content: "\e9dd";
}

.icon-public-transportation:before {
    content: "\e9df";
}

.icon-ticket:before {
    content: "\e900";
}

.icon-clock:before {
    content: "\e914";
}

.icon-calendar:before {
    content: "\e901";
}

.icon-a-nation-is-formed:before {
    content: "\e902";
}

.icon-a-spirit-is-born2:before {
    content: "\e903";
}

.icon-around-the-world2:before {
    content: "\e904";
}

.icon-kidzanians:before {
    content: "\e905";
}

.icon-language2:before {
    content: "\e906";
}

.icon-labor-day:before {
    content: "\e907";
}

.icon-the-company2:before {
    content: "\e908";
}

.icon-national-symbols2:before {
    content: "\e909";
}

.icon-to-create:before {
    content: "\e90a";
}

.icon-to-share:before {
    content: "\e90b";
}

.icon-to-play:before {
    content: "\e90c";
}

.icon-to-care:before {
    content: "\e90d";
}

.icon-to-know:before {
    content: "\e90e";
}

.icon-to-be:before {
    content: "\e90f";
}

.icon-saving-money2:before {
    content: "\e910";
}

.icon-earning-money2:before {
    content: "\e911";
}

.icon-spending-money2:before {
    content: "\e912";
}

.icon-economy2:before {
    content: "\e913";
}

.icon-vision:before {
    content: "\e931";
}

.icon-values:before {
    content: "\e932";
}

.icon-traditions:before {
    content: "\e933";
}

.icon-tourist:before {
    content: "\e934";
}

.icon-roleplay:before {
    content: "\e935";
}

.icon-rk-bday:before {
    content: "\e936";
}

.icon-rightzkeepers:before {
    content: "\e937";
}

.icon-rightz-are-defined2:before {
    content: "\e938";
}

.icon-redeeming-money:before {
    content: "\e939";
}

.icon-press:before {
    content: "\e93a";
}

.icon-press-news2:before {
    content: "\e93b";
}

.icon-press-kz-journal2:before {
    content: "\e93c";
}

.icon-press-kit2:before {
    content: "\e93d";
}

.icon-portrait-of-kz:before {
    content: "\e93e";
}

.icon-painting:before {
    content: "\e93f";
}

.icon-our-story:before {
    content: "\e940";
}

.icon-our-culture2:before {
    content: "\e941";
}

.icon-national-monuments:before {
    content: "\e942";
}

.icon-music:before {
    content: "\e943";
}

.icon-mision:before {
    content: "\e944";
}

.icon-korporate2:before {
    content: "\e946";
}

.icon-kids-day:before {
    content: "\e947";
}

.icon-kids-activities2:before {
    content: "\e948";
}

.icon-key-to-the-city:before {
    content: "\e949";
}

.icon-inspired2:before {
    content: "\e94a";
}

.icon-industry-partners:before {
    content: "\e94b";
}

.icon-industry-clusters:before {
    content: "\e94c";
}

.icon-independence-day:before {
    content: "\e94d";
}

.icon-government-rights2:before {
    content: "\e94e";
}

.icon-franchises2:before {
    content: "\e94f";
}

.icon-foundation-day:before {
    content: "\e950";
}

.icon-for-good-works2:before {
    content: "\e951";
}

.icon-experiential-learning:before {
    content: "\e952";
}

.icon-establishments:before {
    content: "\e953";
}

.icon-essence:before {
    content: "\e954";
}

.icon-donating2:before {
    content: "\e955";
}

.icon-declaration-is-made:before {
    content: "\e956";
}

.icon-csr2:before {
    content: "\e957";
}

.icon-city-setting:before {
    content: "\e958";
}

.icon-city-plan:before {
    content: "\e959";
}

.icon-city-is-envisioned:before {
    content: "\e95a";
}

.icon-benefits-roleplay:before {
    content: "\e95b";
}

.icon-awards2:before {
    content: "\e95c";
}

.icon-arts2:before {
    content: "\e95d";
}

.icon-architecture:before {
    content: "\e95e";
}

.icon-our-culture:before {
    content: "\e915";
}

.icon-the-company:before {
    content: "\e916";
}

.icon-spirit-is-born:before {
    content: "\e917";
}

.icon-government-rights:before {
    content: "\e918";
}

.icon-national-symbols:before {
    content: "\e919";
}

.icon-arts:before {
    content: "\e91a";
}

.icon-language:before {
    content: "\e91b";
}

.icon-for-good-works:before {
    content: "\e91c";
}

.icon-korporate:before {
    content: "\e91d";
}

.icon-franchises:before {
    content: "\e91e";
}

.icon-press-news:before {
    content: "\e91f";
}

.icon-press-kz-journal:before {
    content: "\e920";
}

.icon-press-kit:before {
    content: "\e921";
}

.icon-a-spirit-is-born:before {
    content: "\e922";
}

.icon-rightz-are-defined:before {
    content: "\e923";
}

.icon-csr:before {
    content: "\e924";
}

.icon-inspired:before {
    content: "\e925";
}

.icon-awards:before {
    content: "\e926";
}

.icon-donating:before {
    content: "\e927";
}

.icon-saving-money:before {
    content: "\e928";
}

.icon-spending-money:before {
    content: "\e929";
}

.icon-economy:before {
    content: "\e92a";
}

.icon-language-and-traditions:before {
    content: "\e92b";
}

.icon-around-the-world:before {
    content: "\e92c";
}

.icon-earning-money:before {
    content: "\e92d";
}

.icon-favicon:before {
    content: "\e92e";
}

.icon-kids-activities:before {
    content: "\e930";
}

.icon-language-and-traditions2:before {
    content: "\e945";
}


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

[class^="icon-"], [class*=" icon-"] {
  
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

/* 

.icon-Calendar:before {
  content: "\e900";
  color: inherit;
}
.icon-Clock:before {
  content: "\e901";
  color: inherit;
}
.icon-Ticket-Entance:before {
  content: "\e902";
  color: inherit;
}
.icon-Ticket-Entrance:before {
  content: "\e903";
  color: inherit;
}
.icon-TicketEntrance:before {
  content: "\e904";
  color: inherit;
}
*/

/*
.icon-ticket:before {
  content: "\e900";
}
.icon-clock:before {
  content: "\e914";
}
.icon-calendar:before {
  content: "\e901";
}
.icon-a-nation-is-formed:before {
  content: "\e902";
}
.icon-a-spirit-is-born:before {
  content: "\e903";
}
.icon-around-the-world:before {
  content: "\e904";
}
.icon-kidzanians:before {
  content: "\e905";
}
.icon-language:before {
  content: "\e906";
}
.icon-labor-day:before {
  content: "\e907";
}
.icon-the-company:before {
  content: "\e908";
}
.icon-national-symbols:before {
  content: "\e909";
}
.icon-to-create:before {
  content: "\e90a";
}
.icon-to-share:before {
  content: "\e90b";
}
.icon-to-play:before {
  content: "\e90c";
}
.icon-to-care:before {
  content: "\e90d";
}
.icon-to-know:before {
  content: "\e90e";
}
.icon-to-be:before {
  content: "\e90f";
}
.icon-saving-money:before {
  content: "\e910";
}
.icon-earning-money:before {
  content: "\e911";
}
.icon-spending-money:before {
  content: "\e912";
}
.icon-economy:before {
  content: "\e913";
}*/





/* ======== BOOTSTRAP STYLE ========= */
ul {
    list-style: disc url('../images/list-bullet-01.svg');
}

/*
List style for CMS
ul {
    list-style: disc url(../assets/list-bullet.svg);
}

*/
/*
    NAVBAR
*/
.navbar.navbar-default {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    background: linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent);
    padding-bottom: 40px;
    position: absolute;
    width: 100%;
}

.nav-container {
    max-width: 1550px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.navbar-brand {
    width: 240px;
}
/* IpadFix 
@media (max-width: 1200px){
    .nav-container.tick {
        margin-top: 150px;
        max-width: 500px;
    }
}*/

@media (max-width: 768px) {
    .nav-container.tick {
        position: absolute;
        margin-top: 170px;
        max-width: none;
        padding: 0;
    }
}

.navbar .navbar-brand, {
    padding-right: 30px;
    height: 30px;
    outline: 0;
    margin-top: -35px;
    padding-left: 10px !important;
}

    .navbar .navbar-brand img, .navbar-brand img {
        max-width: 210px;
        margin-top: 15px;
        /*max-width:60%;*/
    }

.navbar-nav > li > a {
    margin: 8px 10px;
    padding: 0;
    font-weight: 200;
    font-size: 15px;
    line-height: 1.4;
    color: #FFF !important;
    line-height: 3px !important;
}
/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .navbar-nav > li > a, :root .lang-selector-ticket a {
    font-weight: 500;
}

_::-webkit-full-page-media, _:future, :root #navSpy .navbar-nav > li > a {
    font-weight: 400;
}
/*  IE & Edge */
_:-ms-input-placeholder, :root .navbar-nav > li > a, :root .lang-selector-ticket a {
    font-weight: 500;
}

_:-ms-input-placeholder, :root .lang-selector-ticket a, :root .ticket-bar a {
    font-weight: 600;
}



.navbar-nav a.current {
    background: rgba(0,0,0,.4);
    border-radius: 20px;
    opacity: .5;
}

.navbar-nav li.current {
    background: rgba(0,0,0,.4);
    border-radius: 20px;
    opacity: .5;
}

.footer-nav li.current {
    padding: 5px;
    background: rgba(0,0,0,.1);
    border-radius: 20px;
}

.footer-nav .current a {
    color: #000;
    opacity: 1;
}

.navbar-nav li.current > a {
    padding-left: 12px;
    padding-right: 12px;
}

@media (max-width: 800px) {
    .navbar-nav a.current {
        background: transparent;
        border-radius: 20px;
        opacity: 1;
    }

    .navbar-nav li.current {
        background: transparent;
        border-radius: 20px;
        opacity: 1;
    }

        .navbar-nav li.current a {
            color: #F38230 !important;
        }

    .footer-nav li.current {
        padding: 5px;
        background: transparent;
        border-radius: 20px;
    }

    .footer-nav li.current {
        padding: 5px;
        background: transparent;
        border-radius: 20px;
    }

        .footer-nav li.current a:hover {
            color: #F38230;
            opacity: 1;
        }

    .navbar-nav li.current > a {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.navbar-default .navbar-nav > .open > a, .navbar-default, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    !important;
    color: #bd234d !important;
    z-index: 5;
}

.dropdown.open .dropdown-toggle a {
    color: #000;
}

.dropdown.open .caret {
    opacity: 0;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #F38230 !important;
    text-decoration: none;
    transition: color 0 ease-out;
    background: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: transparent;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #777;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: hsla(0,0%,100%,.6) !important;
    background: rgba(0,0,0,.4);
    white-space: nowrap;
    border-radius: 30px;
    padding: 4px 12px 3px;
}

.navbar-collapse {
    border-top: 0;
    box-shadow: none;
    max-height: 600px;
}

.navbar-header.open {
    margin-top: -300px;
}

    .navbar-header.open.nation {
        margin-top: -380px;
    }

    .navbar-header.open.company {
        margin-top: -420px;
    }


.lang-selector {
    position: absolute;
    margin-left: 230px;
    color: #FFF;
    margin-top: -7px;
    font-size: 13px;
    font-weight: 300;
}

    .lang-selector .glyphicon {
        margin-right: 4px;
        font-size: 13px;
    }

@ @media (max-width: 800px) {
    .lang-selector {
        top: 30px;
        z-index: 3;
        max-width: 70px;
    }
}

.lang-selector-ticket {
    position: relative;
    text-align: right;
    margin-bottom: 5px;
    margin-top: 0px;
}

    .lang-selector-ticket a {
        color: #FFF;
        font-size: 13px;
        padding: 5px 15px !important;
        border-radius: 10px;
    }

    .lang-selector-ticket .glyphicon, .lang-selector-ticket [class^="icon-"], .lang-selector-ticket [class*=" icon-"] {
        margin-right: 3px;
    }

.navbar-right {
    margin-top: 0px;
}

/ /* ipadFix
@media (max-width:1200px) {
    .lang-selector-ticket {
        position: absolute;
        top:26%;
        left:63%;
    }
}*/
.mobile-franchise-name {
    text-align: center;
    color: #FFF;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 47px;
    width: 140px;
    font-family: Arial, sans-serif;
}

/*
===
*/
.navbar-info {
    padding: 7px 15px;
    background: #202326;
    /*#F5F5F5*/
    margin-bottom: 0;
    font-size: 12px;
}

    .navbar-info li {
        list-style: none;
        display: inline;
        margin-left: 5px;
        margin-right: 15px;
        color: #818894;
    }
/*
    DROPDOWN MENU
*/
.dropdown-menu {
    position: absolute;
    top: 40px;
    left: 0;
    text-align: right;
    z-index: 1;
    display: none;
    float: left;
    min-width: 140px;
    padding: 10px 0 10px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #FFF;
    color: #bd234d;
    border: 0;
    border-radius: 10px !important;
    -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.2);
    box-shadow: 0 5px 25px rgba(0,0,0,.2);
    background-clip: padding-box;
}

    .dropdown-menu li a {
        padding: 5px 15px !important;
        color: #bd234d;
        font-size: 13px;
        font-weight: 300;
    }

        .dropdown-menu li a:hover {
            background: #FFF;
            color: #F38230;
        }

@media (max-width: 800px) {
    .dropdown-menu li a:hover {
        background: transparent;
        color: #F38230 !important;
    }

    .dropdown-menu li a {
        font-size: 16px;
    }
}

.sticky-nav {
    width: 100%;
    z-index: 3;
}

#kznation-dropdown-menu {
    right: auto;
    left: -8px;
    margin-top: -12px;
    text-align: left;
}

#companyinfo-dropdown-menu {
    margin-top: -12px;
}


#kznation2, #companyinfo2 {
    z-index: 2;
}

#kznation-dropdown-menu-2 {
    left: -10px;
    right: auto;
    text-align: left;
    top: 25px
}

    #kznation-dropdown-menu-2 .dropdown-menu {
        margin-top: -10px;
    }

#companyinfo-dropdown-menu-2 {
    margin-top: 0px;
    left: auto;
    right: 0;
}

a:hover#kznation2.open, a:hover#companyinfo2.open, a#kznation2.open, a#companyinfo2.open {
    color: #F38230 !important;
}
/*
    MAIN NAV
*/
.nav-bar-custom {
    background-color: #fff;
    border-bottom: #d97300 6px solid;
    height: 170px;
}

.main-nav {
    position: absolute;
    overflow-y: scroll !important;
    background-color: transparent;
    width: 100%;
    margin: -17px 0 !important;
}
/*
    HEAD SHRINK
*/
nav a {
    padding-top: 5px !important;
    padding-bottom: 20px !important;
    font-size: 18px;
}

nav .navbar-toggle {
    margin: 15px 0 15px 15px;
    position: absolute;
    background: transparent;
    border-width: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #FFF;
    width: 22px;
    height: 4px;
}

    .navbar-default .navbar-toggle .icon-bar.middle {
        width: 16px;
        margin-left: auto;
        margin-right: auto;
    }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: transparent;
}

nav.navbar.shrink {
    height: 111px;
}


nav.shrink a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 15px;
    line-height: 2;
}

nav.shrink .navbar-brand {
    position: absolute;
    width: 300px;
    margin: 5px 7.6em !important;
}

nav.shrink .navbar-toggle {
    padding: 10px 10px;
    margin: 10px 20px 10px 0;
}

nav.shrink .main-nav {
    top: 80%;
    background-color: transparent;
}
/* ipadFix
@media(max-width: 1200px) {

.main-nav{
    position: absolute;
    overflow-y: scroll !important;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin: -17px 0 !important;

    }
#logo {
    display: none;
}
.nav-bar-custom{
	height:auto;
	}

.navbar .navbar-brand {
	width: 100%;
	}
.logo-header-mobile {
    width: 230px;
    position: relative;
    margin-top:-150px;
}

.navbar .navbar-brand img {
        margin: 0;
}

nav.navbar.shrink {
  	height: auto;}

nav.shrink .main-nav{
    top: 130%;
    }

nav.shrink .navbar-brand {
    position: absolute;
	max-width: 65%;
    margin: 5px 1em !important;
    }
}
*/
.navbar-nav.navbar-right:last-child {
    margin-right: 0pc;
}

#navSpy {
    width: 100%;
    font-size: 16px;
    text-align: center;
    /*box-shadow: 0 2px 2px rgba(0,0,0,0.05);*/
    position: fixed;
    margin-top: -100px;
    transition: all .5s;
    background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1));
}
/* Hide navSpy for smaller resolutions */
@media (max-width:1200px ) {
    #navSpy {
        display: none;
    }
}

@media (min-width:2360px) {
    #navSpy {
        background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1));
    }
}

@media (max-width:2359px) {
    #navSpy {
        background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1));
    }
}

@media (max-width:2359px) {
    #navSpy {
        background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0), rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1));
    }
}

.mainNavSpy {
    width: 100%;
    display: block;
    background: #bd234d;
    color: #FFF;
    padding: 12px 0 7px;
    text-align: right;
    padding-right: 20px;
}

    .mainNavSpy .navbar-nav {
        float: none;
        text-align: right;
        display: inline-block;
    }

.nav-brand-2 {
    width: 40px;
    top: 5px;
    margin-left: 20px;
    position: absolute;
}

.mainNavSpy a {
    color: #FFF;
}

    .mainNavSpy a:hover {
        color: #F38230 !important;
        background-color: transparent !important;
    }

.navSpy {
    display: block;
    padding: 8px 0;
}

.nav > li > a, .nav > li {
    display: inline;
}

.nav > li {
    padding-bottom: 5px;
}

.mainNavSpy .lang-selector {
    position: relative;
    margin: 2px 80px;
    float: left;
}

.navSpy a {
    color: #aaa;
    margin: 0 10px;
}

.navSpy .active a {
    color: #F38230;
}

.navSpy a:hover {
    color: #777;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: none;
}

@media (max-width: 768px) {
    .nav-container {
        padding-left: 0;
        padding-right: 0;
    }
}

/*
    BUTTON
*/
.btn {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding: 10px 40px;
    text-align: center;
    color: #bd234d;
    cursor: pointer !important;
    /*background-color: #bd234d;*/
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 30px;
    outline: 0;
    font-size: 18px;
    font-weight: bold;
    /*box-shadow: 0 5px 15px rgba(189,35,77,.2);*/
    box-shadow: inset 0 0 0 2px #d00a40;
    text-shadow: 0 0 1px rgba(0,0,0,.1);
    border: 0;
}

    .btn:hover {
        color: #FFF;
        /*background-image: linear-gradient(to top,#E7255A 0,#CA1F4B 100%);*/
        background-image: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
        border-color: transparent;
        box-shadow: none;
    }

.btn-dark {
    background: #2f3238;
    color: #FFF;
    border-color: #2f3238;
}

    .btn-dark:hover {
        background: #444;
        color: #FFF;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.btn-outline {
    border: none;
    border-radius: 35px;
    box-sizing: border-box;
    padding: 10px 40px;
    box-shadow: inset 0 0 0 2px #FFF;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #FFF;
}

    .btn-outline:hover {
        text-decoration: none;
        background: #444;
        color: #FFF;
        background-image: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
    color: inherit;
}

.btn-red {
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    height: 44px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: #bd234d;
    background-image: linear-gradient(180deg,#e7255a 0,#ca1f4b);
    box-sizing: border-box;
    border-radius: 25px;
    outline: none;
    color: #fff;
    border: none;
    box-shadow: 0 8px 15px rgba(133,26,44,.3),0 20px 55px rgba(206,27,74,.35);
}

@media (max-width: 1100px) {
    .btn-red {
        box-shadow: none;
    }
}

.mid-header .btn-red {
    display: block;
    margin: 0 auto;
    max-width: 300px;
}

/*
    LINK
*/
.lnk {
    color: #f5821f;
}

    .lnk:hover {
        color: #afafaf;
        text-decoration: none;
    }
/*
    FORM
*/
/*.form-control {
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 5px;
    width: 98%;

}*/
.form-control {
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143 !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 5px;
    width: 98%;
}

    .form-control:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        border-color: #25292c;
    }

label {
    font-weight: 300;
    font-size: 16px;
}
/*
    FORM
*/
.form-control {
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    -webkit-appearance: none;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 5px;
    width: 98%;
}

    .form-control:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        border-color: #bd234d;
    }

select.form-control:after {
    content: '▾';
    display: inline-block;
}

.contact label {
    font-weight: 300;
    font-size: 20px;
    color: #f18b21;
}

.extended-inputs {
    display: none;
}

select:focus > option:checked {
    background: #bd234d !important;
    box-shadow: inset 20px 20px #bd234d
}

/*
    Columns
*/
.col-sm-6 {
    margin-bottom: 30px;
}

.col-sm-4, .col-sm-6, .col-sm-9 {
    padding: 0 30px;
}

.test.col-sm-4 img, .test.col-sm-6 img, .test.col-sm-9 img {
    display: inline-block;
    position: relative;
}

.col-sm-4 h3, .col-sm-6 h3, .col-sm-9 h3 {
    padding-left: 60px;
}

.row {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

.img-icon {
    max-width: 70px;
    margin-right: 10px;
}

@media (max-width: 600px) {
    .img-icon {
        margin: 0 auto;
        display: block;
    }
}


/* ======== GENERAL ========== */
*, *:hover, *:focus, *:active {
    outline: 0;
}

body, html {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}

body {
    font: 400 18px/1.4 Ubuntu,sans-serif;
    color: #000;
    background: #FFF;
    padding-top: 0;
    position: relative;
}

    body.th, body.th h2, body.th h1 {
        font-family: 'Kanit', sans-serif;
    }

        body.th .title {
            font-weight: 700;
        }

    body.ar, body.ar h2, body.ar h1 {
        font-family: 'Cairo', sans-serif;
    }
/*
body.ar {
    direction: rtl;
    text-align: right;
}*/


h3 {
    font-size: 30px;
    margin-bottom: 12px;
    display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    /*text-shadow: 0 1px 2px rgba(0,0,0,0.6);*/
}

h1, h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

h4 {
    font-size: 24px;
}

a {
    outline: 0;
    color: #bd234d;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    a:hover {
        text-decoration: none;
        color: #f5821f;
    }

code {
    white-space: inherit;
}

pre {
    margin-top: 20px;
    margin-bottom: 10px;
}

p {
    margin-top: 12px;
    margin-bottom: 12px;
}

.underlined {
    text-decoration: underline;
}

.hover-underlined:hover {
    text-decoration: underline;
}

.white {
    color: #FFF !important;
}

.light {
    font-weight: 100 !important;
}

.medium {
    font-weight: 300 !important;
}

.main-color {
    color: #991f36;
}

.section-wrapper.text-left, .text-left {
    text-align: left;
}

.responsive-video iframe {
    border: 0;
}
/* give margin bottom when break into mobile resolution */
@media(max-width: 768px) {
    .mg-sm {
        margin-bottom: 30px;
    }
}
/* spacer */
.spacer {
    display: block;
    width: 100%;
}

    .spacer.big {
        height: 100px;
    }

    .spacer.small {
        height: 20px;
    }

    .spacer.medium {
        height: 50px;
    }

.animatez {
    opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: Alpha(opacity=0);
    /* IE8 and earlier */
}

.delay.one {
    animation-delay: 0.15s;
    -o-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
}

.delay.two {
    animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.delay.three {
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
}

.delay.four {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.delay.five {
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
}
/*
    SUPER SLIDES
*/
#slides .slides-container {
    display: none;
}

#slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

    #slides .scrollable:after {
        content: "";
        display: table;
        clear: both;
    }

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    /*top: 46%;*/
    bottom: 50px;
    width: 100%;
    outline: 0;
}

    .slides-navigation a {
        position: absolute;
        display: block;
        width: 56px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 35px;
        background: #f1f1f1;
        color: #999;
        outline: 0;
    }

        .slides-navigation a:hover {
            background: #991f36;
        }

        .slides-navigation a.prev {
            padding-right: 5px;
            border-right: 1px solid #999;
            left: 0;
            -webkit-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.05);
            -moz-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.05);
            box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.05);
        }

        .slides-navigation a.next {
            padding-left: 5px;
            border-left: 1px solid #999;
            right: 0;
            -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
            -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
            box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
        }

.slides-pagination {
    position: absolute;
    z-index: 2;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    background: #f1f1f1;
    letter-spacing: -999999999px;
}

    .slides-pagination a {
        border-radius: 15px;
        outline: 0;
        width: 15px;
        height: 15px;
        display: inline-block;
        margin: 4px;
        line-height: 50px !important;
        content: '';
        overflow: hidden;
        background: #999;
        /* Old browsers */
        background: -moz-linear-gradient(top, #999 0%, #666 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e1011), color-stop(100%, #1d2023));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #999 0%, #666 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #999 0%, #666 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #999 0%, #666 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #999 0%, #666 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#666', GradientType=0);
        /* IE6-9 */
        -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.14);
        -moz-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.14);
        box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.14);
    }

        .slides-pagination a.current {
            background: #991f36;
            -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
        }
/* Fullscreen fixed background */
.fullscreen-image {
    position: relative !important;
    z-index: -99;
}

.header-gradient {
    width: 100%;
    height: 300px;
    background: -moz-linear-gradient(top, rgba(30,87,153,0), rgba(0,0,0,0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0),rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0),rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#80000000',GradientType=0 );
    bottom: 0;
    position: absolute;
}

.header-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

    .header-center.internal {
        top: 56%;
    }

    .header-center h1, .header-center p {
        color: #FFF;
    }

    .header-center h1 {
        font-weight: 600;
        font-size: 48px;
        text-shadow: 0 1px 7px rgba(0,0,0,0.6);
    }

        .header-center h1 span {
            font-weight: 800;
        }

@media(max-width: 768px) {
    .header-center h1 {
        font-size: 30px;
    }

    .header-center p {
        display: none;
    }
}

.header-center p {
    font-size: 22px;
    font-weight: 300;
    text-shadow: 0 1px 7px rgba(0,0,0,0.6);
}

.header-center a {
    color: #FFF;
    margin-top: 2%;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    font-size: 25px;
    display: inline-block;
    border: 2px solid #FFF;
    background: rgba(0, 0, 0, 0);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    outline: 0;
}

    .header-center a:hover {
        background: #d97300;
        border-color: #f5821f;
        color: #FFF;
        outline: 0;
    }

#kznation {
    z-index: 2;
}

@media(max-width: 800px) { /*previously 1200px*/
    .header-center h1, h2 {
        font-size: 36px;
    }
}

/* ipadFix
@media (min-width: 769px) and (max-width: 1200px){
    .navbar-nav.navbar-right {
        padding:0;
        float:none !important;
        width: 660px;
        margin-left: auto;
        margin-right: auto !important;
        margin-top: 130px;
        text-align: center;
        line-height: 2;
    }
    .navbar-toggle {
        display:none
    }
    .navbar-collapse {
        margin-top: 0px;
    }
    .widget {
        margin-top: 16%;
   }
    .fill-wrapper {
        padding: 100px 0;
    }


}
*/

@media (max-width: 768px) {
    .home-wrapper {
        height: 60%
    }

    .navbar-nav > li > a {
        font-size: 20px;
    }

    .navbar-nav > li {
        margin-bottom: 10px;
    }

    .header-center {
        top: 40%
    }

    .navbar-collapse {
        position: absolute;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

        .navbar-collapse li {
            display: block;
            margin-bottom: 10px;
        }

    .navbar-nav.navbar-right {
        float: left !important;
        padding-top: 260px;
        padding-left: 20px;
        margin: 0;
        background: #bd234d;
        width: 100%;
    }

    .logo-header-mobile {
        margin-top: 30px;
    }

    #kznation-dropdown-menu, #companyinfo-dropdown-menu {
        position: relative;
        float: none;
        background: transparent;
        box-shadow: none;
        padding: 20px 20px 10px;
        top: 0;
    }

        #kznation-dropdown-menu a, #companyinfo-dropdown-menu a {
            color: #FFF;
        }

    #companyinfo-dropdown-menu {
        text-align: left;
    }

        #kznation-dropdown-menu li, #companyinfo-dropdown-menu li {
            display: inline;
        }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF !important;
    }
}

@media (min-width: 768px) {
}
/* Animation of the content inside the header */
.header-center.fade-in {
    zoom: 0;
    animation: fadeit 1s ease-out forwards;
    animation-iteration-count: 1;
    -webkit-animation: fadeit 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: fadeit 1s;
    -moz-animation-iteration-count: 1;
    -ms-animation: fadeit 1s;
    -ms-animation-iteration-count: 1;
}

.logo-header-mobile {
    display: none;
}

@keyframes fadeit {
    from {
        top: 76%;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    to {
        top: 80%;
        filter: alpha(opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes fadeit {
    from {
        top: 76%;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    to {
        top: 80%;
        filter: alpha(opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes fadeit {
    from {
        top: 76%;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    to {
        top: 80%;
        filter: alpha(opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes fadeit {
    from {
        top: 76%;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    to {
        top: 80%;
        filter: alpha(opacity=100);
        opacity: 1;
    }
}
/*
    BACK TO TOP
*/
.totop {
    position: fixed;
    bottom: 68px;
    right: 0px;
    width: 0px;
    height: 0px;
    color: #FFF;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent #a0a3a3 transparent;
    z-index: 8;
}

    .totop span {
        position: relative;
        overflow: hidden;
        font-size: 20px;
        bottom: -27px;
        display: inline-block;
        left: -50px;
        cursor: pointer;
        height: 42px;
        width: 60px;
        line-height: 30px;
        text-align: center;
        z-index: 1000;
    }

    .totop a {
        position: absolute;
        right: 0;
        display: inline-block;
        width: 60px;
        height: 60px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .totop .first {
        top: 0px;
    }

    .totop .hover {
        top: 20px;
    }

    .totop .first i {
        color: #FFF;
    }

    .totop:hover {
        cursor: pointer;
    }

        .totop:hover span > a.first {
            top: -20px;
        }

        .totop:hover span > a.hover {
            top: 0px;
            color: #991f36;
        }

@media (min-width:769px) {
    .totop {
        bottom: 0;
    }
}

.totop-modal {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 0px;
    height: 0px;
    color: #FFF;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent rgba(18, 24, 24, .4) transparent;
    z-index: 999;
}

    .totop-modal a {
        position: absolute;
        color: #FFF;
        margin-left: -26px;
        margin-top: 34px;
        font-size: 14px;
    }

        .totop-modal a:hover {
            color: #bd234d;
        }

/*      MAP
*/
.kznationmap {
    width: 1000px;
    height: 549px;
    background: url(../images/map-background.jpg);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    position: relative;
}

    .kznationmap a {
        color: #505050;
        font-size: 14px;
        cursor: pointer !important;
    }

    .kznationmap img {
        width: 19px;
    }

    .kznationmap a:hover {
        color: #F7F7F7;
        font-size: 17px;
    }

.usa {
    top: 180px;
    left: 131px;
    position: absolute;
}

.monterrey {
    top: 228px;
    left: 135px;
    position: absolute;
}

.guadalajara {
    top: 228px;
    right: 862px;
    position: absolute;
}

.santafe {
    top: 243px;
    right: 849px;
    position: absolute;
}

.cuicuilco {
    top: 245px;
    left: 144px;
    position: absolute;
}

.san-jose {
    top: 281px;
    left: 189px;
    position: absolute;
}

.santiago {
    right: 754px;
    top: 434px;
    position: absolute;
}

.saopaulo {
    left: 307px;
    top: 399px;
    position: absolute;
}

.lisbon {
    right: 558px;
    top: 173px;
    position: absolute;
}

.london {
    right: 534px;
    top: 127px;
    position: absolute;
}

.paris {
    left: 462px;
    top: 143px;
    position: absolute;
}

.moscow {
    left: 571px;
    top: 111px;
    position: absolute;
}

.istanbul {
    left: 546px;
    top: 167px;
    position: absolute;
}

.cairo {
    right: 434px;
    top: 204px;
    position: absolute;
}

.johannesburg {
    left: 542px;
    top: 400px;
    position: absolute;
}

.jeddah {
    right: 400px;
    top: 240px;
    position: absolute;
}

.kuwait {
    left: 600px;
    top: 190px;
    line-height: 1;
    position: absolute;
}

.dubai {
    left: 631px;
    top: 220px;
    position: absolute;
}

.mumbai {
    left: 685px;
    top: 246px;
    position: absolute;
}

.delhi {
    left: 708px;
    top: 218px;
    position: absolute;
}

.kuala {
    right: 211px;
    top: 289px;
    position: absolute;
}

.singapore {
    left: 784px;
    top: 304px;
    position: absolute;
}

.jakarta {
    right: 185px;
    top: 335px;
    position: absolute;
}

.manila {
    left: 840px;
    top: 260px;
    position: absolute;
}

.seoul {
    right: 129px;
    top: 173px;
    position: absolute;
}

.busan {
    right: 122px;
    top: 188px;
    position: absolute;
}

.koshien {
    left: 889px;
    top: 190px;
    position: absolute;
}

.tokyo {
    left: 897px;
    top: 178px;
    position: absolute;
}

/* ============= SECTION =============== */
.section-outter {
    position: relative;
    z-index: 2;
}

.section-wrapper {
    padding-top: 60px;
    background: #FFF;
    text-align: center;
}

.section-title {
    text-align: center;
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px
}

.title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    color: #25292c;
    padding: 0 20px;
}

.section-title .subtitle {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 0;
    color: inherit;
}

section li {
    margin-bottom: 5px;
}

@media (max-width: 800px) {
    .section-title .subtitle {
        font-size: 18px;
        line-height: 1.5;
        text-align: left;
    }

    .section-title {
        padding: 30px;
    }

    .modal-body .section-title {
        padding: 10px 0 0 0;
    }

    p, .modal-body ul, section ul, .btn-lg {
        font-size: 16px;
    }

    .footer-nav > ul > li {
        display: block;
        text-align: left;
    }

        .footer-nav > ul > li > a {
            padding: 6px !important;
            margin-left: 25px;
        }

    .footer-nav ul {
        padding-top: 0 !important;
    }
}

.title-break {
    border-top: 3px solid #CCC;
    width: 80px;
    margin: 40px auto 100px auto;
    display: inline-block;
}

.arc-divider {
    width: 100%;
    position: relative;
    background: url(../images/arc.svg) bottom/cover no-repeat;
    height: 70px;
    margin-top: -70px;
    z-index: 1;
}

@media (max-width: 800px) {
    .arc-divider {
        height: 40px;
        margin-top: -40px;
    }
}

@media (max-width: 400px) {
    .arc-divider {
        height: 25px;
        margin-top: -25px;
    }
}

.arc-svg {
    bottom: -1px;
    left: 0;
    position: absolute;
    z-index: 1;
}
/*
    SECTION FILL
*/
.section-fill {
}

.section-fill-inner {
    height: 622px;
}

.bg-parallax {
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.bg-wrapper {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.internal-head {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .internal-head.what {
        background: #f7f7f7 url(../images/what-is-kidzania-main-header.jpg) center center/cover no-repeat;
    }

.video-wrapper {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
    background-position: center center;
}

    .bg-video video {
        position: absolute !important;
        z-index: -3;
        clear: both;
    }

.imac-wrapper {
    position: relative;
    height: 300px;
}

    .imac-wrapper img {
        position: absolute;
        bottom: -175px;
        left: 50%;
        margin-left: -490px;
    }

    .imac-wrapper a img {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        max-width: 100%;
    }

    .imac-wrapper a:hover img {
        bottom: -165px;
    }

@media (max-width: 768px) {
    .imac-wrapper {
        height: 200px;
    }

        .imac-wrapper img {
            margin-left: -330px;
            min-width: 650px;
        }
}

.video-overlay {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.fill-wrapper {
    padding: 180px 0; /*background-color:rgba(189,35,77,0.75);*/
    background-color: rgba(0,0,0,0.4);
    height: 100%;
}

.section-title h4 {
    width: 80%;
    max-width: 800px;
    display: block;
    margin: 10px auto;
    line-height: 1.4;
}

@media (max-width: 1200px) {
    .fill-wrapper {
        padding: 100px 0;
    }
}

@media (max-width: 500px) {
    .fill-wrapper {
        padding: 30px 0 50px;
    }

    .section-team .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/*
    WHAT IS KIDZANIA
*/

.section-inner {
    text-align: left;
}


/*
    AROUND THE WORLD
*/
.around-the-world {
    margin-top: 20px;
    padding-bottom: 40px;
}

#around-the-world h3 {
    display: block;
    margin-left: 12px;
}

.country {
    margin: 10px;
    padding: 10px 20px;
    background-color: #f2f2f2;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    border-radius: 3px;
}

    .country a {
        color: #1e7aed;
        font-weight: 300;
        margin-left: 10px;
        margin-right: 5px;
    }

.flag {
    background: url(../images/mx.svg) center/contain no-repeat;
    width: 26px;
    height: 19px;
    display: inline-block;
    top: 2px;
    margin-right: 5px;
    position: relative;
}

@media (max-width: 500px) {
    .country {
        display: block;
        font-size: 16px;
    }

        .country a {
            display: block;
            margin-left: 15px;
        }

    .cities {
        margin-right: 5%;
        text-align: right;
    }
}

.atw-map1 {
    width: 320px;
    height: 650px;
    background: url(../images/around-1.jpg);
}

.atw-map2 {
    width: 320px;
    height: 650px;
    background: url(../images/around-2.jpg);
}

.atw-map3 {
    width: 320px;
    height: 650px;
    background: url(../images/around-3.jpg);
}

.atw-map4 {
    width: 320px;
    height: 650px;
    background: url(../images/around-4.jpg);
}

.atw-map5 {
    width: 320px;
    height: 650px;
    background: url(../images/around-5.jpg);
}

.map-slide {
    width: 100%;
    height: 500px;
    background: url(../images/map-composite-clean.jpg) top left/cover repeat-x;
    animation: map-sliding 40s linear 0s infinite;
}

.map-gradient {
    width: 100%;
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1));
    height: 100%;
}

@keyframes map-sliding {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 500% 0%
    }
}
/*
    LEFT ICON
*/
.left-icon {
    text-align: left;
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
}

    .left-icon h4 {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .left-icon .icon {
        position: absolute;
        left: 0px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        line-height: 43px;
        text-align: center;
        background: #991f36;
        color: #FFF;
        font-size: 20px;
    }
/*
    TEAM
*/

.teams {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

    .teams .pict {
        position: relative;
        display: inline-block;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }

        .teams .pict img {
            position: relative;
            z-index: -1;
            max-width: 100%;
            width: 100%;
        }

.img-circle {
    width: 100%;
    max-width: 320px !important;
    border: 4px solid #bd234d;
}

    .img-circle.no-border {
        border: none;
    }

@media (max-width: 420px) {
    .img-circle {
        max-width: 250px !important;
    }
}

.teams h3 {
    color: #202020;
    font-weight: 400;
}

.teams .desc {
    padding: 25px;
    position: relative;
}

.flex-center {
    display: flex;
    align-items: center;
}

.teams span {
    font-size: 13px;
    font-weight: 800;
    display: block;
    position: relative;
}

.teams .social a {
    width: 31px;
    height: 31px;
    position: relative;
    text-align: center;
    color: #202020;
    display: inline-block;
    margin-right: 5px;
    margin-top: 20px;
    border-radius: 50%;
    line-height: 28px;
    font-size: 16px;
    border: 1px solid #202020;
}

    .teams .social a:hover {
        background: #202020;
        color: #FFF;
    }
/*
    COUNTDOWN
*/
.countdown-wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    background: rgba(37, 41, 44, 0.7);
    width: 100%;
    text-align: center;
}

.countdown-content {
    margin-top: 19%;
}
/* IE7 inline-block hack */
* + html .styled div {
    display: inline;
    zoom: 1;
}

    .styled div span {
        display: block;
        width: 160px;
        margin-top: 10px;
        padding: 8px 12px;
        background: #991f36;
        font-size: 17px;
        font-weight: normal;
        text-align: center;
        color: #FFF;
        text-shadow: none;
        font-weight: 800;
    }

.countdown-wrapper h2 {
    font-size: 40px;
    font-weight: 800;
    color: #FFF;
    text-align: center;
}

.countdown-wrapper h3 {
    font-size: 20px;
    font-weight: 800;
    color: #FFF;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.styled {
    text-align: center;
    color: #25292c;
}

    .styled div {
        display: inline-block;
        margin: 0 10px;
        font-size: 70px;
        font-weight: 900;
        line-height: 1;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 10px;
        background: #FFF;
        padding-top: 15px;
    }
/*
    PORTFOLIO
*/
.portfolio-masonry-wrapper {
    font-size: 0;
    text-align: center;
}

.portfolio-item {
    /*min-width: 19.974335%;
    display: inline-block;*/
    width: 20%;
    margin-right: 0;
    margin-bottom: 0;
    float: left;
}

@media(max-width: 1024px) {
    .portfolio-item {
        width: 25%;
    }
}

@media(max-width: 768px) {
    .portfolio-item {
        width: 33.3333333%;
    }

    .flex-center {
        display: block;
    }

    .img-circle {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media(max-width: 500px) {
    .portfolio-item {
        width: 50%;
    }

    .desc h4 {
        text-align: center;
    }

    .desc {
        text-align: center;
    }

    h2.title {
        padding: 15px;
        font-size: 35px;
        line-height: 1;
    }

        h2.title.contact {
            text-align: center;
            padding: 0;
        }

    #contact .section-title {
        padding: 15px;
    }
}

.portfolio-item img {
    width: 100%;
}
/*
    TESTIMONIAL
*/
.section-testimonial {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.testimonial-list {
    padding: 0;
    margin: 0;
    width: 60%;
    margin: 0 auto;
    font-size: 0;
}

    .testimonial-list .testimonial-item {
        display: inline-block;
        height: 64px;
        width: 64px;
        white-space: nowrap;
        position: relative;
        margin: 1%;
    }

        .testimonial-list .testimonial-item .testimonial-icon {
            position: absolute;
            left: 12px;
            top: 0px;
            opacity: 0;
            z-index: 4;
            -moz-opacity: 0;
            -webkit-opacity: 0;
            -o-opacity: 0;
            -webkit-transition: all .15s ease-in-out;
            -moz-transition: all .15s ease-in-out;
            -ms-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
        }

        .testimonial-list .testimonial-item a {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 20;
            background: rgba(0, 0, 0, 0);
            outline: 0;
        }

        .testimonial-list .testimonial-item .testi-link {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            bottom: -15px;
            z-index: 3;
            -webkit-transition: all .15s ease-in-out;
            -moz-transition: all .15s ease-in-out;
            -ms-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
        }

        .testimonial-list .testimonial-item a.current ~ .testi-link, .testimonial-list .testimonial-item a:hover ~ .testi-link {
            bottom: 0;
            background: rgba(153, 31, 54, 0.8);
        }

        .testimonial-list .testimonial-item a.current ~ .testimonial-icon, .testimonial-list .testimonial-item a:hover ~ .testimonial-icon {
            top: 18px;
            opacity: 1;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -0-opacity: 1;
        }

.testimonial-slider {
    margin: 5px auto;
    max-width: 800px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .testimonial-slider p {
        font-size: 26px;
        color: #fff;
        font-weight: 300;
        line-height: 38px;
        text-align: center;
    }

    .testimonial-slider .testimonial-author {
        display: block;
        text-align: center;
        color: #f5821f;
        font-size: 14px;
        margin-top: 10px;
        line-height: 32px;
    }

        .testimonial-slider .testimonial-author a {
            color: #f5821f !important;
            text-decoration: underline;
        }
/*
    CONTACT
*/
#company .section-wrapper {
    background: #f7f7f7;
}

/*
    FOOTER
*/
footer.footer {
    background: #bd234d;
}

.footer-nav {
    margin: 0 0 25px 0;
    padding: 0;
    background: #FFF;
    color: #000;
    text-align: center;
}

    .footer-nav ul {
        margin: 0;
        padding-left: 0;
        padding-top: 40px;
    }

    .footer-nav li {
        display: inline;
        font-size: 14px;
    }

        .footer-nav li a {
            color: #bd234d;
            display: inline-block;
            margin: 3px 10px;
            font-size: 15px;
        }

.footer-logo img {
    margin-bottom: 10px;
    text-align: center;
}

.logo-footer {
    width: 240px;
}

    .logo-footer img {
        height: 70px;
    }

.footer-left {
    padding-top: 100px;
}

@media (max-width: 991px) {
    .footer-left {
        padding-top: 0;
    }
}

.footer-logo span {
    font-size: 13px;
    display: block;
}

.copyright {
    text-align: center;
    background: #FFF;
    margin-top: 0;
    font-size: 12px;
    padding: 50px 15%;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    #contact .spacer.big {
        height: 0;
    }
}

.footer-franchise {
    color: #bd234d;
    margin-top: -17px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 160px;
    text-align: center;
    float: right;
}

.footer-address {
    max-width: 300px;
    margin: 15px auto;
}

@media (max-width: 1200px) {
    .copyright {
        padding: 15px 30px 80px;
    }
}

.message {
    width: 100%;
    height: 120px;
    border-radius: 3px;
    border-color: #ccc;
}

.social-logo {
    max-width: 45px;
}

    .social-logo .st0 {
        transition: all .4s;
    }

    .social-logo:hover .st0 {
        fill: #f18b21;
    }
/* ============ INTERNALS  =============== */
.modal ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.header-center .subt {
    font-size: 18px;
}

.primary {
    text-align: left;
}

.catch {
    color: #777;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 720px) {
    .catch {
        font-size: 18px;
        padding: 0 15px;
    }
}

.img-article {
    margin-top: 20px;
    padding-left: 30px;
}

    .img-article img {
        border-radius: 6px;
    }

.secondary {
    font-size: 14px;
}

    .secondary .img-article {
        padding-left: 0px;
        margin-bottom: 15px;
    }

.block {
    display: block;
}

.col-fix {
    padding-left: 30px;
}

.fill-wrapper.no-title {
    padding: 400px 0 20px;
}

.fill-wrapper.with-title {
    padding: 314px 0 20px;
}

.single-column, .stamps-container {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 15px;
    text-align: left;
}

.modal-body h4 {
    max-width: 700px;
    margin: 40px auto 20px;
    text-align: center;
    padding: 20px;
}

.half-column {
    float: right;
    width: 50%;
    padding-left: 24px;
}

@media (max-width: 768px) {
    .single-column {
        padding: 0 30px;
    }

    .half-column {
        width: 100%;
        padding: 0;
    }
}

.slider {
    width: 100%;
    height: 530px;
    background: #EEE center center/cover no-repeat;
    position: relative;
}

    .slider h2 {
        bottom: 200px;
        text-align: center;
        width: 100%;
        color: white;
        font-size: 60px;
    }

    .slider .caption {
        width: 100%;
        position: absolute;
        text-align: center;
        padding: 30px;
        font-size: 17px;
        color: #FFF;
        bottom: 30px;
    }

        .slider .caption p {
            max-width: 600px;
            margin: 0 auto;
        }

.icon {
    width: 35px;
    display: inline-block;
    margin-right: 10px;
    background: transparent;
}

.no-padding-top {
    padding-top: 0;
}

.single-column h3 {
    text-align: center;
    font-size: 48px;
    width: 100%;
}

.single-column h4.title {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.single-column p {
    margin-bottom: 20px;
}

.single-column .desc h4 {
    font-size: 24px;
    margin-left: 0;
    font-weight: normal;
    text-align: left;
}

.single-column
h3.article {
    text-align: center;
    display: block;
}

.black-filler {
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%
}

.single-column .img-circle {
    border: none;
}

.single-column .col-md-6, .single-column .col-xs-12 {
    padding-right: 0;
    padding-left: 0;
}

.internal .modal-dialog {
    max-width: 1200px;
    width: 90%;
}

.internal .modal-header {
    height: 575px;
}

.modal-header-topbar {
    width: 100%;
    height: 60px;
    border-bottom: 2px solid rgba(255,255,255,.1);
    top: 0;
    left: 0;
    position: absolute;
}

.internal .modal-title {
    font-size: 58px;
    margin: 0 auto 60px;
    max-width: 800px;
    line-height: 1.2;
    text-transform: uppercase;
}

.internal .subt {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.black-filler-modal {
    background: rgba(0,0,0,.4);
    padding: 180px 90px 160px;
    width: 100%;
    height: 575px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.close {
    color: #666;
    font-size: 55px;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 25px;
    font-weight: normal;
    z-index: 3;
}

    .close:hover {
        color: #bd234d;
        text-shadow: none;
    }

#myModal .close {
    color: #FFF;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.internal .modal-body {
    padding: 20px;
    padding-bottom: 80px;
}

    .internal .modal-body p, .internal .modal-body ul {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .internal .modal-body h3 {
        display: block;
        font-size: 48px;
        font-family: ubuntu, sans-serif;
        text-align: center;
    }

    .internal .modal-body img {
        width: 50px;
    }

.modal-body img.img-circle {
    width: 320px !important;
    margin-top: 30px;
    margin-bottom: 50px;
}

.item {
    position: relative;
    height: 500px;
}

#main-slider .item {
    position: relative;
    height: 700px;
}

.item img {
    width: 100%;
}

.carousel-caption {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}


.two-column.encapsulated .col-sm-6 {
    background: #f6f6f6;
    border-radius: 10px;
    width: 48%;
    margin: 0 1% 10px;
    padding: 15px 30px 30px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.three-column.encapsulated .col-sm-4 {
    background: #f6f6f6;
    border-radius: 10px;
    width: 31%;
    margin: 0 1% 10px;
    padding: 15px 30px 30px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.four-column.encapsulated .col-sm-3 {
    background: #f6f6f6;
    border-radius: 10px;
    width: 24%;
    margin: 0 0.5% 10px;
    padding: 15px 30px 30px;
    font-size: 16px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

@media (max-width: 768px) {
    .four-column.encapsulated .col-sm-3, .three-column.encapsulated .col-sm-4, .two-column.encapsulated .col-sm-6 {
        width: 100%;
    }
}

.secondary-modules-wrapper2.encapsulated .module {
    float: left;
}

    .secondary-modules-wrapper2.encapsulated .module .copy h3 {
        font-size: 20px;
    }

.secondary-modules-wrapper2.encapsulated ul, .secondary-modules-wrapper2.encapsulated p {
    font-size: 15px;
}

.encapsulated-modules {
    margin-bottom: 20px;
    text-align: center;
}

    .encapsulated-modules .module {
        /*display: inline-grid;
    background: #f6f6f6;
    width: 31%;
    margin: 0 1%;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #DDD;
    position: relative;*/
        display: inline-block;
        background: #f6f6f6;
        width: 31%;
        margin: 0 1%;
        border-radius: 10px;
        font-size: 14px;
        margin-bottom: 20px;
        text-align: center;
        border: 1px solid #DDD;
        position: relative;
        vertical-align: top;
    }

        .encapsulated-modules .module .bg-img {
            width: 100%;
            height: 180px;
            background-size: cover;
            background-position: center center;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            position: relative;
            overflow: hidden;
        }

            .encapsulated-modules .module .bg-img img.secondary {
                position: absolute;
                top: 0;
                animation: fade 4.5s 2.5s infinite;
            }

@keyframes secondary-img {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.encapsulated-modules .module .copy {
    padding: 15px 30px 87px;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
}

    .encapsulated-modules .module .copy .owl-carousel {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
    }

        .encapsulated-modules .module .copy .owl-carousel .owl-prev, .encapsulated-modules .module .copy .owl-carousel .owl-next {
            width: 30px;
            height: 30px;
            background: #f18b21;
            border-radius: 50%;
            top: 15px;
            position: absolute;
            padding-top: 5px;
            padding-left: 5px;
            text-align: center;
        }

            .encapsulated-modules .module .copy .owl-carousel .owl-prev .glyphicon, .encapsulated-modules .module .copy .owl-carousel .owl-next .glyphicon {
                color: #FFF;
            }

        .encapsulated-modules .module .copy .owl-carousel .owl-prev {
            left: 15px;
            padding-left: 2px;
        }

        .encapsulated-modules .module .copy .owl-carousel .owl-next {
            right: 15px;
        }

    .encapsulated-modules .module .copy h3 {
        margin: 0 0 5px;
        color: #bd234d;
    }

.encapsulated-modules .glyphicon {
    color: #f18b21;
    margin-right: 5px;
}

.back-arrow {
    position: absolute;
    left: 20px;
    top: 24px;
    font-size: 24px;
    font-weight: 400;
}

.tol-step .encapsulated-modules .icon {
    width: auto;
    margin-right: 0;
}

.tol-step .encapsulated-modules .bg-img.no-image {
    background: #f18b21;
    position: relative;
}

    .tol-step .encapsulated-modules .bg-img.no-image h3 {
        background: transparent;
        text-shadow: none;
        padding: 30px 0;
    }

        .tol-step .encapsulated-modules .bg-img.no-image h3 .icon.big {
            display: block;
            font-size: 80px;
            margin-bottom: 5px;
        }

.pack-purchase {
    bottom: 0;
    padding: 10px 10px 10px 65px;
    width: 100%;
    text-align: center;
    position: absolute;
    transition: all .4s;
}

    .pack-purchase .btn-minus-2, .pack-purchase .btn-plus-2 {
        margin: 10px 8px 0 0;
    }

    .pack-purchase .tick-price, .pack-purchase .btn-minus-2, .pack-purchase .btn-plus-2 {
        float: none;
    }

    .pack-purchase.active {
        background: #f18b21;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .pack-purchase.active .tick-price, .pack-purchase.active .btn-minus-2, .pack-purchase.active .btn-plus-2 {
            color: #FFF;
        }

        .pack-purchase.active .btn-minus-2, .pack-purchase.active .btn-plus-2 {
            box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
        }

    .pack-purchase .tick-price {
        display: inline-block;
        width: 170px;
        text-align: center;
        font-size: 42px;
    }

.item-count {
    position: absolute;
    left: 10px;
    background: #fff;
    padding: 0 10px;
    font-weight: 800;
    font-size: 42px;
    color: #f18b21;
    border-radius: 5px;
    display: none;
}

.purchase-btns {
    display: inline-block;
}

.pack-purchase.active .item-count {
    display: block;
}

.cart-details {
    position: absolute;
    padding: 20px;
    background: #f6f6f6;
    bottom: 34px;
    border-radius: 10px;
    color: #f18b21;
    border: 1px solid #ddd;
    font-size: 20px;
    display: none;
}

@keyframes quick-fade {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    25% {
        opacity: 1;
        visibility: visible;
    }

    75% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.cart-details small {
    font-size: 80%;
    font-weight: 400;
}

.cart-details .icon {
    width: auto;
    margin: 0 5px;
}

.cart-details:after {
    content: "";
    display: block;
    bottom: -10px;
    left: 50px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #f6f6f6;
    position: absolute;
}

.cart-details .cat {
    margin: 0 0 12px;
}

    .cart-details .cat.total {
        border-top: 1px solid #ddd;
        margin: 10px 0 0;
        padding-top: 10px;
        color: #bd234d;
        width: 100%;
    }

.tickets-review {
    border-bottom: 15px solid #f6f6f6;
}

.extras-review {
    border-top: 1px solid #ccc;
}

.tickets-review, .extras-review, .total-review {
    text-align: center;
    color: #555;
    font-size: 28px;
    max-width: 600px;
    margin: 0 auto;
}

    .tickets-review .icon, .extras-review .icon {
        width: 30px;
        color: #f18b21;
    }

.total-review {
    background: #f18b21;
    border-radius: 0 0 10px 10px;
    padding: 10px 35px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 25px;
    border-top: 10px solid #da7d1d;
}

@media (max-width: 650px) {
    .tickets-review, .extras-review, .total-review {
        font-size: 18px;
    }

        .tickets-review .icon, .extras-review .ticket {
            margin-right: 0;
        }

        .tickets-review .col-xs-3, .tickets-review .col-xs-4, .tickets-review .col-xs-5, .extras-review .col-xs-3, .extras-review .col-xs-4, .extras-review .col-xs-5 {
            padding: 0;
        }

    .total-review {
        font-size: 24px;
    }
}

.t-rev, .e-rev {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    display: none
}

    .t-rev.active, .e-rev.active {
        display: block;
    }

#toPayment {
    margin: 0 auto 20px;
}

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

.ticket-belt {
    background: #f18b21;
    color: #fff;
    text-align: center;
    padding: 20px 0 20px;
}

.book-now.ticket-belt {
    padding: 0;
    height: 0;
    overflow: hidden;
    min-height: 0;
    transition: all .5s;
    color: #FFF;
}

.ticket-belt .icon {
    display: block;
    font-size: 60px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.ticket-belt a {
    color: #fff;
}

.ticket-belt.ticket-types .icon {
    display: inline-block;
    width: auto;
    float: left;
    position: absolute;
}

.ticket-belt.ticket-types .product-type {
    text-align: left;
    margin-bottom:;
}

.product-type .btn-outline.active {
    background: background-color: #bd234d;
    background-image: linear-gradient(180deg,#e7255a 0,#ca1f4b);
    box-shadow: none;
    color: #FFF;
}

.product-type small {
    font-size: 75%;
}

.product-type strong {
    font-size: 40px;
}

.product-element {
    padding-left: 65px;
}

.book-now.ticket-belt.active {
    padding: 40px 30px;
}

.tol-facilities {
    text-align: center;
    vertical-align: bottom;
}

.tol-facility {
    display: inline-block;
    width: 22%;
    position: relative;
    height: 200px;
    border-radius: 10px;
    margin: 1%;
    transition: all .4s;
    color: #FFF;
    border: 3px solid #FFF;
}

    .tol-facility:hover {
        color: #f18b21;
        border-color: #f18b21;
    }

    .tol-facility .copy {
        padding: 15px 15px 30px;
        background: linear-gradient( rgba(0,0,0,.0), rgba(0,0,0,.4), rgba(0,0,0,.5));
        color: inherit;
        ;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .tol-facility h2 {
        margin: 0;
    }

    .tol-facility .icon {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

.purchase-step {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    padding-left: 128px;
    padding-right: 0;
    position: relative;
    text-align: left;
    color: #777
}

.spacer.interstep {
    height: 70px;
}

.purchase-step .tol-step-number {
    font-size: 200px;
    color: #777;
    position: absolute;
    left: -5px;
    top: -45px;
}

.purchase-step:before {
    content: "·";
    font-size: 100px;
    position: absolute;
    top: -41px;
    left: 98px;
}

.step-separator {
    content: "·";
    font-size: 85px;
    display: inline;
    display: none
}

.purchase-step .tol-step-legend {
    position: absolute;
    color: #bd234d;
    left: 30px;
    top: 141px;
    font-size: 28px;
    display: none;
}

.purchase-step.even {
    color: #fff;
}

.book-now .purchase-step span {
    color: #FFF;
}

.book-now .btn-outline {
    background: transparent;
}

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

    .facilities-list a {
        padding: 10px 30px;
        background: #ddd;
        transition: all .4s;
        border-radius: 50px;
        width: 47%;
        font-size: 22px;
        color: #000;
        display: inline-block;
        margin-bottom: 10px;
        text-decoration: none !important
    }

        .facilities-list a .icon {
            width: auto;
            color: #bd234d;
            transition: all .4s;
        }

        .facilities-list a.active .icon, .facilities-list a:hover .icon {
            color: #fff;
        }

        .facilities-list a:hover, .facilities-list a.active {
            background: #f18b21;
            color: #FFF;
            font-weight: 800;
        }

.tol-nav {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 10.5px;
    padding-left: 0;
    text-align: right;
    line-height: 2;
}

    .tol-nav li {
        padding: 0 2.5px;
    }

    .tol-nav .icon, .tol-nav-element .icon, .tol-nav-element .fa {
        font-size: 15px;
        width: auto;
        margin-right: 5px;
    }

.tol-nav-element {
    margin-top: 5px;
    width: 100%;
    font-size: 18px;
    line-height: 1.8;
}

    .tol-nav-element a {
        display: block;
    }

.mobile-menu-toggle.variant {
    right: 20px;
    font-size: 24px;
}



.tol-step {
    padding: 0 30px;
    height: 0;
    overflow: hidden;
    min-height: 0;
    transition: all .4s;
}

    .tol-step.active, .tol-step.initial {
        padding: 40px 0;
        height: auto;
    }

    .tol-step.orange {
        background: #f18b21;
        color: #FFF;
    }

        .tol-step.orange .icon {
            color: #fff;
            display: block;
            font-size: 60px;
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
        }

        .tol-step.orange .tol-step-number, .tol-step.orange .purchase-step {
            color: #FFF;
        }

.product-type {
    width: 32%;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 35px;
    position: relative;
}

.products-tickets {
    display: flex;
    align-items: center;
}

    .products-tickets .product-type p {
        min-height: 125px;
        /*text-align:justify;*/
    }

@media(max-width: 1200px) {
    .products-tickets {
        display: block;
    }

    .product-type {
        width: 48%;
        padding: 15px;
        margin-bottom: 30px;
    }

    .products-tickets .product-type p {
        min-height: 100px;
    }
}

.input-wrapper .icon {
    font-size: 30px;
    color: #f18b21;
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: -1;
}
/*.date-of-visit input {
  border:none;
  font-size: 30px;
  padding: 5px 20px 5px 60px;
  background:transparent;
  
}*/

.date-of-visit input {
    border: none;
    font-size: 30px;
    padding: 5px 20px 5px 60px;
    background: transparent;
    cursor: pointer;
}

.input-wrapper {
    display: inline-block;
    border: 2px solid #f18b21;
    border-radius: 30px;
    position: relative;
    width: 100%;
    font-size: 30px;
}

.time-of-visit {
    display: none;
}

    .time-of-visit .input-wrapper {
        padding: 5px 10px 10px 60px;
    }

.time-blocks {
    padding: 15px;
    background: transparent;
}

    .time-blocks a {
        border-bottom: 15px;
        color: #000;
        font-weight: 400;
    }

    .time-blocks .btn-outline {
        background: rgba(0,0,0,.2);
    }

        .time-blocks .btn-outline:hover {
            background: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
        }

        .time-blocks .btn-outline.active {
            text-decoration: none;
            background: #444;
            color: #FFF;
            background: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

.fixed-purchase-progress {
    width: 100%;
    padding: 0 15px 12px;
    background: #ddd;
    color: #777;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 3;
    line-height: .9;
    border-top: 1px solid #ccc;
}

    .fixed-purchase-progress .container {
        /*max-width: 1000px;*/
        width:100%;
    }

.progress-step {
    width: 48%;
    padding-top: 22px;
}

    .progress-step .step {
        display: inline-block;
        width: 15%;
        height: 6px;
        border: 1px solid #777;
        background: #fff;
        border-radius: 10px;
        transition: all .7s;
        font-size: 0;
        text-align: center;
        color: #fff;
        text-align: center;
        padding-top: 5px;
    }

        .progress-step .step.current {
            background: #ffb31f;
        }

        .progress-step .step.done {
            background: #e7255a;
        }

.mobile-purchase-progress {
    position: absolute;
    top: -5px;
    margin: 0 -19px;
    width: 100%;
    height: 5px;
    background: #f0f0f0;
    vertical-align: top;
}

.m-purchase-step {
    height: 5px;
    width: 16.66666%;
    border-right: 2px solid #fff;
    display: inline-block;
    box-sizing: border-box;
    background: #ccc;
    margin:;
    float: left;
}

    .m-purchase-step.completed, .m-purchase-step.current {
        background: #f18b21;
    }

.timer, .cart-balance, .progress-step {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    max-width: 260px;
}

.timer {
    font-size: 40px;
    font-weight: bold;
    color: #555;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-top: 12px;
}

    .timer small {
        font-size: 14px;
        font-weight: 400;
        display: block;
        margin-top: 5px;
    }

.cart-balance {
    font-size: 32px;
    font-weight: 800;
    cursor: pointer;
    position: relative;
    height: 35px;
    color: #555;
    padding-top: 22px
}

.cart-container {
    display: inline-block;
    position: relative;
}

@keyframes fullCart {
    0% {
        color: #555;
    }

    58% {
        color: #e7255a;
    }
}

.cart-balance .glyphicon-shopping-cart.full {
    animation: fullCart 1.2s infinite;
}

@keyframes addItem {
    0% {
        top: -40px;
        visibility: visible;
    }

    10% {
        opacity: 1
    }

    80% {
        opacity: .8
    }

    99% {
        top: -8px;
    }

    100% {
    }
}

.add-item {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #f18b21;
    color: #fff;
    content: "1";
    border-radius: 50%;
    font-size: 15px;
    padding: 4px 0;
    left: 8px;
    top: -40px;
    visibility: hidden;
    opacity: 0;
}

    .add-item.add {
        animation: addItem .7s;
    }

    .add-item.remove {
        animation: addItem .7s reverse;
    }

.cart-icons {
    position: relative;
}

.new-item-indicator {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f18b21;
    position: absolute;
    top: -5px;
    right: 15px;
}

.fixed-purchase-progress.payment-step .progress-step {
    display: none;
}

.fixed-purchase-progress.payment-step .cart-balance, .fixed-purchase-progress.payment-step .timer {
    width: 49%;
}

.fixed-purchase-progress.payment-step .timer {
    border-left: none;
}

.type-of-ticket {
    font-size: 24px;
    max-width: 500px;
    border-radius: 30px;
    border: 1px solid#ccc;
    padding: 15px 30px;
    background: #FFF;
    color: #000;
}

    .type-of-ticket .glyphicon {
        color: #f18b21;
        cursor: pointer;
        margin-top: 2px;
    }

    .type-of-ticket .icon {
        color: #bd234d;
        display: inline-block;
        width: auto;
        font-size: 30px;
    }

.ticket-cost {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .fixed-purchase-progress {
        z-index: 9;
    }

        .fixed-purchase-progress .container {
            padding: 0;
        }

    .progress-step {
        position: absolute;
        top: -10px;
        margin: 0 -19px;
        width: 100%;
        height: 10px;
        background: #f0f0f0;
        vertical-align: top;
        padding-top: 0;
    }

    .pur-prog-label {
        display: none;
    }

    .progress-step .step {
        height: 10px;
        width: 16.66666%;
        border: none;
        border-radius: 0;
        border-right: 1px solid #777;
        border-left: 1px solid #777;
        border-bottom: 2px solid #777;
        border-top: 1px solid #777;
        display: inline-block;
        box-sizing: border-box;
        background: #ccc;
        margin:;
        float: left;
    }

        .progress-step .step.current {
            height: 30px;
            border-radius: 5px 5px 0 0;
            margin-top: -20px;
            font-size: 18px;
        }

    .mobile-purchase-progress {
        position: absolute;
        top: -8px;
        margin: 0 -19px;
        width: 100%;
        height: 8px;
        background: #f0f0f0;
        vertical-align: top;
    }

    .m-purchase-step {
        height: 8px;
        width: 16.66666%;
        border: none;
        border-right: 2px solid #fff;
        display: inline-block;
        box-sizing: border-box;
        background: #ccc;
        margin:;
        float: left;
        border-radius: 0;
    }

        .m-purchase-step.completed, .m-purchase-step.current {
            background: #f18b21;
        }

    .totop.extras {
        bottom: 90px;
    }


    .timer, .cart-balance {
        width: 49%;
        padding-top: 12px;
    }

    .timer {
        border-left: none;
        font-size: 26px;
    }

        .timer small {
            font-size: 12px;
        }

    .cart-balance {
        font-size: 26px;
    }
}

.btn-minus {
    padding: 7px 15px;
    border-right: 2px solid rgba(0,0,0,.2);
    border-bottom: 2px solid rgba(0,0,0,.2);
    margin-right: 3px;
}

.btn-plus {
    padding: 7px 15px;
    border-right: 2px solid rgba(0,0,0,.2);
    border-bottom: 2px solid rgba(0,0,0,.2);
}

.product-type-2 {
    width: 100%;
    text-align: left;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
    display: flex;
    content: '';
    clear: both;
    align-items: center;
}

.product-type-3 {
    width: 100%;
    text-align: left;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
    content: '';
    clear: both;
    align-items: center;
}

.pass-type {
    padding: 15px;
    background-color: #f6f6f6;
    margin-bottom: 5px;
    border-radius: 5px;
    width: 100%;
    float: left;
    text-align: center;
}

    .pass-type .col-sm-6 {
        padding: 0;
    }

    .pass-type img {
        margin-top: 90px;
    }

    .pass-type ul {
        text-align: left;
    }

    .pass-type .btn {
        margin-top: 30px;
    }

.anual-pass-types {
    max-width: none;
}

.pass-details {
    font-size: 16px;
}

    .pass-details strong {
        font-size: 20px;
    }

    .pass-details ul {
        list-style: disc url(../images/list-bullet-02.svg);
    }

body.ae .annual-pass-cost {
    color: #777;
}

.contact label.error-label, .error-label, .contact label.error-label-mail, .error-label-mail, .error-label-phone {
    font-size: 15px;
    color: #bd0505;
    display: none;
    padding-left: 30px;
}

.error-label {
    padding-left: 0;
}

.form-control.error {
    border-color: #bd0505;
    background-color: #fdf5f5;
}

@media (max-width: 600px) {
    .contact label.error-label, .error-label {
        font-size: 12px;
    }
}

.ticket-description, .ticket-count {
    display: flex;
    float: left;
	padding-left: 0;
    padding-right: 0;
}

@media (max-width: 795px) {
    .ticket-description, .ticket-count {
        display: inline-block;
    }
}

.ticket-count {
    float: left;
    margin: 0 auto;
}

.ticket-warnings {
    width: 100%;
    background: #e7255a;
    color: #FFF;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    display: none;
}

@media (max-width: 970px) {

    .ticket-warnings {
        position: fixed;
        bottom: 92px;
        width: 97%;
        z-index: 2;
        border-radius: 10px;
        box-shadow: 0 10px 10px rgba(0,0,0,.4);
        font-size: 14px;
        margin-left: -20px;
    }
}

@media (max-width: 550px) {

    .ticket-warnings {
        margin-left: -10px;
        font-size: 12px;
    }
}

.t-error-message, .ticket-warnings {
    display: none;
}

    .t-error-message.active {
        display: block;
    }

.orange .product-type-2 {
    border-bottom: 1px solid #FFF;
}

.product-type-2 .ticket-number, .ticket-icon {
    display: inline-block;
    float: left;
}

.tol-step .product-type-2 .ticket-icon .icon {
    display: inline-block;
    width: auto;
    font-size: 60px;
    color: #f18b21
}

.tol-step.orange .product-type-2 .ticket-icon .icon {
    color: #FFF;
}

.ticket-number {
    font-size: 40px;
    color: #f18b21;
    width: 55px;
    height: 64px;
}

    .ticket-number span {
        background-color: #FFF;
        border-radius: 5px;
        padding: 10px;
        transition: all .4s
    }

.tick-name {
    display: inline-block;
    float: left;
    font-size: 30px;
    width: 210px; /*180px*/
}

.ticket-age {
    font-size: 16px;
    display: inline-block;
    float: left;
}

.tick-price {
    display: inline-block;
    vertical-align: top;
    font-size: 48px;
    font-weight: 800;
    float: left;
    padding-left: 15px;
    width: 260px;
    color: #777;
}

.orange .tick-price {
    color: #FFF;
}

.add-rm-buttons {
    padding-left: 10px;
}

.qty-btns {
    display: inline-block;
    float: right;
}

.btn-plus-2, .btn-minus-2 {
    display: inline-block;
    width: 39px;
    height: 39px;
    font-size: 24px;
    margin-left: 15px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(241,139,33,1);
    color: #f18b21;
    text-align: center;
    vertical-align: middle;
    margin-top: 15px;
    float: right;
    transition: all .4s;
    cursor: pointer;
    padding-top: 2px
}

.payment {
    border-radius: 10px;
    background: #f18b21;
    padding: 10px 40px 35px;
    color: #fff;
    text-align: center;
}

.payment {
    background: #f6f6f6;
    color: #555;
    border: solid 1px #777;
    margin: 0 auto;
    max-width: 550px;
}

    .payment .form-control {
        font-size: 18px;
    }

    .payment form {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }

    .payment p {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .payment input {
        margin: 10px auto;
        max-width: 400px;
        text-align: center;
    }

    .payment select {
        /*width: 46%;
  display: inline-grid;
  max-width: 150px;
  text-align: center;
  text-align-last: center;*/
        width: 46%;
        display: inline-block;
        max-width: 150px;
        text-align: center;
        text-align-last: center;
    }

.cvc-cont {
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 400px;
    text-align: left;
}

    .cvc-cont label, .cvc-cont input {
        width: 44%;
        max-width: 160px;
    }

    .cvc-cont label {
        margin: 0 0 6px 2%;
    }

.ccard-icon img {
    border: solid 1px #777;
    border-radius: 5px;
    max-width: 60px;
    margin-bottom: 3px;
}

.ccard-icon img {
    max-width: 50px;
}

.payment p.grand-total {
    font-size: 48px;
    font-weight: 800;
    margin-top: -10px;
    margin-bottom: 15px;
    color: #777;
}

.orange .btn-plus-2, .orange .btn-minus-2 {
    color: #FFF;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,1);
}

.btn-plus-2:hover, .btn-minus-2:hover {
    background-image: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
    box-shadow: inset 0 0 0 0 rgba(241,139,33,1);
    color: #fff;
}

.orange .btn-plus-2:hover, .orange .btn-minus-2:hover {
    background-image: linear-gradient(180deg,#e7255a 0,#ca1f4b);
    box-shadow: inset 0 0 0 0 rgba(255,255,255,1);
}

.btn-minus-2.disabled, .btn-plus-2.disabled, .btn-minus-2.disabled:hover, .btn-plus-2.disabled:hover {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.fixedTotWrapper {
}

    .fixedTotWrapper.extras {
        display: inline-block;
    }

.ticket-subtotal {
    color: #f18b21;
    font-size: 40px;
    margin-left: 20px;
    padding-top: 2px;
    display: inline-block;
    visibility: :hidden;
}

    .ticket-subtotal .icon {
        display: inline-block;
    }

    .ticket-subtotal.cost {
        width: 144px;
        margin-left: 20px;
    }

    .ticket-subtotal.number {
        float: left;
    }

    .ticket-subtotal span.value {
        background: #fff;
        padding: 10px;
        font-weight: 800;
        border-radius: 5px;
        display: none;
    }

        .ticket-subtotal span.value .icon {
            color: #f18b21;
            font-size: 40px;
            display: inline-block;
            width: auto;
        }

.extra-details {
    display: inline-block;
    float: left;
}

.tickets-totals {
    width: 100%;
    padding: 20px;
    font-size: 40px;
    font-weight: 800;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #FFF;
    background: #f18b21;
    transition: all .5s;
    height: 0;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 20px;
}

.orange .tickets-totals {
    color: #f18b21;
    background: #fff;
}

.modal.tol .icon {
    color: #f18b21;
}

.tickets-totals.active {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.tickets-totals .total {
    float: right;
}

.tickets-totals .icon {
    display: inline-block !important;
    color: #f18b21 !important;
    width: auto !important;
    font-size: 40px !important;
    margin-right: 20px !important;
}

.tickets-totals .col-sm-3 {
    width: 25%;
    display: inline-block;
    float: left;
}

.tickets-totals .col-sm-9 {
    width: 75%;
    display: inline-block;
    float: left;
}

.single-column.contact {
    background: #f6f6f6;
    border-radius: 10px;
    padding: 20px 40px;
}



/*  CALENDAR STYLES */

.ui-widget {
    font-family: Ubuntu, sans-serif;
    font-size: 26px;
}

@media (max-width: 800px) {
    .ui-widget {
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .ui-widget {
        font-size: 18px;
    }
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #FFF;
    text-align: center;
    border-color: #fff;
    border-radius: 2px;
    border-radius: 10px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fff;
    border-color: #f18b21;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover, .ui-widget-header:hover .ui-state-default:hover, .ui-button:hover {
    background: #f18b21;
    color: #FFF;
}

.ui-widget.ui-widget-content {
    padding: 5px;
    border-radius: 8px;
}

.ui-datepicker .ui-datepicker-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png);
    background-position: 0% 0%;
}

.ui-datepicker .ui-datepicker-prev {
    transform: rotate(180deg);
}

.visit-confirmation {
    width: 100%;
    padding: 15px;
    max-width: 900px;
    margin: 15px auto;
    background: #f6f6f6;
    text-align: center;
    border-radius: 50px;
}

    .visit-confirmation .top {
        color: #777;
        font-size: 15px;
        font-weight: 800;
    }

    .visit-confirmation .bottom {
        color: #f18b21;
        font-size: 22px;
    }

        .visit-confirmation .bottom .icon {
            margin-right: 0;
            width: auto;
        }

.table-head {
    padding: 15px;
    background: #f18b21;
    color: #FFF;
    text-align: center;
    border-right: 1px solid #fff;
    margin-bottom: 3px;
}

    .table-head.first {
        border-top-left-radius: 10px;
    }

    .table-head.last {
        border-top-right-radius: 10px;
    }

.table-content {
    text-align: center;
    padding: 10px 15px;
    background: #f6f6f6;
    font-size: 18px;
    align-items: center;
    height: 48px;
    margin-bottom: 1px;
}

    .table-content.gender .icon {
        font-size: 28px;
        color: #777;
    }

    .table-content.gender input {
        margin-top: 0;
        vertical-align: middle;
        margin-bottom: 15px;
    }

    .table-content.first {
        border-bottom-left-radius: 10px;
    }

    .table-content.last {
        border-bottom-right-radius: 10px;
    }

    .table-content.type {
        padding-left: 20px;
        text-align: left;
    }

        .table-content.type .icon {
            color: #bd234d;
            width: auto;
            font-size: 33px;
            vertical-align: middle;
            margin-right: 5px;
        }

    .table-content.vname, .table-content.age {
        padding: 0 15px;
    }

.gender-icon {
    width: 28px;
    margin-right: 20px;
}




/*  MEDIA QUERIES TOL */

@media (max-width: 1200px) {
    .purchase-step:before {
        display: none;
    }

    .time-of-visit .input-wrapper {
        padding: 5px 10px 10px;
        text-align: center;
    }

    .ticket-subtotal, .ticket-subtotal span.value .icon {
        font-size: 32px;
    }

    .purchase-step {
        padding: 0 15px;
        margin-bottom: 25px;
        text-align: center;
    }

        .purchase-step .tol-step-number {
            position: relative;
            top: auto;
            font-size: 36px;
            color: #bd234d;
        }

            .purchase-step .tol-step-number:after {
                content: "·";
            }

        .purchase-step .tol-step-legend {
            display: none;
        }

    .date-of-visit, .time-of-visit {
        width: 45%;
        margin: 15px auto;
    }

    .tickets-table {
        width: 100%;
    }

    .visit-confirmation {
        border-radius: 5px;
    }

        .visit-confirmation .bottom .icon {
            margin-right: 0;
        }

        .visit-confirmation .bottom {
            font-size: 18px;
        }

    .tol-step.six .container {
        padding: 0 7px;
    }

    .item-count, .pack-purchase .tick-price {
        font-size: 30px;
    }

    .pack-purchase {
        padding-left: 50px;
    }

        .pack-purchase .tick-price {
            width: 139px;
        }

    .encapsulated-modules .module .copy {
        padding-bottom: 62px;
    }

    .purchase-btns .btn-minus-2, .purchase-btns .btn-plus-2 {
        height: 29px;
        width: 29px;
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .tickets-visitors .container {
        width: 100%;
    }

    .tick-price, {
        font-size: 36px;
    }
}

@media (max-width: 880px) {
    .ticket-icon {
        width: 60px;
        display: block;
        float: none;
        margin: 0 auto;
    }

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

    .ticket-age {
        display: block;
        float: none;
    }

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

    .qty-btns {
        display: block;
        width: 95px;
        margin: 0 auto;
        float: none;
    }

    .btn-minus-2 {
        margin-left: 0;
    }

    .btn-minus-2, .btn-plus-2 {
        margin-top: 10px;
    }
}

@media (max-width: 795px) {
    .ticket-subtotal {
        color: #f18b21;
        background: #fff;
        padding: 0;
        width: 100%;
        text-align: right;
    }

        .ticket-subtotal.cost {
            width: 100%;
            border-radius: 0 0 5px 5px;
        }

        .ticket-subtotal.number {
            border-radius: 5px 5px 0 0;
            margin-bottom: 1px;
        }

    .tick-name {
        width: 100%;
    }

    .ticket-description {
        width: 20%;
    }

    .tick-price {
        width: 40%;
    }

    .ticket-count {
        width: 40%;
        border-radius: 5px;
        max-width: 160px;
        margin: 0 auto;
    }

    .product-type-2 {
        max-width:
    }

    .ticket-subtotal span.value .icon {
        color: inherit;
    }

    .ticket-subtotal span.value {
        color: inherit;
        background-color: transparent;
    }
}

@media (max-width: 768px) {
    .table-head {
        display: none;
    }

    .table-content, .visit-confirmation {
        max-width: 500px;
        margin: 0 auto;
    }

    .visit-confirmation {
        margin-bottom: 10px;
    }

    .table-content.type {
        background: #f18b21;
        color: #fff;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .table-content.first {
        border-bottom-left-radius: 0;
    }

    .table-content.type .icon {
        color: #fff;
    }

    .table-content.vname, .table-content.age {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .table-content.gender {
        margin-bottom: 10px;
        border-radius: 0 0 5px 5px;
    }

    .add-item {
        left: 4px;
    }
}

@media (max-width: 750px) {
    .date-of-visit, .time-of-visit {
        width: 100%;
        max-width: 340px;
    }
}

@media (max-width: 550px) {
    .progress-step {
        margin: 0px -17px;
    }

    .single-column.contact {
        padding: 20px 10px;
    }

    .products-tickets {
        display: block;
    }

    .product-type p {
        max-width: 320px;
        margin: 0 auto 10px;
    }

    .facilities-list a, .product-type {
        display: block;
        width: 100%;
    }

    .products-tickets .product-type p {
        min-height: 0;
    }

    .ticket-subtotal.number {
        margin-bottom: 1px;
    }

    .ticket-subtotal, .ticket-subtotal span.value .icon {
        font-size: 22px;
        margin: 0;
    }

    .tol-step .product-type-2 .ticket-icon .icon {
        font-size: 32px;
    }

    .ticket-icon {
        width: 32px;
    }

    .ticket-description {
        width: 25%;
    }

    .tick-name {
        font-size: 18px;
    }

    .ticket-age {
        font-size: 13px;
    }

    .tick-price {
        width: 35%;
        font-size: 24px;
    }

    .ticket-subtotal {
        font-size: 24px;
        margin-left: 5px;
        background: #FFF;
        width: 100%;
        padding: 0;
        border-radius: 5px;
    }

        .ticket-subtotal.number {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .ticket-subtotal.cost {
            width: 100%;
            margin-left: 5px;
            margin-bottom: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

    .ticket-count {
        width: 35%;
        max-width: 120px;
        background: transparent;
        padding-top: 0;
    }

    .ticket-subtotal span.value {
        float: right;
        border-radius: 5px;
        padding: 0;
    }

    .ticket-subtotal.number span.value {
        padding: 5px 12px 0 5px;
    }

    .ticket-subtotal.cost span.value {
        padding: 0 12px 5px 5px;
    }

    .btn-plus-2, .btn-minus-2 {
        font-size: 16px;
        height: 29px;
        width: 29px;
        margin-left: 8px;
    }

    .btn-minus-2 {
        margin-left: 0;
    }

    .qty-btns {
        width: 68px;
    }

    .tickets-table {
        padding: 0;
    }

    .tickets-totals {
        font-size: 24px;
    }

        .tickets-totals .icon {
            font-size: 24px !important;
        }

        .tickets-totals .col-sm-9, .tickets-totals .col-sm-3 {
            padding: 0 5px;
        }

    .cart-details {
        max-width: 143px;
    }

    .payment {
        padding: 10px 15px;
    }

    .ccard-icon img {
        max-width: 45px;
    }

    .col-md-9.payment-wrap {
        padding: 0 7px;
    }

    .payment .form-control {
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .progress-step {
        margin: 0px -16px;
    }

    .purchase-btn {
        padding: 10px 25px !important;
    }

    .encapsulated-modules .module .copy {
        padding-left: 20px;
        padding-right: 20px;
    }

    .payment h2 {
        font-size: 28px;
    }

    .payment select {
        width: 45%;
    }
}

.table.confirmation > thead th {
    text-transform: uppercase;
    background: #f18b21;
}

.table.confirmation > thead:first-child th:first-child {
    border-radius: 5px 0 0 0;
}

.table.confirmation > thead:first-child th:last-child {
    border-radius: 0 5px 0 0;
}

.total-review.confirmation {
    max-width: 90%;
    width: 90%;
    margin-top: -19px;
    line-height: 1;
    text-align: left;
    position: relative;
}

    .total-review.confirmation small {
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
    }

.upoints {
    text-align: center;
}

.barcodec {
    position: absolute;
    top: 15px;
    right: 15px;
    max-width: 210px;
    padding: 5px;
    background: #FFF;
    border-radius: 5px;
}

.tickets-summary {
    position: relative;
    padding-top: 25px !important;
}

    .tickets-summary .glyphicon-transfer {
        margin-bottom: 15px;
    }

@media (max-width: 991px) {
    .total-review.confirmation {
    }

    .tickets-summary {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .total-review.confirmation {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .barcodec {
        position: relative;
        margin: 0 0 15px 0;
        right: 0;
    }
}

@media (max-width: 400px) {
    .total-review.confirmation {
        font-size: 17px;
        width: 100%;
        max-width: 100%;
    }

        .total-review.confirmation small {
            font-size: 15px;
        }
}

.confirmation-code {
    margin-top: 10px;
    font-size: 36px;
    font-weight: 800;
    color: #f18b21;
    text-align: center;
}

    .confirmation-code .catch {
        font-size: 18px;
        font-weight: 400;
    }

.conf-summary {
    max-width: 800px;
}

.conf-buttons {
    max-width: 600px;
    text-align: center;
}
/*  DUBAI STYLE ADJUSTMENTS */

body.ae .ticket-subtotal {
    font-size: 27px;
}

body.ae .icon-u-emaar {
    width: auto;
    margin-right: 5px;
}

body.ae .ticket-subtotal span.value .icon {
    font-size: 26px;
}

body.ae .tick-price {
    font-size: 30px;
}

body.ae .btn-plus-2, body.ae .btn-minus-2 {
    margin-top: 1px;
}

body.ae .item-count {
    font-size: 30px;
}

body.ae .visit-confirmation .col-sm-6 {
    margin-bottom: 0;
}

body.ae .payment {
    max-width: 750px;
}

    body.ae .payment.header {
        padding: 0;
        background-color: #fff;
        border: none;
    }

    body.ae .payment.bottom {
        padding: 10px 10px 20px;
        border-radius: 0 0 10px 10px;
        border-top: 1px solid transparent
    }

body.ae .payment-option {
    display: none;
}

    body.ae .payment-option.one {
        display: block;
    }

body.ae .pnav {
    font-size: 20px;
}

body.ae a.pnav-element {
    display: inline-block;
    width: 32.9%;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    border-radius: 10px 10px 0 0;
    border: 1px solid #777;
}

body.ae a.pnav-element {
    padding: 11px 15px;
    color: #777;
    border-bottom: 1px solid #CCC;
    transition: all .3s;
    background-color: #fff;
    margin-top: 8px;
}

    body.ae a.pnav-element.active {
        color: #f18b21;
        border-bottom-color: #f6f6f6;
        padding: 15px 11px 15px;
        margin-top: 0;
        background-color: #f6f6f6;
    }

body.ae .promo-code {
    max-width: 164px;
    width: 80%;
    margin: 5px auto;
    font-size: 20px;
    text-align: center;
    border-color: #f5821f
}

body.ae .ae-mobile {
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

    body.ae .ae-mobile #cardCountryCode {
        width: 39%;
        max-width: none;
        border-radius: 20px 0 0 20px;
        margin: 0;
    }

    body.ae .ae-mobile.events {
        width: 98%;
        max-width: none;
    }

body.ae #country {
    /*width: 98%;
  max-width: 400px;*/
    width: 98%;
    max-width: 400px;
    display: block;
    margin: 5px auto;
}

body.ae .cvc-cont {
    display: block;
    margin: 0 auto
}

body.ae #securityCode {
    display: block;
    margin: 0 auto;
}

body.ae .cvc-cont label {
    width: 100%;
    max-width: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

body.ae .cvc-cont .icon {
    margin: 0 5px;
}

body.ae .ae-mobile input {
    /*display: inline-grid;*/
    display: inline-block;
}

body.ae .ae-mobile #cardPhoneArea {
    width: 39%;
    max-width: none;
    border-radius: 20px 0 0 20px;
}

body.ae .ae-mobile #cardPhoneNumber {
    width: 58%;
    border-radius: 0 20px 20px 0;
}

body.ae .ae-mobile.events {
    width: 99.5%;
    max-width: none;
}

    body.ae .ae-mobile.events #cardCountryCode {
        display: inline-block;
    }

@media (max-width: 400px) {
    body.ae .ae-mobile #cardPhoneNumber, body.ae .ae-mobile #cardCountryCode {
        width: 98%;
        border-radius: 20px;
    }
}

body.ae .payment form {
    max-width: none;
}

body.ae .emaar-points {
    margin-top: 20px;
    font-size: 15px;
    margin-bottom: 20px;
}

    body.ae .emaar-points input {
        font-size: 15px;
    }

body.ae .legal {
    font-size: 15px;
}

body.ae .uemaar-icon {
    width: 35px;
}

body.ae .cart-details {
    width: auto;
    max-width: none;
    right: 0;
    min-width: 210px;
}

@media (max-width: 1200px) {
    body.ae .purchase-btns {
        margin-top: 6px;
        margin-left: 5px;
    }

    body.ae .btn-plus-2 {
        margin-right: 0;
    }

    body.ae .pack-purchase .btn-minus-2 {
        margin-right: 4px;
    }

    body.ae a.pnav-element {
        width: 32.6%;
    }
}

@media (max-width: 768px) {
    body.ae .payment p.grand-total {
        font-size: 36px;
    }

    body.ae .cart-balance {
        font-size: 24px;
    }

    body.ae a.pnav-element {
        font-size: 17px;
    }

    body.ae .uemaar-icon {
        width: 17px;
    }
}

@media (max-width:570px) {
    body.ae .cart-details small {
        display: block;
    }

    body.ae .cart-details:after {
        left: 100px;
    }

    body.ae a.pnav-element {
        width: 98%;
        display: block;
        border: 1px solid #777;
        border-radius: 10px;
        margin: 5px 0;
    }

        body.ae a.pnav-element.active {
            border: 1px solid #777;
            padding: 11px 15px;
        }

    body.ae .payment.bottom {
        border: 1px solid #777;
        border-radius: 10px;
    }

    body.ae .ticket-subtotal {
        font-size: 23px;
    }
}

@media (max-width: 410px) {
    .anual-pass-types {
        padding: 0 !important;
    }

    body.ae .ap-wrapper {
        padding: 0;
    }
}
/*  ARABIC TOL STYLES */

body.ar .lang-selector .glyphicon, body.ar .tol-nav .icon, body.ar .tol-nav-element .icon, body.ar .tol-nav-element .fa {
    margin-right: 0;
    margin-left: 5px;
}

body.ar .purchase-step {
    padding-left: 0;
    padding-right: 128px;
    text-align: right;
}

    body.ar .purchase-step .tol-step-legend {
        right: 30px;
        left: 0;
    }

    body.ar .purchase-step .tol-step-number {
        right: -5px;
        left: 0;
    }

    body.ar .purchase-step:before {
        left: 0;
        right: 98px;
    }

body.ar .input-wrapper .icon {
    left: 0;
    right: 20px;
    margin-right: 0;
}

body.ar .date-of-visit input {
    padding: 5px 60px 5px 20px
}

    body.ar .date-of-visit input.datepicker-2 {
        width: 100%;
        text-align: right;
        padding-right: 0;
    }

body.ar .time-of-visit .input-wrapper {
    padding: 5px 60px 10px 10px;
}

@media (max-width: 1200px) {
    body.ar .time-of-visit .input-wrapper {
        padding-right: 40px;
    }
}

body.ar .gender-icon {
    margin-right: 0;
    margin-left: 20px;
}

body.ar .table-content.type .icon {
    margin-left: 0;
    margin-right: 5px;
}

body.ar .product-type-2 {
    text-align: right;
}

body.ar .ticket-description, body.ar .ticket-count {
    float: right;
}

body.ar .product-type-2 .ticket-number, body.ar .ticket-icon {
    float: right;
}

body.ar .ticket-age {
    float: right;
}

body.ar .icon {
    margin-right: 0;
    margin-left: 10px;
}

body.ar .qty-btns {
    float: left;
}

body.ar .btn-plus-2, body.ar .btn-minus-2 {
    margin-left: 0;
    margin-right: 15px;
    float: left;
}

body.ar .tick-price {
    float: right;
    padding-left: 0;
    padding-right: 15px;
}

body.ar .ticket-subtotal {
    margin-right: 20px;
    margin-left: 0;
}

    body.ar .ticket-subtotal.number {
        float: right;
    }

    body.ar .ticket-subtotal.cost {
        margin-left: 0;
        margin-right: 20px;
    }

    body.ar .ticket-subtotal span.value {
        max-height: 65px;
    }

body.ar .add-item {
    left: 0;
    right: 8px;
}

body.ar .pass-details ul {
    text-align: right;
}

@media(max-width:1200px) {
    body.ar .purchase-step {
        padding: 0 15px;
        text-align: center;
    }
}

@media (max-width: 550px) {
    body.ar .tickets-totals .col-sm-9, body.ar .tickets-totals .col-sm-3 {
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }

    body.ar .tickets-totals .total {
        float: none;
    }
}

body.ar #tolToFive, body.ar #tol-long-btn {
    white-space: normal;
    height: auto;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*   ARABIC UAE STYLES   */

body.ae.ar .tol-step.four {
    direction: ltr;
}

body.ae.ar .product-type-2 .ticket-number, body.ar .ticket-icon {
    float: left;
}

body.ae.ar .tick-price {
    float: left;
    padding-left: 15px;
    padding-right: 0;
}

body.ae.ar .qty-btns {
    float: right;
}

body.ae.ar .product-type-2 {
    text-align: left;
}

body.ae.ar .btn-plus-2, body.ae.ar .btn-minus-2 {
    margin-left: 15px;
    margin-right: 0;
    float: right;
}

@media (max-width: 1200px) {
    body.ae.ar .btn-plus-2 {
        margin-left: 8px;
    }

    body.ae.ar .btn-minus-2 {
        margin-left: 0;
    }
}

@media (max-width: 880px) {
    body.ae.ar .qty-btns {
        float: none;
    }
}

body.ae.ar .ticket-age {
    float: left;
    width: 100%;
    direction: rtl;
}

body.en.ar .ticket-subtotal.number {
    float: left;
}

body.ae.ar .ticket-subtotal.cost {
    margin-left: 0;
    margin-right: 20px;
}

body.ae.ar .ticket-description, body.ae.ar .ticket-count {
    float: left;
}

body.ae.ar .ticket-subtotal.number {
    float: left;
}

body.ae.ar .tol-step.five .table-head {
    float: left;
}

body.ae.ar .visitor-tickets-head .col-sm-2, body.ae.ar .visitor-tickets-head .col-sm-3, body.ae.ar .visitor-tickets-head .col-sm-4, body.ae.ar .visitor-tickets .col-sm-2, body.ae.ar .visitor-tickets .col-sm-3, body.ae.ar .visitor-tickets .col-sm-4 {
    direction: ltr;
    float: left;
}

@media (max-width:768px) {
    body.ae.ar .visitor-tickets-head .col-sm-2, body.ae.ar .visitor-tickets-head .col-sm-3, body.ae.ar .visitor-tickets-head .col-sm-4, body.ae.ar .visitor-tickets .col-sm-2, body.ae.ar .visitor-tickets .col-sm-3, body.ae.ar .visitor-tickets .col-sm-4 {
        float: none;
        width: 100%;
    }
}




.encapsulated-modules .module .bg-img h3 {
    text-align: center;
    color: #FFF;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: linear-gradient( rgba(0,0,0,.0), rgba(0,0,0,.4), rgba(0,0,0,.5));
    text-shadow: 0 5px 10px rgba(0,0,0,.8);
    margin: 0;
    padding: 15px 0 10px;
    font-size: 26px;
}

.embed-full-height .embed iframe {
    width: 100%;
    min-height: 100vh;
}

.zanks {
    display: none;
    background: rgba(255,255,255,.8);
    border-radius: 10px;
    border: 2px solid #5da95d;
    text-align: center;
    width: 100%;
    padding: 20px;
    margin-top: 55px;
    margin-bottom: 20px;
}

.img-success {
    font-size: 42px;
    color: #5da95d;
    padding: 12px;
    border-radius: 50%;
    border: 2px solid #5da95d;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #dff0d8;
}

.img-error {
    font-size: 42px;
    color: #e00f0f;
    padding: 12px;
    border-radius: 50%;
    border: 2px solid #e00f0f;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #dff0d8;
}

@media (max-width: 992px) {
    .encapsulated-modules .module {
        width: 47.5%;
    }
}

@media (max-width: 620px) {
    .encapsulated-modules .module {
        width: 100%;
        max-width: 400px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 800px) {
    .internal .modal-header, .black-filler-modal {
        height: 430px;
    }

    .internal .modal-body h3 {
        font-size: 36px;
    }

    .slider {
        height: 350px;
    }

    .black-filler-modal {
        padding: 120px 90px;
    }

    .slider h2, .section-title .title, .single-column h3, .internal .modal-title, .internal-modal-body {
        font-size: 36px;
    }

        .single-column h3 img {
            max-width: 80px;
        }

    .btn-lg {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .internal .modal-dialog {
        width: 97%;
    }

    .black-filler-modal {
        padding: 120px 20px;
    }
}

@media (max-width:500px) {
    .single-column .desc h4 {
        text-align: center;
    }

    .slider {
        height: 250px;
    }

    .single-column {
        padding: 0 20px;
    }

    .internal .modal-dialog {
        width: 95%;
    }

    .slider h2, .section-title .title, .single-column h3, .internal .modal-title, .internal-modal-body {
        font-size: 30px;
    }

    .internal .modal-body h3 {
        font-size: 30px;
    }

    .internal .modal-body img {
        width: 30px;
    }
}
/* ============ BLOG PAGES =============== */
.post {
    display: block;
    margin-left: 130px;
    position: relative;
    text-align: left;
}

.post {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

    .post figure {
        margin-bottom: 20px;
        position: relative;
    }

        .post figure img {
            width: 100%;
        }

    .post .post-meta {
        width: 100px;
        position: absolute;
        top: 0;
        left: -130px;
    }

        .post .post-meta .post-icon {
            width: 50px;
            height: 50px;
            color: #FFF;
            font-size: 24px;
            text-align: center;
            line-height: 53px;
            background: #25292c;
            display: inline-block;
            margin-bottom: 12px;
            border-radius: 3px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .post .post-meta .post-icon:hover {
                background: #991f36;
            }

        .post .post-meta h5 {
            font-size: 13px;
            margin-bottom: 3px;
            margin-top: 5px;
            font-weight: 800;
        }

        .post .post-meta span {
            font-size: 13px;
            font-weight: 300;
        }

            .post .post-meta span a {
                color: #991f36;
            }

    .post .post-title {
        font-size: 22px;
        line-height: 20px;
    }

        .post .post-title a {
            color: #25292c;
        }

            .post .post-title a:hover {
                color: #CCC;
            }

    .post pre {
        margin-left: 10%;
        margin-right: 10%;
        border-radius: 0;
    }

    .post .read-more {
        padding: 4px 7px;
        border: 1px solid #991f36;
        display: inline-block;
        font-size: 14px;
    }

@media (max-width: 768px) {
    .post {
        margin-left: 0;
    }

        .post .post-meta {
            display: block;
            margin: 10px 0;
            width: 100%;
            position: relative;
            left: 0;
        }

            .post .post-meta h5, .post .post-meta span {
                display: inline;
            }

            .post .post-meta span {
                margin-right: 13px;
                padding-left: 5px;
            }

            .post .post-meta .post-icon {
                display: none;
            }

    .pict {
        display: block !important;
    }

    .desc {
        display: block !important;
    }
}
/*
    BLOG AUTHOR
*/
.post-author {
    padding: 0 20px 40px 20px;
    border: 1px solid #EDEDED;
    position: relative;
    background: #f5f5f5;
}

    .post-author .blog-author-content {
        position: relative;
        display: block;
    }

    .post-author figure {
        width: 120px;
        position: relative;
    }

    .post-author .blog-author-info {
        margin-left: 120px;
        position: absolute;
        top: 0;
    }

    .post-author .media-heading a {
        color: #111;
    }

    .post-author .blog-author-info p {
        position: relative;
    }
/* BLOG COMMENTS */
.blog-comments > h2 span {
    font-size: 13px;
    display: block;
    margin-top: 10px;
}

.blog-comments form {
    margin-bottom: 40px;
}

.blog-comments .blog-comment-content figure img {
    border-radius: 50%;
    width: 75px;
    height: auto;
}

.blog-comments .blog-comment-content .comment-meta {
    display: block;
}

    .blog-comments .blog-comment-content .comment-meta .media-heading {
        display: inline-block;
    }

    .blog-comments .blog-comment-content .comment-meta .in-reply, .blog-comments .blog-comment-content .comment-meta span.time {
        font-size: 12px;
        padding-left: 15px;
    }

    .blog-comments .blog-comment-content .comment-meta .comment-extra {
        display: inline-block;
    }

.blog-comments .blog-comment-content .media-list li {
    padding: 15px;
}

    .blog-comments .blog-comment-content .media-list li:nth-child(2n+1) {
        background: #f5f5f5;
    }

.blog-comments .blog-comment-content .media-body .media-heading a {
    color: #111;
    padding-bottom: 1px;
    border-bottom: 1px dotted #85939b;
}
/*
    WIDGET
*/
.widget {
    display: block;
    margin-bottom: 40px;
    text-align: left;
}

    .widget .widget-title {
        margin-top: 0;
        font-size: 16px;
        font-weight: 800;
    }

    .widget ul {
        padding: 0;
        margin: 0;
    }

        .widget ul li {
            list-style: none;
        }

    .widget .input-default {
        border-radius: 3px;
        padding: 3px;
        border: none;
        display: inline-block;
    }

.audio-wrapper {
    width: 90%;
    left: 5%;
    top: 80%;
    float: left;
    clear: both;
    position: absolute;
    background: #474747;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #474747 0%, #363636 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #363636));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #474747 0%, #363636 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #474747 0%, #363636 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #474747 0%, #363636 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #474747 0%, #363636 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#363636', GradientType=0);
    /* IE6-8 */
    height: 50px;
    box-shadow: 0px 0px 3px #1E1E1E;
    -webkit-box-shadow: 0px 0px 3px #1e1e1e;
}

    .audio-wrapper > div {
        box-shadow: inset 1px 1px 1px #5F5F5F;
        padding-bottom: 10px;
    }
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
}

    .mejs-container .mejs-controls div {
        display: block;
        float: left;
    }

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    background: transparent;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: transparent;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: transparent;
    width: 0;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
/* end media element reset */

/* media element controls wrapper */
.mejs-controls {
    position: relative;
    height: 15px;
    margin-top: 15px;
    width: 96%;
    margin-left: 2.5%;
    float: left;
    background: transparent;
}
    /* play button */
    .mejs-controls .mejs-play button {
        width: 21px;
        height: 21px;
        margin-top: 3px;
        margin-left: 3px;
        background: url(../images/play-small.png) 0 0 no-repeat;
        border: none;
        outline: none;
        float: left;
    }
    /* pause button */
    .mejs-controls .mejs-pause button {
        width: 21px;
        height: 21px;
        margin-top: 3px;
        margin-left: 3px;
        background: url(../images/pause.png) 0 0 no-repeat;
        border: none;
        outline: none;
        float: left;
    }

.mejs-audio {
    width: 100% !important;
    margin: 0px;
    float: left;
    position: relative;
    left: 0px;
}

.mejs-controls .mejs-time-float, .mejs-controls .mejs-time-handle, .mejs-controls .mejs-time {
    display: none !important;
}
/* progress bar wrapper */
.mejs-controls .mejs-time-rail {
    position: relative;
    background: none;
    width: 70% !important;
    float: left;
    margin-left: 1.5%;
    clear: none;
    margin-top: 3px;
    height: 13px;
    overflow: hidden;
    padding: 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    border-bottom: 1px solid #3F3F3F;
    border-right: 1px solid #3F3F3F;
    box-shadow: inset 0px 0px 16px #121212;
    -webkit-box-shadow: inset 0px 0px 16px #121212;
}

    .mejs-controls .mejs-time-rail .mejs-time-buffering, .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-time-rail .mejs-time-current {
        height: 13px;
    }
    /* progress */
    .mejs-controls .mejs-time-rail .mejs-time-buffering {
        background: none;
    }

    .mejs-controls .mejs-time-rail .mejs-time-loaded {
        background: none;
    }

    .mejs-controls .mejs-time-rail .mejs-time-loaded {
        background: none;
    }

    .mejs-controls .mejs-time-rail .mejs-time-current {
        background-color: #991f36;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
/* audio bar */
.mejs-controls .mejs-volume-button {
    float: left;
    position: absolute;
    left: 78%;
    top: 3px;
}

.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
    width: 19px;
    height: 14px;
    border: none;
    outline: none;
    top: 14px;
    left: 588px;
}

.mejs-controls .mejs-mute button {
    background: url(../images/volume.png) no-repeat;
}

.mejs-controls .mejs-unmute button {
    background: url(../images/volume-muted.png) no-repeat;
}

.mejs-horizontal-volume-slider {
    box-shadow: inset 0px 0px 16px #121212;
    -webkit-box-shadow: inset 0px 0px 16px #121212;
    display: block;
    position: relative;
    height: 16px;
    width: 90px;
    left: 8%;
    margin-top: 2px;
    border-radius: 3px;
}

.mejs-horizontal-volume-total {
    height: 12px;
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.mejs-horizontal-volume-current {
    background: #991f36;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 14px;
    display: block;
    position: absolute;
    cursor: pointer;
    top: 1px;
    left: 0px;
}

@media (max-width: 768px) {
    .mejs-controls .mejs-time-rail {
        width: 45% !important;
    }

    .mejs-horizontal-volume-slider {
        display: none !important;
    }

    .mejs-controls .mejs-volume-button {
        left: 55%;
    }
}
/* ============== SHORTCODES ============= */

/*
    SKILL BAR
*/
.skill-bar ul {
    list-style: none;
    padding: 0;
}

    .skill-bar ul li {
        height: 35px;
        line-height: 35px;
        width: 100%;
        background: #25292c;
        position: relative;
        margin-bottom: 15px;
    }

        .skill-bar ul li h5 {
            margin: 0;
            color: #FFF;
            line-height: 35px;
            position: absolute;
            font-weight: 800;
            /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);*/
        }

        .skill-bar ul li .bar {
            padding-left: 15px;
            height: 100%;
            background: #991f36;
            width: 0%;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .skill-bar ul li span {
            position: absolute;
            top: 0;
            right: 20px;
            color: #FFF;
        }
/*
    PAGINATION
*/
.pagination {
    width: 100%;
    padding: 6px;
    border-radius: 0;
}

    .pagination .pag-prev a, .pagination .pag-next a {
        background: #991f36;
        color: #FFF;
        border-color: #991f36;
    }

        .pagination .pag-prev a:hover, .pagination .pag-next a:hover {
            border-color: #DDD;
        }

    .pagination li.active a {
        background: #EEE;
        color: #111;
        border-color: #DDD;
        pointer-events: none;
    }

    .pagination li a {
        margin: 0 3px;
        border-color: #EDEDED;
        color: #111;
        font-size: 13px;
        border-radius: 3px;
        margin: 3px;
    }

        .pagination li a:hover {
            background: #EEE;
            color: #111;
        }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }
/* NEW */
.fullfilter {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(37, 41, 44, 0.1);
    z-index: 1;
    display: none;
}

.content-home-wrapper {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 135%;
}

.home-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-wrapper {
    display: block;
    position: relative;
    min-height: 200px;
    height: 650px;
    width: 100%;
}

    .home-wrapper.home {
        height: 750px;
    }

    .home-wrapper.open {
        margin-top: 300px;
    }

        .home-wrapper.open.nation, .simple-slider.open.nation {
            margin-top: 380px;
        }

        .home-wrapper.open.company, .simple-slider.open.company {
            margin-top: 420px;
        }

@media (max-width: 1200px) {
    .home-wrapper, #main-slider .item {
        height: 650px;
    }
}

@media (max-width: 800px) {
    .home-wrapper {
        height: 60%;
        min-height: 476px;
    }
}

.home-video {
    position: relative;
    height: 100%;
    display: block;
}

.home-video-fallback {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: -1;
}

@media (max-width: 600px) {
    .home-video {
        display: none;
    }

    .home-video-fallback {
        display: block
    }
}

.outter {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.center-push {
    padding: 0 10%;
    max-width:
}

.btn-mrgn {
    margin: 0.5em;
    )
}

.soc-btn {
}

    .soc-btn a {
        margin-bottom: 0;
        margin-left: 2px;
        margin-right: 2px;
    }

.border-triang {
    display: table;
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 3px solid transparent;
    background: url(../images/section-triangle.png) repeat-x;
    z-index: 2;
    background-size: 6px 3px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* OWL CAROUSEL STYLES */
.owl-carousel {
    direction: ltr;
}

#demo {
    background-color: #fff;
}

#owl-demo .item {
    background: transparent;
    padding: 30px 0px;
    margin: 10px;
    color: #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.customNavigation {
    text-align: center;
}

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.cta {
    font-weight: 600;
    font-size: x-large;
    line-height: 2;
}

.padding-left-clear {
    padding-left: 0;
}

.header-left {
    position: absolute;
    left: 10%;
    top: 70%;
    -webkit-transform: translate(-10%, -70%);
    -ms-transform: translate(-10%, -70%);
    -moz-transform: translate(-10%, -70%);
    transform: translate(-10%, -70%);
    display: inline-block;
}

    .header-left h1, .header-left p {
        color: #FFF;
    }

    .header-left h1 {
        font-weight: 600;
        font-size: 60px;
        text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    }

        .header-left h1 span {
            font-weight: 800;
        }

@media(max-width: 768px) {
    .header-left {
        text-align: center;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: inline-block;
    }

        .header-left h1 {
            font-size: 40px;
        }

        .header-left p {
            display: none;
        }
}

.header-left p {
    font-size: 22px;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.header-left a {
    color: #FFF;
    margin-top: 2%;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    font-size: 25px;
    display: inline-block;
    border: 2px solid #FFF;
    background: rgba(0, 0, 0, 0);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    outline: 0;
}

    .header-left a:hover {
        background: #d97300;
        border-color: #f5821f;
        color: #FFF;
        outline: 0;
    }
/* Animation of the content inside the header */
.header-left.fade-in {
    zoom: 0;
    animation: fadeit 1s ease-out forwards;
    animation-iteration-count: 1;
    -webkit-animation: fadeit 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: fadeit 1s;
    -moz-animation-iteration-count: 1;
    -ms-animation: fadeit 1s;
    -ms-animation-iteration-count: 1;
}

.shadow-top {
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.1);
}

.shadow-bottom {
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
}

/* WIDGET STYLES*/

.widget {
    z-index: 4;
    position: relative;
    text-align: center;
    color: white;
    font-size: 20px;
    padding: 2.5%;
    line-height: 2;
    max-width: 350px;
}

    .widget a {
        color: #FFF;
        margin-top: 9%;
        width: 50px;
        height: 50px;
        line-height: 42px;
        text-align: center;
        font-size: 25px;
        display: inline-block;
        border: 2px solid #FFF;
        background-color: #bd234d;
        background-image: linear-gradient(to bottom,#E7255A 0,#CA1F4B 100%);
        box-sizing: border-box;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        outline: 0;
        box-shadow: 0 5px 15px rgba(189,35,77,.2);
        text-shadow: 0 0 1px rgba(0,0,0,.1);
    }

        .widget a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50); /* For IE8 and earlier */
            background-color: #d97300;
        }

.widget-icon {
    max-width: 30px;
    margin-right: 7px;
}

@media (max-width: 1160px) {
    .widget-icon {
        max-width: 20px;
        margin-right: 5px;
    }
}

.widget-img {
    margin: -5px 0;
    display: hidden
}

.widget-top-mdl {
    background-color: #bd234d;
    background-image: linear-gradient(to bottom,#E7255A 0,#CA1F4B 100%);
    box-sizing: border-box;
    border: none;
    border-radius: 16px;
    margin: 70px auto 0;
    box-shadow: 0 5px 15px rgba(189,35,77,.2);
    text-shadow: 0 0 1px rgba(0,0,0,.1);
    border: 2px solid #bd234d;
    text-align: left;
    /*max-width: 284px;
    overflow: hidden;*/
}

.widget-low-mdl {
    background: url(../images/widget-background.jpg) 0 0 repeat;
    height: 126px;
    padding: 5%;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.widget-top-mdl label {
    margin-left: 8px;
}

@media (min-width: 800px) and (max-width: 1200px) {
    .widget {
        margin-top: 200px;
    }
}

@media screen and (max-width: 1180px) {
    .widget {
        margin-left: auto;
        margin-right: auto;
        max-width: none;
        width: 100%;
        position: absolute;
        top: 235px;
    }

    .widget-top-mdl {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }

    .down-arrow {
        display: none;
    }

    .widget-spacer {
        display: block;
        height: 50px;
    }

    .widget-low-mdl {
        display: none;
    }
}


#sel1 {
    width: 80%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -3px;
    display: inline-block;
    float: left;
}

#widget-link {
    color: #FFF;
    background-image: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
    border-color: transparent;
    border: 0;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    margin: 5px 0 0;
    padding: 5px 9px 5px 6px;
    float: left;
    width: auto;
    height: auto;
    font-size: inherit;
    box-shadow: none;
    line-height: 1.4;
}

.modal-adj {
    width: 1002px;
    max-width: 1002px;
}

@media(max-width: 768px) {
    .modal-adj {
        width: 95%;
        margin: 2.5% auto;
    }
}

@media (max-width: 650px) {
    .widget {
        top: 300px;
    }

    .widget-spacer {
    }
}

@media (max-width: 500px) {
    .widget {
        top: 350px;
    }

    .widget-spacer {
        height: 70px;
    }
}

.modal-content {
    border-radius: 12px;
}

.modal-header {
    text-align: center;
    padding: 0;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#myModal .modal-header {
    background: #bd234d !important;
}

.modal_body, .img-ony-modal {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.widget-sm {
    margin-top: -79px;
    text-align: center;
    color: white;
    font-size: 20px;
}

    .widget-sm a {
        color: #FFF;
        margin-top: 9%;
        width: 50px;
        height: 50px;
        line-height: 42px;
        text-align: center;
        font-size: 25px;
        display: inline-block;
        border: 2px solid #FFF;
        background-color: #bd234d;
        background-image: linear-gradient(to bottom,#E7255A 0,#CA1F4B 100%);
        box-sizing: border-box;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        outline: 0;
        box-shadow: 0 5px 15px rgba(189,35,77,.2);
        text-shadow: 0 0 1px rgba(0,0,0,.1);
    }

        .widget-sm a:hover {
            opacity: 0.5;
            filter: alpha(opacity=50); /* For IE8 and earlier */
        }

.widget-low-mdl-sm {
    background: url(../images/map-background-sr.jpg) 0 0 repeat;
    height: 250px;
    padding: 5%;
    border-radius: 0 0 10px 10px;
}

.modal-body .kznationmap {
    padding: 0;
}

/*
-------------------------

    BOOTSTRAP THEMING

-------------------------
*/

/*
    ACCORDION
*/
.panel-group .panel {
    margin-bottom: 5px;
    background: transparent;
}

.panel-group p {
    font-size: 16px;
}

.panel-group .panel {
    border: 0;
    border-radius: 0;
    margin-top: 0 !important;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    border-radius: 0;
    border-top: 1px solid transparent;
    padding: 0;
    transition: all .3s;
    cursor: pointer;
}

.panel-default > .panel-heading {
    background: transparent;
    color: #FFF;
    border: solid 2px #bd234d;
    border-radius: 45px;
    padding: 0 20px;
}

.panel-group {
    margin-bottom: 0;
}

.panel-title {
    font-size: 20px;
    color: inherit;
    display: block;
}

    .panel-title a {
        display: block;
        padding: 20px;
        text-decoration: none;
    }

.panel-heading:hover, .panel-heading.collapsed:hover {
    background: transparent;
    color: #FFF;
    border: 2px solid transparent;
}

.panel-body {
    background: #f6f6f6;
    padding: 20px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0;
}

.panel-heading .glyphicon {
    transform: initial;
    transition: transform .3s;
}

.panel-heading.collapsed {
    background: #FFF;
    color: #666;
    border: solid 2px #DDD;
}

    .panel-heading.collapsed .glyphicon {
        transform: rotate(-90deg);
    }
/*
    NAV TABS
*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #FFF;
    color: #bd234d;
    border-radius: 0;
    webkit-border-radius: 0;
    border-top: 0;
    border-left: none;
    border-bottom: 0;
    border-right: 0;
}

.nav-tabs {
    border-bottom: 0;
    overflow: hidden;
    margin-left: -40px;
}

@media screen and (max-width: 440px) {
    .nav-tabs li {
        width: 30%;
    }
}

.nav-tabs > li > a {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: inherit;
    background: #e5e8eb;
    font-weight: 800;
    border-left: none;
    margin: 0;
    margin-right: 5px;
    padding: 15px 20px;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-tabs > li.active:first-child > a:hover {
    border-left: 0;
    border-bottom: 0;
}

.nav-tabs > li > a {
    border-bottom: 1px solid #CCC;
    border: 0;
    color: #1A1E22;
}

    .nav-tabs > li > a:hover {
        color: #FFF;
        background: #3a3e45;
        border-top: 0;
        border-right: 0;
        border-left: none;
        border: 0;
    }

.nav-tabs > li:first-child > a {
    border-left: 0;
}

.tab-content {
    background: #FFF;
    padding: 15px;
    border: 0;
}

.navbar-header {
    padding-top: 70px;
    float: none;
}
/* ipadFix
@media(max-width: 1200px){
    .navbar-header {
        padding-top: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}*/
/*
    ALERTS
*/
.alert {
    border-radius: 0;
    padding: 20px;
    margin-bottom: 10px;
    border: none;
    color: #FFF;
    font-size: 16px;
}

.alert-dismissable .close {
    right: -21px;
    top: -21px;
    width: 31px;
    height: 31px;
    background: #1A1E22;
    color: inherit;
    opacity: 1;
    text-shadow: none;
}

.alert-warning {
    background: #deb14d;
}

.alert-success {
    background: #70bc70;
}

.alert-info {
    background: #52adda;
}

.alert-danger {
    background: #c46868;
}
/*
    TOOLTIP
*/
.tooltip {
    font-size: 14px;
}

.tooltip-inner {
    padding: 15px 15px;
    border-radius: 0;
    background: #1A1E22;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #1A1E22;
    border-width: 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #1A1E22;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #1A1E22;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #1A1E22;
}
/*
    LABEL
*/
.label {
    padding: 5px 8px;
    border-radius: 0;
}

.label-warning {
    background: #deb14d;
}

.label-info {
    background: #52adda;
}

.label-success {
    background: #70bc70;
}

.label-danger {
    background: #c46868;
}
/*
    PROGRESS BAR
*/
.progress {
    height: 25px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.07);
    box-shadow: none;
}

.progress-bar {
    padding: 20px;
}
/*
    PANEL
*/
.panel .panel-heading h3 {
    padding: 10px;
}
/*
    TABLE
*/
.table.table-bordered {
    background: #F4F4F4;
}

.table-responsive .glyphicon {
    color: #bd234d;
    font-size: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    display: block;
}

table.rk {
    font-size: 14px;
    margin: 30px auto;
}

    table.rk td {
        padding: 0 10px 0 20px;
    }
/*
    WELL
*/
.well {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.07);
    border: 1px solid #85939b;
}
/*
    ICON
*/
.bs-glyphicons {
    margin: 0 -19px 20px -16px;
    overflow: hidden;
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #fff;
    background-color: #f9f9f9;
}

.no-transition {
    -webkit-transition: height 0.01s;
    -moz-transition: height 0.01s;
    -ms-transition: height 0.01s;
    -o-transition: height 0.01s;
    transition: height 0.01s;
}

.menu-wave {
    margin-top: 21px;
    width: 100%;
}

.dropdown-menu.collapse {
    display: none !important;
}

    .dropdown-menu.collapse.in {
        display: block !important;
    }

#companyinfo-dropdown-menu {
    left: -10px;
    right: auto;
    text-align: left;
}

#companyinfo-dropdown-menu-2 {
    left: 0;
    right: auto;
    text-align: left;
    top: 25px;
}

@media (min-width: 800px) {
    .menu-wave {
        display: none !important;
    }
}

@media (max-width: 415px) {
    .menu-wave {
        margin-top: 27px;
    }
}

/*
        CMS 4
*/
.facility {
    color: #FFF;
    font-size: 13px;
    text-align: center;
    margin-top: -5px;
    margin-left: 68px;
    font-weight: 400;
    font-family: Arial, sans-serif;
}

.ticket-bar {
    margin-top: -55px;
    background: #f18b21;
    font-size: 14px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
    float: right;
    max-width: none;
}

    .ticket-bar input {
        width: 190px;
        border-radius: 5px;
        padding: 5px;
        transition: all .4s;
        border: none;
        color: #333;
    }

        .ticket-bar input:focus {
            width: 400px;
        }

    .ticket-bar ul > li {
        display: inline;
        margin-right: 20px;
        position: relative;
    }

    .ticket-bar ul {
        display: inline;
    }

    .ticket-bar a {
        color: #FFF;
        font-size: 15px;
    }

        .ticket-bar a:hover {
            color: #bd234d;
        }

.expand-info {
    padding: 15px;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    position: absolute;
    top: 30px;
    right: -25px;
    text-align: left;
    min-width: 250px;
    z-index: 50;
    color: #666;
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
}

    .expand-info a {
        display: block;
        margin: 0 auto;
        max-width: 90%;
        transition: all .4s;
        line-height: 1;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

        .expand-info a:hover {
            color: #FFF;
        }

.ticket-type, .days {
    font-weight: 800;
    color: #666;
    margin: 0;
    font-size: 15px;
}

.cost, .hours {
    margin: 0 0 12px;
}

.expand-info.ticket-prices, .expand-info.ticket-prices-fixed {
}

.expand-info.opening-hours, .expand-info.opening-hours-fixed {
    min-width: 250px;
}

.no-shadow {
    box-shadow: none;
}

.expand-info.ticket-prices-fixed, .expand-info.opening-hours-fixed {
    top: 25px;
    right: 0;
    background: #FFF;
}

.expand-info.book-now-tickets-fixed {
    top: 25px;
    right: 20px;
    left: auto;
    background: #FFF;
    max-width: 256px;
}

.mobile-visit-info .expand-info {
    position: relative;
    float: left;
}

.search-bar {
    display: inline-block;
    background-color: #FFF;
    border-radius: 5px;
    padding-left: 15px;
}

.expand-info.book-now-tickets {
    left: auto;
    right: -20px;
}
/* ipadFix
@media (max-width: 1200px){
    .ticket-bar {
        display: block;
        padding: 5px 0 0 0;
        right: auto;
        position: absolute;
        float: none !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto !important;
        margin-top: -30px;
    }
    .ticket-bar ul {
        padding-right: 40px;
    }
}*/
@media (max-width: 768px) {
    .ticket-bar {
        width: 100%;
        max-width: none;
        border-radius: 0;
        float: none;
        height: auto;
    }

        .ticket-bar ul > li {
            display: block
        }

            .ticket-bar ul > li > a {
                padding: 0;
            }

        .ticket-bar ul {
            padding: 0;
        }
}

.ticket-bar-2 {
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    float: right;
    padding-right: 40px;
    text-align: right;
    background: #f18b21;
    font-size: 15px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    position: relative;
}

    .ticket-bar-2 input {
        width: 190px;
        border-radius: 5px;
        padding: 5px;
        transition: all .4s;
        border: none;
        color: #333;
    }

        .ticket-bar-2 input:focus {
            width: 400px;
        }

    .ticket-bar-2 ul > li {
        display: inline;
        margin-right: 20px;
        padding-bottom: 15px;
        position: relative;
    }

    .ticket-bar-2 ul {
        display: inline;
    }

    .ticket-bar-2 a {
        color: #FFF;
        font-size: 15px;
    }

.search-bar-2 {
    display: inline-block;
    background-color: #FFF;
    border-radius: 5px;
    padding-left: 15px;
    color: #bd234d
}

.header-center {
    top: 59%;
}

.secondary-modules-wrapper {
    width: 100%
}

    .secondary-modules-wrapper .module {
        width: 250px;
        margin: 15px;
        height: 350px;
        display: inline-block;
        background: #DDD;
        border-radius: 10px;
        box-shadow: 0 5px 25px rgba(0,0,0,.2);
        position: relative;
    }

        .secondary-modules-wrapper .module .photo {
            width: 100%;
            height: 200px;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

        .secondary-modules-wrapper .module .copy {
            background-color: #FFF;
            height: 150px;
            width: 100%;
            position: absolute;
            bottom: 0;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 0 15px;
        }

            .secondary-modules-wrapper .module .copy h3 {
                font-size: 18px;
                color: #bd234d;
            }

.secondary-modules-wrapper2 .module .copy h3 {
    font-size: 18px;
    font-weight: bold;
    color: #bd234d;
}

.secondary-modules-wrapper2 {
    width: 100%
}

    .secondary-modules-wrapper2 .module {
        text-align: left;
        width: 30%;
        margin: 15px;
        display: inline-block;
        background: #f4f4f4;
        border-radius: 10px;
        position: relative;
        min-height: 454px;
        vertical-align: top;
    }

        .secondary-modules-wrapper2 .module .headline {
            text-align: center;
            background: #bd234d;
            color: #FFF;
            margin: 0;
            padding: 20px 15px 10px;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

h2.headline2 {
    background: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,.0));
    color: #FFF;
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 20px 15px 10px;
}

.secondary-modules-wrapper2 .module .copy {
    background-color: #f4f4f4;
    width: 100%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0 15px;
}

    .secondary-modules-wrapper2 .module .copy p {
        font-size: 16px;
        margin-bottom: 15px;
    }

.secondary-modules-wrapper2 .module .photo2 {
    height: 250px;
}

.secondary-modules-wrapper2 .module .photo {
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 250px;
}

.module.plus {
    height: 513px;
}

.secondary-modules-wrapper .module .copy a, .secondary-modules-wrapper2 .module .copy a {
    color: #F38230;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 15px 15px 15px;
}

    .secondary-modules-wrapper2 .module .copy a.prop2, .secondary-modules-wrapper .module .copy a.prop2 {
        background: #F38230;
        color: #FFF;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .secondary-modules-wrapper2 .module .copy a.prop3, .secondary-modules-wrapper .module .copy a.prop3 {
        border-top: 1px solid #CCC;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.prop4w {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    padding: 0 15px;
}

.secondary-modules-wrapper2 .module .copy a.prop4, .secondary-modules-wrapper .module .copy a.prop4 {
    width: auto;
    position: relative;
    left: auto;
    bottom: 5px;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
    border: 2px solid #bd234d;
    color: #bd234d;
    padding: 5px 15px;
}

.secondary-modules-wrapper2 .module .copy a.prop4 {
    max-width: 50%;
}

a.prop5 {
    position: relative;
    float: right;
    background: #F38230;
    color: #FFF;
    width: 15%;
    display: flex;
    height: 200px;
    border-bottom-right-radius: 10px;
    align-items: center;
}

a.prop5small {
    height: 150px;
}

.secondary-modules-wrapper2 .module.tertiary {
    width: 22%;
    background: #bd234d;
    color: #FFF;
    min-height: auto;
}

    .secondary-modules-wrapper2 .module.tertiary .photo {
        border-radius: 10px;
    }

    .secondary-modules-wrapper2 .module.tertiary .copy {
        position: absolute;
        bottom: 0;
        min-height: 80px;
        background: rgba(189, 35, 77, .8);
        color: #FFF;
        text-align: center;
        padding: 15px 25px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

@media (max-width: 1000px) {
    .secondary-modules-wrapper2 .module {
        width: 45%;
    }

        .secondary-modules-wrapper2 .module.tertiary {
            width: 30%
        }
}

@media (max-width: 800px) {
    .secondary-modules-wrapper2 .module.tertiary {
        width: 43%
    }
}

@media (max-width: 650px) {
    .secondary-modules-wrapper2 .module {
        width: 90%;
    }

        .secondary-modules-wrapper2 .module.tertiary {
            width: 43%
        }
}

@media (max-width: 460px) {
    .secondary-modules-wrapper2 .module.tertiary {
        width: 85%
    }
}

@media (max-width: 400px) {
    .secondary-modules-wrapper2 .module {
        min-height: auto;
    }

        .secondary-modules-wrapper2 .module .copy p {
            display: none;
        }

        .secondary-modules-wrapper2 .module .copy h3 {
            font-size: 24px;
        }
}

.copy.prop5 {
    max-width: 85%;
    border-bottom-right-radius: 0 !important;
}

.fill-wrapper-transparent {
    min-height: 500px; /*background-color:rgba(189,35,77,0.75);*/
    height: 100%;
}

.floated-right {
    margin: 50px 30px 50px;
    float: right;
    width: 30%;
    border-radius: 5px;
    background: #FFF;
}

    .floated-right .header {
        background-color: #f18b21;
        color: #FFF;
        padding: 15px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .floated-right .element {
        border-bottom: 1px solid #EEE;
        padding: 15px 20px;
        text-align: left;
        transition: all .3s;
    }

        .floated-right .element:hover {
            background: #f8c590;
        }

        .floated-right .element .icon {
            font-size: 20px;
            color: #bd234d;
            display: inline-block;
            width: 10%;
            margin-right: 10px;
            float: left;
        }

        .floated-right .element .content {
            display: inline-block;
            width: 80%;
        }

.tooltip {
    width: 350px;
    background: #FFF;
    margin-left: -380px;
    margin-top: -15px;
    opacity: 1;
    border-radius: 10px;
    padding: 20px 30px;
    text-align: left;
    font-size: 16px;
    -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.2);
    box-shadow: 0 5px 25px rgba(0,0,0,.2);
    transition: all .3s;
}

    .tooltip .btn, .column .btn {
        margin-top: 15px;
    }

    .tooltip .pointer {
        position: absolute;
        top: 5px;
        right: -26px;
        color: #f18b21;
        font-size: 36px;
    }

.visit-info {
    background: #DDD;
    width: 100%;
    text-align: center;
    padding: 50px 0;
}

.headline-img {
    width: 100%;
    height: 200px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.column-text {
    padding: 10px 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.visit-info .column {
    background-color: #FFF;
    padding-bottom: 20px;
    border-radius: 10px
}

.visit-info h3 {
    padding: 0;
    font-size: 26px;
}

.visit-info-2 {
    background-color: #FFF;
}

    .visit-info-2 .row {
        padding-bottom: 20px;
    }

    .visit-info-2 .header {
        width: 100%;
        height: 400px;
        background: #f6f6f6;
        margin-bottom: 20px;
    }

    .visit-info-2 p {
        font-size: 20px;
        padding-left: 78px;
    }

        .visit-info-2 p.small {
            font-size: 80%;
        }

    .visit-info-2 .block {
        display: inline-block;
        margin-bottom: 15px;
    }

        .visit-info-2 .block p {
            padding-left: 25px;
        }

    .visit-info-2 .panel-title a {
        padding: 5px;
        color: inherit;
        transition: all 0s;
    }

    .visit-info-2 .panel-heading.active {
        border: 2px solid #bd234d;
        background: #bd234d;
        color: #FFF;
    }

    .visit-info-2 .panel-heading {
        border: 2px solid #bd234d;
        background: #FFF;
        color: #bd234d;
    }

        .visit-info-2 .panel-heading:hover {
            background: #bd234d;
            color: #FFF;
        }

/* Prices and Hour Slider index */

.ticket-name, .hours-name {
    color: #777;
    text-align: center;
    display: block;
    font-size: 26px;
    margin: 10px auto;
}

.prices-slider .owl-dots, .hours-slider .owl-dots, #hours-slider-mobile .owl-dots, #prices-slider-mobile .owl-dots {
    display: none;
    margin: 0 auto;
    text-align: center;
}

.prices-slider .owl-dot, .hours-slider .owl-dot, #hours-slider-mobile .owl-dot, #prices-slider-mobile .owl-dot {
    width: 13px;
    height: 13px;
    background: #fff;
    border: 2px solid #bd234d;
    display: inline-block;
    border-radius: 50%;
    margin: 5px;
    transition: all .3s;
}

    .prices-slider .owl-dot.active, .hours-slider .owl-dot.active, #hours-slider-mobile .owl-dot.active, #prices-slider-mobile .owl-dot.active {
        background: #bd234d;
    }

.prices-slider .owl-nav, .hours-slider .owl-nav, #hours-slider-mobile .owl-nav, #prices-slider-mobile .owl-nav {
    position: relative;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

@media (max-width: 861px) {
    .prices-slider .owl-nav, .hours-slider .owl-nav, #hours-slider-mobile .owl-nav, #prices-slider-mobile .owl-nav {
        top: auto;
    }
}

.prices-slider .owl-prev, .prices-slider .owl-next, .hours-slider .owl-prev, .hours-slider .owl-next,
#hours-slider-mobile .owl-prev, #hours-slider-mobile .owl-next, #prices-slider-mobile .owl-prev, #prices-slider-mobile .owl-next {
    color: #bd234d;
    display: inline-block;
    height: 100%;
    padding: 4px 7px 2px;
    border: 2px solid #bd234d;
    border-radius: 50%;
    background: #FFF;
    transition: all .3s;
}

.prices-slider .owl-prev, .hours-slider .owl-prev, #hours-slider-mobile .owl-prev, #prices-slider-mobile .owl-prev {
    margin-right: 10px;
}

    .prices-slider .owl-next.disabled, .prices-slider .owl-prev.disabled, .hours-slider .owl-next.disabled, .hours-slider .owl-prev.disabled,
    #hours-slider-mobile .owl-next.disabled, #hours-slider-mobile .owl-prev.disabled, #prices-slider-mobile .owl-next.disabled, #prices-slider-mobile .owl-prev.disabled {
        opacity: 0.3;
        background: #fff;
        color: #777;
        border-color: #777;
        cursor: default !important;
    }

    .prices-slider .owl-dot:hover, .prices-slider .owl-prev:hover, .prices-slider .owl-next:hover,
    .prices-slider .owl-dot:focus, .prices-slider .owl-prev:focus, .prices-slider .owl-next:focus,
    .prices-slider .owl-dot:active, .prices-slider .owl-prev:active, .prices-slider .owl-next:active,
    .prices-slider .owl-dot:visited, .prices-slider .owl-prev:visited, .prices-slider .owl-next:visited,
    .hours-slider .owl-dot:hover, .hours-slider .owl-prev:hover, .hours-slider .owl-next:hover,
    .hours-slider .owl-dot:focus, .hours-slider .owl-prev:focus, .hours-slider .owl-next:focus,
    .hours-slider .owl-dot:active, .hours-slider .owl-prev:active, .hours-slider .owl-next:active,
    .hours-slider .owl-dot:visited, .hours-slider .owl-prev:visited, .hours-slider .owl-next:visited,
    #hours-slider-mobile .owl-dot:hover, #hours-slider-mobile .owl-prev:hover, #hours-slider-mobile .owl-next:hover,
    #hours-slider-mobile .owl-dot:focus, #hours-slider-mobile .owl-prev:focus, #hours-slider-mobile .owl-next:focus,
    #hours-slider-mobile .owl-dot:active, #hours-slider-mobile .owl-prev:active, #hours-slider-mobile .owl-next:active,
    #hours-slider-mobile .owl-dot:visited, #hours-slider-mobile .owl-prev:visited, #hours-slider-mobile .owl-next:visited,
    #prices-slider-mobile .owl-dot:hover, #prices-slider-mobile .owl-prev:hover, #prices-slider-mobile .owl-next:hover,
    #prices-slider-mobile .owl-dot:focus, #prices-slider-mobile .owl-prev:focus, #prices-slider-mobile .owl-next:focus,
    #prices-slider-mobile .owl-dot:active, #prices-slider-mobile .owl-prev:active, #prices-slider-mobile .owl-next:active,
    #prices-slider-mobile .owl-dot:visited, #prices-slider-mobile .owl-prev:visited, #prices-slider-mobile .owl-next:visited {
        background: #f18b21;
        border-color: #f18b21;
        color: #FFF;
    }
/* Prices and Hour Slider dropdowns */

.ticket-name.small, .hours-name.small {
    font-size: 16px;
    margin-top: 0;
    color: #000;
    font-weight: bold;
}

.prices-slider-2, .hours-slider-2, .opening-hours-fixed-slider, .ticket-prices-fixed-slider {
    display: inline-flex;
}

    .prices-slider-2 .element, .hours-slider-2 .element, .opening-hours-fixed-slider .element, .ticket-prices-fixed-slider .element {
        float: left;
        min-width: 150px;
        margin: 0 15px;
    }

#opening-hours-dropdown {
    display: block;
    margin: 0 auto;
    text-align: center;
}

    #opening-hours-dropdown .dropdown-menu {
        text-align: left;
        font-size: 16px;
        left: 30%;
        right: 30%;
    }

        #opening-hours-dropdown .dropdown-menu li a {
            font-size: 16px;
        }

.title span {
    color: #bd234d;
    background: transparent;
}

.kaw .title span {
    color: #FFF;
}

.ticket-prices {
    border-left: 2px solid #f6f6f6;
}

@media (max-width: 991px) {
    .ticket-prices {
        border-left: none;
        border-top: 2px solid #f6f6f6;
    }
}

.visit-info-2 .variant {
    background-color: #bd234d;
    color: #FFF;
    text-align: center;
    border-radius: 10px;
    margin: 20px 0 0;
    padding: 5px;
}

.visit-info-2 .panel-title {
    font-size: 18px;
    text-align: center;
}

    .visit-info-2 .panel-title .glyphicon {
        font-size: 15px;
        margin-left: 10px;
    }

.address-directions {
    padding: 25px 25px 40px;
}

.directions {
    margin-top: 60px;
    margin-left: 78px;
    min-width: 267px;
}

    .directions.moreinfo {
        margin-top: 30px;
    }

.modal-header {
    background: transparent;
}

    .modal-header h2 {
        color: #000;
        margin-bottom: 0;
    }

.transportation-info {
    padding: 30px;
}

    .transportation-info p, .transportation-info .subtitle {
        margin-left: 50px;
    }

.bus-icon {
    background: url(../images/bus.svg) center/cover no-repeat;
    width: 67px;
    height: 43px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px;
}

@media(max-width: 992px) {
    .directions, .directions.moreinfo {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 280px;
    }

    .address-directions {
        padding: 25px 0;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 100px auto;
        width: 70%;
    }

    .directions, .directions.moreinfo {
        max-width: 280px;
    }

    .modal.grid .modal-dialog {
        width: 97%;
        margin-top: 4%;
    }
}

.book-now {
    background: #f18b21;
    min-height: 100px;
    color: #FFF;
    text-align: center;
    padding: 20px 30px 40px;
    position: relative;
}

    .book-now h2, .book-now p {
        color: #FFF;
        padding: 0;
    }

    .book-now p {
        margin-bottom: 20px;
    }

    .book-now a {
        margin-top: 15px;
    }

@media (max-width: 500px) {
    .book-now a {
        display: block;
    }
}

.book-now a:hover {
    background-image: linear-gradient(to top,#E7255A 0,#CA1F4B 100%);
}

@media (max-width: 648px) {
    .visit-info-2 p {
        padding-left: 30px;
    }

    .ticket-prices {
        border: 0;
    }
}

.ip-wrapper {
    padding: 0 40px;
}

.ip-slider {
    width: 100%;
}

.ip-logo {
    width: 130px;
    height: 130px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #DDD;
    transition: all .3s;
}

    .ip-logo:hover {
        border-color: #bd234d;
    }

#ip-slider .owl-dots {
    margin: 10px auto;
}

#ip-slider .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #DDD;
    display: inline-block;
    margin-right: 5px;
}

    #ip-slider .owl-dot.active {
        background: #bd234d;
    }

#ip-slider .owl-next, #ip-slider .owl-prev {
    background: #FFF;
    padding: 50px 10px;
    margin-top: -130px;
    height: 130px;
    border: solid 2px #bd234d;
    transition: all .3s;
    color: #666;
}

    #ip-slider .owl-next:hover, #ip-slider .owl-prev:hover {
        background: #bd234d;
        color: #FFF;
    }

#ip-slider .owl-next {
    float: right;
    margin-right: -50px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

#ip-slider .owl-prev {
    float: left;
    margin-left: -50px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

@media (max-width: 800px) {
    .ip-wrapper {
        max-width: 600px;
    }
}

@media (max-width: 650px) {
    .ip-wrapper {
        max-width: 390px;
    }

    .ip-logo {
        width: 120px;
        height: 120px;
    }

    #ip-slider .owl-next, #ip-slider .owl-prev {
        height: 120px;
        margin-top: -120px;
        padding: 45px 10px;
    }
}

@media (max-width: 400px) {
    .ip-logo {
        width: 100px;
        height: 100px;
    }

    #ip-slider .owl-next, #ip-slider .owl-prev {
        height: 100px;
        margin-top: -100px;
        padding: 37px 5px;
    }

    #ip-slider .owl-prev {
        margin-left: -33px;
    }

    #ip-slider .owl-next {
        margin-right: -33px;
    }
}

.around {
    background: #FFF;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 80px;
}

    .around h2 {
    }

    .around img {
        max-width: 100px;
    }

    .around p {
        max-width: 600px;
    }

    .around select {
        max-width: 300px;
        text-align: center;
    }

#sel1 {
    margin-left: auto;
    margin-right: auto;
}

#contact h3 {
    max-width: 250px;
}

/* ACTIVITIES */
.main-image {
    background: url(../images/london/activities.jpeg) center/cover no-repeat;
}

.establishment {
    background: #f6f6f6;
    position: relative;
    border-radius: 10px;
    width: 31%;
    margin: 20px 1.1%;
    border: 2px solid #f6f6f6;
    display: inline-block;
    float: left;
}

@media (max-width: 991px) {
    .establishment {
        width: 47.8%;
        margin: 20px 1.1%;
    }
}

@media (max-width: 615px) {
    .establishment {
        width: 70%;
        margin: 20px auto;
        float: none !important;
        display: block;
        min-width: 375px;
    }
}

@media (max-width: 405px) {
    .establishment {
        width: 100%;
        margin: 20px auto;
        float: none;
        display: block;
        min-width: 290px;
    }
}

.establishment .photo {
    min-height: 350px;
    width: 100%;
    background: #FF0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.establishment .content {
    max-height: 232px;
    overflow: hidden;
    position: relative;
}

.establishment .copy {
    background: #f6f6f6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    padding: 15px 40px 15px 15px;
    font-size: 15px;
    height: 142px;
}

.establishment .content .glyphicon {
    font-size: 28px;
    color: #bd234d;
    position: absolute;
    bottom: 10px;
    right: 10px;
    top: auto;
}

.establishment .name-logo {
    padding: 5px 15px;
    background: #FFF;
    min-height: 90px;
    max-height: 107px;
    position: relative;
}

    .establishment .name-logo .industry-partner {
        width: 25%;
        margin-left: 2%;
        height: auto;
    }

.second-ip {
    position: absolute;
    right: 15px;
    top: 5px;
    max-width: 80px;
    animation: fade 5s 2.5s infinite;
}

@keyframes fade {
    0% {
        opacity: 1
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.establishment .name-logo h2 {
    font-size: 19px;
    margin-top: 8px;
    margin-bottom: 5px;
    width: 73%;
    display: inline-block;
    color: #bd234d;
    max-height: 40px;
    overflow-y: hidden;
}

.establishment .name-logo .activities {
    color: #666;
    margin-top: 0;
    font-size: 16px;
    max-width: 73%;
    max-height: 44px;
    overflow-y: hidden;
}

/*  COMPACT ACTIVITIES  */

.establishment-2 {
    width: 280px;
    height: 300px;
    position: relative;
    text-align: center;
    display: inline-block;
    margin-right: -1px;
    margin-bottom: -3px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .3s;
    color: #FFF;
    text-shadow: 0 5px 10px rgba(0,0,0,.8);
    font-size: 20px;
}

    .establishment-2:hover {
        background-size: cover;
        text-shadow: 0 5px 5px rgba(0,0,0,1);
        box-shadow: 0 5px 15px rgba(0,0,0,.5).;
        z-index: 2;
    }

    .establishment-2 .details {
        bottom: 0;
        width: 100%;
        padding: 10px 45px 10px 20px;
        position: absolute;
        display: block;
        text-shadow: inherit;
        background: linear-gradient( rgba(0,0,0,.0), rgba(0,0,0,.3));
    }

.ip-est {
    max-width: 75px;
    max-height: 75px;
    position: absolute;
    top: 0;
    right: 10px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: hidden;
    padding: 5px;
    background: #FFF;
}

.establishment-2 .details h2 {
    color: #inherit;
    font-family: Ubuntu, Arial, sans-serif;
    font-weight: normal;
    font-size: inherit;
}

.goto {
    width: 25px;
    height: 30px;
    color: inh;
    bottom: 15px;
    right: 15px;
    position: absolute;
    padding: 5px;
    font-size: inherit;
}

@media (max-width: 1199px) {
    .establishment-2 {
        width: 33%;
        background-size: cover;
    }
}

@media (max-width: 991px) {
    .establishment-2 {
        height: 250px;
    }

        .establishment-2 .details {
            padding: 10px 45px 10px 10px;
        }
}

@media (max-width: 768px) {
    .establishment-2 {
        height: 200px;
    }

    .ip-est {
        max-width: 60px;
        max-height: 60px;
    }
}

@media (max-width: 595px) {
    .establishment-2 {
        width: 49.7%;
        height: 155px;
        margin-right: -2px;
        margin-bottom: -3px;
    }

        .establishment-2 .details h2 {
            margin-bottom: 0;
            font-size: 16px;
        }

    .ip-est {
        max-width: 50px;
        max-height: 50px;
    }

    .establishment-grid {
        padding: 0;
    }
}

/*  INTERNAL PAGES      */
.text-module {
    text-align: center;
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 30px auto 0;
}

.two-column .title {
    text-align: center
}

.two-column p {
    text-align: justify;
}

.two-column .side-column {
    text-align: left;
    font-size: 16px;
}

.simple-slider {
    background: #FFF;
    width: 100%;
}

    .simple-slider.open {
        margin-top: 300px;
    }

/*   RIGHTZKEEPERS   */
.single-column.portraits {
    max-width: 816px;
}

.rk-portraits {
    margin: 0 auto 15px;
    width:
}

.portrait, li.portrait {
    display: inline-block;
    width: 153px;
    text-align: center;
    margin-right: 12px;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 0;
    float: left;
}

.rk-portraits ul li:last-child {
    margin-right: 0;
}

.portrait-img {
    border-radius: 10px;
    margin-bottom: 10px;
}

.rk-img {
    width: 250px;
    margin-top: 30px;
}

.rk-info {
    height: 435px;
}

.catch.rk {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 30px;
}

.info {
    display: inline-block;
    width: 560px;
    font-size: 14px;
    padding: 0 15px;
}

.specs-list, .specs-data {
    display: inline-block;
    line-height: 1.5;
    max-width: 262px
}

.specs-list {
    font-weight: bold;
    margin-right: 10px;
    float: left;
}

.two-info, .three-info, .four-info, .five-info {
    display: none;
}

.rk-adjust {
    display: none
}

@media (max-width: 900px) {
    .rk-portraits ul {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
    }

    li.portrait {
        width: 130px;
    }

    .info {
        width: 70%;
        max-width: 515px;
    }
}

@media (max-width:768px) {
    .info {
        width: 100%;
        max-width: none;
    }

    .specs-data {
        max-width: 70%;
        float: left;
    }

    .portrait, li.portrait {
        width: 18%;
    }

    .rk-portraits {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 500px) {
    .portrait, li.portrait {
        width: 29%;
        margin-right: 11px;
    }

    .rk-portraits {
        height: auto;
        margin: 0;
        font-size: 12px;
    }

    .rk-portrait .section-title {
        padding: 0;
    }
}

@media (max-width: 400px) {
    .specs-data {
        max-width: 58%;
    }

    .rk-adjust {
        display: block
    }
}

/* GRID MODULE*/
.modal.grid .modal-body .single-column {
    padding: 0;
    text-align: justify;
}

.modal-body .single-column img {
    border-radius: 50%;
    display: block;
    margin: 5px auto;
    max-width: 320px !important;
}

@media (max-width: 420px) {
    .modal-body .single-column img {
        width: 215px !important;
        margin: 20px auto 30px;
    }
}

.modal.grid .modal-body {
    padding: 20px;
}

.grid-module img {
    display: inline-block;
    max-width: 69px;
    top: -6px;
    left: 21px;
    position: absolute;
}

@media (max-width: 767px) {
    .modal.grid .modal-body {
        padding: 0 17px
    }

    .grid-module img {
        display: block;
        max-width: 70px;
        margin: 0 auto;
        top: auto;
        left: auto;
        position: relative;
    }

    .col-sm-6 h3 {
        padding-left: 0;
    }
}

.modal.grid .modal-body .section-title h2.title {
    margin-top: 30px;
}

@media (max-width: 420px) {
    .modal.grid .modal-body .section-title h2.title {
        margin-top: 0;
    }

    .modal.grid .modal-dialog {
        margin: 15px 1%;
        width: 98%
    }

    .modal.grid .modal-body img.img-circle {
        width: 215px !important;
        margin: 20px auto 30px;
    }
}

/*  LOADING BAR */

.loading-bar-element {
    width: 80%;
    max-width: 400px;
    background: #f6f6f6;
    padding: 30px;
    margin: 0 auto;
    border-radius: 16px;
}

    .loading-bar-element p {
        text-align: center;
    }

.loading-container {
    margin-top: 10px;
    width: 85%;
    border-radius: 20px;
    height: 25px;
    box-shadow: 0 10px 20px rgba(0,0,0,.2) inset;
    border: 1px solid #999;
}

.loading-bar {
    background: linear-gradient(180deg,#e7255a 0,#ca1f4b);
    min-width: 20%;
    height: 100%;
    border-radius: 20px;
    animation: 3s loadingAnimation;
}

@keyframes loadingAnimation {
    0% {
        width: 0%
    }

    40% {
        width: 30%
    }

    80% {
        width: 85%
    }

    100% {
        width: 100%
    }
}

@keyframes progressBkz {
    0% {
        width: 100%
    }

    100% {
        width: 25%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

/*  owl slider adjustments  */

#main-slider .owl-nav {
    position: absolute;
    top: 350px;
    color: #FFF;
    width: 100%;
}

.simple-slider .owl-nav {
    position: absolute;
    top: 250px;
    color: #FFF;
    width: 100%;
}

#main-slider .owl-prev, #main-slider .owl-next {
    width: 60px;
    height: 90px;
    background: rgba(0,0,0,.3);
    padding: 32px 15px;
    font-size: 24px;
    display: inline-block;
    transition: all .4s;
}

.simple-slider .owl-prev, .simple-slider .owl-next {
    width: 60px;
    height: 90px;
    background: rgba(0,0,0,.3);
    padding: 32px 15px;
    font-size: 24px;
    display: inline-block;
    transition: all .4s;
}

#main-slider .owl-prev:hover, #main-slider .owl-next:hover {
    background: linear-gradient(180deg,#f5981f 0,#f5821f 60%,#f5821f);
    box-shadow: 0 8px 15px rgba(164,76,0,.3), 0 20px 35px rgba(245,130,31,.35);
}

.simple-slider .owl-prev:hover, .simple-slider .owl-next:hover {
    background: linear-gradient(180deg,#f5981f 0,#f5821f 60%,#f5821f);
    box-shadow: 0 8px 15px rgba(164,76,0,.3), 0 20px 35px rgba(245,130,31,.35);
}

#main-slider .owl-prev {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
}

.simple-slider .owl-prev {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
}

#main-slider .owl-next {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    float: right;
}

.simple-slider .owl-next {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    float: right;
}

#main-slider .item {
    position: relative;
    height: 650px;
}

.simple-slider .item {
    position: relative;
    height: 500px;
}

#main-slider .caption {
    width: 100%;
    position: absolute;
    bottom: 85px;
    padding-left: 10%;
    padding-right: 10%;
    text-shadow: 0 5px 20px rgba(0,0,0,.5);
}

.simple-slider .caption, .mid-header .caption {
    width: 100%;
    position: absolute;
    bottom: 85px;
    padding-left: 10%;
    padding-right: 10%;
    text-shadow: 0 5px 20px rgba(0,0,0,.5);
}

.mid-header .caption {
    bottom: 70px;
}

#main-slider .caption .title, #main-slider .caption p, .mid-header .title {
    color: #FFF;
    text-align: center;
    max-width: 750px;
    overflow: hidden;
    margin: 0 auto;
    padding: 12px
}

.simple-slider .caption .title, .simple-slider .caption p, .mid-header .caption p {
    color: #FFF;
    text-align: center;
    max-width: 750px;
    overflow: hidden;
    margin: 0 auto;
    padding: 12px
}

#main-slider .caption .title {
    font-size:
}

#main-slider .caption .btn {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    max-width: 250px;
}

@media (max-width: 1200px) {
    #main-slider .item {
        height: 650px;
    }

    #main-slider .caption {
        padding-left: 20px;
        padding-right: 20px;
        bottom: 66px;
    }

    .simple-slider .caption {
        padding-left: 20px;
        padding-right: 20px;
        bottom: 66px;
    }

    #main-slider .caption .title {
        font-size: 36px;
        line-height: 1;
    }
}

@media (max-width: 800px) {
    #main-slider .caption {
        bottom: 45px;
    }

        #main-slider .caption p,
        #main-slider .caption {
            padding-left: 20px;
            padding-right: 20px;
        }

    .simple-slider .caption {
        bottom: 45px;
    }

        .simple-slider .caption .title {
            font-size: 36px;
            line-height: 1;
        }

        .simple-slider .caption p,
        .simple-slider .caption {
            padding-left: 20px;
            padding-right: 20px;
        }
}

@media (max-width: 768px) {
    #main-slider .item, .home-wrapper {
        height: 600px;
    }

    #main-slider .owl-nav {
        top: 250px;
    }
}

@media (max-width: 600px) {
    #main-slider .caption {
        bottom: 34px;
    }

    #main-slider .owl-prev, #main-slider .owl-next {
        padding: 17px 10px;
        width: 40px;
        height: 60px;
    }

    #main-slider .caption p,
    #main-slider .caption .title {
        padding-left: 40px;
        padding-right: 40px;
    }

    #main-slider .caption .title {
        font-size: 30px;
    }

    .simple-slider .caption {
        bottom: 34px;
    }

    .simple-slider .owl-prev, .simple-slider .owl-next {
        padding: 17px 10px;
        width: 40px;
        height: 60px;
    }

    .simple-slider .caption p,
    .simple-slider .caption .title {
        padding-left: 40px;
        padding-right: 40px;
    }

    .simple-slider .caption .title {
        font-size: 30px;
    }

    .content-home-wrapper {
        height: 120%;
    }
}

@media (max-width: 400px) {
    #main-slider .item, .home-wrapper {
        height: 480px;
    }

    #main-slider .caption .title {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main-slider .caption p {
        padding-left: 0;
        padding-right: 0;
    }

    #main-slider .caption {
        padding-left: 40px;
        padding-right: 40px;
    }

    .simple-slider .item {
        height: 480px;
    }

    .simple-slider .caption .title {
        padding-left: 10px;
        padding-right: 10px;
    }

    .simple-slider .caption p {
        padding-left: 0;
        padding-right: 0;
    }

    .simple-slider .caption {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 350px) {
    #main-slider .item, .home-wrapper {
        height: 430px;
        min-height: 200px;
    }

    .simple-slider .item {
        height: 430px;
        min-height: 200px;
    }
}

.subtitle {
    color: #bd234d;
    padding: 0;
    padding-left: 0 !important;
}

    .subtitle.text-center {
        display: block;
        text-align: center;
    }

@media (max-width: 380px) {
    .contact-module .container {
        padding: 0;
    }

    #contact .col-md-5 {
        padding: 0;
    }

    .zanks h2 {
        font-size: 30px;
        margin-top: 10px;
    }
}

.contact-form {
    max-width: 800px;
    background: #f6f6f6;
    padding: 15px 5% 30px !important;
    border-radius: 10px;
    margin-bottom: 40px;
}

    .contact-form .title {
        text-align: center;
    }

    .contact-form form {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .contact-form form > input, .contact-form form > textarea {
            font-size: 18px;
            margin-bottom: 15px;
        }

            .contact-form form > input:focus, .contact-form form > textarea:focus {
                border: 2px solid #bd234d;
            }

        .contact-form form button {
            box-shadow: none;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

@media (max-width: 860px) {
    .owl-nav {
        top: 250px;
    }
}

#contactModal .modal-header .glyphicon {
    font-size: 38px;
    margin-right: 10px;
}

#contactModal .modal-dialog {
    max-width: 850px;
}

#contactModal .modal-header {
    text-align: left;
}

.table-responsive {
    padding: 20px;
    border: 0;
}

.table {
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    max-width: 90%;
    overflow-x: scroll !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

thead th {
    background: #f18b21;
    color: #FFF;
    border-bottom: solid 3px #333;
    text-align: center;
}

.cta-module {
    text-align: center;
    margin: 0 auto 50px;
}

/*  FAQs */


.holder-tabs ul > li {
    list-style: inline;
    list-style-type: none;
}

.answer-box {
    border: solid 2px #000;
    font-size: 24px;
}

.faqs-2 .nav-tabs {
    margin-left: auto;
}

    .faqs-2 .nav-tabs > li {
        padding: 15px 20px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border: solid 2px #f6f6f6;
    }

    .faqs-2 .nav-tabs li.active {
        background: #f6f6f6;
        border-bottom-color: #f6f6f6;
    }

    .faqs-2 .nav-tabs li {
        cursor: hand;
    }

    .faqs-2 .nav-tabs > li > a {
        background: transparent;
        font-size: 22px;
    }

        .faqs-2 .nav-tabs > li > a:hover {
            background: transparent;
            color: #bd234d;
        }

.questions {
    background: #f6f6f6;
    padding: 20px 40px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 99.3%;
}

.faqs-tabs {
    margin-bottom: -2px;
}

    .faqs-tabs .tab {
        width: 32.8%;
        display: inline-block;
        text-align: center;
        padding: 20px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background: #e4e4e4;
        border: 2px solid #DDD;
        color: #666;
        font-size: 22px;
        cursor: pointer;
    }

        .faqs-tabs .tab:hover {
            color: #bd234d;
        }

        .faqs-tabs .tab.active {
            background: #FFF;
            color: #bd234d;
            font-weight: 800;
            border-bottom: 2px solid #FFF;
        }

.faqs-tabs-layout .questions {
    background: #FFF;
    border: solid 2px #DDD;
}

@media (max-width: 992px) {
    .faqs-tabs .tab {
        width: 32.7%;
    }
}

@media (max-width: 720px) {
    .questions .panel-title .glyphicon {
        display: none;
    }

    .questions .panel-title {
        text-align: center;
    }
}

@media (max-width: 560px) {
    .faqs-tabs .tab {
        width: 98%;
        border: 2px solid #DDD;
        border-radius: 10px;
        margin-bottom: 10px;
    }

        .faqs-tabs .tab.active {
            border-bottom: 2px solid #DDD;
        }

    .questions {
        width: 98%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .questions .panel-title {
            font-size: 17px;
            padding-right: 0px;
            padding-left: 0px;
        }

        .questions .panel-group .panel-heading + .panel-collapse .panel-body {
            margin-top: 5px;
            border-top: 1px solid #DDD;
            border-radius: 10px;
            font-size: 15px;
        }
}

.establishment-grid.generic-grid .establishment-2 .details {
    transition: all .3s;
    min-height: 72px;
    display: flex;
    align-items: center;
    text-align: left;
}

.promo .establishment-2 .details {
    background: linear-gradient( rgba(0,0,0,.0), rgba(189,35,77,.8));
}

.promo-2 .establishment-2 .details {
    background: linear-gradient( rgba(0,0,0,.0), rgba(241,139,33,.8));
}


.details-content {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 15px;
}
/*  INDUSTRY PARTNERS  */
.ip-logo.grid {
    margin: 5px;
    display: inline-block;
    width: 140px;
    height: 140px;
    transition: all .3s;
}

    .ip-logo.grid:hover {
        margin: 0;
        width: 145px;
        height: 150px;
    }

@media (min-width: 491px) {
    .ip-logo.grid:hover {
        margin: 0;
        width: 150px;
        height: 150px;
    }
}

.grid-wrapper {
    max-width: 1075px;
}

@media (max-width: 992px) {
    .ip-grid .container {
        width: 797px;
    }
}

@media(max-width: 800px) {
    .ip-grid .container {
        width: 490px;
    }
}

@media (max-width: 490px) {
    .ip-logo.grid:hover {
        width: 140px;
        height: 140px;
    }

    .ip-grid .container {
        width: 320px;
    }

    .ip-logo.grid {
        width: 132px;
        height: 132px;
    }

    .grid-wrapper {
        max-width: 290px;
    }
}
/*  404 & 500 */

.home-wrapper.error, .home-wrapper.login {
    background: #bd234d;
    height: 20%;
    min-height: 200px;
}

.home-wrapper.login {
    height: 10%;
    min-height: 10%;
}

.e404-content h1.title, .e500-content h1.title {
    text-align: center;
    font-size: 58px;
    margin-bottom: 30px;
}

.e404-content .subtitle, .e500-content .subtitle {
    font-size: 28px;
}

.img-500 {
    max-width: 250px;
    max-height: 260px;
}

.error-id {
    font-size: 12px;
}

@media (max-width: 992px) {
    .e404-content h1.title, .e500-content h1.title {
        font-size: 36px;
        line-height: 1;
    }

    .e404-content .subtitle, .e500-content .subtitle {
        font-size: 22px;
    }

    .img-500 {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .home-wrapper.error {
        min-height: 115px;
    }
}

@media (max-width: 480px) {
    .home-wrapper.error {
        min-height: 100px;
    }
}
/* Cookie Bar */

.cookie-message.purple {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 100px;
    background: rgba(255,255,255,.9);
    box-shadow: 0px 0px 5px #ccc;
    z-index: 998;
    color: #333;
    line-height: 1;
    font-size: 80%;
    transition: all .4s;
    text-align: center;
    display: none;
}

.cookie-message .inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px !important
}

    .cookie-message .inner img {
        width: 120px;
        margin-left: -100px;
        margin-right: 15px;
        position: relative;
        float: left;
    }

    .cookie-message .inner .glyphicon {
        position: absolute;
        right: 70px;
        top: 28px;
        color: #666;
    }

@media (max-width: 580px) {
    .cookie-message.purple {
        padding: 10px 100px 10px 30px;
        font-size: 70%;
    }

    .cookie-message .inner img {
        width: 80px;
        margin-top: 15px;
        margin-bottom: 10px;
        margin-left: 0;
    }
}

@media (max-width: 470px) {
    .cookie-message.purple {
        padding-right: 50px;
    }

    .cookie-message .inner .glyphicon {
        right: auto;
        left: 20px
    }

    .cookie-message .inner img {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        margin-top: 8px;
    }
}

/*  NAV FIXES   */
.mobile-nav {
    width: 100%;
    background: #f18b21;
    /*background: #bd234d;*/
    position: fixed;
    top: 0;
    z-index: 10;
    padding-top: 20px;
    min-height: 75px;
    color: #FFF;
    font-size: 18px;
    transition: all .4s;
    box-shadow: 0 7px 10px rgba(0,0,0,.13);
}

    .mobile-nav a {
        color: #FFF;
    }

.mobile-menu-toggle {
    width: 44px;
    padding: 5px 20px 10px;
    display: inline-block;
    position: absolute;
}

    .mobile-menu-toggle .icon-bar {
        height: 4px;
        width: 24px;
        background: #FFF;
        margin-left: auto;
        margin-right: auto;
    }

        .mobile-menu-toggle .icon-bar.middle {
            width: 18px;
            margin: 5px auto;
        }

.mobile-nav-logo {
    max-width: 115px;
    display: block;
    margin: 0 auto;
    height: 30px;
}

.mobile-menu-franchise {
    color: #FFF;
    text-align: center;
    margin: 2px 0 0 42px;
    font-size: 10px;
    font-family: Arial, sans-serif;
}

.mobile-visit-info {
    height: 70px;
    width: 100%;
    margin-top: 8px;
    position: fixed;
    bottom: 0;
    z-index: 9;
    box-shadow: rgba(0,0,0,.2) 0 0px 10px;
    background: linear-gradient(to bottom, #f18b21, #e07608);
}

    .mobile-visit-info a {
        color: #FFF;
    }

    .mobile-visit-info ul {
        max-width: 450px;
        color: #FFF;
        margin: 0 auto;
        padding: 8px 0;
        font-size: 12px;
        text-align: center;
    }

    .mobile-visit-info .glyphicon, .mobile-visit-info [class^="icon-"], .mobile-visit-info [class*=" icon-"] {
        font-size: 30px;
    }

    .mobile-visit-info ul > li {
        margin-bottom: 0px;
        width: 31.5%;
        padding: 0;
        white-space: nowrap;
        overflow-y: hidden;
        text-overflow: ellipsis;
    }

    .mobile-visit-info ul li:last-child {
        margin-bottom: 0;
    }

.content-list {
    margin-top: 0;
    padding-left: 5px;
}

    .content-list .panel-body {
        padding: 0;
    }

    .content-list ul {
        padding: 0 25px;
    }

        .content-list ul > li {
            margin-bottom: 15px !important;
        }

            .content-list ul > li:first-child {
                margin-top: 10px;
            }

            .content-list ul > li:last-child {
                margin-bottom: 0;
            }

            .content-list ul > li > a {
                color: #FFF
            }

.panel-body .sub-menu {
    font-size: 85%;
    padding-left: 35px;
}

.mobile-nav .panel-body {
    background: transparent;
    width: 100%;
    border-radius: 0;
    border: none;
}

.mobile-nav .panel-heading:hover {
    border: 0;
}

.mobile-nav .panel-heading.collapsed {
    background: transparent;
    color: #FFF;
    border: none;
}

.mobile-nav .panel-default > .panel-heading {
    border: none;
    padding-bottom: 8px;
}

.mobile-nav .panel-group .panel {
    margin-bottom: 10px;
}


/* #ticket-prices-expand-mobile .modal-dialog, #opening-hours-expand-mobile .modal-dialog {
    margin-top:40%; */
#ticket-prices-expand-mobile .modal-dialog.modal-adj, #opening-hours-expand-mobile .modal-dialog.modal-adj {
    max-width: 540px;
    margin: 10px auto;
}

#ticket-prices-expand-mobile .modal-body, #opening-hours-expand-mobile .modal-body {
    padding: 20px;
}

    #ticket-prices-expand-mobile .modal-body p, #opening-hours-expand-mobile .modal-body p {
        text-align: center;
    }

    #ticket-prices-expand-mobile .modal-body a, #opening-hours-expand-mobile .modal-body a {
        width: 100%;
        margin: 0 auto;
        display: block !important;
    }

.mobile-nav .lang-selector {
    display: flex;
    align-items: center;
    float: none;
    text-align: left;
    position: static;
    margin: 0;
    height: 35px;
}

.state-facilities {
    display: block;
    font-size: 12.5px;
}

    .state-facilities a {
        margin-right: 10px;
    }

@media (width: 768px) {
    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: hidden !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-toggle {
        display: block;
    }
}



@media (min-width: 1201px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .mobile-visit-info {
        display: none
    }
}

@media (max-width: 1200px) {
    .navbar-header {
        display: none;
    }
}

/*  NEW AROUND THE WORLD    */
.new-around-the-world, .around, .map-slide {
    display: none;
}

.around-the-world-map {
    max-width: 1279px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0;
    border-top: 2px solid #bd234d;
    border-bottom: 2px solid #bd234d;
}

@media (max-width: 1279px) {
    .around-the-world-map {
        max-width: 960px;
    }
}

@media (max-width: 959px) {
    .around-the-world-map {
        max-width: 640px;
    }
}

@media (max-width: 639px) {
    .around-the-world-map {
        max-width: 320px;
    }
}

.around {
    width: 100%;
    display: none;
}

.map-and-info {
    background: url(../images/map-background-3.jpg) center/cover no-repeat;
    width: 100%;
    padding: 10px 0 0;
}

    .map-and-info .info {
        width: 300px;
        min-height: 200px;
        background: #FFF;
        float: right;
        border-radius: 10px;
        box-shadow: 0 5px 25px rgba(0,0,0,0.2);
        margin-bottom: 30px;
        padding: 10px;
    }

.flags {
    display: block;
    width: 100%;
    background: rgba(255,255,255,.4);
    padding: 10px 50px;
}

.flag {
    width: 50px;
    height: 30px;
    margin: 10px;
}

#info-mx, #info-jp, #info-id {
    display: none;
}

.red {
    color: #bd234d;
}

/* Fixes for arabic layout */

body.ar {
    direction: rtl;
}

@media (min-width: 768px) {
    body.ar .navbar-header {
        float: left;
        width: 100%;
    }
}

body.ar .navbar-right, body.ar .pull-right {
    float: left !important;
}

body.ar .establishment .name-logo .industry-partner {
    margin-left: 0;
    margin-right: 2%
}

body.ar .ticket-bar, body.ar .ticket-bar-2, body.ar .close {
    float: left;
}

body.ar .lang-selector-ticket .glyphicon {
    margin-right: 0;
    margin-left: 3px;
}

body.ar .mainNavSpy .lang-selector {
    float: right;
}

body.ar .lang-selector-ticket, body.ar .mainNavSpy {
    text-align: left;
    direction: ltr;
}

body.ar .secondary-modules-wrapper2 .module, body.ar .contact, body.ar .text-left, body.ar .expand-info, body.ar .two-column .side-column {
    text-align: right;
}

body.ar .ticket-bar, body.ar .ticket-bar-2 {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}

    body.ar .ticket-bar ul, body.ar .ticket-bar-2 ul {
        padding-right: 0;
        padding-left: 40px;
    }

body.ar .visit-info-2 p {
    padding-left: 0;
    padding-right: 78px;
}

body.ar .kaw-state .glyphicon-menu-right {
    transform: rotate(180deg);
}

@media (max-width: 648px) {
    body.ar .visit-info-2 p {
        padding-right: 30px;
    }
}

body.ar #navSpy {
    width: 100%;
    font-size: 16px;
    text-align: center;
    position: fixed;
    margin-top: -100px;
    transition: all .5s;
    background: linear-gradient(90deg,rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0));
}

@media (min-width:2360px) {
    body.ar #navSpy {
        background: linear-gradient(90deg, rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), );
    }
}

@media (max-width:2359px) {
    body.ar #navSpy {
        background: linear-gradient(90deg, rgba(241,139,33,1), rgba(241,139,33,1), rgba(241,139,33,1), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
    }
}

body.ar .totop {
    right: auto;
    left: 0;
    border-width: 0 60px 60px 0;
    border-color: transparent transparent rgba(18, 24, 24, .4) transparent;
    bottom: 69px;
}

    body.ar .totop span {
        left: auto;
        right: -50px;
    }

body.ar .expand-info.ticket-prices-fixed {
    left: 0;
    right: auto;
}

body.ar .expand-info.opening-hours-fixed {
    left: 0;
    right: auto;
}

body.ar .expand-info.book-now-tickets-fixed {
    left: 0;
    right: auto;
}

body.ar .establishment {
    float: right;
}

    body.ar .establishment .content .glyphicon {
        transform: rotate(180deg);
        right: auto;
        left: 10px;
    }

    body.ar .establishment .copy {
        padding-right: 15px;
        padding-left: 40px;
    }

body.ar .industry-partner.second-ip {
    right: auto;
    left: 15px;
}

body.ar .close {
    right: auto;
    left: 25px;
}

body.ar th:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
}

body.ar th:last-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
}

body.ar .panel-heading.collapsed .glyphicon {
    transform: rotate(90deg);
}

body.ar .book-now p {
    padding-right: 0;
}

body.ar .transportation-info p, .transportation-info .subtitle {
    margin-left: 0px;
    margin-right: 50px;
}

body.ar .ticket-prices {
    border-left: none;
    border-right: 2px solid #f6f6f6;
}

body.ar .kznationmap {
    font-family: Ubuntu, sans-serif;
    direction: ltr;
}

body.ar #widget-link {
    right: auto;
    left: -57px;
    border-radius: 5px 0 0 5px;
}

body.ar #kz-select {
    border-radius: 0 10px 10px 0;
}

body.ar .price-list, body.ar .hours-list {
    direction: rtl;
}

@media (max-width: 800px) {
    body.ar .section-title .subtitle {
        text-align: right;
    }
}
/*  Fixes for Thai layout   */
body.th #contact h3 {
    max-width: 195px;
}
/*  STATE LANDING */

.visit-info-2 .location {
    display: inline-block;
    margin-bottom: 15px;
}

    .visit-info-2 .location p {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

.visit-info-2 p .glyphicon, .visit-info-2 p [class^="icon-"], .visit-info-2 p [class*=" icon-"] {
    color: #bd234d;
}

.buttons {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
}

    .buttons a {
        margin-left: 5px;
        margin-right: 5px;
    }

.btn-tickets {
    background-image: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
    color: #fff;
    box-shadow: none;
    padding: 15px 45px;
    max-width: 300px !important;
}

    .btn-tickets.shadow {
        box-shadow: 0 8px 15px rgba(225,127,11,.4),0 20px 55px rgba(255,179,31,.3);
        font-size: 22px;
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }

#book-now-tickets-out .modal-adj {
    max-width: 430px;
    margin: 10px auto;
}

#book-now-tickets-out-2 .modal-adj {
    max-width: 600px;
}

#book-now-tickets-out-2 .modal-header {
    height: 250px;
}

    #book-now-tickets-out-2 .modal-header h2,
    #book-now-tickets-out-2 .modal-header h2 span {
        color: #FFF;
        text-shadow: 0 5px 20px rgba(0,0,0,.6);
    }

    #book-now-tickets-out-2 .modal-header h2 {
        margin: 100px auto 0;
    }

#book-now-tickets-out-2 .modal-body .btn {
    display: block;
}

#book-now-tickets-expand-mobile .btn-tickets, #book-now-tickets-out .btn-tickets {
    display: block !important;
}

#book-now-tickets-expand-mobile p {
    text-align: center;
    margin: 20px auto;
}

.facility-card, .facility-card-2 {
    background: #f6f6f6;
    border-radius: 10px;
    text-align: center;
    width: 32%;
    height: 620px;
    margin-right: 1%;
    float: left;
    padding: 0 15px;
}

.facility-card-2 {
    padding: 0;
    background: #FFF;
    box-shadow: 0 10px 10px #DDD;
}

.facility-card h2, {
    font-size: 36px;
}

.facility-card-2 h2 {
    font-size: 18px;
    font-family: Arial, sans-serif;
    display: block;
    margin-top: 0;
    color: #bd234d;
    margin-top: -20px;
    margin-bottom: 30px;
}

.facility-card p, .facility-card-2 p {
    padding-left: 0;
    font-size: 16px;
}

.facility-card a, .facility-card-2 a {
    font-size: 16px;
}

.facility-img, .facility-card-2 .facility-img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.facility-card-2 .facility-img {
    width: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 0;
}

@media (max-width: 340px) {
    .facility-img, .facility-card-2 .facility-img {
        width: 230px;
        height: 230px
    }
}

.facility-card-2 p, .facility-card-2 h2 {
    padding: 0 15px;
}

.kz-logo {
    margin-top: 10px;
    max-width: 75%;
}

@media (max-width: 992px) {
    body.ar .img-500 {
        float: none !important;
    }
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.buttons.left {
    text-align: left;
}

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

.landing-logo {
    display: none;
}

.landing-tickets {
    padding-top: 30px;
    padding-bottom: 30px;
}

.book-now.landing {
    padding: 0;
}

.row.landing-facilities {
    padding-bottom: 0px;
}

    .row.landing-facilities h2.title {
        font-size: 48px !important;
    }

.lang-selector-landing {
    color: #FFF;
    font-size: 13px;
    position: absolute;
    top: 15px;
    right: 10%;
    font-weight: 400;
}

@media (max-width: 991px) {
    .btn-tickets {
        display: inline-block !important;
    }
}

@media (max-width: 768px) {
    .book-now p {
        padding-left: 0px;
    }

    .landing-tickets {
        padding: 0;
        margin-bottom: 25px;
    }

    .landing-logo {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 6;
        margin-top: 30px;
    }

        .landing-logo img {
            width: 230px;
            margin-left: auto;
            margin-right: auto;
        }

    .navbar.navbar-default {
        padding-top: 100px;
    }

    .buttons {
        border-bottom: 2px solid #f6f6f6;
    }
}

@media (max-width: 478px) {
    .lang-selector-landing {
        right: 15px;
        font-size: 11px;
    }

    .landing-logo img {
        width: 190px;
    }
}

/* LOGIN */

.login-container {
    background: #f6f6f6;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    padding: 20px 50px;
}

.login-form .subtitle {
    border-bottom: 1px solid #bd234d;
    padding-bottom: 10px;
}

.login-form input[type=email], .login-form input[type=password] {
    width: 100%;
    border-radius: 3px;
    padding: 5px;
    border-width: 1px;
    text-align: center;
    font-size: 16px;
}

.login-form label {
    font-size: 18px;
}

.login2 {
    background: url(../images/kznation-header.jpg) center/cover no-repeat;
}

.box-shadow {
    box-shadow: 0 10px 10px rgba(0,0,0,.3);
}

.login-logo {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    color: #bd234d;
}

    .login-logo p {
        margin-top: -25px;
        font-family: Arial, sans-serif;
        text-align: center;
        float: right;
        width: 185px;
    }

.totop.no-ticket, .landing .totop {
    bottom: 0;
}



/* MX SPECIFIC STYLES */

body.es .directions {
    min-width: 320px;
}

@media (max-width: 500px) {
    body.es .directions {
        min-width: 267px;
        padding: 10px 30px;
    }
}

body.es .visit-info-2 h2.title {
    font-size: 36px;
}

body.es .visit-info-2 .book-now.landing h2.title {
    font-size: 48px;
}

@media (max-width: 500px) {
    body.es .visit-info-2 .book-now.landing h2.title {
        font-size: 36px;
    }
}

body.es .totop {
    bottom: 85px;
}

/*  PT SPECIFIC STYLES */
body.pt .directions {
    min-width: 330px;
}

@media (max-width: 500px) {
    body.pt .directions {
        min-width: 267px;
        padding: 10px 30px;
    }
}






/*  OS TICKET SPECIFIC STYLES   */

.support-navbar {
    float: right;
    margin-top: 37px;
    font-size: 15px;
    text-align: right;
    line-height: 2.4;
    color: #FFF;
}

.cat-nav {
    position: absolute;
    margin: 80px 0 0 15px;
    font-size: 15px;
    text-align: left;
    color: #FFF;
}

    .support-navbar a, .cat-nav a {
        color: #FFF;
        margin-bottom: 0;
        transition: 0.2s
    }

        .support-navbar a:hover, .cat-nav a:hover {
            color: #f18b21
        }

.support-navbar ul {
    margin-bottom: 0;
}

.home-wrapper.ost {
    background: #bd234d;
    height: 15%;
    min-height: 180px;
}

.ost-subt {
    text-align: center;
    font-family: Ubuntu, sans-serif;
    margin-bottom: 40px;
}

.ost .btn {
    text-align: center;
    display: block;
}

body.ost .landing-ctas {
    padding: 0 50px;
}

body.ost .grey {
    background: #f6f6f6;
    padding: 15px 5% 30px !important;
    border-radius: 10px
}

.btn-bg-white {
    background: #FFF;
}

.title i {
    color: #bd234d;
}

.ticket-option {
    min-height: 260px;
}

    .ticket-option a {
        position: absolute;
        bottom: 0;
        width: 80%;
    }

.container.grey.ticket {
    max-width: 800px;
}

.ticket-form {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .ticket-form label {
        font-weight: bold;
    }

    .ticket-form hr, .grey hr {
        border-top: 1px solid #bd234d;
    }

body.ost .form-control {
    margin: 0;
}

body.ost form .input-group-addon {
    color: #bd234d;
    font-weight: bold;
}

body.ost form .btn {
    font-weight: normal;
    transition: all .2s;
}

body.ost form .btn-default {
    font-size: small;
    margin-left: 10px;
}

body.ost form small {
    color: #888;
}

.ticket-form .attachments {
    text-align: left;
}


/*  OST imports & overrides   */
.featured-category {
    margin-top: 20px;
    width: 49.7%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.category-name {
    display: inline-block;
    font-weight: 400;
    font-size: 140%;
}

.article-headline {
    margin-left: 34px;
    margin-bottom: 5px;
}

.article-title {
    font-weight: 500;
}

.article-teaser {
    font-size: 90%;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
}

.search-bar {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}

.search-button {
    border: none;
    color: #bd234d;
    background: transparent;
    position: absolute;
    top: 5px;
    right: 20px;
}

.search-bar input {
    border-radius: 20px;
    border: 2px solid #999;
}

.search-bar.sm {
    width: 200px;
    float: right;
}

.sent-confirmation {
    border: 2px solid #999;
    border-radius: 5px;
    max-width: 300px;
    padding: 10px 15px;
    float: right;
    font-size: 15px;
}

    .sent-confirmation.success {
        background-color: #e0ffe0;
        border-color: #0a0;
        color: #0a0;
    }

a:hover {
    border: none;
}

.ticket-details {
    font-size: 14px;
}

    .ticket-details table {
        display: inline-block;
        width: 49%;
    }

        .ticket-details table thead tr {
            background: #bd234d;
            color: #FFF;
            font-weight: bold;
        }

/* REDONE KIDZANIA AROUND THE WORLD */
.kaw {
    color: #FFF;
    background: #bd234d;
    min-height: 300px;
    padding: 20px 15px 30px;
}

    .kaw h2 {
        color: #FFF;
    }

#kz-select {
    max-width: 300px;
    margin: 20px auto 10px;
    background-color: rgba(0,0,0,.1);
    border: 2px solid #FFF;
    border-radius: 10px 0 0 10px;
    position: relative;
    display: inline-block;
}

    #kz-select select {
        border: none;
        background: transparent;
        font-size: 20px;
        text-align: center;
        color: #FFF;
    }

.widget-link {
    font-size: 30px !important;
    top: -7px;
    right: -57px;
    position: absolute;
    padding: 5px 15px 5px 10px !important;
}

.kaw .btn {
    margin: 20px 0;
}

.kaw-state {
    padding: 10px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    line-height: 1;
    margin-top: 20px;
}

    .kaw-state .glyphicon, .kaw-state a {
        color: #FFF;
    }

    .kaw-state .btn {
        margin: 20px 0 20px;
        font-weight: normal;
    }

    .kaw-state h3 {
        margin-bottom: 25px;
    }

.kaw .catch {
    margin-bottom: 20px;
    max-width: 680px;
    color: #FFF;
}

.kaw.two {
    background: #f2f2f2;
    color: #FFF;
}

    .kaw.two h2 {
        color: #000;
    }

    .kaw.two .kaw-state .glyphicon {
        color: #bd234d;
    }

    .kaw.two .kaw-state a {
        color: #000;
    }

    .kaw.two .kaw-state {
        text-align: left;
    }

    .kaw.two #kz-select select {
        color: #bd234d;
    }

    .kaw.two #kz-select {
        border-color: #bd234d;
        background: rgba(255,255,255,1);
    }

.modal-adj.around-world {
    min-width: 1002px;
}

@media (max-width: 510px) {

    .kaw {
        background: #f2f2f2;
        color: #FFF;
    }

        .kaw h2 {
            color: #000;
        }

        .kaw .catch {
            color: #777;
        }

        .kaw .kaw-state .glyphicon {
            color: #bd234d;
        }

        .kaw .kaw-state a {
            color: #000;
        }

        .kaw .kaw-state {
            text-align: left;
        }

        .kaw #kz-select select {
            color: #bd234d;
        }

        .kaw #kz-select {
            border-color: #bd234d;
            background: rgba(255,255,255,1);
            display: block;
            max-width: 80%;
            margin: 20px 0 10px;
        }

    .kaw-state {
        padding: 0;
        font-size: 13px;
    }

        .kaw-state .col-xs-4 {
            padding: 0 2px;
        }

        .kaw-state .container {
            padding: 0;
        }

    #kz-select {
        max-width: 265px;
    }

        #kz-select select {
            font-size: 16px;
        }

            #kz-select select.form-control {
                font-size: 16px;
                padding: 6px 8px;
            }

    .kaw .section-title {
        padding: 0;
    }
}




/*      MAP
*/
.kznationmap {
    width: 1000px;
    height: 549px;
    background: url(../images/map-background.jpg);
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    position: relative;
}

    .kznationmap a {
        color: #505050;
        font-size: 14px;
        cursor: pointer !important;
    }

    .kznationmap img {
        width: 19px;
    }

    .kznationmap a:hover {
        color: #f18b21;
        font-size: 17px;
    }

.around-world .close:hover {
    color: #FFF;
    opacity: .3;
}

.usa {
    top: 180px;
    left: 131px;
    position: absolute;
}

.dallas {
    top: 201px;
    left: 144px;
    position: absolute;
}

.chicago {
    top: 161px;
    right: 803px;
    position: absolute;
}

.toronto {
    top: 142px;
    line-height: 1;
    right: 776px;
    position: absolute;
}

.new-york {
    top: 158px;
    left: 225px;
    position: absolute;
}

.monterrey {
    top: 228px;
    left: 135px;
    position: absolute;
}

.guadalajara {
    top: 228px;
    right: 862px;
    position: absolute;
}

.santafe {
    top: 243px;
    right: 849px;
    position: absolute;
}

.cuicuilco {
    top: 245px;
    left: 144px;
    position: absolute;
}

.santiago {
    right: 754px;
    top: 434px;
    position: absolute;
}

.saopaulo {
    left: 307px;
    top: 399px;
    position: absolute;
}

.lisbon {
    right: 558px;
    top: 173px;
    position: absolute;
}

.london {
    right: 528px;
    top: 118px;
    position: absolute;
}

.paris {
    left: 465px;
    top: 137px;
    position: absolute;
}

.moscow {
    left: 571px;
    top: 98px;
    position: absolute;
}

.istanbul {
    left: 546px;
    top: 167px;
    position: absolute;
}

.cairo {
    right: 434px;
    top: 204px;
    position: absolute;
}

.johannesburg {
    left: 542px;
    top: 400px;
    position: absolute;
}

.jeddah {
    right: 400px;
    top: 240px;
    position: absolute;
}

.kuwait {
    left: 600px;
    top: 190px;
    line-height: 1;
    position: absolute;
}

.doha {
    right: 370px;
    top: 227px;
    line-height: 1;
    position: absolute;
}

.abu-dabi {
    left: 621px;
    top: 235px;
    line-height: .8;
    position: absolute;
}

.dubai {
    left: 631px;
    top: 220px;
    position: absolute;
}

.mumbai {
    left: 685px;
    top: 246px;
    position: absolute;
}

.delhi {
    left: 708px;
    top: 218px;
    position: absolute;
}

.kuala {
    right: 211px;
    top: 289px;
    position: absolute;
}

.bangkok {
    left: 775px;
    top: 251px;
    position: absolute;
    line-height: 1
}

.singapore {
    left: 784px;
    top: 304px;
    position: absolute;
}

.jakarta {
    right: 185px;
    top: 335px;
    position: absolute;
}

.surabaya {
    left: 811px;
    top: 337px;
    position: absolute;
}

.manila {
    left: 840px;
    top: 260px;
    position: absolute;
}

.seoul {
    right: 129px;
    top: 173px;
    position: absolute;
}

.busan {
    right: 122px;
    top: 188px;
    position: absolute;
}

.koshien {
    left: 889px;
    top: 190px;
    position: absolute;
}

.tokyo {
    left: 900px;
    top: 173px;
    position: absolute;
}

.legend {
    background: rgba(255,255,255,.7);
    padding: 10px 20px;
    font-size: 14px;
    line-height: 2;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #999;
}


.tooltip.top .tooltip-inner {
    max-width: 310px;
    color: #bd234d;
    text-align: center;
    background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #ddd !important;
}

/* ipadFix new code */

.mobile-brand {
    display: none;
}

@media (max-width: 1200px) {
    /*.nav-container .tick{
        float: right
    }*/
    .mobile-brand {
        display: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 250px;
        padding: 10px 30px 0;
        margin: 5px auto 0;
    }

    .lang-selector-ticket {
        text-align: center;
    }

    #mainNav {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
        text-align: center;
    }

        #mainNav li {
            display: inline-block;
            position: relative;
            text-align: center;
            float: none;
        }

    .ticket-bar {
        float: none;
        border-radius: 5px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        max-width: 510px;
        padding: 6px 0;
    }

        .ticket-bar ul {
            padding-left: 0;
        }

    .navbar-header {
        padding-top: 55px;
    }
}

@media (max-width: 768px) {
    .mobile-brand {
        display: none;
    }
}
/*
    CKEditor FIXES
*/
h3.cms-header {
    display: block;
}

/*
    BKIDZANIAN STYLES
*/
.login-bkz {
    margin: -200px auto 100px;
    width: 100%;
    position: absolute;
    top: 100px;
}

    .login-bkz.cms {
        position: relative;
        margin: 0 auto 50px;
        top: 0;
    }

.logout-msg {
    padding: 0 15px 15px;
    margin-bottom: 18px;
    margin-top: -10px;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 22px;
    color: #FFF;
}

.bkz-content {
    margin-top: 400px;
}

    .bkz-content.cms {
        margin-top: 0px;
    }

.landing-module {
    font-size: 16px;
    margin-bottom: 20px;
}

    .landing-module .img-circle {
        width: 100%;
        max-width: 250px !important;
    }

    .landing-module p {
        margin-bottom: 15px;
        margin-top: 15px;
    }

.benefits {
    color: #FFF;
    border-radius: 10px;
    width: 32%;
    margin-right: 1%;
    text-align: center;
    margin-bottom: 20px;
    float: left;
}

    .benefits img.level-icon {
        max-width: 80px !important;
        border-radius: 0;
    }

    .benefits h4 {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .benefits .icon {
        font-size: 40px;
        width: auto;
    }

    .benefits .level-icon {
        font-size: 80px;
    }

    .benefits.level-1 {
        background: #bd234d;
    }

    .benefits.level-2 {
        background: #e4821c;
    }

    .benefits.level-3 {
        background: #8a4619;
    }

.benefit {
    padding: 20px;
    border-bottom: 1px solid #FFF;
}

    .benefit ul {
        padding: 0;
        margin: 0;
    }

        .benefit ul > li {
            border-bottom: 1px solid #fff;
            margin: 0;
            padding: 10px 0;
            list-style: none;
        }

            .benefit ul > li:last-child {
                border-bottom: none;
            }

.dropdown-menu.language-selector {
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    min-width: 0;
    text-align: left;
}

#collapseLang {
    font-size: 14px;
    font-weight: 400;
}

    #collapseLang ul > li:first-child {
        margin: 0 auto 5px 0 !important;
    }

@media (max-width: 650px) {
    .benefits {
        width: 48.2%;
        display: inline-block;
        float: none;
    }

        .benefits.level-3 {
            display: block;
            margin: 0 auto;
        }
}

@media (max-width: 450px) {
    .benefits {
        width: 100%;
    }
}


.login-widget {
    background-color: #bd234d;
    box-sizing: border-box;
    border: none;
    border-radius: 16px;
    /*box-shadow: 0 5px 15px rgba(189,35,77,.2);*/
    box-shadow: 0 6px 15px rgba(0,0,0,.4);
    text-shadow: 0 0 1px rgba(0,0,0,.1);
    border: 2px solid #bd234d;
    width: 100%;
    text-align: center;
    display: block;
    padding: 30px 20px 20px;
    margin: 0 auto;
    max-width: 550px;
}

    .login-widget img {
        width: 70%;
        margin-bottom: 40px;
    }

.contact-module.bkz img {
    width: 70%;
    margin: 40px auto;
}

.contact-check {
    display: block;
    padding: 5px;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
}

.login-bkz.cms {
    position: relative;
}

.login-bkz .login-form input {
    width: 80%;
    margin: 10px auto 10px;
    border-radius: 25px;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    border-width: 1px;
}

/* note: improvements to forgot password modal*/
.login-bkz .login-form .select-kz, #forgotPassModal .select-kz {
    display: block;
    width: 80%;
    margin: 10px auto;
    border-radius: 25px;
    border: 1px solid #777;
    background: #FFF;
    padding: 7px;
}

    .login-bkz .login-form .select-kz select, #forgotPassModal .select-kz select {
        border: none;
        background: transparent;
        color: #757575;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        text-align-last: center;
    }

.error-container {
    padding: 10px;
    text-align: center;
    background: #f2dede;
    border: 2px solid #a94442;
    color: #a94442;
    width: 80%;
    border-radius: 8px;
    margin: 0 auto 10px;
    font-size: 15px;
    display: none;
}

.login-widget button {
    padding: 10px 45px;
    margin: 20px auto 0;
}

.login-link {
    cursor: pointer;
    width: 25%;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
}

    .login-link a {
        color: #FFF;
        border-bottom: 2px solid #bd234d;
        padding: 4px 8px;
    }

        .login-link a:hover {
            color: #f18b21;
        }

    .login-link.active a {
        border-bottom: 2px solid #f18b21;
    }

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

#login-form, #signup-form {
    display: none;
}

    #login-form.visible {
        display: block;
    }

#select-kz-form {
    padding-top: 20px;
}

#login-form {
    padding-top: 20px;
}

#select-kz-form .select-kz select {
    font-size: 24px;
    text-align-last: center;
}

#confirm-email {
    display: none;
}

.forgot-password {
    margin: 10px auto;
}

    .forgot-password a {
        color: #ffb31f;
        font-size: 14px;
        text-decoration: underline;
    }

#forgotPassModal .modal-adj {
    max-width: 600px;
}

#forgotPassModal .modal-content {
    background: #efefef;
}

#forgotPassModal input {
    display: block;
    width: 80%;
    margin: 10px auto;
    border-radius: 25px;
    border: 1px solid #777;
    background: #FFF;
    padding: 7px;
    text-align: center;
    font-size: 16px;
}

#forgotPassModal .btn {
    display: block;
}

.forgot-pw-submit {
    margin: 0 auto;
    width: 95%;
    max-width: 600px;
}

.single-column h3.panel-title {
    font-size: 20px;
    position: relative;
    padding-right: 30px;
}

    .single-column h3.panel-title .glyphicon {
        position: absolute;
        right: 10px;
        top: 29%;
        º
    }

.totop.bkz {
    bottom: 0;
}

.bkz-faq-cat {
    text-align: center !important;
    margin-bottom: 20px;
    color: #bd234d;
    font-weight: 400;
    font-family: Ubuntu, sans-serif;
}

.contact-module.bkz form {
    width: 90%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
}

    .contact-module.bkz form input {
        margin-bottom: 10px;
    }

    .contact-module.bkz form input, .contact-module.bkz form select {
        text-align: center;
        font-size: 16px;
        color: #000;
        text-align-last: center;
        border-radius: 25px;
    }

    .contact-module.bkz form select {
        border: none;
        margin: 0;
        background: transparent;
    }

.contact-module.bkz .select-container {
    border: 1px solid rgb(204,204,204);
    border-radius: 25px;
    background: #FFF;
}


.contact-module.bkz form option {
    text-align: center;
}

.contact-module.bkz form .select-container {
    position: relative;
    margin: 10px 5px;
}

.register-stages {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.register-lines {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -53px;
}

.register-line {
    width: 90px;
    height: 3px;
    background: #fff;
    display: inline-block;
    transition: all .5s;
}

.stage {
    width: 52px;
    height: 52px;
    background: #FFF;
    border-radius: 50%;
    border: 2px solid #999;
    display: inline-block;
    padding: 10px 15px;
    margin: 20px 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #999;
    vertical-align: middle;
    transition: all .4s;
}

    .stage.current {
        border-color: #bd234d;
        color: #bd234d;
    }

    .stage.done {
        border-color: #fff;
        color: #fff;
        background: #f18b21;
    }

    .stage.final {
        background: transparent;
        border: none;
        max-width: 52px;
        max-height: 52px;
        padding: 0;
    }

        .stage.final .icon {
            color: #bd234d;
            font-size: 48px;
            display: block;
        }

.register-line.done {
    background: #bd234d;
    border-color: #bd234d;
}

.input-wrapper {
    position: relative;
}

.validate {
    position: absolute;
    top: 11px;
    right: 30px;
    font-size: 14px;
    display: none;
}

    .validate.success {
        color: #74ab4d;
    }

    .validate.error {
        color: #d9534f;
    }

    .validate.login {
        right: 70px;
        top: 20px;
    }
/*
.contact-module.bkz form .select-container:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 37px;
    height: 40px;
    background: #ad1d43 url(../img/bkidzanian_sprite.png) no-repeat left top;
}*/
.bkz-policy-container {
    width: 95%;
    margin: 20px auto;
    overflow-y: auto;
    max-height: 400px;
    background: #FFF;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

    .bkz-policy-container p, .bkzpolicy-container li > p, .bkz-policy-container li {
        font-size: 14px;
        text-align: justify;
    }

.contact-preferences-collapser {
    margin: 35px 0 20px;
    display: block;
}

#contact-preferences {
    border: 1px solid #ccc;
    padding: 30px 20px 10px;
    background: rgba(255,255,255,.5);
}

.bkz-portrait {
    width: 30%;
    display: inline-block;
    cursor: pointer;
    ;
}

    .bkz-portrait img {
        border: 5px solid #bfbfbf;
        border-radius: 50%;
        margin: 0 0 10px 0 !important;
        transition: all .2s;
    }

    .bkz-portrait.selected img {
        border-color: #f18b21;
    }

.contact-form.edit-child input, .contact-module.bkz .select-container.edit-child {
    width: 66%;
    display: inline-block;
}

.contact-form.edit-child label {
    width: 31%;
    display: inline-block;
    text-align: right;
}

.created-pazzports {
    font-size: 21px;
    text-align: left;
    padding: 10px 20px;
    background: #dff0d8;
    border-radius: 10px;
    margin-top: 20px;
    border: 1px solid #3c763d;
    color: #3c763d;
    display: none;
}

    .created-pazzports img {
        max-width: 80px;
        border: 5px solid #bfbfbf;
        border-radius: 50%;
        margin: 0 15px 0 !important;
        transition: all .2s;
    }

    .created-pazzports .close {
        font-size: 38px;
        top: 17px;
        right: 3px;
    }

.pazzport-front {
    background: #bd234d;
    width: 30%;
    max-width: 165px;
    min-height: 225px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    display: inline-block;
    margin-right: 40px;
    color: #FFF;
    text-align: center;
    font-size: 28px;
}

    .pazzport-front.second {
        background: #c7672a;
    }

    .pazzport-front.third {
        background: #502516;
    }

#printPazzModal .pazzport-front {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 30px;
}

    #printPazzModal .pazzport-front img {
        animation: print-pazz 3s ease-in-out .75s infinite;
    }

@keyframes print-pazz {
    0% {
    }

    25% {
        transform: rotate(-15deg);
    }

    30% {
    }

    55% {
        transform: rotate(20deg);
    }

    80% {
        transform: rotate(-3deg);
    }

    100% {
    }
}

.bkz-pazz-seal {
    width: 60%;
    margin: 20% 20% 0;
}

.pazzport-list p {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.pazz-element {
    width: 100%;
    background: #f6f6f6;
    padding: 20px;
    border-radius: 6px;
    transition: all .2s;
    margin: 10px auto;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 192px;
}

    .pazz-element:hover {
        background: #ddd;
    }

    .pazz-element .pazzport-front {
        width: 110px;
        min-height: 150px;
        font-size: 20px;
        margin-right: 20px;
        position: absolute;
        :;
    }

.profile-pazzport-container {
    width: 630px;
    min-height: 888px;
    background: rgba(255,255,255,.5) url(../images/pazz-back-2.jpg) center/cover no-repeat;
    padding: 40px 0 0;
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(0,0,0,.3);
    border: solid 1px #777;
}

    .profile-pazzport-container .top {
        min-height: 392px;
        position: relative;
        border-bottom: 1px solid rgba(0,0,0,.3);
        background: linear-gradient(to top, rgba(66,32,4,.2), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0));
    }

    .profile-pazzport-container .bottom {
        padding: 35px 37px 40px 25px;
        background: linear-gradient(to bottom, rgba(66,32,4,.2), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0));
    }

        .profile-pazzport-container .bottom .pazzport-front {
            max-width: 120px;
            min-height: 170px;
        }

            .profile-pazzport-container .bottom .pazzport-front p {
                font-size: 24px;
            }

        .profile-pazzport-container .bottom .city-pazz-info {
            margin-bottom: 40px;
        }

    .profile-pazzport-container label {
        color: #bd234d;
        text-transform: uppercase;
        width: 100%;
        font-style: italic;
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 0;
    }

.total-stamps {
    font-weight: 600;
    color: #777;
    text-align: center;
    border-left: 2px solid #bd234d;
    width: 36%;
    padding-right: 0;
    font-size: 15px;
    padding-bottom: 20px;
}

    .total-stamps p {
        font-family: 'Open Sans', sans-serif;
        font-size: 55px;
        margin: 0;
    }

.pazzport-balance {
    color: #bd234d;
    font-size: 24px;
    margin-left: -20px;
    text-align: right;
}

    .pazzport-balance p {
        font-size: 70px;
        font-weight: bold;
        font-family: 'Open Sans', sans-serif;
        display: inline-block;
    }

    .pazzport-balance .icon-economy {
        font-size: 90px;
        margin-top: 5px;
        margin-left: -22px;
        float: left;
    }

.pazz-logo {
    width: 165px;
    margin: 0 auto 25px;
    display: block;
}

.profile-pic {
    border-radius: 8px;
    width: 90%;
    border: 2px solid #bd234d;
    margin: 0 auto;
}

.pazz-value {
    text-transform: uppercase;
    margin: -3px 0 8px !important;
    font-size: 16px;
}

.citizen-info {
    display: inline-block;
}

.pazz-number {
    color: #bd234d;
    margin-top: 0;
    font-size: 40px;
    float: right;
}

@font-face {
    font-family: 'barcode';
    src: url('../fonts/barcode.woff');
    font-weight: 400;
    font-style: normal;
}

.barcode {
    position: absolute;
    bottom: 0;
    right: 50px;
    font-family: barcode !important;
    font-size: 3em;
    text-align: center;
}

.level-img {
    width: 50%;
}

@media (max-width: 767px) {
    .profile-pazzport-container {
        width: 100%;
        padding: 20px 0 0 0;
        background-size: cover;
        background-position: top center
    }

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

    .profile-pic {
        width: 100%;
        max-width: 200px;
        margin-bottom: 5px;
    }

    .data-1, .data-2 {
        width: 48%;
        display: inline-block;
        padding: 20px 30px;
    }

    .barcode {
        position: relative;
        margin: 8px auto 15px;
        display: block;
        bottom: auto;
        right: auto;
    }

    .profile-pazzport-container .bottom {
        padding: 25px 25px 40px;
        margin-top: 20px;
    }

    .total-stamps {
        width: 100%;
        padding: 15px 0 0;
        border-left: none;
        border-top: 2px solid #ccc;
    }

    .pazzport-balance {
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .pazzport-balance .icon-economy {
            font-size: 52px;
            margin: 13px 8px 0 0;
        }

        .pazzport-balance p {
            font-size: 55px;
        }
}

p.pazz-headline {
    font-size: 28px;
}

.pazz-name {
    display: block;
    width: 100%;
    padding: 0 125px;
    text-align: center;
}

    .pazz-name .icon {
        color: #bd234d;
        font-size: 40px;
    }

    .pazz-name img {
        max-width: 80px;
        border-radius: 50%;
        border: 3px solid #bd234d;
        display: block;
        margin: 0 auto;
    }

.citizen-name {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    display: block;
    text-align: center;
    color: #000;
}

.pazz-name .tools {
    margin: 15px 0;
}

.pazz-name .btn-default {
    margin-right: 15px;
    background: #FFF;
}

    .pazz-name .btn-default:hover {
        background-image: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b)
    }

.tools {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
}

    .tools .dropdown-menu {
        min-width: auto;
        font-size: 16px;
        text-align: center;
    }

.tools-desktop {
    position: absolute;
    right: 20px;
    top: 20px;
}

    .tools-desktop .btn {
        font-size: 13px;
        margin-top: 15px;
        display: block;
        max-width: 100px;
        padding: 5px 20px;
        margin-right: 10px;
        background: #FFF;
    }

        .tools-desktop .btn:hover {
            background: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
        }

    .tools-desktop .icon, .tools .icon {
        width: auto;
        margin-right: 0;
    }

.pazz-element.empty {
    background: #FFF;
    border: 2px solid #ccc;
    min-height: 195px;
}

    .pazz-element.empty .pazz-name .glyphicon {
        color: #bd234d;
        font-size: 28px;
    }

    .pazz-element.empty .pazzport-front {
        background: #FFF;
        border: 2px solid #bd234d;
    }

.city-pazz-info {
    display: inline-block;
    width: 69%;
    max-width: 495px;
    vertical-align: top;
}

    .city-pazz-info h2, .citizen-name {
        font-size: 34px;
    }

    .city-pazz-info .level {
        color: #777;
        font-size: 30px;
        margin-bottom: 20px;
    }

        .city-pazz-info .level .icon {
            font-size: 50px;
            color: #bd234d;
            margin-right: 10px;
            width: auto;
            float: left;
        }

.resume-image img {
    width: 100%;
    border-radius: 50%;
    border: solid 10px #bd234d;
}

.resume-name-details {
    text-align: center;
}

.single-column.resume {
    background: url(../images/paper-texture.jpg) top left/100% repeat-Y;
    padding: 45px;
    box-shadow: 5px 10px 30px rgba(0,0,0,.5);
    max-width: 750px;
}

.resume label {
    color: #bd234d;
    font-weight: bold;
}

.resume-cat-title {
    margin: 40px 0 20px;
    float: left;
}

    .resume-cat-title .icon {
        font-size: 35px;
    }

    .resume-cat-title .glyphicon, .resume-cat-title .icon {
        color: #bd234d;
        margin-right: 15px;
    }

.ip-establish {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border: 2px solid #bd234d;
    height: 222px;
    padding: 0;
    background: #FFF;
    position: relative;
}

.activity-resume {
    background: #f6f6f6;
    border-radius: 0 25px 25px 0;
    border: 2px solid #ccc;
    border-left: none;
    height: 222px;
    max-height: 222px;
    overflow: hidden;
}

.ip-establish p {
    display: block;
    text-align: center;
    padding: 10px;
    background: #bd234d;
    color: #FFF;
    border-bottom-left-radius: 23px;
    margin: 0;
    bottom: 0;
    width: 100%;
    height: 86px;
    position: absolute;
}

.resume-element {
    clear: both;
    margin-bottom: 10px;
}

    .resume-element img {
        max-width: 120px;
        border-radius: 40px;
    }

    .resume-element .job {
        margin-bottom: 0;
        font-size: 40px;
    }

    .resume-element .date {
        margin-top: 0;
        font-size: 14px;
        font-weight: bold;
        color: #bd234d;
        text-transform: uppercase;
    }

    .resume-element .details {
        font-size: 15px;
    }

@media (max-width: 756px) {
    .resume-image {
        width: 100%;
        max-width: 200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .resume-name-details {
        text-align: center;
        width: 100%;
    }

    .resume-element img {
        max-width: 90px;
    }
}

@media(max-width: 520px) {
    .ip-establish {
        width: 100%;
        height: 135px;
        border-radius: 25px 25px 0 0;
    }

        .ip-establish p {
            height: auto;
            border-radius: 0;
        }

    .activity-resume {
        width: 100%;
        border-radius: 0 0 25px 25px;
        border-left: 2px solid #ccc;
        border-top: none;
    }

    .resume-element {
        margin-bottom: 20px;
    }

        .resume-element .job {
            font-size: 28px;
        }

    .single-column.resume {
        padding: 45px 20px;
    }
}

.single-column.balance {
    background: url(../images/paper-texture.jpg) top left/100% repeat-Y;
    padding: 45px;
    box-shadow: 5px 10px 30px rgba(0,0,0,.5);
    position: relative;
}

.personal-info {
    float: left;
}

.balance-name {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

.period {
    color: #bd234d;
}

    .period .dates {
        text-align: right;
        float: right;
    }

    .period p {
        font-size: 15px;
        color: #000;
        margin: 0;
    }

p.balance-total-label {
    display: block;
    margin: 0 0 -25px;
    font-size: 24px;
}

.balance p.balance-total {
    font-size: 70px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    color: #bd234d;
    margin-left: 15px;
}

.notification {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
}

    .notification.warning {
        background-color: #fcf8e3;
        color: #8a6d3b;
        border: 1px solid #8a6d3b;
        font-size: 15px;
        float: left;
    }

        .notification.warning .glyphicon-warning-sign {
            float: left;
            font-size: 32px;
            margin-right: 20px;
            margin-left: 5px;
            color: #e07404;
        }

.balance-total .icon-economy {
    font-size: 58px;
    margin-top: 22px;
    margin-left: -20px;
    margin-right: 15px;
    float: left;
}

.balance-details {
    padding: 20px 20px 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    width: 100%;
    clear: both;
    float: left;
}

.earning, .spending {
    color: #FFF;
    padding: 30px 30px 10px;
    font-size: 16px;
    text-align: center;
}

    .earning p, .spending p {
        margin: 0;
        font-size: 40px;
        font-weight: 600;
    }

.earning {
    background-color: #daf5cf;
    color: #086308;
    border: 2px solid #086308;
    border-right: 1px solid #fff;
    border-radius: 20px 0 0 20px;
}

.spending {
    background-color: #fdd7cb;
    color: #e83d09;
    border: 2px solid #e07404;
    border-left: 1px solid #fff;
    border-radius: 0 20px 20px 0;
}

    .earning .icon, .spending .icon {
        font-size: 60px;
        width: 85px;
        float: left;
        margin-right: -27px;
        margin-top: -4px;
    }

    .earning.zero, .spending.zero, .balance p.balance-total.zero {
        opacity: 0.3;
    }

.balance-details-subtitle {
    text-align: center;
    color: #000;
    font-size: 24px;
}

.balance-event {
    font-size: 32px;
    width: 25%;
    text-align: center;
    display: inline-block;
    margin-top: 1px;
}

.transaction p.date {
    /*color: #f00;*/
    color: #777;
    font-size: 11px;
    position: absolute;
    top: -17px;
    left: 10px;
    margin: 0;
    border-bottom: 1px solid #777;
}

.bank-null {
    width: 40px;
}

.balance-event.deposit {
    color: #086308;
    padding-left: 10px;
}

.balance-event.charge {
    color: #e44515;
}

.balance-event .description {
    text-align: center;
    font-size: 14px;
    margin: 0;
    color: #777;
}

.balance-event.date {
    font-size: 13px;
    color: #777;
}

p.amount {
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}

.balance-subtotal {
    width: 33%;
    display: inline-block;
    text-align: center;
    color: #555;
    font-weight: 600;
}

    .balance-subtotal.header, .balance-event.header {
        font-size: 16px;
        margin-top: 10px;
    }

    .balance-subtotal.header {
        margin-top: 17px;
        font-weight: 400;
    }

.balance-event.header.date {
    color: #777;
}

.balance-subtotal.header .icon, .balance-event.header .icon {
    font-size: 36px;
    margin-top: 0px;
    margin-right: -13px;
    margin-bottom: -7px;
    vertical-align: bottom;
    float: none;
}

.balance-subtotal p {
    display: inline-block;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}

.balance-subtotal .icon {
    font-size: 28px;
    margin-right: 15px;
    float: left;
    margin-top: 8px
}

.transaction {
    width: 100%;
    clear: both;
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

    .transaction.header {
        border-bottom: 2px solid #ccc;
        padding-bottom: 25px
    }

.balance-event .icon {
    font-size: 60px;
    float: left;
    width: 70px;
    margin-top: 10px;
}

.bank-img {
    width: 60%;
    margin-bottom: 15px;
}

.col-md-6.period {
    float: none;
}

@media (max-width: 768px) {
    .pazz-name {
        padding-right: 20px;
    }

    .period {
        position: relative;
        text-align: center;
        width: 100%;
        right: auto;
        margin: 20px auto 0;
    }

    .bank-img {
        margin: 0 auto;
        display: block;
    }

    .balance p.balance-total, .balance-total-label {
        display: block;
        text-align: center;
    }

    .balance p.balance-total {
        margin: 12px auto 20px;
        max-width: 350px;
    }

    .earning {
        margin-bottom: 0;
        border-radius: 20px 20px 0 0;
        border-right: 2px solid #086308;
        border-bottom-color: #FFF;
    }

    .spending {
        border-radius: 0 0 20px 20px;
        border-left: 2px solid #e07404;
        border-top-color: #FFF;
    }

    .earning, .spending {
        padding: 30px 30px 20px;
        width: 100%;
    }

        .earning p, .spending p {
            max-width: 300px;
            margin: 0 auto;
        }

    .balance-event {
        padding-left: 15px;
        margin-top: 20px;
        width: 50%;
    }
}

@media (max-width: 580px) {
    .pazz-element .pazzport-front {
        min-width: auto;
        min-height: auto;
        padding-bottom: 0;
    }

    .citizen-name {
        font-size: 24px;
    }

    .balance-subtotal {
        width: 45%;
    }

        .balance-subtotal p {
            font-size: 24px;
        }

        .balance-subtotal .icon {
            font-size: 32px;
        }

    p.amount {
        font-size: 32px;
    }

        p.amount .icon {
            font-size: 55px;
            width: 45px;
        }

    .balance-event p.description {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .single-column.balance {
        padding: 45px 20px;
    }

    .balance p.balance-total {
        font-size: 55px;
        max-width: 280px;
    }

    .balance-total .icon-economy {
        font-size: 70px;
    }
}

@media (max-width: 400px) {
    .pazz-element .pazzport-front {
        width: 60px;
        min-height: 70px;
        top: 15px;
        left: 15px;
    }

    .citizen-name {
        margin-left: 0;
    }

    .pazz-name {
        padding: 0;
    }

    .pazz-element .pazzport-front p {
        font-size: 8px;
        margin-bottom: 10px;
    }

    .pazz-element.empty .pazz-name {
        margin-top: 40px;
    }

    .single-column.balance {
        padding: 45px 0;
    }

    .balance p.balance-total {
        font-size: 45px;
        max-width: 240px;
    }

    .balance-total .icon-economy {
        font-size: 60px;
    }
}

.loading-container.bkz {
    box-shadow: none;
    background-color: #f18b21;
    /*background-image: url(../images/segment-pattern-2.png)linear-gradient(to right, rgba(239,239,47,0) 0%,rgba(189,35,77,1) 90%), linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b) */;
    height: 17px;
    /*background: #f18b21;  Old browsers 
    background: -moz-linear-gradient(left, #f75f31 0%, #f9eb7a 44%, #90ef73 90%); /* FF3.6-15 
    background: -webkit-linear-gradient(left, #f75f31 0%,#f9eb7a 44%,#90ef73 90%); /* Chrome10-25,Safari5.1-6 
    background: linear-gradient(to right, #f75f31 0%,#f9eb7a 44%,#90ef73 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75f31', endColorstr='#90ef73',GradientType=1 ); /* IE6-9 */
}

    .loading-container.bkz .loading-bar {
        background-image: linear-gradient(to right, rgba(239,239,47,0) 0%,rgba(189,35,77,1) 90%), linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
        background: #fff;
        width: 100%;
        animation: 3s 2s progressBkz;
        animation-fill-mode: forwards;
        float: right;
        border: 1px solid #777;
        min-width: 30px;
        position: relative;
    }

.progress-numeric-percent {
    background: #FFF;
    display: none;
    padding: 12px 5px;
    border: 2px solid #777;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: #bd234d;
    font-weight: bold;
    text-align: center;
    margin: -20px -10px 0 0;
    margin: -24px 0 0 -10px;
    font-size: 22px;
    float: left;
}

.loading-container.bkz {
    position: relative;
}

.progress-level-bar {
    width: 100%;
}

    .progress-level-bar ul > li {
        height: 15px;
        width: 5%;
        border-radius: 3px;
        background: #f6f6f6;
        border: 2px solid #ccc;
    }

        .progress-level-bar ul > li.complete {
            background: #f18b21;
            border-color: #f18b21;
        }

.level-total {
    font-size: 36px;
    color: #bd234d;
    font-weight: 600;
    margin-left: 10px;
}

    .level-total .icon, .level-total .icon {
        margin-right: 0;
        font-size: 50px;
        color: #bd234d;
        width: auto;
    }

.citizenship-progress {
    width: 100%;
    padding-top: 20px;
    float: left;
    margin-top: 30px;
}

.bkz-facility {
    width: 100%;
    margin: 0 auto;
    text-align: right;
    padding: 20px 20px 30px;
    background: #f6f6f6;
}

.bkz-facility-info {
    margin: 0 auto;
    max-width: 500px;
    display: flex;
    align-items: center;
    position: relative;
    height: 200px;
}

.park-stamp {
    width: 100%;
    max-width: 180px;
    margin-left: 20px;
    border-radius: 50%;
}

p.bkz-park-progress {
    display: inline-block;
    font-size: 24px;
    text-align: center;
    width: 100%;
    color: #666;
}

.bkz-other-parks {
    text-align: left;
    border-left: 1px solid #AAA;
    margin-bottom: 0;
}

.bkz-facility-thumb {
    width: 130px;
    height: 170px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    position: relative;
    margin-right: 10px;
}

    .bkz-facility-thumb img {
        border-radius: 50%;
        margin-bottom: 15px;
        box-shadow: 0 0 0 6px #ccc;
        border: 1px solid #ccc;
    }

    .bkz-facility-thumb .other-facility {
        margin: 0;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
    }

    .bkz-facility-thumb .c100 {
        font-size: 130px;
        margin: 0;
    }

.bkz-nav {
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 15px;
}

    .bkz-nav ul > li {
        margin: 2px 20px;
    }

        .bkz-nav ul > li > a {
            color: #777;
            padding-bottom: 10px;
        }

            .bkz-nav ul > li > a.active {
                color: #f18b21;
                border-bottom: 2px solid #f18b21;
            }

.parent {
    background: #bd234d;
    color: #FFF;
    padding: 20px;
    max-width: 400px;
    display: flex;
    align-items: center;
    border-radius: 0 10px 10px 0;
    margin-top: -50px;
    margin-bottom: 10px;
}

    .parent .icon {
        font-size: 30px;
    }

    .parent a {
        color: #FFF;
        width: 100%
    }

        .parent a .glyphicon {
            color: #FFF;
        }

    .parent img {
        display: inline-block;
        max-width: 30px;
    }

        .parent img svg {
            fill: #FFF;
        }

.bkz-nav ul > li > a.active:after {
    content: "";
    display: block;
    margin: 9px auto 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #f18b21;
}

.bkz-nav ul > li > a .glyphicon, .bkz-nav ul > li > a .icon {
    display: block;
    font-size: 37px;
    color: #bd234d;
}

.bkz-nav ul > li > a .glyphicon {
    margin-bottom: 8px;
}

.bkz-nav ul > li > a .icon {
    font-size: 46px;
    margin: -5px auto 5px;
    width: 50px;
}

.bkz-nav ul > li > a.active .glyphicon, .bkz-nav ul > li > a.active .icon {
    color: #f18b21;
}

.bkz-facility-wrapper {
    border-bottom: 1px solid #777;
}

select.facility-select {
    border: 0;
    font-size: 28px;
    color: #bd234d;
    font-weight: 600;
    min-width: 250px;
    background: transparent;
}

.progress-grid {
    margin-bottom: 30px;
}

    .progress-grid .category {
        width: 600px;
        height: 250px;
        /*min-height: 281px;*/
        background: #f6f6f6 url(../images/pazz-back-2.jpg) center/cover;
        text-align: center;
        padding: 45px 15px 20px;
        margin: 2px 0;
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

        .progress-grid .category.no-bg {
            background: #f6f6f6;
        }

    .progress-grid .glyphicon {
        margin-top: 1px;
        top: 4px;
        left: 3px;
    }

.cat-img {
    width: 160px;
    min-height: 160px;
    z-index: 2;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: #DDD;
}

.cat-container {
    width: 170px;
    height: 170px;
    margin: -165px auto 0;
    border-radius: 50%;
    position: absolute;
}

.category .cat-name {
    font-size: 20px;
    color: #bd234d;
    font-weight: 600;
    margin: 20px auto 0;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: -3px;
    width: 43%;
    display: block;
    max-width: 170px;
}

.category .progress {
    min-width: 12px;
    display: inline-block;
    height: 12px;
    border: 1px solid #999;
    background: #ddd;
    border-radius: 50%;
    margin: 10px auto 0;
}

    .category .progress.done {
        border-color: #f18b21;
        background: #f18b21;
    }

.facility-progress-activities {
    position: absolute;
    bottom: -50px;
    left: 57%;
    width: 200px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #bd234d;
}

@media (max-width: 800px) {
    .parent {
        width: 90%;
        position: relative;
        margin-top: -10px;
        margin-bottom: 10px;
    }

        .parent a {
            max-width: 100%;
            display: block;
            width: 100%;
            text-align: left;
        }

        .parent img {
            max-width: 22px;
        }

    .bkz-nav ul > li {
        width: 40%;
        height: 110px;
        margin: 5px 2px;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #777;
        vertical-align: top;
    }

        .bkz-nav ul > li > a.active {
            border: none;
        }

            .bkz-nav ul > li > a.active:after {
                display: none;
            }

    .pazzport-front {
        width: 28%;
        min-height: 230px;
    }

        .pazzport-front p {
            font-size: 24px
        }

    .city-pazz-info {
        width: 65%;
    }
}

@media (max-width: 660px) {
    .pazzport-front {
        display: block;
        margin: 0 auto;
        min-height: auto;
        padding-bottom: 20px;
        min-width: 145px;
    }

    .city-pazz-info {
        width: 100%;
        text-align: center;
        max-width: none;
    }

        .city-pazz-info h2 {
            font-size: 24px;
        }

        .city-pazz-info .level {
            font-size: 19px;
        }

    .bkz-facility-info {
        display: block;
        height: auto;
    }

    .facility-progress-total {
        height: 200px;
        position: relative;
        clear: both;
        width: 200px;
        display: block;
        margin: 15px auto;
    }

        .facility-progress-total .c100 {
            margin: 0;
        }

    select.facility-select {
        text-align: center;
        text-align-last: center;
        margin: 0 auto;
        display: block;
    }

    .bkz-facility-wrapper {
    }
}

@media (max-width: 530px) {
    .bkz-nav ul > li {
        width: 45%;
        padding: 0;
        border: 0;
        height: auto;
    }

        .bkz-nav ul > li > a {
            padding: 10px;
            background: #f6f6f6;
            display: block;
            border-radius: 6px;
            border: 1px solid #777;
        }

            .bkz-nav ul > li > a .glyphicon, .bkz-nav ul > li > a .icon {
                display: inline-block;
                margin-right: 10px;
                color: #bd234d;
                font-size: 18px;
                margin-bottom: 0;
            }

            .bkz-nav ul > li > a .icon {
                width: auto;
            }

            .bkz-nav ul > li > a.active {
                border: 1px solid #f18b21;
            }
}

@media (max-width: 410px) {
    .category .cat-name {
        font-size: 16px;
    }

    .progress-grid .category {
        width: 156px;
        height: 240px;
        vertical-align: top;
        ;
    }

        .progress-grid .category .cat-img {
            width: 122px;
            min-height: 122px;
            visibility: hidden;
        }

        .progress-grid .category .c100 {
            font-size: 128px;
        }

    .cat-container {
        width: 122px;
        height: 122px;
    }

    .bkz-nav ul > li > a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .img-stamp {
        width: 100% !important;
        display: block !important;
        padding-bottom: 10px;
        border-bottom: 2px solid #777;
    }

        .img-stamp img {
            display: block;
            width: 189px;
            margin: 0 auto;
        }
}

@media (max-width: 325px) {
    .bkz-nav ul > li > a {
        font-size: 15px;
    }

        .bkz-nav ul > li > a .glyphicon, .bkz-nav ul > li > a .icon {
            font-size: 16px;
        }
}

/* cirlce progress*/

.c100 {
    font-size: 170px;
    position: absolute;
    overflow: hidden;
}

    .c100:hover > span {
        width: 150%;
        line-height: 5em;
        font-size: 0.3em;
        color: #FFF;
    }

    .c100:after {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .c100.c0 {
        font-size: 200px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .c100 .bar, .c100 .fill {
        border-color: #f18b21 !important;
    }

    .c100 span {
        color: #FFF;
        text-shadow: 0 0 2px rgba(0,0,0,.1);
        top: -0.85em;
        left: -0.85em;
        font-size: 0.3em;
        font-family: 'Open Sans', sans-serif;
    }

        .c100 span small {
            font-size: 60%;
        }

.bottom .c100 {
    font-size: 100px
}

    .bottom .c100 span {
        color: #f18b21;
    }

/*
}
}
.c100 {
    margin: 0 auto;
    display: block;
    width: 170px;
    height: 170px;
}
.c100:after {
    width: 155px;
    height:155px;
    top:8px;
    left: 8px;
}
.c100 .slice {
    width:170px;
    height: 170px;
}*/
.category .cat-value {
    font-size: 16px;
    font-weight: 600;
    color: #777;
    margin: 2px auto;
    display: none;
}

    .category .cat-value.complete {
        color: #f18b21;
    }

    .category .cat-value.complete2 {
        color: #6db94d;
    }

.filler-container {
    border: 1px solid #777;
    width: 100%;
    background: #ddd;
}

.filler {
    background: #f18b21;
    min-height: 20px;
    transition: all 1s;
}

.img-stamp {
    width: 32%;
    min-width: 189px;
    max-height: 195px;
    display: inline-flex !important;
    align-items: center;
    position: relative;
}

.stamp-thumbnail {
    width: 22%;
    margin-bottom: 10px;
    margin-left: 4px;
    border-radius: 3px;
    opacity: .15;
    display: inline-flex;
}

    .stamp-thumbnail img {
        max-width: 100%;
    }

.stamps-thumbs ul {
    width: 100%;
}

.stamp-thumbnail .date-demo {
    width: 20px;
    height: 5px;
    background-color: red;
}

.stamp-thumbnail.xl {
    width: 95%;
}

.stamp-thumbnail.lg {
    width: 40%;
}

.stamp-thumbnail.md {
    width: 30%;
}

.stamp-thumbnail.completed {
    opacity: 1;
}

.progress-grid .stamps-thumbs {
    width: 60%;
    margin-top: -17px;
}

.img-stamp.transparent-50 {
    opacity: .5;
}

.stamp-date {
    color: #F00;
    display: block;
    text-align: center;
    top: 85px;
    left: 57px;
    margin-right: 30px;
    font-family: Arial, sans-serif;
    position: absolute;
}

@media (max-width: 600px) {
    .login-bkz {
        margin-top: -80px;
        padding: 0 10px;
    }

    .bkz-content {
        margin-top: 520px;
    }
}

@media (max-width:500px) {
    .login-widget {
        padding-left: 5px;
        padding-right: 5px;
    }

    .login-link {
        width: 32%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #FFF;
        height: 26px;
    }

    #select-kz-form .select-kz select {
        font-size: 20px;
    }

    .single-column h3.panel-title {
        font-size: 17px;
    }

    .single-column .panel-body {
        font-size: 15px;
        text-align: left;
        border-top: 2px solid #ddd !important;
        border-radius: 10px;
    }

    #citizenshipModal img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}


/*
    GRAYSCALE OVERLAY
*/
.grayscale {
    -moz-filter: grayscale(60%);
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
    filter: gray; /* IE6-9 */
}

/*
    NEW LOGO ADJUSTMENTS
*/

body.nl #logo img {
    max-width: 186px;
    margin-left: 15px;
    margin-top: 10px;
    height: 43px;
}

body.nl .widget label {
    display: block;
    margin-top: 5px;
}

body.nl .widget.nl .widget-icon {
    max-width: 25px;
}

body.nl .logo-footer {
    width: 200px;
    margin-bottom: 33px;
}

    body.nl .logo-footer img {
        height: 48px;
    }

body.nl .nav-brand-2 {
    width: 33px;
    margin-top: 6px;
    margin-left: 27px;
}

body.nl .mobile-nav-logo {
    margin-top: 2px;
}

body.nl .login-logo {
    width: 250px
}

body.nl .facility {
    margin-left: 13px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}
/*body.nl .facility {
    font-family: 'KZfont', sans-serif;
    letter-spacing: 2px;
    margin-left: 13px;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.3;
}*/
body.nl .footer-franchise {
    font-size: 15px;
}

body.nl .login-logo p {
    font-size: 20px;
}

body.nl .footer-franchise, body.nl .login-logo p {
    color: #f18b21;
    margin-top: 0;
    font-weight: 600;
    width: 100%;
    float: none;
}
/*body.nl .footer-franchise  {
    color: #f18b21;
    margin-top: 0;
    width: 100%;
    font-family: 'KZfont', sans-serif;
    letter-spacing: 2px;
}*/
body.nl .login-logo p {
    color: #f18b21;
    margin-top: 0;
    font-weight: 600;
    width: 100%;
    font-family: 'KZfont', sans-serif;
    letter-spacing: 3px;
}

body.nl .mobile-menu-franchise {
    margin: 2px auto;
    font-size: 12px;
    font-weight: 600;
}
/*body.nl .mobile-menu-franchise {
    margin: 2px auto;
    font-family: 'KZfont', sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
}*/
body.nl .icon-language-and-traditions2:before {
    content: '\e92b';
}

body.nl .icon-around-the-world2:before {
    content: "\e92c";
}

/*  MX STYLES   */

body.mx .encapsulated-modules.mex .module .copy {
    text-align: center;
    padding-bottom: 15px;
}

body.mx .encapsulated-modules.v2 .module {
    width: 32%;
    margin: 0.2% 0.2% 15px;
}

body.mx .orange .facilities-list .icon {
    color: #fff;
    display: inline-block;
    width: auto;
    font-size: 22px;
    margin-bottom: 0;
}

body.mx .facilities-list a {
    background-color: transparent;
    color: #FFF;
    box-shadow: inset 0 0 0 2px #FFF;
    transition: 0.2s;
}

    body.mx .facilities-list a:hover, body.mx .facilities-list a.active {
        background-color: #bd234d;
        box-shadow: inset 0 0 0 2px transparent;
    }

body.mx .timer {
    display: none
}

body.mx .fixed-purchase-progress {
    height: 78px;
}

.ap {
    width: 100%;
    height: 201px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 10px;
    text-shadow: 0 5px 10px rgba(0,0,0,.8);
}

    .ap p {
        margin: 0;
        padding: 67px 50px;
        text-align: center;
        color: #FFF;
        font-size: 48px;
        vertical-align: bottom;
    }

body.mx .tick-price {
    font-size: 46px;
}
/*new*/
.table-content.gender.error {
    background: #f7c7c7;
}

/*.fixed-purchase-progress.four-steps .progress-step #stage6, .fixed-purchase-progress.four-steps .progress-step #stage5, .fixed-purchase-progress.four-steps .progress-step #stage4{
  display: none;
}*/
.fixed-purchase-progress.four-steps .progress-step #stage7, .fixed-purchase-progress.four-steps .progress-step #stage6, .fixed-purchase-progress.four-steps .progress-step #stage5, .fixed-purchase-progress.four-steps .progress-step #stage4 {
    display: none;
}

@media (max-width: 768px) {
    .fixed-purchase-progress.four-steps .step {
        width: 33.3333%;
    }
}

.loading-overlay {
    background: rgba(255,255,255,.9);
    z-index: 1000;
    position: fixed;
    height: 100vh;
    width: 100vw;
    display: none;
    color: #777;
    font-size: 21px;
    text-align: center;
    align-items: center;
    transition: all .4s;
    opacity: 0.5;
    visibility: hidden;
    pointer-events: none;
    filter: alpha(opacity=50);
}

/* -----Function added for incident INC0342226 to freeze loader after clicking payment button ----*/
.overlay {
    background: rgba(255,255,255,.5);
    z-index: 900;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.loading-overlay.disabled {
    background: rgba(255,255,255,.9);
    z-index: 900;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    opacity: 0.9;
    filter: alpha(opacity=50);
}

.over-elements {
    width: 100%;
}

.loading-overlay.active {
    display: flex;
    /*opacity: 1;*/
    visibility: visible;
    background: rgba(255,255,255,.9);
    z-index: 900;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    opacity: 0.9;
    filter: alpha(opacity=50);
    pointer-events: none;
}

.loading-overlay .glyphicon {
    margin: 0 auto;
    display: block;
    font-size: 120px;
    color: #f18b21;
}

.loading-overlay.active .glyphicon {
    animation: infRotate 60s linear infinite;
}

@keyframes infRotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(10800deg)
    }
}

body.ae .progress-step .step {
    width: 12%;
}

@media (max-width: 768px) {
    body.ae .progress-step .step {
        width: 14.285714%;
    }

    body.ae .fixed-purchase-progress.four-steps .step {
        width: 33.333333%;
    }

    body.ae .fixed-purchase-progress.five-steps .step {
        width: 25%;
    }
}

.form-control[readonly] {
    background: #fff;
}




/* For Covid strip changes*/
#tBanner {
    background: #1c1c1c;
    color: #ffffff;
    padding: 16px 16px 16px 0;
    font-size: 16px !important;
    line-height: 20px;
    position: fixed;
    width: 100%;
    padding: 16px 40px;
    font-size: 20px;
    line-height: 24px;
    z-index: 9999;
    display: block;
}



.tBannerSpanBold {
    font-weight: bold;
    padding-right: 5px;
}

button.tBannerClose:before {
    display: inline-block;
    content: "+";
    font-size: 3.2rem;
    font-family: MarriottIcons;
    transform: rotate(45deg);
}

.tBannerClose {
    margin-right: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none !important;
    background: transparent;
    border: 0;
}

a.tBannerlink {
    color: #ffffff;
    text-decoration: underline !important;
}

    a.tBannerlink:hover {
        color: #6e3996;
    }

.note-panel {
    display: block;
    overflow-y: auto;
    height: 450px;
}

@media screen and (max-width: 1200px) {
    #tBanner {
        padding-left: 16px;
    }

    .tBannerClose {
        margin-right: 0px;
    }
}


.apply-coupon {
    width: 100%;
    padding: 10px;
    max-width: 900px;
    margin: 15px auto;
    background: #f6f6f6;
    text-align: center;
    border-radius: 50px;
}

    .apply-coupon .top {
        color: #777;
        font-size: 15px;
        font-weight: 800;
    }

    .apply-coupon .bottom {
        color: #f18b21;
        font-size: 22px;
        margin-top: 7px;
    }

        .apply-coupon .bottom .icon {
            margin-right: 0;
            width: auto;
        }

.roleClass {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.before-sumTot {
    color: #777;
    font-size: 14px;
    text-decoration: line-through #f18b21;
    -webkit-text-decoration-line: line-through;
    -webkit-text-decoration-color: #f18b21;
    display: none;
    margin-left: 5px;
}

.recaptcha {
    margin: 5px 5px 0px 5px;
    padding: 6px 5px 0px 5px;
}

.error-reptcha {
    margin-left:5px;
    padding-left:5px;
    color:red;
}

.sub-heading {
    font-size: 15px;
    font-weight: bold;
}

.campaignprices {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .campaignprices tr {
        text-align: center;
    }

        .campaignprices tr td {
            width: 150px;
            font-size: 18px;
        }

.campaign-catch {
    /* color: #777;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    font-size:13px;*/
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.campaign-tc {
    /* color: #777;
    max-width: 1000px;
    margin: 0 auto;
    font-size: 13px; 
    margin-bottom: 5px !important;*/
}