.blur{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } /* ========================================================================== Font-Face ========================================================================== */ @font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/Oswald-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald-Light.svg#ffb8dcef06d46f6eb147bc130c4ffab3') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald-Regular.svg#d67d554191d502d9670fbfbb34cee6cd') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/Oswald-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald-Medium.svg#fb66fb46079e6c2d5bea0ba30504a7bb') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 600; } @font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Oswald-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/Oswald-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Oswald-Bold.svg#8b7d84d0fec5c092ff0cd49cce97dba9') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'News Gothic MT'; src: url('../fonts/News-Gothic-MT-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/News-Gothic-MT-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/News-Gothic-MT-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/News-Gothic-MT-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/News-Gothic-MT-Regular.svg#6a5b3fafbc4ca41b593b9bc2995060f0') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'ARB-218'; src: url('../fonts/ARB-218.eot'); /* IE9 Compat Modes */ src: url('../fonts/ARB-218.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ARB-218.woff') format('woff'), /* Modern Browsers */ url('../fonts/ARB-218.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ARB-218.svg#0d5f09fbcc0a21fd526decfbfb7fff94') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'GE Dinar One'; src: url('../fonts/GE-Dinar-One-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/GE-Dinar-One-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/GE-Dinar-One-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/GE-Dinar-One-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/GE-Dinar-One-Medium.svg#36ff6199a6828460e12974fb6db1bd81') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?n6hn4'); src:url('../fonts/icomoon.eot?#iefixn6hn4') format('embedded-opentype'), url('../fonts/icomoon.ttf?n6hn4') format('truetype'), url('../fonts/icomoon.woff?n6hn4') format('woff'), url('../fonts/icomoon.svg?n6hn4#icomoon') format('svg'); font-weight: normal; font-style: normal; } * { box-sizing:border-box; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; 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-location:before { content: "\e60b"; } .icon-mail:before { content: "\e60a"; } .icon-menu:before { content: "\e609"; } .icon-dropdown:before { content: "\e607"; } .icon-arrow-down:before { content: "\e600"; } .icon-home:before { content: "\e603"; } .icon-calendar:before { content: "\e604"; } .icon-map:before { content: "\e605"; } .icon-search:before { content: "\e606"; } .icon-facebook:before { content: "\e602"; } .icon-close:before { content: "\e608"; } .icon-instagram:before { content: "\e601"; } .icon-arrow-right:before { content: "\ea34"; } .icon-arrow-left:before { content: "\ea38"; } .icon-twitter:before { content: "\ea91"; } .icon-youtube:before { content: "\ea99"; } /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */ html { color: #222; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== Main styles ========================================================================== */ html{ min-height: 100% !important; height: 100% !important; } body{/* min-height: 100% !important; height: 100% !important; */} .main-wrapper{ position:relative; margin: 0; padding: 0; height: 100%; min-height: 100%; width: 100%; background: #fff; font-family: "News Gothic MT", Arial, sans-serif; font-size: 14px; color: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; } .main-wrapper .content {margin:0 auto; max-width:1400px;} /* ----------- Menu Styles ------------ */ .header{ position: absolute; width: 100%; z-index: 1000; height: 117px;} .social-menu{ float: right; padding: 13px 25px 5px; margin: 0; list-style: none; text-align: center; height: 46px; box-sizing: border-box; } .social-menu li{ display: inline-block; margin: 0 20px 0 0; padding: 0; color: #fff; font-size: 17px; } .social-menu li:last-child{ margin: 0; } .social-menu li a{ float: left; text-decoration: none; color: #fff; outline: 0; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); } .social-menu li a:hover{ color: #45afea; } .navigation{ margin: 1px 0 0 0; background: #fff; float: left; width: 100%; padding: 0 2% 0 18%; position: relative; direction:ltr} .navigation :after{ content: ""; display: table; clear: both; transition:all .3s ease} .navigation .img-logo{ position: absolute; left: 30px; padding: 0; margin: 0; outline: 0; top: 10px; width:173px; -webkit-transform: translateY(-18%); -moz-transform: translateY(-18%); -ms-transform: translateY(-18%); -o-transform: translateY(-18%); transform: translateY(-18%); } .navigation .img-logo img{ max-width: 100%; } .navigation .menu-button{ float: left; display: none; font-size: 30px; color: #172178; padding: 0; z-index: 9999; position: relative; outline: 0; } .navigation .btn.btn-mobile-booknow {float:right; width:40px; height:40px; position: relative; top:5px; padding:0 3px; text-align:center; display:none;} .navigation .btn.btn-mobile-booknow:before {content:''; display:inline-block; position: relative; top:-1px; left:0px; width:32px; height:32px; background:url('../img/phase3/icons.png'); background-position:-121px -16px;} .navigation .searchbox-container{ width: 100%; display: none; } .searchbox{ position:relative; min-width: 30px; width: 0%; height: 60px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .searchbox-input{ top: 0; right: 0; border: 1px solid #ccc !important; outline: 0; background: #eee; width: 100%; height: 30px; margin: 16px 0 0 0; padding: 5px 55px 5px 20px; font-family: 'Oswald', sans-serif; font-size: 16px; color: #000; } .searchbox-input::-webkit-input-placeholder{ color: #ccc; } .searchbox-input:-moz-placeholder{ color: #ccc; } .searchbox-input::-moz-placeholder{ color: #ccc; } .searchbox-input:-ms-input-placeholder{ color: #ccc; } .searchbox-icon, .searchbox-submit{ width: 30px; height: 30px; display: block; position: absolute; top: 0; font-size: 30px; right: 0; padding: 20px 0 20px 10px; margin: 0; border: 0; outline: 0; line-height: normal; text-align: center; cursor: pointer; color: #172178; background: #fff; } .searchbox-open{ width: 90%; } .navigation .search-button{ float: right; display: none; font-size: 30px; color: #172178; padding: 20px 0 20px 20px; width: 30px; height: 30px; background: #fff; line-height: normal; } .navigation-container{ float: left; margin: 0; padding: 0; } .navigation ul { padding: 0; margin: 0; list-style: none; #position: relative; float: left; } .navigation ul li { margin: 0px; display: inline-block; float: left; font-size: 16px; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .navigation a { display: block; padding: 0 15px; color: #172178; font-size: 16px; line-height: 70px; text-decoration: none; } .navigation a:hover, .navigation a.active { color: #1a8ccc; } .navigation ul ul { position: absolute; top: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all 5s ease; -ms-transition:all .5s ease; max-height:0; overflow:hidden; opacity:0;} .navigation ul li:hover > ul, .navigation ul li:focus > ul { max-height:350px; opacity:1; } .navigation ul ul li { float: none; display: list-item; position: relative; background: #fff; text-align: center; border-bottom: 1px solid #172178; } .navigation ul ul li:last-child{ border: none; } .navigation ul ul li a{ line-height: 50px; } .navigation ul ul li:hover a, .navigation ul ul li a.active{ color: #1a8ccc; } .navigation li .dropdown-arrow{ font-size: 12px; margin: 0 0 0 5px; display: inline-block; } .navigation #mm-mobileMenu, #mobileMenu { display: none; border-right: 1px solid #ccc; } .navigation .language-button{ float: right; margin: 2px 7px; font-family: 'Ge Dinar One', sans-serif; font-size: 20px; color: #172178 !important; text-decoration: none; color: #fff; padding: 0; line-height:64px;} .navigation .language-button.en{ font-family: 'Oswald', sans-serif; } .navigation .interactive-map-button{ background: #f0f1f3 none repeat scroll 0 0; color: #9f9f9f ; float: right; font-family: "Oswald",sans-serif; font-size: 14px; line-height: normal; margin: 16px 0 0; padding: 10px 8px; text-decoration: none; text-transform: uppercase; margin-right:10px; position: relative;} .navigation .interactive-map-button:hover{ background: #45afea; color:#fff !important; } .navigation .interactive-map-button.active{ background: #45afea; color:#fff !important; } .navigation .notificationbutopen{background: url(../img/notification-open.png) no-repeat !important; background-size: 100% !important;} .navigation .notificationbut{display: block; width: 30px; height: 30px; margin: 18px 1.5% 0 1.5%; background: url(../img/notification.png) no-repeat; background-size: 100%; float: right; position: relative;} .navigation .notificationbut .notify{ display:none; position: absolute; background: red; padding: 2px; font-size: 9px; color: #ffffff; right: -8px; top:-10px; } .navigation .notificationbut .notiarrow{ display: none; position:absolute; bottom: -50px; width: 0;height: 0; border-style: solid; border-width: 0 15px 20px 15px; border-color: transparent transparent #ffffff transparent;line-height: 0px; _border-color: #000000 #000000 #ffffff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } .notificationsWrap{display: none; width: 310px; height: 200px; background: #ffffff; position: absolute; right:2%; top:140px; overflow: hidden; } .notificationsWrap .notifications{width: 100%; height: auto; position: relative;} .notificationsWrap .notifications .notification{width: 90%; padding: 15px 5%; border-bottom: 1px solid #e5e5e5;} .notificationsWrap .notifications .notification .mdate{width: 25%; font-family: 'Oswald', sans-serif; font-size: 13px; color: #000000; float: left;} .notificationsWrap .notifications .notification .title{width: 50%; font-family: 'Oswald', sans-serif; font-size: 13px; color: #000000; float: left; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .notificationsWrap .notifications .notification a.readmore{width: 25%; font-family: 'Oswald', sans-serif; font-size: 14px; color: #e54a4c; float: left; text-align: right; text-decoration: none;} .notificationDetails{ display: none; overflow: hidden;} .notificationDetail{width: 85%; max-width:600px; height: auto; padding:7.5%; display: none; overflow: hidden;} .notificationDetail h2{ margin:0px; margin-bottom:20px; font-family: 'Oswald', sans-serif; font-size: 21px; color: #1a8ccc; ; font-weight:100; } .notificationDetail p { display:block; margin-bottom:40px; font-family: 'Oswald', sans-serif; font-size: 15px; color: #878787 ; clear: both; } .navigation .interactive-map-mobile, .navigation .social-mobile, .navigation .lang-mobile{ display: none; } #mobileMenu .interactive-map-mobile{ width: 100%; padding: 0 40px; box-sizing: border-box; border: 1px solid #fff; !important; box-shadow: none; margin: 0 0 20px; } #mobileMenu .social-mobile{ padding: 10px 40px !important; border: 1px solid #fff !important; } #mobileMenu .social-mobile a{ display: inline-block !important; font-size: 20px !important; margin: 0 20px 0 0 !important; padding: 0 !important; color: #3ab5d6 !important; } #mobileMenu .lang-mobile{ font-size: 20px; margin: 0 !important; font-family: 'Ge Dinar One', sans-serif; font-size: 22px; color: #172178 !important; border: 1px solid #fff !important; } #mobileMenu .interactive-map-mobile a{ background: #1a8ccc none repeat scroll 0 0; color: #fff !important; font-family: "Oswald",sans-serif; font-size: 15px; line-height: normal; margin: 25px 0 0; padding: 10px 15px; text-decoration: none; text-transform: uppercase; display: inline-block; vertical-align: middle; } #mobileMenu .interactive-map-mobile a span{ display: inline-block; font-size: 20px; vertical-align: middle; margin: -3px 0 0 10px; } .navigation .map{ font-size: 22px; margin: -4px 0 0 8px; display: inline-block; vertical-align: middle; } #mobileMenu .formobile, .navigation .formobile{display:none;} #mobileMenu .mob-top-navigation{ width: 100%; padding: 0 40px; box-sizing: border-box; border: 1px solid #fff; !important; box-shadow: none; margin: 0px; } #mobileMenu .mob-top-navigation a.booknow{ padding:9px 20px; margin:20px 0px; max-width:93px; display:block; background: #e71b10 top 5px left 20px; padding-left: 45px; font-size: 12px; font-family: 'Oswald', sans-serif; text-transform: uppercase; color:#fff; letter-spacing:1.5px; text-decoration:none; position: relative;} #mobileMenu .mob-top-navigation a.booknow:before {content:''; position:absolute; display:block; left:6px; top:3px; width:32px; height: 32px; background:url('../img/phase3/icons.png') -119px -17px no-repeat;} #mobileMenu .noti-mob{ width: 100%; padding: 0 40px; box-sizing: border-box; border: 1px solid #fff; !important; box-shadow: none; margin: 0px; height: 50px; } #mobileMenu .noti-mob .notificationbutopen{background: url(../img/notification-open.png) no-repeat !important; background-size: 100% !important;} #mobileMenu .noti-mob .notificationbut{display: block; width: 30px; height: 30px; margin:9px 0px; background: url(../img/notification.png) no-repeat; background-size: 100%; float: left; position: relative;} #mobileMenu .noti-mob .notificationbut .notify{ display:none; position: absolute; background: red; padding: 2px; font-size: 9px; color: #ffffff; right: -8px; top:-10px; } #mobileMenu .noti-mob .notificationbut .notiarrow{ display: none; position:absolute; bottom: -50px; width: 0;height: 0; border-style: solid; border-width: 0 15px 20px 15px; border-color: transparent transparent #ffffff transparent;line-height: 0px; _border-color: #000000 #000000 #ffffff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } .top-navigation{ display:block; float:right; margin-right:0;} .top-navigation ul{display:block; list-style:none; margin:0px; padding:0px; margin-top:8px; } .top-navigation ul li{display:block; list-style:none; float:right;} .top-navigation ul li a{padding:8px 20px; display:block; font-size: 13px; font-family: 'Oswald', sans-serif; text-transform: uppercase; color:#fff; letter-spacing:1.5px; text-decoration:none; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1); } .top-navigation ul li a.active{color:#ffffff;} #mobile-search {padding: 15px 10px 15px 40px; width:95%; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;} #mobile-search input#s {width: 100%; padding:3px 30px 3px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; border:1px solid #ccc;} #mobile-search .search-button {position: absolute; top:20px; right:16px;} /* ----------- Hero Contents Styles ------------ */ .first-section{ overflow: hidden; min-height: 100%; height: 100%; } .first-section .owl-nav{ z-index: 10; width: 100%; height: auto; box-sizing: border-box; top: 50%; bottom; 0; display: block; } .first-section .owl-prev{ width: 66px; position: absolute; top: -600%; left: 1%; float: none; } .first-section .owl-next{ width: 66px; position: absolute; top: -600%; right: 1%; float: none; } .first-section .owl-dots{ display: none; } .home .owl-item{ overflow: hidden; height: 100%; } .home .owl-carousel .owl-stage-outer{ height: 100%; z-index: 1; } .home .owl-stage-outer .owl-stage{ overflow: hidden; } .owl-dots{ position: absolute; width: 100%; bottom: 12%; z-index: 9999; text-align: center; } .owl-dot{ width: 20px; display: inline-block; height: 20px; background: none; border-radius: 50%; border: 2px solid #fff; margin: 0 10px 0 0; } .owl-dot.active{ background: #fff; } .owl-dot:last-child{ margin: 0; } .hero{ background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center center; background-size: cover !important; background-image: url("../img/header-bg1.jpg"); height: 100%; min-height: 100%; position: relative; text-align: center; } .hero:before{ content: ''; display: inline-block; height: 25%; vertical-align: middle; margin-right: 0em; } .dinosaur{ background: url(../img/dinosaur.png) no-repeat 100% bottom / contain; height: 100%; width: 38%; right: 0; left: auto; } .coaster{ background: url(../img/coaster.png) no-repeat 0% center / contain; height: 100%; width: 38%; left: 2%; } .cn-characters1{ background: url(../img/spotlight-cn-characters1.png) no-repeat 0% center / contain; height: 83%; width: 24%; left: 1.5%; bottom: 3%; top: auto; } .cn-characters2{ background: url(../img/spotlight-cn-characters2.png) no-repeat right 70% / contain; height: 83%; width: 23%; right: 1%; left: auto; bottom: 5%; top: auto; } .marvel-characters1{ background: url(../img/spotlight-marvel-characters1.png) no-repeat 0% center / contain; height: 83%; width: 41%; left: -6%; bottom: 2%; top: auto; } .marvel-characters2{ background: url(../img/spotlight-marvel-characters2.png) no-repeat right center / contain; height: 83%; width: 40%; right: -8%; left: auto; bottom: 2%; top: auto; } .img-building1{ background: url(../img/spotlight-img-building1.png) no-repeat 0% bottom / contain; height: 85%; width: 30%; left: -10%; bottom: -18%; top: auto; } .img-building2{ background: url(../img/spotlight-img-building2.png) no-repeat right bottom / contain; height: 83%; width: 37%; right: -3%; left: auto; bottom: -7%; top: auto; } .novo-image1{ background: url(../img/spotlight-novo-image1.png) no-repeat 0% bottom / contain; height: 85%; width: 46%; left: 1%; bottom: -5%; top: auto; } .novo-image2{ background: url(../img/spotlight-novo-image2.png) no-repeat right 70% / contain; height: 83%; width: 26%; right: -5%; left: auto; bottom: 0%; top: auto; } .main-hero{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .marvel-hero{ background: url(../img/spotlight-marvel-bg.jpg) no-repeat 0% center / 100% 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .cartoon-hero{ background: url(../img/spotlight-cn-bg.jpg) no-repeat center center / 100% 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .imgBoulevard-hero{ background: url(../img/spotlight-img-bg.jpg) no-repeat left center / cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .cinema-hero{ background: url(../img/spotlight-novo-bg.jpg) no-repeat 0% center / 100% 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .hero-contents{ display: inline-block; vertical-align: middle; text-align: center; width: 100%; margin: 0; padding: 0; position: relative; z-index: 10; } .hero-copy{ display: inline-block; max-width: 38%; width: 100%; margin: 0 0 12px 0; padding: 0; } .hero-copy h1{ float: left; width: 100%; font-family: 'ARB-218', sans-serif; font-size: 82px; font-weight: 400; color: #fff; margin: 0 0 0.1em; padding: 0; text-transform: uppercase; text-align: left; text-shadow: 0px 1px 6px #717171; line-height: 0.8em; } .hero-copy p{ float: left; width: 100%; color: #fff; font-size: 12px; font-weight: 700; text-align: left; margin: 0 0 0.8em 0; padding: 0; } .hero-copy p a{ width: auto; float: none; } .hero-copy a{ float: left; width: 100%; color: #fff; font-size: 12px; font-weight: 700; text-align: left; margin: 0 0 0.8em 0; padding: 0; } .signup{ float: left; width: 100%; border: 1px solid #fff; padding: 2%; text-align: left; box-sizing: border-box; } .signup-text{ float: left; width: 100%; font-size: 11px; color: #fff; margin: 0 0 5px; padding: 0; text-transform: uppercase; font-weight: 700; } .signup input[type="text"]{ float: left; width: 64%; margin: 0 1% 0 0; background: #fff; color: #333; padding: 2%; border: 1px solid #b5bdc6; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 13px; text-transform: uppercase; } ::-webkit-input-placeholder { color: #d4d4d4; } :-moz-placeholder { color: #d4d4d4; } ::-moz-placeholder { color: #d4d4d4; } :-ms-input-placeholder { color: #d4d4d4; } .signup .subscribe-button{ float: left; width: 30%; padding: 2% 0; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 13px; color: #fff; background: #f05d48; text-transform: uppercase; border: 1px solid #9f5148; } .signup .subscribe-button:hover{ background: #e13a22; } .logos-container{ display: inline-block !important; width: 96%; max-width: 50%; padding: 0% 2% 1%; margin: 0 10%; background: url(../img/logos-bg.png) no-repeat 0 bottom / contain; position: relative; } .logos-container .logo{ float: left; width: 19.2%; margin: 0 1% 0 0; position: relative; opacity: 0.3; } .logo-active{ opacity: 1 !important; } .logos-container .logo:last-child{ margin: 0; } .logos-container .logo img{ max-width: 100%; } .logos-container .logo .logos-overlay{ position: absolute; top: 0; right: 0; max-width: 100%; height: 100%; z-index: 10; } .down-arrow{ display: inline-block; color: #fff; font-size: 40px; margin: 20px 0 0 0; padding: 0; position: relative; text-decoration: none; z-index: 100; } .owl-nav{ top: 50%; position: absolute; width: 94%; padding: 0 3%; } .owl-prev{ float: left; width: 66px; cursor: pointer; } .owl-next{ float: right; width: 66px; cursor: pointer; } .owl-prev img, .owl-next img{ max-width: 100%; } /* ----------- Social Feeds Styles ------------ */ .video-overlay{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } /* ----------- Inner Pages Styles ------------ */ .inner-hero{ min-height: 600px; height: auto; /*background-size: 100% 100% !important;*/ } .inner-hero .background-overlay{ z-index: 10; } .inner-hero-contactus {min-height:1000px; } .about{ background: url(../img/about-bg.jpg) no-repeat 0 0 / cover !important; } .group{ background: url(../img/group-bg.jpg) no-repeat 0 0 / cover !important; } .inner-hero-container{ float: left; width: 100%; height: 100%; padding: 105px 0 0 0; position: relative; box-sizing: border-box; } .inner-hero-container .hero-title{ margin: 45px 0 30px 0; padding: 0 5%; float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 200; color: #000; text-align: center; z-index: 20; } .inner-hero-container .hero-name{ float: left; width: 90%; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; color: #1a6fb2; margin: 0 0 15px; padding: 0 5%; } .background-overlay{ height: 92%; width: 100%; right: 0; top: 8%; position: absolute; opacity: 0.8; -webkit-transform: skewX(26deg) translateX(40%); -moz-transform: skewX(26deg) translateX(40%); -ms-transform: skewX(26deg) translateX(40%); -o-transform: skewX(26deg) translateX(40%); transform: skewX(26deg) translateX(40%); } .white-overlay{ background: #fff; } .semi-white-overlay{ background: #f6f6f6; } .gray-overlay{ background: #e7e7e7; } .blue-overlay{ background: #06375c; } .screen{ position: absolute; top: 20%; left: 20%; width: 23%; z-index: 20; } .screen img{ width: 100%; } .dino-lv{ position: absolute; bottom: 0%; left: -43%; width: 95%; top: auto; z-index: 20; } .dino-lv img{ width: 100%; } .characters{ background: url(../img/marvel.png) no-repeat 0 85% / contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 19; } .characters2{ background: url(../img/marvel2.png) no-repeat 0 bottom / contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; } .characters3{ background: url(../img/marvel3.png) no-repeat 0 110px / contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 19; } .cn-characters{ position: absolute; bottom: 0; left: 2%; width: 46%; z-index: 20; } .cn-characters img{ width: 100%; } /* ----------- Inner Pages Styles / About Us Template ------------ */ .rides{ position: absolute; top: 8%; left: 18%; width: 27%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; z-index: 20; } .rides img{ max-width: 100%; } .group-marvels{ position: absolute; bottom: 0%; left: 0%; width: 58%; } .group-marvels img{ max-width: 100%; } .inner-hero-contents{ float: right; width: 40%; height: auto; margin: 70px 5% 0 0; padding: 0; position: relative; z-index: 20; } .inner-hero-contents .hero-header{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; max-width: 100%; display: none; } .inner-hero-contents ul{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; list-style: none; } .inner-hero-contents ul li{ float: left; width: auto; margin: 0 20px 0 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 20px; color: #27384a; } .inner-hero-contents ul li:last-child{ margin-right: 0; } .inner-hero-contents ul li a{ color: #27384a; float: left; text-decoration: none; outline: 0; } .inner-hero-contents ul li a:hover{ color: #1a6fb2; } .inner-hero-contents ul li a.active{ color: #1a6fb2; border-bottom: 4px solid #1a6fb2; padding-bottom: 3px; } .inner-hero-contents .scroller-container{ float: left; height: auto; width: 100%; position: relative; } .inner-hero-contents .tabs{ float: left; width: 100%; height: 100%; } .inner-hero-contents .tabs-content{ float: left; width: 100%; height: 100%; } .inner-hero-contents .tabs-content p{ float: left; width: 100%; font-size: 15px; font-weight: 400; color: #27384a; margin: 0 0 30px 0; padding: 0; } .inner-hero-contents .tabs-content p:last-child{ margin: 0; } .inner-hero-contents .tabs-content p a{ color: #1a6fb2; font-weight: 700; text-decoration: none; } .inner-hero-contents .tabs-content p a:hover{ text-decoration: underline; } .inner-contents{ float: left; width: 88%; padding: 0 6% 3%; margin: 0; position: relative; overflow: hidden; } .inner-contents.full{ padding: 0; width: 100%; } .inner-contents.with-overflow{ overflow: visible; } .inner-contents.blue{ background: #074472; } .inner-contents .background-overlay{ height: 100%; width: 100%; right: 0; top: 0; position: absolute; opacity: 0.8; -webkit-transform: skewX(26deg) translateX(40%); -moz-transform: skewX(26deg) translateX(40%); -ms-transform: skewX(26deg) translateX(40%); -o-transform: skewX(26deg) translateX(40%); transform: skewX(26deg) translateX(40%); } .inner-contents h1{ float: left; width: 100%; text-align: center; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 400; font-style: normal; color: #00d2fa; margin: 0 0 30px; padding: 0; position: relative; } .inner-contents h6{ float: left; width: 100%; text-align: center; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; font-style: italic; color: #1a6fb2; margin: 0 0 30px; padding: 0; position: relative; } .featured-updates{ width: 100%; margin: -70px 0 30px 0; padding: 0; position: relative; float: left; background: #074372; } .featured-updates .left{ float: left; width: 45%; margin: 0; padding: 0; position: relative; } .featured-updates .left img{ width: 100%; } .featured-updates .right{ float: left; width: 55%; margin: 0; padding: 0; position: relative; padding: 4% 4% 0; box-sizing: border-box; } .featured-updates .right .glow{ background: url(../img/glow.png) no-repeat 0 0 / 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .featured-updates .right:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featured-updates .right h1{ float: left; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 41px; color: #f24112; width: 100%; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; text-align: left; z-index: 1; position: relative; } .featured-updates .right h6{ float: left; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 20px; color: #fff; width: 100%; margin: 0 0 40px 0; padding: 0; text-transform: uppercase; text-align: left; z-index: 1; position: relative; } .featured-updates .right p{ float: left; font-weight: 400; font-size: 15px; color: #fff; width: 100%; margin: 0 0 10px 0; padding: 0; z-index: 1; position: relative; } .news-container{ float: left; width: 100%; margin: 0 0 50px; padding: 0; position: relative; } .news-container:last-child{ margin: 0; } .news{ float: left; width: 49%; margin: 0; padding: 0; position: relative; overflow: hidden; } .news:first-child{ margin-right: 2%; } .news .news-image{ float: left; width: 30%; margin: 0 4% 0 0; padding: 0; position: relative; } .news .news-image img{ width: 100%; } .news h5{ float: left; width: 66%; margin: 0 0 20px 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; color: #000; max-height: 48px; overflow: hidden; } .news p{ float: left; width: 66%; margin: 0; padding: 0; font-weight: 400; font-size: 12px; color: #9a9a9a; } .news .read-more{ float: right; font-weight: 700; font-size: 12px; font-style: italic; color: #1a6fb2; margin: 20px 0 0 0; padding: 0; text-decoration: none; outline: 0; } .news .read-more:hover{ color: #105c97; } .contact-map{ float: left; width: 100%; margin: 0; } /* ----------- Inner Pages Styles / Zones Template ------------ */ .inner-hero-zone{ float: right; width: 40%; height: auto; margin: 70px 3% 0 0; padding: 0; position: relative; z-index: 20; } .inner-hero-zone .zone-scroller-container{ float: left; height: 50%; overflow: hidden; width: 100%; position: relative; } .inner-hero-zone p{ float: left; width: 100%; font-size: 15px; font-weight: 400; color: #27384a; margin: 0 0 30px 0; padding: 0; } .inner-hero-zone p:last-child{ margin: 0; } .inner-hero-zone ul{ float: left; width: 100%; margin: 0 0 20px; padding: 0; list-style: disc inside; } .inner-hero-zone ul li{ float: left; width: 95%; font-size: 15px; font-weight: 400; color: #27384a; margin: 0 0 10px 0; padding: 0 0 0 5%; } .inner-hero-zone .zone-logo{ float: left; width: 32%; margin: 0 0 30px 0; padding: 0; } .inner-hero-zone .zone-header{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; max-width: 100%; display: none; } .inner-hero-zone .zone-gallery{ float: left; margin: 6% 0 0 0; padding: 0; width: 100%; list-style: none; } .inner-hero-zone .zone-gallery li{ float: left; width: 32%; margin: 0 2% 0 0; padding: 0; } .inner-hero-zone .zone-gallery li:last-child{ margin: 0; } .inner-hero-zone .zone-gallery li a{ float: left; position: relative; width: 100%; } .inner-hero-zone .zone-gallery li img{ width: 100%; } .inner-hero-zone .zone-social{ float: left; margin: 20px 0 20px 0; padding: 0; width: 100%; list-style: none; } .inner-hero-zone .zone-social li{ float: right; width: auto; margin: 0 0 0 5px; padding: 0; font-size: 20px; } .inner-hero-zone .zone-social li:last-child{ margin-left: 0; } .inner-hero-zone .zone-social li a{ float: left; outline: 0; color: #fff; text-decoration: none; padding: 6px 0 4px; width: 40px; text-align: center; } .inner-hero-zone .zone-social li a.fb{ background: #436dc2; } .inner-hero-zone .zone-social li a.twitter{ background: #00d2fa; } .inner-hero-zone .zone-social li a.instagram{ background: #733c26; } .cinema-complex{ background: url(../img/cinema-bg.jpg) no-repeat 0 0 / cover; } .lost-valley{ background: url(../img/lost-valley-bg.jpg) no-repeat 0 0 / cover; } .marvel{ background: url(../img/marvel-bg.jpg) no-repeat 0 0 / cover; } .cartoon-network{ background: url(../img/cartoon-network-bg.jpg) no-repeat 0 0 / cover; } /* ----------- Inner Pages Styles / Media Center Template ------------ */ .media-center{ background: #fff; height: auto; min-height: auto; } .media-center .inner-hero-container{ background: #074472; } .media-center .inner-hero-container:before{ content: ''; background: #074472; height: 105px; width: 100%; position: absolute; top: 0; left: 0; } .media-center .inner-hero-container .hero-title{ position: relative; margin: 45px 0 30px 0; padding: 0 5%; float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 200; color: #00d2fa; text-align: center; } .media-gallery{ float: left; width: 90%; height: 70%; padding: 0 5%; position: relative; } .image-gallery{ float: left; width: 47.5%; height: 100%; position: relative; margin: 0 5% 0 0; padding: 0; overflow: hidden; } .image-gallery .images-container{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0; position: relative; } .image-gallery .images-container .image{ float: left; width: 23%; margin: 0 2% 0 0; padding: 0; position: relative; } .image-gallery .images-container .image a{ float: left; width: 100%; margin: 0 0 5px; padding: 0; outline: 0; position: relative; } .image-gallery .images-container .image a:before{ content: ''; position: absolute; top: 0; right: 0; background: url(../img/image-overlay.png) no-repeat right 0 / contain; width: 100%; height: 100%; } .image-gallery .images-container .image a img{ width: 100%; } .image-gallery .images-container .image span{ float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400; color: #333; margin: 0; padding: 0; } .video-gallery{ float: left; width: 47.5%; height: 100%; position: relative; margin: 0; padding: 0; overflow: hidden; } .video-gallery .video-container{ float: left; width: 100%; margin: 0; padding: 0; position: relative; } .video-gallery .video-container a{ float: left; width: 48%; margin: 0 0 4% 0; padding: 0; position: relative; } .video-gallery .video-container a:nth-of-type(odd){ margin-right: 4%; } .video-gallery .video-container a:before{ content: ''; position: absolute; top: 0; right: 0; background: url(../img/video-overlay.png) no-repeat right 0 / contain; width: 100%; height: 100%; } .video-gallery .video-container a img{ width: 100%; } .press-release-section{ float: left; width: 100%; padding: 0 6% 100px; margin: 0; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; z-index: 20; } .press-release-section h1{ float: left; width: 100%; text-align: center; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 200; font-style: normal; color: #00d2fa; margin: 0 0 50px; padding: 0; position: relative; z-index: 20; } .press-release-section .owl-nav{ top: 41%; position: absolute; width: 100%; padding: 0 1%; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} .press-release-section .owl-nav .owl-prev{ width: 5%; } .press-release-section .owl-nav .owl-next{ width: 5%; text-align: right; } .press-release-section .owl-dots{ position: absolute; width: 100%; bottom: 4%; z-index: 7000; text-align: center; left: 0; } .press-release-section .owl-dot{ width: 12px; height: 12px; border: 2px solid #02a4cb; } .press-release-section .owl-dot.active{ background: #02a4cb; } .press-release-container{ float: left; width: 100%; position: relative; margin: 0; padding: 0; } .press-release-container a{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0; position: relative; outline: 0; } .press-release-container a:last-child{ margin: 0; } .press-release-container a img{ width: 100%; } .press-release-container .date{ position: absolute; background: #f24112; bottom: 38%; left: 0; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 14px; color: #fff; padding: 2px 25px 2px 5px; min-width: 90px; } .press-release-container .date:after{ content: ''; position: absolute; background: url(../img/orange-arrow.png) no-repeat left 0 / contain; top: 0; right: 1px; height: 100%; width: 14.1%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .press-release-container .description{ float: left; width: 100%; padding: 5%; background: #055e93; color: #fff; font-size: 16px; height: 85px; } .press-release-container .description span{ font-style: italic; } .press-image{ float: left; width: 100%; margin: 0 0 15px; padding: 0; position: relative; } .press-image img{ width: 100%; } .image-section{ width: 100%; padding: 35px 6% 30px; box-sizing: border-box; margin: 0; position: relative; overflow: hidden; background: #e1e1e1; } .image-section .background-overlay{ height: 100%; width: 100%; right: 0; top: 0; position: absolute; opacity: 0.8; -webkit-transform: skewX(26deg) translateX(64%); -moz-transform: skewX(26deg) translateX(64%); -ms-transform: skewX(26deg) translateX(64%); -o-transform: skewX(26deg) translateX(64%); transform: skewX(26deg) translateX(64%); } .image-section h1{ position: relative; margin: 0 0 30px 0; padding: 0; float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 200; color: #00d2fa; text-align: center; } .image-section .owl-carousel{ position: relative; margin-bottom:50px;} .image-section .owl-nav{ top: 50%; margin-top:-25px; height:51px; position: absolute; width: 100%; padding: 0 1%; left: 0; box-sizing: border-box; z-index: 100; } .image-section .owl-nav .owl-prev{ width: 5%; height:51px; left:-6%; top:0; position: absolute;} .image-section .owl-nav .owl-next{ width: 5%; height:51px; right:-6%; top:0; position: absolute;} .image-section .owl-dots{ position: absolute; width: 100%; bottom: -40px; z-index: 7000; text-align: center; left: 0; } .image-section .owl-dot{ width: 12px; height: 12px; border: 2px solid #434343; } .image-section .owl-dot.active{ background: #434343; } .image-section-container{ float: left; width: 100%; position: relative; margin: 0; padding: 0; } .image-section-item-container{ float: left; width: 100%; margin: 0; padding: 0; } .image-section-item-container .image{ float: left; width: 23.5%; margin: 0 2% 0 0; padding: 0; position: relative; } .image-section-item-container .image:last-child{ margin: 0; } .image-section-itemscontainer .image:last-child{ margin: 0; } .image-section-item-container .image a{ float: left; width: 100%; margin: 0; padding: 0; outline: 0; position: relative; } .image-section-item-container .image a img{ width: 100%; } .image-section-item-container .image span{ display: none; float: left; background: #fff; width: 100%; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; color: #333; margin: 0; padding: 15px; box-sizing: border-box; } .image-gallery-popup .fancybox-close{ right: -35px; top: 0; } @media (max-width: 690px) { .image-gallery-popup .fancybox-close{ right: 8px; top: 8px; } } .video-section{ float: left; width: 100%; padding: 35px 6% 70px; box-sizing: border-box; margin: 0; position: relative; overflow: hidden; background: #f6f6f6; } .video-section .background-overlay{ height: 100%; width: 100%; right: 0; top: 0; position: absolute; opacity: 0.8; -webkit-transform: skewX(26deg) translateX(64%); -moz-transform: skewX(26deg) translateX(64%); -ms-transform: skewX(26deg) translateX(64%); -o-transform: skewX(26deg) translateX(64%); transform: skewX(26deg) translateX(64%); } .video-section h1{ position: relative; margin: 0 0 30px 0; padding: 0; float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 200; color: #00d2fa; text-align: center; } .video-section .owl-carousel{ position: initial; } .video-section .owl-nav{ top: 47%; position: absolute; width: 100%; padding: 0 1%; left: 0; box-sizing: border-box; z-index: 0; } .video-section .owl-nav .owl-prev{ width: 5%; } .video-section .owl-nav .owl-next{ width: 5%; text-align: right; } .video-section .owl-dots{ position: absolute; width: 100%; bottom: 18px; z-index: 7000; text-align: center; left: 0; } .video-section .owl-dot{ width: 12px; height: 12px; border: 2px solid #434343; } .video-section .owl-dot.active{ background: #434343; } .video-section-container{ float: left; width: 100%; position: relative; margin: 0; padding: 0; } .video-section-item-container{ float: left; width: 100%; margin: 0; padding: 0; text-align: center; } .video-section-item-container .video{ display: inline-block; width: 23.5%; margin: 0 2% 0 0; padding: 0; position: relative; } .video-section-item-container .video:last-child{ margin: 0; } .video-section-itemscontainer .video:last-child{ margin: 0; } .video-section-item-container .video a{ float: left; width: 100%; margin: 0; padding: 0; outline: 0; position: relative; } .video-section-item-container .video a:after{ content: ''; position: absolute; top: 0; right: 0; background: url(../img/video-overlay.png) no-repeat right 0 / contain; width: 100%; height: 100%; z-index: 10; } .video-section-item-container .video a img{ width: 100%; } .video-section-item-container .video span{ float: left; text-align: left; background: #fff; width: 100%; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; color: #333; margin: 0; padding: 15px; box-sizing: border-box; } .owl-nav .disabled{ opacity: 0.2; } /* ----------- Inner Pages Styles / Forms Template ------------ */ .inner-hero-form{ float: right; width: 38%; height: 90%; margin: 5% 5% 0 0; padding: 0; position: relative; overflow: hidden; z-index: 20; } .inner-hero-form .hero-header{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; max-width: 100%; display: none; } .careers{ background: url(../img/careers-bg.jpg) no-repeat 0 0 / cover !important; min-height: 1300px; } .contact-us{ background: url(../img/contact-bg.jpg) no-repeat 0 0 / 100% 100% !important; min-height: 1100px; } .inner-hero-form .scroller-container{ float: left; height: auto; width: 100%; position: relative; } .inner-hero-form .tabs{ float: left; width: 100%; height: 100%; } .inner-hero-form .tabs > ul{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; list-style: none; } .inner-hero-form .tabs > ul > li{ float: left; width: auto; margin: 0 20px 0 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 30px; color: #009ce0; } .careers .inner-hero-form .tabs > ul > li{ margin: 0 15px 0 0; font-size: 25px; } .inner-hero-form .tabs > ul > li:last-child{ margin-right: 0; } .inner-hero-form .tabs > ul > li > a{ color: #009ce0; float: left; text-decoration: none; outline: 0; } .inner-hero-form .tabs ul > li > a:hover{ color: #fff; } .inner-hero-form ul li a.active{ color: #fff; border-bottom: 4px solid #fff; padding-bottom: 3px; } .inner-hero-form .tabs-content{ float: left; width: 100%; height: 100%; } .inner-hero-form .tabs-content .vacancy-container{ float: left; width: 100%; position: relative; list-style: none; margin: 0; padding: 0; } /*.inner-hero-form .tabs-content .vacancy{ float: left; width: 100%; margin: 0 0 30px 0; border-bottom: 1px dashed #fff; padding: 0 0 15px 0; }*/ .inner-hero-form .tabs-content .vacancy-container li{ float: left; width: 100%; margin: 0 0 30px 0; border-bottom: 1px dashed #fff; padding: 0 0 15px 0; } .inner-hero-form .tabs-content .pages { clear: both; float: left; display: inline; width: 100%; margin: 20px 0 0 0; text-align: center; } .inner-hero-form .tabs-content .pages ul { display: inline-block; width: auto; padding: 0; margin: 0; } .inner-hero-form .tabs-content .pages ul li { float: left; display: inline; margin-right: 10px; font-size: 20px; font-weight: bold; } .inner-hero-form .tabs-content .pages ul li.prev{ margin-right: 20px; } .inner-hero-form .tabs-content .pages ul li.next{ margin-right: 0; margin-left: 10px; } .inner-hero-form .tabs-content .pages ul li a { padding: 0; font-size: 20px; font-weight: bold; color: #00d2fa; text-decoration: none; } .inner-hero-form .tabs-content .pages ul li.on a { color: #fff; font-weight: bolder; text-decoration: underline; } .inner-hero-form .tabs-content .pages ul li span span { color: #bfbfbf; } .inner-hero-form .tabs-content h5{ float: left; width: 100%; font-family:'Oswald', sans-serif; font-size: 26px; font-weight: 200; color: #fff; margin: 0 0 20px 0; padding: 0; } .inner-hero-form .tabs-content h6{ float: left; width: 100%; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #00d2fa; margin: 0 0 20px 0; padding: 0; } .inner-hero-form .tabs-content p{ float: left; width: 100%; font-size: 15px; font-weight: 400; color: #fff; margin: 0 0 30px 0; padding: 0; } /*.inner-hero-form .tabs-content p:last-of-type{ margin-bottom: 10px; }*/ .inner-hero-form .tabs-content p a{ color: #fff; font-weight: 700; } .inner-hero-form .tabs-content .apply-now{ float: right; width: auto; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #00d2fa; margin: 0; padding: 0; text-decoration: none; } .inner-hero-form .tabs-content .apply-now:hover{ text-decoration: underline; } .inner-hero-form .tabs-content .see-details{ float: left; width: auto; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #00d2fa; margin: 0; padding: 0; text-decoration: none; } .inner-hero-form .tabs-content .see-details:hover{ text-decoration: underline; } .inner-hero-form .tabs-content .fields-container{ float: left; width: 100%; margin: 0 0 10px; padding: 0; } .inner-hero-form .tabs-content .input-container{ float: left; width: 100%; margin: 0 0 10px; padding: 0; color: #797979; position: relative; } .inner-hero-form .tabs-content .input-container input[type=text]{ background: #fff; border: none; color: #000; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; float: left; margin: 0; padding: 9px 10px; width: 100%; box-sizing: border-box; } .inner-hero-form .tabs-content .small{ width: 20%; margin: 0 5% 0 0; } .inner-hero-form .tabs-content .medium{ width: 35%; margin: 0 5% 0 0; } .inner-hero-form .tabs-content .medium:last-child{ margin: 0; } .inner-hero-form .tabs-content .half{ width: 47.5%; margin: 0 5% 0 0; } .inner-hero-form .tabs-content .half:last-child{ margin: 0; } .inner-hero-form .tabs-content .input-container label{ float: left; width: 97%; margin: 0 0 3px 8px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 15px; color: #fff; } .inner-hero-form .tabs-content .input-container .label{ float: left; width: auto; margin: 0 5% 0 8px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 15px; color: #fff; } .inner-hero-form .tabs-content .input-container .label-name{ float: left; width: auto; margin: 0 60px 0 0; } .inner-hero-form .tabs-content .input-container .date{ background: url(../img/icon-calendar.png) no-repeat 98.5% center #fff !important; padding: 9px 35px 9px 10px !important; width: 100% !important; box-sizing: border-box; } .inner-hero-form .tabs-content .input-container textarea{ background: #fff; border: none; color: #000; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; float: left; margin: 0; padding: 10px; width: 100%; height: 100px; resize: none; box-sizing: border-box; } .inner-hero-form .tabs-content .input-container .error-message{ float: left; width: 99%; color: #f62b16; font-size: 12px; font-weight: 700; line-height: 1em; margin: 5px 0 0 0; padding: 0 0 0 1%; display: none; } .inner-hero-form .tabs-content button[type=submit]{ float: right; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 400; color: #fff; padding: 10px 100px; background: #f0301c; border: none; text-transform: uppercase; margin: 20px 0 20px; outline: 0; } /* ----------- Inner Pages Styles / Map Template ------------ */ .interactive-map{ background: #e1e4e6; position: relative; min-height: 100% !important; } .interactive-map .inner-hero-container{ background: none; text-align: center; display: table; height: 100%; } .interactive-map .inner-hero-container:before{ content: ''; background: none; height: 105px; width: 100%; position: absolute; top: 0; left: 0; } .interactive-map .interactive-map-container{ text-align: center; float: left; height: 100%; width: 100%; } .interactive-map .interactive-map-container:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .interactive-map .interactive-map-container .map-area { display: inline-block; vertical-align: middle; width: 99%; position: relative; } .interactive-map .interactive-map-container .map-area .desktop-map{ width: 100%; display: block; } .interactive-map .interactive-map-container .map-area .mobile-map{ width: 100%; display: none; } .interactive-map .interactive-map-container .map-area img{ width: 100%; } .interactive-map .interactive-map-container .map-area .map-logo-lv{ position: absolute; left: 38%; top: 25%; margin: 0; padding: 0; width: 9%; cursor: pointer; outline: 0; } .interactive-map .interactive-map-container .map-area .map-logo-marvel{ position: absolute; right: 36%; top: 30%; margin: 0; padding: 0; width: 8%; cursor: pointer; outline: 0; } .interactive-map .interactive-map-container .map-area .map-logo-img{ position: absolute; left: 47%; top: 45%; margin: 0; padding: 0; width: 10%; cursor: pointer; outline: 0; } .interactive-map .interactive-map-container .map-area .map-logo-cn{ position: absolute; left: 34%; top: 55%; margin: 0; padding: 0; width: 10%; cursor: pointer; outline: 0; } .interactive-map .interactive-map-container .map-area .map-logo-novo{ position: absolute; right: 23.8%; top: 58%; margin: 0; padding: 0; width: 8%; cursor: pointer; outline: 0; } .interactive-map .interactive-map-container .map-area img[usemap], map area{ outline: none; } .interactive-map .download-button{ position: absolute; bottom: 0; right: 100px; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; background: #f24112; padding: 10px 10px 5px; } .interactive-map .download-button span img{ width: 17%; margin-left: 5px; } /* ----------- Inner Pages Styles / Search Results Page Template ------------ */ .search-results{ background: #fff; height: auto; min-height: auto; } .search-results .inner-hero-container{ background: #074472; } .search-results .inner-hero-container:before{ content: ''; background: #074472; height: 105px; width: 100%; position: absolute; top: 0; left: 0; } .search-results-section{ width: 100%; box-sizing: border-box; text-align: center; position: relative; margin: 80px 0 0; padding: 0 0 50px 0; } .search-results-container{ display: inline-block; margin: 0; padding: 0; max-width: 30%; width: 100%; } .textbox-container{margin: 0 0 5px 0; padding: 10px; width: 100%; position: relative; background: #fff; box-sizing: border-box; } .textbox-container input[type="text"]{ width: 94%; box-sizing: border-box; border: none; padding: 0 5px; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; color: #878787; outline: 0; background: #fff; } .textbox-container button{ background: url(../img/icon-search.png) no-repeat center center / contain #fff; float: left; width: 6%; height: 27px; border: none; padding: 0; } .search-results-container h1{ width: 100%; padding: 0; margin: 0 0 5px; position: relative; font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 400; color: #878787; text-transform: uppercase; text-align: left; } .search-results-container h4{ width: 100%; padding: 0; margin: 0; position: relative; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; color: #fff; text-transform: uppercase; text-align: left; } .results-section{ padding: 50px 0; box-sizing: border-box; margin: 0; width: 100%; background: #fff; text-align: center; } .results-container{ display: inline-block; margin: 0; padding: 0; max-width: 50%; width: 100%; } .results{ width: 100%; margin: 30px 0 30px 0; padding:0; text-align:left;} .results a{width: 100%; padding: 0; margin: 0 0 5px; position: relative; font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 400; color: #000; text-transform: uppercase; text-align: left; text-decoration: none; outline: 0; } .results p{width: 100%; padding: 0; margin: 0; position: relative; font-size: 15px; font-weight: 400; color: #000; text-align: left; } /* ----------- Inner Pages Styles / 404 - Error Template ------------ */ .error-404{ background: #dcdfe0; position: relative; min-height: 100% !important; } .error-404 .inner-hero-container{ background: none; text-align: center; display: table; height: 100%; } .error-404 .inner-hero-container:before{ content: ''; background: none; height: 105px; width: 100%; position: absolute; top: 0; left: 0; } .error-404 .error-container{ text-align: center; float: left; height: 100%; width: 100%; background: #dcdfe0; } .error-404 .error-container:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .error-404 .error-container .error-area { display: inline-block; vertical-align: middle; width: 98%; position: relative; } .error-404 .error-container .error-area img{ width: 100%; } .error-404 .error-container .error-area .error-messages-container{ position: absolute; left: 58%; top: 0; width: 24%; height: 100%;} .error-404 .error-container .error-area .error-messages-container .error-messages{ display: inline-block; vertical-align: middle; width: 100%; padding: 80% 0 0 0; height: 100%; box-sizing: border-box; } .error-404 .error-container .error-area .error-messages-container .error-messages h6{ float: left; middle; width: 100%; margin: 0 0 20px; padding: 0; font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 400; color: #000; text-align: left; text-transform: uppercase; } .error-404 .error-container .error-area .error-messages-container .error-messages p{ float: left; width: 100%; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; color: #878787; text-align: left; text-transform: uppercase; } /* ----------- Footer Styles ------------ */ footer{ width: 100%; padding: 2% 3%; margin: 0; background: #074472; position: relative; } footer .footer-logo{ float: right; margin: 0 0 0 20px; padding: 0; outline: 0; max-width: 100%; } footer .links{ float: right; padding: 0; margin: 0; list-style: none; } footer .links li{ float: right; margin: 10px 0 0 10px; border-left: 1px solid #fff; font-family: 'Oswald', sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; } footer .links li:last-child{ border: none; margin-left: 0; } footer .links li a{ text-decoration: none; outline: 0; color: #fff; padding-left: 15px; } footer .links li:last-child a{ padding-left: 0; } footer .our-partners{ display: inline-block; padding: 0; margin: 6px 0 0 0; list-style: none; } footer .our-partners li{ display: inline-block; margin: 0 15px 0 0; font-family: 'Oswald', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; } footer .our-partners li:last-child{ margin: 0; } footer .our-partners img{ max-width: 80%; margin-top: -2px; } /* ----------- iScroll Styles ------------ */ .iScrollVerticalScrollbar{ /*background: #064170;*/ overflow: visible !important; } .iScrollIndicator{ background: #009bdf !important; width: 5px !important; left: -2px; border: none !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } .careers .iScrollVerticalScrollbar, .contact-us .iScrollVerticalScrollbar{ background: none; overflow: visible !important; width: 8px !important; right: 0 !important; } .careers .iScrollVerticalScrollbar:before, .contact-us .iScrollVerticalScrollbar:before{ /*content: '';*/ background: #064170; position: absolute; width: 4px; top: 0; left: 1px; height: 100%; } .careers .iScrollIndicator, .contact-us .iScrollIndicator{ background: #009bdf !important; width: 8px !important; height: 90px !important; left: -1px; border: none !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } #aboutScroller { position: relative; float: left; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } #zoneScroller { position: relative; float: left; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } #careersScroller { position: relative; float: left; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } #contactScroller { position: relative; float: left; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } #imageGalleryScroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } #videoGalleryScroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 98%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } /* ----------- Popup Styles ------------ */ .news-popup{ float: left; width: 100%; margin: 0; padding: 0; position: relative; height: 100%; display: none; } .news-popup .news-image{ float: left; max-width: 45%; margin: 0 5% 0 0; position: relative; } .news-popup h1{ float: none; width: 100%; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 400; color: #000; margin: 0 0 20px; padding: 0; text-align: left; text-transform: uppercase; } .news-popup p{ float: none; width: 100%; font-size: 14px; font-weight: 400; color: #9a9a9a; margin: 0 0 10px; padding: 0; text-align: left; } .press-popup-container .fancybox-skin{ padding-top: 50px !important; } .press-popup-container .fancybox-skin .fancybox-close{ right: 20px !important; font-size: 18px !important; color: #000 !important; top: 10px; } .press-popup{ float: left; width: 100%; margin: 0; padding: 0; position: relative; height: 100%; } .press-popup .news-image{ float: left; max-width: 45%; margin: 0 5% 0 0; position: relative; } .press-popup h1{ float: left; width: 98%; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 400; color: #000; margin: 0 0 20px; padding: 0; text-align: center; text-transform: uppercase; } .press-popup h3{ float: left; width: 98%; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; color: #000; margin: 15px 0 10px; padding: 0; text-align: left; } .press-popup p{ float: left; width: 98%; font-size: 14px; font-weight: 400; color: #9a9a9a; margin: 0 0 10px; padding: 0; text-align: left; } .press-popup p span{ font-weight: 700; color: #000; } .press-popup ul{ float: left; width: 98%; height: auto; margin: 5px 0; padding: 0; list-style: disc inside; } .press-popup ul li{ float: left; width: 100%; font-size: 14px; font-weight: 400; color: #9a9a9a; margin: 0 0 8px; padding: 0; text-align: left; } .content-popup{ float: left; width: 100%; margin: 0; padding: 0; position: relative; height: 100%; display: none; } .content-popup h1{ float: left; width: 98%; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 400; color: #000; margin: 0 0 20px; padding: 0; text-align: center; text-transform: uppercase; } .content-popup h2{ float: left; width: 98%; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 200; color: #000; margin: 0 0 20px; padding: 0; text-align: center; text-transform: uppercase; } .content-popup h3{ float: left; width: 98%; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; color: #000; margin: 15px 0 10px; padding: 0; text-align: left; } .content-popup p{ float: left; width: 98%; font-size: 14px; font-weight: 400; color: #9a9a9a; margin: 0 0 10px; padding: 0; text-align: left; } .content-popup ul{ float: left; width: 98%; height: auto; margin: 5px 0; padding: 0; list-style: disc inside; } .content-popup ul li{ float: left; width: 100%; font-size: 14px; font-weight: 400; color: #9a9a9a; margin: 0 0 8px; padding: 0; text-align: left; } .signup-content-popup{ float: left; width: 100%; margin: 0; padding: 0; position: relative; height: auto; display: none; } .signup-content-popup h1{ float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 27px; font-weight: 400; color: #274d89; margin: 0 0 20px; padding: 0; text-align: left; text-transform: uppercase; } .signup-content-popup h1 span{ font-size: 34px; margin: 0 10px 0 0; display: inline; vertical-align: text-bottom; } .signup-content-popup p{ float: left; width: 100%; font-size: 16px; font-weight: 400; color: #a4a3a3; margin: 0 0 20px; padding: 0; text-align: left; } .signup-popup-container{ float: left; width: 100%; border: 1px solid #fff; padding: 0; text-align: left; box-sizing: border-box; } .signup-popup-container input[type="text"]{ float: left; width: 74.5%; margin: 0; background: #fff; color: #333; padding: 2%; border: 1px solid #b5bdc6; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 17px; text-transform: uppercase; box-sizing: border-box; } .signup-popup-container .signup-button{ float: left; width: 25%; padding: 2% 0; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 17px; color: #fff; background: #f05d48; text-transform: uppercase; border: 1px solid #f05d48; } .signup-popup-container .signup-button:hover{ background: #e13a22; } .job-details-popup{ float: left; width: 100%; margin: 0; padding: 0; position: relative; height: auto; display: none; } .job-details-popup h1{ float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 23px; font-weight: 400; color: #000; margin: 0 0 0px; padding: 0; text-align: left; } .job-details-popup h3{ float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; color: #000; margin: 30px 0 20px; padding: 0; text-align: left; } .job-details-popup p{ float: left; width: 100%; font-size: 15px; font-weight: 400; color: #7a7a7a; margin: 0 0 20px; padding: 0; text-align: left; } .job-details-popup ul{ float: left; width: 100%; position: relative; margin: 0 0 15px; padding: 0; list-style: disc inside; } .job-details-popup ul li{ float: left; font-size: 15px; font-weight: normal; color: #7a7a7a; margin: 0 0 10px; padding: 0; width: 100%; } /*---- Nice File Input ----*/ .NFI-wrapper { background: none; display: block !important; height: 100%; margin: 0; min-height: 38px; overflow: hidden !important; padding: 0; position: relative; width: 100%; } .NFI-button{ background: #009bdf none repeat scroll 0 0; border: 5px solid #009bdf; color: #fff; float: right !important; font-family: "Oswald", sans-serif; font-size: 15px; font-weight: 400; height: 100%; letter-spacing: 1px; padding: 5px 0; text-align: center !important; text-transform: uppercase; width: 22%; z-index: 9; } .NFI-current{ height: 100% !important; max-width: none; position: absolute !important; text-align: center; width: 100%; z-index: 10; } .NFI-filename{ background: #fff; border: medium none !important; margin: 0; overflow: hidden; padding: 9px 9px !important; position: absolute; width: 75% !important; z-index: 0; box-sizing: border-box; } .selectboxit-container select{ width: 100% !important; } /*new template*/ .clear{clear:both;} input, textarea, select, a { outline: none; } .aboutpage{ width: 100%; height: auto; background: #000000; } .aboutpage .mainhero{ display: block; width: 100%;} .aboutpage .mainhero img{ width: 100%;} .aboutpage .about-inner-container{ width:90%; height:auto; min-height:400px; margin:0 auto; position: relative; margin-top:-150px; } .aboutpage .about-inner-container .{ width:90%; height:auto; min-height:400px; margin:0 auto;} .aboutpage .about-inner-container .content{padding:40px; display:block; margin-bottom:40px; background:rgba(255, 255, 255, 0.95);} .aboutpage .about-inner-container .content .breadcrumps{ padding-bottom:30px; display:block; font-family: 'Oswald', sans-serif; font-size: 15px; color: #878787;} .aboutpage .about-inner-container .content .breadcrumps a{ display:inline-block; margin:0px 8px; color: #878787; text-decoration:none;} .aboutpage .about-inner-container .content .breadcrumps a:first-child{margin-left:0px;} .aboutpage .about-inner-container .content .breadcrumps a:hover{color: #45afea ;} .aboutpage .about-inner-container .content .breadcrumps a.active{color: #45afea ;} .aboutpage .about-inner-container .content h1{ margin:0px; margin-bottom:20px; font-family: 'Oswald', sans-serif; font-size: 41px; color: #878787 ; font-weight:100; } .aboutpage .about-inner-container .content p { font-family: 'Oswald', sans-serif; font-size: 15px; color: #878787 ; } .genericpage{ width: 100%; height: auto; } .genericpage .generic-inner-container{ width:90%; height:auto; min-height:550px; margin:0 auto; position: relative; } /* .genericpage .generic-inner-container .{ width:90%; height:auto; min-height:400px; margin:0 auto;} */ .genericpage .generic-inner-container .content{padding:60px 40px 0 40px; display:block; background:rgba(255, 255, 255, 0.95); } .genericpage .generic-inner-container .content .breadcrumps{ padding-bottom:30px; display:block; font-family: 'Oswald', sans-serif; font-size: 15px; color: #878787;} .genericpage .generic-inner-container .content .breadcrumps a{ display:inline-block; margin:0px 8px; color: #878787; text-decoration:none;} .genericpage .generic-inner-container .content .breadcrumps a:first-child{margin-left:0px;} .genericpage .generic-inner-container .content .breadcrumps a:hover{color: #45afea ;} .genericpage .generic-inner-container .content .breadcrumps a.active{color: #45afea ;} .genericpage .generic-inner-container .content img.logo { width:auto; display: block; float: left; clear: both; margin-bottom:0px;} .genericpage .generic-inner-container .content h1{ display:block; width:100%; margin:0px; margin-bottom:20px; font-family: 'Oswald', sans-serif; font-size: 41px; color: #878787 ; font-weight:100; } .genericpage .generic-inner-container .content h2{ margin:0px; margin-bottom:20px; font-family: 'Oswald', sans-serif; font-size: 21px; color: #1a8ccc; ; font-weight:100; } .genericpage .generic-inner-container .content p { width:95%; display:block; margin-bottom:40px; font-family: "News Gothic MT", Arial, sans-serif; font-size: 14px; color: #878787 ; clear: both; } .genericpage .generic-inner-container .content p a {color: #45afea;} .genericpage .generic-inner-container .content > ul {width: 100%; height: auto; display: block; margin:0px; padding:0px; text-align: left; clear: both;} .genericpage .generic-inner-container .content > ul:before, .genericpage .generic-inner-container .content > ul:after { content: " "; display: table;} .genericpage .generic-inner-container .content > ul:after { clear: both;} .genericpage .generic-inner-container .content > ul { *zoom: 1;} .genericpage .generic-inner-container .content > ul > li{ width: 50%; height:auto; display: block; padding: 1%; float: left; min-height: 480px; } .genericpage .generic-inner-container .content > ul > li h1{ margin:0px; margin-bottom:20px; font-family: 'Oswald', sans-serif; font-size: 41px; color: #878787 ; font-weight:100; } .genericpage .generic-inner-container .content > ul > li h2{ margin:0px; margin-bottom:20px; font-family: 'Oswald', sans-serif; font-size: 21px; color: #1a8ccc; ; font-weight:100; } .genericpage .generic-inner-container .content > ul > li p { width: 100%; display:block; margin-bottom:40px; font-family: "News Gothic MT", Arial, sans-serif; font-size: 14px; color: #878787 ; clear: both; } .genericpage .generic-inner-container .content > ul > li img{width: 100%; height: auto; display: block; float: left; margin-bottom:20px;} .genericpage .generic-inner-container .content > ul > li:nth-child(odd) {clear:both;} .genericpage .generic-inner-container .content > ul.index {width:100% ;height:auto; display:block; padding:0px; margin:0px;} .genericpage .generic-inner-container .content > ul.index > li { width:100%; display:block; min-height: auto !important; padding:5px 0px;} .genericpage .generic-inner-container .content > ul.index > li a { width:100%; display:block; font-family: "News Gothic MT", Arial, sans-serif; font-size: 14px; color: #45afea ; clear: both; } .genericpage .generic-inner-container .content > ul.zonelisting {width:100%; height:auto; display: inline-block; margin:0px; padding:0px; list-style: none; text-align: left; margin-bottom:50px;} .genericpage .generic-inner-container .content > ul.zonelisting > li {position: relative; display: inline-block; width: 32.33333333333333%; margin:0px; padding:0px; list-style: none; overflow: hidden; margin-right:1%; margin-bottom: 1%; min-height:0;} .genericpage .generic-inner-container .content > ul.zonelisting > li > a > img{ width: 100%; height: auto; display: block; transition: all .2s ease-in-out; transform: scale(1) } .genericpage .generic-inner-container .content > ul.zonelisting > li:hover > a > img{ transform: scale(1.2);} .genericpage .generic-inner-container .content > ul.zonelisting > li > a > div.titleWrap{ background: #3271b6; width: 100%; padding:2% 3%; position: absolute; bottom: 0px;} .genericpage .generic-inner-container .content > ul.zonelisting > li > a > div.titleWrap > h2{font-family: 'Oswald', sans-serif; font-size: 24px; color: #ffffff ; padding: 0px; margin:0px; } .genericpage .generic-inner-container .content > ul.zonelisting > li:nth-child(odd) {clear:none !important;} .genericpage .generic-inner-container .content .zone-gallery{ float: left; margin: 0; padding: 0; width: 100%; list-style: none; } .genericpage .generic-inner-container .content .zone-gallery li{ float: left; width: 32%; margin: 0 2% 0 0; padding: 0; min-height: auto; } .genericpage .generic-inner-container .content .zone-gallery li:last-child{ margin: 0; } .genericpage .generic-inner-container .content .zone-gallery li a{ float: left; position: relative; width: 100%; } .genericpage .generic-inner-container .content .zone-gallery li img{ width: 100%; } .genericpage .generic-inner-container .content .zone-social{ float: left; margin: 20px 0 20px 0; padding: 0; width: 100%; list-style: none; } .genericpage .generic-inner-container .content .zone-social li{ float: right; width: auto; margin: 0 0 0 5px; padding: 0; font-size: 20px; min-height: auto; } .genericpage .generic-inner-container .content .zone-social li:last-child{ margin-left: 0; } .genericpage .generic-inner-container .content .zone-social li a{ float: left; outline: 0; color: #fff; text-decoration: none; padding: 6px 0 4px; width: 40px; text-align: center; } .genericpage .generic-inner-container .content .zone-social li a.fb{ background: #436dc2; } .genericpage .generic-inner-container .content .zone-social li a.twitter{ background: #00d2fa; } .genericpage .generic-inner-container .content .zone-social li a.instagram{ background: #733c26; } .genericpage .generic-inner-container .content .rides-container{width:100%; height:auto; min-height:600px; padding:3%; display:block; background:#ffffff; position: relative;} .genericpage .generic-inner-container .content .rides-container > div.ride{width:95%; display:block; margin-bottom:20px;} .genericpage .generic-inner-container .content .rides-container > div.ride .imagewrap{ display:block; width:20%; height:auto; float:left;} .genericpage .generic-inner-container .content .rides-container > div.ride .imagewrap img{width:100%; max-width:212px;} .genericpage .generic-inner-container .content .rides-container > div.ride .copywrap{ display:block; width:80%; float:left;} .genericpage .generic-inner-container .content .rides-container > div.ride .copywrap h2{ width:80%; display:block; padding-left:20px; font-family: 'Oswald', sans-serif; font-size: 34px; color: #1a8ccc; ; font-weight:100;} .genericpage .generic-inner-container .content .rides-container > div.ride .copywrap p { width:80%; display:block; padding-left:20px; font-family: "News Gothic MT", Arial, sans-serif; font-size: 14px; color: #878787 ; clear: both; } .genericpage .generic-inner-container .content .contact-map { float: left; width: 100%; margin: 0;} .genericpage .generic-inner-container .content .tabs{ float: left; width: 100%; height: 100%; } .genericpage .generic-inner-container .content .tabs > ul{ float: left; width: 100%; margin: 0 0 30px 0; padding: 0; list-style: none; background:#EAEAEA;} .genericpage .generic-inner-container .content .tabs > ul > li{ float: left; width:50%; margin: 0 0px 0 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 30px; color: #009ce0; text-align: center; } .genericpage .generic-inner-container .content .tabs > ul > li:last-child{ margin-right: 0; } .genericpage .generic-inner-container .content .tabs > ul > li > a{ color: #878787; float: left; text-decoration: none; outline: 0; width: 100%; text-align: center; font-size: 21px; padding:3px 0px; } .genericpage .generic-inner-container .content .tabs ul > li > a:hover{ color: #ffffff; background: #878787 } .genericpage .generic-inner-container .content .tabs ul li a.active{ color: #ffffff; background: #878787 } .genericpage .generic-inner-container .content .tabs-content{ width: 100%; height: auto; display: block; margin: 0 auto;} .genericpage .generic-inner-container .content .tabs-content h6{ float: left; width: 100%; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #00d2fa; margin: 0 0 20px 0; padding: 0; } .genericpage .generic-inner-container .content .tabs-content p{ float: left; width: 100%; font-size: 15px; font-weight: 400; color: #878787; margin: 0 0 30px 0; padding: 0; } .genericpage .generic-inner-container .content .tabs-content p a{ color: #878787; font-weight: 700; } .genericpage .generic-inner-container .content .tabs-content .apply-now{ float: right; width: auto; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #00d2fa; margin: 0; padding: 0; text-decoration: none; } .genericpage .generic-inner-container .content .tabs-content .apply-now:hover{ text-decoration: underline; } .genericpage .generic-inner-container .content .tabs-content .see-details{ float: left; width: auto; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #00d2fa; margin: 0; padding: 0; text-decoration: none; } .genericpage .generic-inner-container .content .tabs-content .see-details:hover{ text-decoration: underline; } .genericpage .generic-inner-container .content .tabs-content .fields-container{ float: left; width: 100%; margin: 0 0 10px; padding: 0; } .genericpage .generic-inner-container .content .tabs-content .input-container{ float: left; width: 100%; margin: 0 0 10px; padding: 0; color: #797979; position: relative; } .genericpage .generic-inner-container .content .tabs-content .input-container input[type=text]{ background: none; border:1px solid #009ce0 !important; color: #000; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; float: left; margin: 0; padding: 9px 10px; width: 100%; box-sizing: border-box; } .genericpage .generic-inner-container .content .tabs-content .small{ width: 20%; margin: 0 5% 0 0; } .genericpage .generic-inner-container .content .tabs-content .medium{ width: 35%; margin: 0 5% 0 0; } .genericpage .generic-inner-container .content .tabs-content .medium:last-child{ margin: 0; } .genericpage .generic-inner-container .content .tabs-content .half{ width: 47.5%; margin: 0 5% 0 0; } .genericpage .generic-inner-container .content .tabs-content .half:last-child{ margin: 0; } .genericpage .generic-inner-container .content .tabs-content .input-container label{ float: left; width: 97%; margin: 0 0 3px 8px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 15px; color: #878787; } .genericpage .generic-inner-container .content .tabs-content .input-container .label{ float: left; width: auto; margin: 0 5% 0 8px; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 15px; color: #878787; } .genericpage .generic-inner-container .content .tabs-content .input-container .label-name{ float: left; width: auto; margin: 0 60px 0 0; } .genericpage .generic-inner-container .content .tabs-content .input-container .date{ background: url(../img/icon-calendar.png) no-repeat 98.5% center !important; padding: 9px 35px 9px 10px !important; width: 100% !important; box-sizing: border-box; } .genericpage .generic-inner-container .content .tabs-content .input-container textarea{ background: #fff; border: none; color: #000; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; float: left; margin: 0; padding: 10px; width: 100%; height: 100px; resize: none; box-sizing: border-box; } .genericpage .generic-inner-container .content .tabs-content .input-container .error-message{ float: left; width: 99%; color: #f62b16; font-size: 12px; font-weight: 700; line-height: 1em; margin: 5px 0 0 0; padding: 0 0 0 1%; display: none; } .genericpage .generic-inner-container .content .tabs-content button[type=submit]{ float: right; font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 400; color: #878787; padding: 10px 100px; background: #f0301c; border: none; text-transform: uppercase; margin: 20px 0 20px; outline: 0; color: #fff; } .genericpage .generic-inner-container .content .tabs-content .input-container textarea { background: none; border:1px solid #009ce0 !important; color: #000; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; float: left; margin: 0; padding: 10px; width: 100%; height: 100px; resize: none; box-sizing: border-box;} .genericpage .generic-inner-container .content .tabs-content h5{ float: left; width: 100%; font-family:'Oswald', sans-serif; font-size: 26px; font-weight: 200; color: #878787; margin: 0 0 20px 0; padding: 0; } .genericpage .generic-inner-container .content .tabs-content .vacancy-container{ float: left; width: 100%; position: relative; list-style: none; margin: 0; padding: 0; } .genericpage .generic-inner-container .content .tabs-content .vacancy-container li{ float: left; width: 100%; margin: 0 0 30px 0; border-bottom: 1px solid #878787; padding: 0 0 15px 0; } .genericpage .generic-inner-container .content .tabs-content .apply-now{ float: right; width: auto; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #1a8ccc; margin: 0; padding: 0; text-decoration: none; } .genericpage .generic-inner-container .content .tabs-content .apply-now:hover{ text-decoration: underline; } .genericpage .generic-inner-container .content .tabs-content .see-details{ float: left; width: auto; font-family:'Oswald', sans-serif; font-size: 20px; font-weight: 200; color: #1a8ccc; margin: 0; padding: 0; text-decoration: none; } .genericpage .generic-inner-container .content .tabs-content .see-details:hover{ text-decoration: underline; } .genericpage .generic-inner-container .content .tabs-content .pages { clear: both; float: left; display: inline; width: 100%; margin: 20px 0 0 0; text-align: center; } .genericpage .generic-inner-container .content .tabs-content .pages ul { display: inline-block; width: auto; padding: 0; margin: 0; } .genericpage .generic-inner-container .content .tabs-content .pages ul li { float: left; display: inline; margin-right: 10px; font-size: 20px; font-weight: bold; } .genericpage .generic-inner-container .content .tabs-content .pages ul li.prev{ margin-right: 20px; } .genericpage .generic-inner-container .content .tabs-content .pages ul li.next{ margin-right: 0; margin-left: 10px; } .genericpage .generic-inner-container .content .tabs-content .pages ul li a { padding: 0; font-size: 20px; font-weight: bold; color: #1a8ccc; text-decoration: none; } .genericpage .generic-inner-container .content .tabs-content .pages ul li.on a { color: #878787; font-weight: bolder; text-decoration: underline; } .genericpage .generic-inner-container .content .tabs-content .pages ul li span span { color: #878787; } .temp{ background: rgba(255, 255, 255, 0.8); padding: 35px 10px 15px 10px; position: absolute; top: 170px; width: 100%; z-index: 500; } .temp h1{ color: #0e1a62 !important; font-size: 50px !important; text-shadow: none !important; letter-spacing: -1px !important; } .temp h2{ color: #0e1a62; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 30px; margin-top: 8px; margin-bottom: 15px; } .temp p{ color: #0e1a62 !important; text-shadow: none !important; line-height: 22px !important; font-size: 16px !important; text-transform: none !important; margin: 12px auto 0 auto !important; font-family: arial, sans-serif !important; width: 700px !important; }