/* GRID SYSTEM - 12/1008px -------------------------------------------------- */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* 1008px grid system ~ Core CSS. 12 Columns ~ Margin left: 12px ~ Margin right: 12px Based on the 960.gs grid system - http://960.gs/ by Nathan Smith Created by the Grid System Generator - v1.04 Learn more ~ http://www.gridsystemgenerator.com/ */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 960px; } /* =Containers --------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 1008px; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 12px; margin-right: 12px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 60px; } .container_12 .grid_2 { width: 144px; } .container_12 .grid_3 { width: 228px; } .container_12 .grid_4 { width: 312px; } .container_12 .grid_5 { width: 396px; } .container_12 .grid_6 { width: 480px; } .container_12 .grid_7 { width: 564px; } .container_12 .grid_8 { width: 648px; } .container_12 .grid_9 { width: 732px; } .container_12 .grid_10 { width: 816px; } .container_12 .grid_11 { width: 900px; } .container_12 .grid_12 { width: 984px; } /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 84px; } .container_12 .prefix_2 { padding-left: 168px; } .container_12 .prefix_3 { padding-left: 252px; } .container_12 .prefix_4 { padding-left: 336px; } .container_12 .prefix_5 { padding-left: 420px; } .container_12 .prefix_6 { padding-left: 504px; } .container_12 .prefix_7 { padding-left: 588px; } .container_12 .prefix_8 { padding-left: 672px; } .container_12 .prefix_9 { padding-left: 756px; } .container_12 .prefix_10 { padding-left: 840px; } .container_12 .prefix_11 { padding-left: 924px; } /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 84px; } .container_12 .suffix_2 { padding-right: 168px; } .container_12 .suffix_3 { padding-right: 252px; } .container_12 .suffix_4 { padding-right: 336px; } .container_12 .suffix_5 { padding-right: 420px; } .container_12 .suffix_6 { padding-right: 504px; } .container_12 .suffix_7 { padding-right: 588px; } .container_12 .suffix_8 { padding-right: 672px; } .container_12 .suffix_9 { padding-right: 756px; } .container_12 .suffix_10 { padding-right: 840px; } .container_12 .suffix_11 { padding-right: 924px; } /* `Push Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .push_1 { left: 84px; } .container_12 .push_2 { left: 168px; } .container_12 .push_3 { left: 252px; } .container_12 .push_4 { left: 336px; } .container_12 .push_5 { left: 420px; } .container_12 .push_6 { left: 504px; } .container_12 .push_7 { left: 588px; } .container_12 .push_8 { left: 672px; } .container_12 .push_9 { left: 756px; } .container_12 .push_10 { left: 840px; } .container_12 .push_11 { left: 924px; } /* `Pull Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .pull_1 { left: -84px; } .container_12 .pull_2 { left: -168px; } .container_12 .pull_3 { left: -252px; } .container_12 .pull_4 { left: -336px; } .container_12 .pull_5 { left: -420px; } .container_12 .pull_6 { left: -504px; } .container_12 .pull_7 { left: -588px; } .container_12 .pull_8 { left: -672px; } .container_12 .pull_9 { left: -756px; } .container_12 .pull_10 { left: -840px; } .container_12 .pull_11 { left: -924px; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /* thir-party: JQUERY HOVER SCROLL -------------------------------------------------- */ /** * HoverScroll Style Sheet * * @author RasCarlito * @version 0.2.4 * @revision 21 */ /* Main container */ div.hoverscroll { position: relative; } /* List container */ div.hoverscroll div.listcontainer { overflow: hidden; } div.hoverscroll div.fixed-listcontainer { overflow: hidden; float: left; } /* Actual list containing items */ div.hoverscroll ul.list { list-style: none; margin: 0; padding: 0; } /* Items contained in the list */ div.hoverscroll ul.list li.item { display: block; padding: 0; } div.hoverscroll.horizontal ul.list li.item { float: left; } div.hoverscroll.horizontal.rtl ul.list li.item { float: right; } /* Arrows */ div.hoverscroll div.arrow { position: absolute; float: none; background-color: #ccc; background-position: center; background-repeat: no-repeat; } div.hoverscroll div.fixed-arrow { display: block; float: left; background-color: #ccc; background-position: center; background-repeat: no-repeat; } div.hoverscroll div.arrow.left, div.hoverscroll div.arrow.right, div.hoverscroll div.fixed-arrow.left, div.hoverscroll div.fixed-arrow.right { top: 0px; width: 40px; height: 100%; } div.hoverscroll div.arrow.left, div.hoverscroll div.fixed-arrow.left { left: 0px; background-image: url('../img/hoverscroll/arrow-left-small.png'); } div.hoverscroll div.arrow.right, div.hoverscroll div.fixed-arrow.right { right: 0px; background-image: url('../img/hoverscroll/arrow-right-small.png'); } div.hoverscroll div.arrow.top, div.hoverscroll div.arrow.bottom, div.hoverscroll div.fixed-arrow.top, div.hoverscroll div.fixed-arrow.bottom { left: 0px; width: 100%; height: 40px; } div.hoverscroll div.arrow.top, div.hoverscroll div.fixed-arrow.top { top: 0px; background-image: url('../img/hoverscroll/arrow-up-small.png'); } div.hoverscroll div.arrow.bottom, div.hoverscroll div.fixed-arrow.bottom { bottom: 0px; background-image: url('../img/hoverscroll/arrow-down-small.png'); } /* Hover Zones */ /* div.hoverscroll div.hoverZoneLeft, div.hoverscroll div.hoverZoneRight, div.hoverscroll div.hoverZoneTop, div.hoverscroll div.hoverZoneBottom { position:absolute; } div.hoverscroll div.hoverZoneLeft { cursor: url('gfx/mouse-arrow-left.cur'), w-resize; top:0px; left:0px; width:40%; height:100%; } div.hoverscroll div.hoverZoneRight { cursor: url('gfx/mouse-arrow-right.cur'), w-resize; top:0px; right:0px; width:40%; height:100%; } div.hoverscroll div.hoverZoneTop { cursor: url('gfx/mouse-arrow-up.cur'), n-resize; top:0px; left:0px; width:100%; height:40%; } div.hoverscroll div.hoverZoneBottom { cursor: url('gfx/mouse-arrow-down.cur'), n-resize; bottom:0px; left:0px; width:100%; height:40%; } */ /* third-party: ANIMATE.CSS -------------------------------------------------- */ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the ☺ license (http://licence.visualidiot.com/) Copyright (c) 2012 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(0); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } /* third-party: JQUERY UI -------------------------------------------------- */ /*! jQuery UI - v1.10.1 - 2013-02-15 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/ * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: 0.7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: .2em; left: 0.2em; } .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000000; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaaaaa; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: alpha(opacity=35); } .ui-icon { width: 16px; height: 16px; background-position: 16px 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: alpha(opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: alpha(opacity=30); border-radius: 8px; } /* third-party: MEDIAELEMENT.JS -------------------------------------------------- */ .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; } .mejs-poster img { padding: 0; border: 0; display: block; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } /* End: CONTROL BAR */ /* Start: Time (current / duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; padding: auto 4px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (current / duration) */ /* Start: Play/pause */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } /* End: Play/pause */ /* Stop */ .mejs-controls .mejs-stop button { background-position: -112px 0; } /* End: Play/pause */ /* Start: Progress bar */ .mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 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; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: TRACK (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { /*background: #333;*/ background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; /*font-weight: bold;*/ line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(background.png); background: rgba(20, 20, 20, 0.8); } /* End: TRACK (Captions and Chapters) */ .mejs-clear { clear: both; } /* Start: ERROR */ .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: ERROR */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: picture controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: picture controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: SourceChooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: SourceChooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* TED player */ .mejs-ted .mejs-controls { background: #eee; height: 65px; } .mejs-ted .mejs-button, .mejs-ted .mejs-time { position: absolute; background: #ddd; } .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total { background-color: none; background: url(controls-ted.png) repeat-x 0 -52px; height: 6px; } .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: none; background: url(controls-ted.png) repeat-x 0 -52px; width: 0; height: 6px; } .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; height: 6px; background-color: none; background: url(controls-ted.png) repeat-x 0 -59px; } .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; margin: 0; width: 14px; height: 21px; top: -7px; border: 0; background: url(controls-ted.png) no-repeat 0 0; } .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float { display: none; } .mejs-ted .mejs-controls .mejs-playpause-button { top: 29px; left: 9px; width: 49px; height: 28px; } .mejs-ted .mejs-controls .mejs-playpause-button button { width: 49px; height: 28px; background: url(controls-ted.png) no-repeat -50px -23px; margin: 0; padding: 0; } .mejs-ted .mejs-controls .mejs-pause button { background-position: 0 -23px; } .mejs-ted .mejs-controls .mejs-fullscreen-button { top: 34px; right: 9px; width: 17px; height: 15px; background: none; } .mejs-ted .mejs-controls .mejs-fullscreen-button button { width: 19px; height: 17px; background: transparent url(controls-ted.png) no-repeat 0 -66px; margin: 0; padding: 0; } .mejs-ted .mejs-controls .mejs-unfullscreen button { background: transparent url(controls-ted.png) no-repeat -21px -66px; margin: 0; padding: 0; } .mejs-ted .mejs-controls .mejs-volume-button { top: 30px; right: 35px; width: 24px; height: 22px; } .mejs-ted .mejs-controls .mejs-mute button { background: url(controls-ted.png) no-repeat -15px 0; width: 24px; height: 22px; margin: 0; padding: 0; } .mejs-ted .mejs-controls .mejs-unmute button { background: url(controls-ted.png) no-repeat -40px 0; width: 24px; height: 22px; margin: 0; padding: 0; } .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-slider { background: #fff; border: solid 1px #aaa; border-width: 1px 1px 0 1px; width: 22px; height: 65px; top: -65px; } .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-total { background: url(controls-ted.png) repeat-y -41px -66px; left: 8px; width: 6px; height: 50px; } .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-current { left: 8px; width: 6px; background: url(controls-ted.png) repeat-y -48px -66px; height: 50px; } .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-handle { display: none; } .mejs-ted .mejs-controls .mejs-time span { color: #333; } .mejs-ted .mejs-controls .mejs-currenttime-container { position: absolute; top: 32px; right: 100px; border: solid 1px #999; background: #fff; padding-top: 2px; border-radius: 3px; color: #333; } .mejs-ted .mejs-controls .mejs-duration-container { position: absolute; top: 32px; right: 65px; border: solid 1px #999; background: #fff; padding-top: 2px; border-radius: 3px; color: #333; } .mejs-ted .mejs-controls .mejs-time button { color: #333; } .mejs-ted .mejs-controls .mejs-captions-button { display: none; } /* END: TED player */ /* WMP player */ .mejs-wmp .mejs-controls { background: transparent url(controls-wmp-bg.png) center 16px no-repeat; height: 65px; } .mejs-wmp .mejs-button, .mejs-wmp .mejs-time { position: absolute; background: transparent; } .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total { background-color: transparent; border: solid 1px #ccc; height: 3px; } .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.3); width: 0; height: 3px; } .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; height: 1px; background-color: #014CB6; border: solid 1px #7FC9FA; border-width: 1px 0; border-color: #7FC9FA #fff #619FF2 #fff; } .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle { display: block; margin: 0; width: 16px; height: 9px; top: -3px; border: 0; background: url(controls-wmp.png) no-repeat 0 -80px; } .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float { display: none; } .mejs-wmp .mejs-controls .mejs-playpause-button { top: 10px; left: 50%; margin: 10px 0 0 -20px; width: 40px; height: 40px; } .mejs-wmp .mejs-controls .mejs-playpause-button button { width: 40px; height: 40px; background: url(controls-wmp.png) no-repeat 0 0; margin: 0; padding: 0; } .mejs-wmp .mejs-controls .mejs-pause button { background-position: 0 -40px; } .mejs-wmp .mejs-controls .mejs-currenttime-container { position: absolute; top: 25px; left: 50%; margin-left: -93px; } .mejs-wmp .mejs-controls .mejs-duration-container { position: absolute; top: 25px; left: 50%; margin-left: -58px; } .mejs-wmp .mejs-controls .mejs-volume-button { top: 32px; right: 50%; margin-right: -55px; width: 20px; height: 15px; } .mejs-wmp .mejs-controls .mejs-volume-button button { margin: 0; padding: 0; background: url(controls-wmp.png) no-repeat -42px -17px; width: 20px; height: 15px; } .mejs-wmp .mejs-controls .mejs-unmute button { margin: 0; padding: 0; background: url(controls-wmp.png) no-repeat -42px 0; width: 20px; height: 15px; } .mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider { background: rgba(102, 102, 102, 0.6); } .mejs-wmp .mejs-controls .mejs-fullscreen-button { top: 32px; right: 50%; margin-right: -82px; width: 15px; height: 14px; } .mejs-wmp .mejs-controls .mejs-fullscreen-button button { margin: 0; padding: 0; background: url(controls-wmp.png) no-repeat -63px 0; width: 15px; height: 14px; } .mejs-wmp .mejs-controls .mejs-captions-button { display: none; } /* END: WMP player */ /* third-party: jScrollPane -------------------------------------------------- */ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* third-party: JQUERY ISOTOPE -------------------------------------------------- */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0; -moz-transition-duration: 0; -ms-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* SITEWIDE SNIPPETS -------------------------------------------------- */ .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } /* SITEWIDE CONFIG -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } /* SITEWIDE STYLING -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body { background: #121928; font-family: 'neosansregular'; } .hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; pointer-events: none; } .visible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; pointer-events: all; } .pull-left { float: left; } .pull-right { float: right; } .no-overflow { overflow: hidden; } h1 { margin-bottom: 30px; font: 66px/48px 'neosansmedium'; color: #fff; text-transform: uppercase; } h2 { display: block; padding-bottom: 15px; margin-left: 12px; font: 33px/36px 'neosansmedium'; color: #db393e; text-transform: uppercase; } h2.with-border { width: 100%; border-bottom: 3px #e0e3e8 solid; } h3, h4 { padding-bottom: 10px; font: 16px/18px Arial; font-weight: bold; color: #db393e; text-transform: uppercase; } h3 a, h4 a { color: #db393e; } h4 { color: #2a2a2a; } h5 { color: #9c9ea1; font: 14px/18px 'neosansregular'; } p { display: block; padding-bottom: 15px; font: 16px/30px 'neosansregular'; color: #5a5e63; } p a { color: #000; } a { text-decoration: none; } input.text, textarea.textarea { display: block; background: #edf1f5; border: 1px #e0e3e8 solid; font: 13px 'neosansregular'; color: #5a5e63; padding: 10px 12px; } textarea.resize-vertical { resize: vertical; } textarea.resize-horizontal { resize: horizontal; } textarea.no-resize { resize: no-resize; } input.query { position: absolute; } .input-text-row { margin-bottom: 24px; } .submit-row { width: 100%; text-align: center; margin-top: 24px; } .search-submit { display: block; width: 21px; height: 21px; background: url(../img/icon_search.png); -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; -o-background-size: 21px 21px; background-size: 21px 21px; background-repeat: no-repeat; border: none; position: absolute; right: 0; text-indent: -9999px; z-index: 2; } .read-more, .comments { display: inline-block; font: 16px/30px 'neosansregular'; color: #000; text-transform: uppercase; } .read-more { padding-left: 15px; background: url(../img/icon_read_more.png) 0 45% no-repeat; } .read-more.white { color: #fff; background-image: url(../img/icon_read_more_white.png); } .comments { padding-left: 15px; background: url(../img/icon_comment.png) 0 45% no-repeat; } .comments.white { padding-left: 20px; background-image: url(../img/icon_comment_white.png); } .download { font: 12px/18px 'neosansmedium'; text-transform: uppercase; color: #0a0a0a; padding-left: 20px; background: url(../img/icon_download.png) 0 45% no-repeat; } .button { display: inline-block; padding: 18px 25px; font: 13px 'neosansmedium'; color: #fff; text-transform: uppercase; letter-spacing: 2px; border: none; cursor: pointer; } .button.red { background: #db393e; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .button.red:hover { background-color: #d4272c; filter: none; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .button.red:active { box-shadow: inset 2px 2px 2px #821d24; filter: none; } .button.virtual-dive-link { padding-left: 60px; background-position: 7px 7px; background-image: url(../img/v2/icon_button_virtual_dive.png); -webkit-background-size: 36px 36px; -moz-background-size: 36px 36px; -o-background-size: 36px 36px; background-size: 36px 36px; background-repeat: no-repeat; } .bigarrow { padding-left: 20px; line-height: 28px; text-transform: uppercase; font: normal bold 12px/14px Arial; color: #db393e; background: transparent url(../img/v2/whitepage/bigarrow.png) no-repeat left center; } .button-information { position: absolute; display: inline-block; width: 72px; height: 111px; background: url(../img/button_information.png); top: 50%; margin-top: -55px; left: 0; text-indent: -9999px; outline: none; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .button-information:hover { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -o-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .button-information.show { left: -36px; } .overlay-nav { position: fixed; width: 48px; height: 48px; border: 2px #c3c9d2 solid; outline: none; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .overlay-nav.close { top: 12px; right: 12px; } .overlay-nav.close .icon { display: block; position: relative; top: 15px; left: 16px; width: 16px; height: 20px; background: url(../img/icon_overlay_close.png) 0 0 no-repeat; } .overlay-nav.prev { left: 12px; top: 50%; margin-top: -36px; } .overlay-nav.prev .icon { background: url(../img/icon_overlay_prev.png) 0 0 no-repeat; left: 15px; } .overlay-nav.next { right: 12px; top: 50%; margin-top: -36px; } .overlay-nav.next .icon { background: url(../img/icon_overlay_next.png) 0 0 no-repeat; left: 20px; } .overlay-nav.prev .icon, .overlay-nav.next .icon { display: block; position: relative; width: 14px; height: 26px; top: 12px; } .overlay-nav:hover { border: 2px #a1a3a6 solid; } .overlay-nav:hover.prev .icon { background-position: 0 -26px; } .overlay-nav:hover.next .icon { background-position: 0 -26px; } .overlay-nav:hover.close .icon { background-position: 0 -20px; } .gradient_red { background: #e42e2e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0MmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTJiMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e42e2e), color-stop(100%, #9a2b33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* IE10+ */ background: linear-gradient(to bottom, #e42e2e 0%, #9a2b33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42e2e', endColorstr='#9a2b33', GradientType=0); /* IE6-8 */ } .gradient_red_hover { background: #f63131; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2MzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDIzMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f63131 0%, #b02323 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f63131), color-stop(100%, #b02323)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f63131 0%, #b02323 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f63131 0%, #b02323 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f63131 0%, #b02323 100%); /* IE10+ */ background: linear-gradient(to bottom, #f63131 0%, #b02323 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f63131', endColorstr='#b02323', GradientType=0); /* IE6-8 */ } .gradient_red_reverse { background: #cb2929; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiMjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMTIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cb2929 0%, #a12020 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb2929), color-stop(100%, #a12020)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cb2929 0%, #a12020 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cb2929 0%, #a12020 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cb2929 0%, #a12020 100%); /* IE10+ */ background: linear-gradient(to bottom, #cb2929 0%, #a12020 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb2929', endColorstr='#a12020', GradientType=0); /* IE6-8 */ } .gradient_gray_light { background: #595d62; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NWQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNiM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595d62), color-stop(100%, #3a3b3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #595d62 0%, #3a3b3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595d62', endColorstr='#3a3b3d', GradientType=0); /* IE6-8 */ } .gradient_gray_medium { background: #262626; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #262626 0%, #252525 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #252525)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #262626 0%, #252525 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #262626 0%, #252525 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #262626 0%, #252525 100%); /* IE10+ */ background: linear-gradient(to bottom, #262626 0%, #252525 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#252525', GradientType=0); /* IE6-8 */ } .gradient_gray_dark { background: #414345; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMzMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #414345 0%, #323334 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #414345), color-stop(100%, #323334)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #414345 0%, #323334 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #414345 0%, #323334 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #414345 0%, #323334 100%); /* IE10+ */ background: linear-gradient(to bottom, #414345 0%, #323334 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414345', endColorstr='#323334', GradientType=0); /* IE6-8 */ } .gradient_top_submenu { background: #282d37; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MmQzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI5MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #282d37 0%, #242932 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282d37), color-stop(100%, #242932)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #282d37 0%, #242932 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #282d37 0%, #242932 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #282d37 0%, #242932 100%); /* IE10+ */ background: linear-gradient(to bottom, #282d37 0%, #242932 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282d37', endColorstr='#242932', GradientType=0); /* IE6-8 */ } .gradient_white_to_gray { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); /* IE6-8 */ } .gradient_entry_featurette { background: #222222; /* Old browsers */ background: -moz-linear-gradient(top, #222222 0%, #171717 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #171717)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #222222 0%, #171717 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #222222 0%, #171717 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #222222 0%, #171717 100%); /* IE10+ */ background: linear-gradient(to bottom, #222222 0%, #171717 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#171717', GradientType=0); /* IE6-9 */ } .jspVerticalBar { width: 15px; background: none; } .jspTrack { background: #fff; padding: 0 3px 0 3px; width: 8px; border-left: 1px #e4e4e4 solid; } .jspDrag { background: #c0c0c0; -webkit-border-radius: 20px 5px 5px 5px; -moz-border-radius: 20px 5px 5px 5px; border-radius: 20px 5px 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-transition: background-color 250ms ease-in-out; -webkit-transition: background-color 250ms ease-in-out; -ms-transition: background-color 250ms ease-in-out; -o-transition: background-color 250ms ease-in-out; transition: background-color 250ms ease-in-out; width: 8px; } .jspDrag:hover { background: #a7a7a7; -moz-transition: background-color 250ms ease-in-out; -webkit-transition: background-color 250ms ease-in-out; -ms-transition: background-color 250ms ease-in-out; -o-transition: background-color 250ms ease-in-out; transition: background-color 250ms ease-in-out; } #preloader { width: 100%; height: 100%; position: fixed; background: #fff; z-index: 100; overflow: hidden; text-align: center; } #preloader .top { position: absolute; width: 100%; } #preloader .top .container { position: relative; width: 1128px; } .preloader-indicator { position: relative; margin: 0 auto; width: 84px; height: 84px; } .preloader-indicator .indicator-wheel { position: absolute; width: 84px; height: 84px; background: url(../img/preloader_wheel.png); } .preloader-indicator .indicator-wheel.animated { -webkit-animation: spin 20s infinite linear; -moz-animation: spin 20s infinite linear; -ms-animation: spin 20s infinite linear; -o-animation: spin 20s infinite linear; animation: spin 20s infinite linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } .preloader-indicator .label { position: absolute; top: 38px; width: 100%; text-align: center; font: 12px 'neosansmedium'; color: #9c9ea1; letter-spacing: -1px; } .page-wrapper { position: absolute; width: 100%; height: 100%; } .container { width: 1008px; margin: 0 auto; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .container.nav-wrapper { width: 1128px; } .container.content-wrapper { position: relative; background: #fff; margin-top: 141px; padding: 60px; } .container.content-wrapper .preloader { position: absolute; top: 0; left: 0; z-index: 10000; background: #fff; } .container.content-wrapper .preloader .preloader-indicator { margin-top: 60px; } .container.content-wrapper .subsection { padding-top: 45px; padding-bottom: 60px; background: url(../img/bg_subsection.png) 50% 100% no-repeat; } .container.content-wrapper .subsection:first-child { padding-top: 0; } .container.content-wrapper .subsection:last-child { padding-bottom: 40px; } .container.content-wrapper .subsection:nth-child(odd) .description { float: right; } .container.content-wrapper .subsection:nth-child(odd) .visuals { float: left; } .container.content-wrapper .subsection.reverse-aligned:nth-child(odd) .description { float: left; } .container.content-wrapper .subsection.reverse-aligned:nth-child(odd) .visuals { float: right; } .container.content-wrapper .subsection.reverse-aligned:nth-child(even) .description { float: right; } .container.content-wrapper .subsection.reverse-aligned:nth-child(even) .visuals { float: left; } .container.content-wrapper.section { margin-bottom: 141px; } .container.content-wrapper.section:last-child { margin-bottom: 0; } .container.hero-unit { padding-top: 84px; text-align: center; } .container.hero-unit p { color: #e0e3e8; font-size: 24px; line-height: 36px; } .container.hero-unit p:last-child { padding-bottom: 48px; } .container.hero-unit p.legend { font-size: 14px; } .center-grid-item { display: inline-block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .center-container { position: relative; width: 100%; text-align: center; } .center-text { text-align: center; } body.with-hero-unit .container.content-wrapper { margin-top: 0; } body.with-hero-unit .container.hero-unit { margin-top: 84px; } .overlay { position: absolute; width: 100%; height: 100%; background: url(../img/overlay.png) repeat; } .content-image { position: relative; width: 480px; height: 100%; margin-bottom: 35px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .content-image img { width: 100%; display: block; } .content-image:after { display: block; position: absolute; bottom: -17px; left: 0; content: ""; width: 480px; height: 17px; background: url(../img/content_image_shadow.png) 50% 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; } .quote-with-image { position: relative; margin: 0 auto; width: 1128px; height: 265px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; text-align: center; background-attachment: fixed; background-position: 50% 100%; } .quote-with-image blockquote { position: relative; display: inline-block; padding: 30px 25px 20px 25px; width: 464px; font: 33px/30px 'neosansmedium'; color: #fff; text-transform: uppercase; background: rgba(14, 20, 32, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .quote-with-image blockquote:before { position: absolute; width: 41px; height: 32px; content: ""; background: url(../img/quote_open.png); left: 50px; top: -17px; } .quote-with-image blockquote:after { position: absolute; width: 42px; height: 32px; content: ""; background: url(../img/quote_close.png); right: 50px; bottom: -17px; } .quote-floated { position: relative; width: 100%; padding: 67px 0; border-top: 2px #e0e3e8 solid; border-bottom: 2px #e0e3e8 solid; text-align: center; } .quote-floated:before, .quote-floated:after { display: block; position: absolute; content: ""; width: 38px; height: 31px; } .quote-floated:before { background: url(../img/quote_open_gray.png); top: 20px; left: 0; } .quote-floated:after { background: url(../img/quote_close_gray.png); bottom: 30px; right: 0; } .quote-floated blockquote { padding: 0 50pxpx; font: 33px/30px 'neosansmedium'; text-transform: uppercase; } .carousel.wide { position: relative; margin: 20px auto; width: 670px; height: 400px; border: 1px #fff solid; } .carousel.wide:after { visibility: visible !important; position: absolute; content: ""; display: block; bottom: -16px; width: 100%; height: 17px; background: url(../img/carousel_wide_shadow.png) 50% 0 no-repeat; } .carousel.wide .inner .item { width: 670px; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .carousel.normal { position: relative; margin-bottom: 30px; width: 480px; height: 300px; } .carousel.normal:after { visibility: visible !important; position: absolute; content: ""; display: block; bottom: -18px; width: 100%; height: 18px; background: url(../img/carousel_normal_shadow.png) 50% 0 no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; } .carousel.normal .inner .item { width: 480px; height: 300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .carousel .indicators { margin-top: 18px; text-align: center; } .carousel .indicators a { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: #c2c4c5; text-indent: -9999px; outline: none; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .carousel .indicators a:last-child { margin-right: 0; } .carousel .indicators a.activeSlide { background: #e42e2e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0MmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTJiMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e42e2e), color-stop(100%, #9a2b33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e42e2e 0%, #9a2b33 100%); /* IE10+ */ background: linear-gradient(to bottom, #e42e2e 0%, #9a2b33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42e2e', endColorstr='#9a2b33', GradientType=0); /* IE6-8 */ filter: none; box-shadow: 1px 1px 2px #b3adad; } .carousel .indicators a.movie { position: relative; width: 14px; height: 14px; background: url(../img/indicator_movie.png) 0 0 no-repeat; -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; } .carousel .indicators a.movie.activeSlide { background-position: 0 -14px; } .entry-featurette { width: 100%; height: 274px; background: #222222; /* Old browsers */ background: -moz-linear-gradient(top, #222222 0%, #171717 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #171717)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #222222 0%, #171717 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #222222 0%, #171717 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #222222 0%, #171717 100%); /* IE10+ */ background: linear-gradient(to bottom, #222222 0%, #171717 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#171717', GradientType=0); /* IE6-9 */ margin: 24px 0; } .entry-featurette .image { width: 50%; height: 100%; float: left; position: relative; } .entry-featurette .image .image-holder { width: 100%; height: 100%; display: block; text-indent: -9999px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .entry-featurette .text { position: relative; width: 50%; height: 100%; float: left; } .entry-featurette .text .wrapper { padding: 36px 60px 0 48px; } .entry-featurette .text h3 { font: 24px/24px 'neosansmedium'; } .entry-featurette .text h4 { font: 12px/18px 'neosansregular'; color: #9c9ea1; } .entry-featurette .text p { color: #edf1f5; font: 14px/24px 'neosansregular'; } .entry-featurette .text a { color: #edf1f5; } .entry-featurette .bottom-bar { position: absolute; bottom: 0; width: 100%; background: #262626; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #262626 0%, #252525 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #252525)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #262626 0%, #252525 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #262626 0%, #252525 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #262626 0%, #252525 100%); /* IE10+ */ background: linear-gradient(to bottom, #262626 0%, #252525 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#252525', GradientType=0); /* IE6-8 */ } .entry-featurette .bottom-bar a { display: inline-block; color: #fff; font: 12px/48px 'neosansmedium'; text-transform: uppercase; } .entry-featurette .bottom-bar a.read-more { float: left; margin-left: 36px; } .entry-featurette .bottom-bar a.comments { float: right; margin-right: 48px; } .entry-list { margin-top: 20px; } .entry-list .entry { position: relative; margin-bottom: 50px; } .entry-list .entry:first-child { margin-left: 0; } .entry-list .entry .image-holder { position: relative; width: 100%; height: 155px; margin-bottom: 20px; } .entry-list .entry .image-holder img { width: 100%; max-height: 155px; position: relative; display: block; } .entry-list .entry .image-holder img.lead-img { height: 155px; } .entry-list .entry .image-holder .counter { display: inline-block; position: absolute; top: 0; right: 0; font: 13px 'neosansmedium'; color: #fff; padding: 8px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; background: #2a2a2a; z-index: 2; } .entry-list .entry h4 { color: #db393e; padding-bottom: 5px; } .entry-list .entry h5 { font-size: 12px; padding-bottom: 5px; } .entry-list .entry p { font-size: 12px; line-height: 18px; } .entry-list .entry .bottom-toolbar { border-top: 1px #e0e3e8 solid; padding-top: 12px; margin-top: 12px; } .entry-list .entry .bottom-toolbar a { font: 12px/15px 'neosansmedium'; } .entry-list .entry .bottom-toolbar a.read-more { padding-left: 10px; background-position: 0 0; } .entry-list .entry .bottom-toolbar a.comments { position: relative; float: right; top: 2px; } .categories { width: 100%; padding: 15px 0 35px 0; border-bottom: 1px #e0e3e8 solid; } #single-entry header { border-bottom: 3px #e0e3e8 solid; } #single-entry header h2 { padding-bottom: 0; } #single-entry header .date { font: 12px/24px 'neosansregular'; color: #9c9ea1; } #single-entry .content { margin-top: 10px; } #single-entry .content img { display: block; margin: 20px 0; } #single-entry .author { padding-top: 10px; border-top: 1px #e0e3e8 solid; } #single-entry .author .image-holder { float: left; width: 36px; overflow: hidden; } #single-entry .author .caption { float: left; margin-left: 10px; } #single-entry .author .caption h3 { padding-bottom: 0; color: #2a2a2a; text-transform: none; font: 15px/15px 'neosansmedium'; } #single-entry .author .caption h4 { font: 12px/24px 'neosansregular'; color: #9c9ea1; } #single-entry .buttons { display: inline-block; float: right; margin-bottom: 24px; } #single-entry .buttons .facebook-button { position: relative; margin-right: 20px; top: 2px; } #single-entry .buttons .twitter-button { position: relative; top: 2px; } #single-entry .buttons .g-plusone-extra { max-width: 85px !important; } .dropdown { width: 204px; z-index: 1; } .dropdown .dropdown-trigger { position: relative; z-index: 3; display: block; width: 144px; padding: 12px 48px 12px 12px; background: #595d62; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NWQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNiM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595d62), color-stop(100%, #3a3b3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #595d62 0%, #3a3b3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595d62', endColorstr='#3a3b3d', GradientType=0); /* IE6-8 */ color: #fff; font: 13px 'neosansmedium'; text-transform: uppercase; border-top: 1px #6e7276 solid; -webkit-border-radius: 3px 5px 5px 5px; -moz-border-radius: 3px 5px 5px 5px; border-radius: 3px 5px 5px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropdown .dropdown-trigger .arrows { position: absolute; top: 0; right: 0; width: 36px; height: 100%; background: #414345; /* Old browsers */ background: -moz-linear-gradient(top, #414345 0%, #323233 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #414345), color-stop(100%, #323233)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #414345 0%, #323233 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #414345 0%, #323233 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #414345 0%, #323233 100%); /* IE10+ */ background: linear-gradient(to bottom, #414345 0%, #323233 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); /* IE6-9 */ text-align: center; -webkit-border-radius: 3px 5px 5px 5px; -moz-border-radius: 3px 5px 5px 5px; border-radius: 3px 5px 5px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropdown .dropdown-trigger .arrows .arrow { display: inline-block; position: absolute; width: 12px; height: 6px; left: 12px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .dropdown .dropdown-trigger .arrows .arrow.up { background: url(../img/arrow_dropdown_up.png) 0 0 no-repeat; top: 10px; } .dropdown .dropdown-trigger .arrows .arrow.down { background: url(../img/arrow_dropdown_down.png) 0 0 no-repeat; top: 20px; } .dropdown .dropdown-trigger:hover .arrows .arrow { -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .dropdown .dropdown-trigger:hover .arrows .arrow.up { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .dropdown .dropdown-trigger:hover .arrows .arrow.down { -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .dropdown .dropdown-trigger.open .arrows .arrow { -moz-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .dropdown .dropdown-trigger.open .arrows .arrow.up { -webkit-transform: rotate(-180deg) translateY(2px); -moz-transform: rotate(-180deg) translateY(2px); -o-transform: rotate(-180deg) translateY(2px); -ms-transform: rotate(-180deg) translateY(2px); transform: rotate(-180deg) translateY(2px); } .dropdown .dropdown-trigger.open .arrows .arrow.down { -webkit-transform: rotate(180deg) translateY(-2px); -moz-transform: rotate(180deg) translateY(-2px); -o-transform: rotate(180deg) translateY(-2px); -ms-transform: rotate(180deg) translateY(-2px); transform: rotate(180deg) translateY(-2px); } .dropdown .dropdown-trigger.open:hover .arrows .arrow.up { -webkit-transform: rotate(-180deg) translateY(0); -moz-transform: rotate(-180deg) translateY(0); -o-transform: rotate(-180deg) translateY(0); -ms-transform: rotate(-180deg) translateY(0); transform: rotate(-180deg) translateY(0); } .dropdown .dropdown-trigger.open:hover .arrows .arrow.down { -webkit-transform: rotate(180deg) translateY(0); -moz-transform: rotate(180deg) translateY(0); -o-transform: rotate(180deg) translateY(0); -ms-transform: rotate(180deg) translateY(0); transform: rotate(180deg) translateY(0); } .dropdown .dropdown-menu { display: none; width: 204px; position: absolute; box-shadow: 0 0 10px #c7c9cc; z-index: 2; -webkit-animation-duration: 500ms; -moz-animation-duration: 500ms; -ms-animation-duration: 500ms; -o-animation-duration: 500ms; animation-duration: 500ms; } .dropdown .dropdown-menu li:last-child { -webkit-border-radius: 3px 5px 5px 5px; -moz-border-radius: 3px 5px 5px 5px; border-radius: 3px 5px 5px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropdown .dropdown-menu a { display: block; width: 180px; padding: 12px; border-bottom: 1px #e0e3e8 solid; background-color: #fff; color: #5a5e63; font: 14px/18px 'neosansregular'; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .dropdown .dropdown-menu a:last { border: none; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } .dropdown .dropdown-menu a:hover { background-color: #edf1f5; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .dropdown .dropdown-menu a em { display: block; font-style: normal; color: #9c9ea1; font: 12px/18px 'neosansregular'; } .sidebar-template { position: relative; z-index: 2; } .tags, .filtered-tags { width: 100%; } .tags .tags-list, .filtered-tags .tags-list { padding: 12px 0 20px 0; } .tags .tags-list a, .filtered-tags .tags-list a { display: inline-block; float: left; margin-right: 6px; margin-bottom: 9px; padding: 6px 10px 6px 20px; font: 14px 'neosansregular'; -webkit-border-radius: 20px 5px 5px 5px; -moz-border-radius: 20px 5px 5px 5px; border-radius: 20px 5px 5px 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; background: #c4c5c7 url(../img/tag_bull.png) 9px 11px no-repeat; -moz-transition: background-color 150ms ease-in-out; -webkit-transition: background-color 150ms ease-in-out; -ms-transition: background-color 150ms ease-in-out; -o-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; } .tags .tags-list a:hover, .filtered-tags .tags-list a:hover { background-color: #818488; -moz-transition: background-color 150ms ease-in-out; -webkit-transition: background-color 150ms ease-in-out; -ms-transition: background-color 150ms ease-in-out; -o-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; } .tags .tags-list a.selected, .filtered-tags .tags-list a.selected { background-color: #8b8e95; } .tags .tags-list a.invisible, .filtered-tags .tags-list a.invisible { display: none; } .tags .view-all-tags, .filtered-tags .view-all-tags, .tags .view-less, .filtered-tags .view-less { display: inline-block; float: right; font: 12px/18px 'neosansmedium'; text-transform: uppercase; color: #0a0a0a; } .tags .view-less, .filtered-tags .view-less { display: none; } .archive { border-top: 3px #e0e3e8 solid; padding-top: 10px; padding-bottom: 30px; } .archive ul { margin-bottom: 10px; } .archive h5 { font: 14px/18px 'neosansregular'; color: #5a5e63; } .archive a { font: 14px/18px 'neosansregular'; color: #9c9ea1; padding-left: 10px; background: url(../img/list_bullet.png) 0 50% no-repeat; } .archive a:hover, .archive a.selected { color: #5a5e63; background-image: url(../img/list_bullet_over.png); } .social-sidebar { border-top: 3px #e0e3e8 solid; padding-top: 10px; padding-bottom: 30px; } .social-sidebar .social { display: block; position: relative; margin-top: 12px; height: 48px; font: 13px 'neosansregular'; text-transform: uppercase; color: #9c9ea1; } .social-sidebar .social .icon { display: inline-block; width: 42px; height: 42px; border: 2px #9c9ea1 solid; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .social-sidebar .social .caption { position: absolute; top: 18px; left: 60px; } .social-sidebar .social.facebook .icon { background: url(../img/icon_facebook_gray.png) 50% 50% no-repeat; } .social-sidebar .social.facebook:hover .icon { background-image: url(../img/icon_facebook_violet.png); border-color: #3b5998; } .social-sidebar .social.facebook:hover .caption { color: #3b5998; } .social-sidebar .social.twitter .icon { background: url(../img/icon_twitter_gray.png) 50% 50% no-repeat; } .social-sidebar .social.twitter:hover .icon { background-image: url(../img/icon_twitter_blue.png); border-color: #00aced; } .social-sidebar .social.twitter:hover .caption { color: #00aced; } .social-sidebar .social.googleplus .icon { background: url(../img/icon_googleplus_gray.png) 50% 50% no-repeat; } .social-sidebar .social.googleplus:hover .icon { background-image: url(../img/icon_googleplus.png); border-color: #db393e; } .social-sidebar .social.googleplus:hover .caption { color: #db393e; } .gallery-link { border-top: 3px #e0e3e8 solid; padding-top: 10px; padding-bottom: 30px; } .gallery-link .read-more { margin-top: 5px; font: 12px/15px 'neosansregular'; } .gallery-link img { width: 100%; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* OVERLAYS -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } #overlay { position: absolute; width: 100%; z-index: 150; overflow: hidden; } #overlay .info { border-top: 1px #e0e3e8 solid; margin-top: 35px; padding-top: 24px; } #overlay .info header { float: left; } #overlay .info .social-sidebar { position: relative; border: none; float: right; padding-top: 0; } #overlay .info .social-sidebar li { margin-right: 12px; float: left; } #overlay .info .social-sidebar li:last-child { margin-right: 0; } #overlay .info .social-sidebar li .caption { display: none; } #overlay .info .social-sidebar li a { margin-top: 0; } #overlay .download { display: inline-block; margin-top: 25px; margin-left: 12px; padding-left: 12px; font: 16px 'neosansmedium'; color: #2a2a2a; background: url(../img/icon_read_more.png) 0 0 no-repeat; } #overlay.text { padding-top: 120px; padding-bottom: 120px; } #overlay.text .header-bar { border-bottom: 1px #e0e3e8 solid; padding-bottom: 35px; height: 120px; } #overlay.text .header-bar .details { margin-left: 20px; } #overlay.text .header-bar img { display: block; width: 120px; float: left; } #overlay.text .header-bar h2 { padding-bottom: 0; margin-left: 0; } #overlay.text .header-bar h3 { font: 16px/24px 'neosansregular'; color: #9c9ea1; text-transform: none; } #overlay.text .header-bar .links a { font: 16px/30px 'neosansregular'; color: #2a2a2a; margin-right: 60px; padding-right: 30px; background: url(../img/icon_external_small.png) 100% 40% no-repeat; } #overlay.text .content { padding-top: 25px; padding-right: 25px; } #overlay.text .content p { font: 14px/24px 'neosansregular'; color: #5a5e63; } #overlay.text .content p.key { font-size: 18px; line-height: 30px; } #overlay.media { height: 100%; } #overlay.media .items { height: 580px; } #overlay.media .items .video { height: 580px; } #overlay.media .items .video.youtube .mejs-overlay-button { display: none; } .overlay-holder { display: none; width: 100%; height: 100%; position: fixed; z-index: 101; background: #fff; } .overlay-holder .template { width: 100%; height: 100%; background: #fff !important; } /* SURVEYS -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.surveys { background: #1d1f24; color: #fff; overflow: hidden; } @media (max-width: 600px) { body.surveys { overflow: auto; } } body.surveys .page-wrapper, body.surveys #surveys-widgets { width: 100%; height: 100%; } body.surveys #map, body.surveys #map .markers, body.surveys #map-pan-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } body.surveys .zoom-controls { position: absolute; top: 82px; right: 25px; z-index: 2; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } body.surveys .zoom-controls a { display: inline-block; width: 35px; height: 35px; background-color: #1f2024; background-color: rgba(31, 32, 36, 0.74); text-indent: -9999px; margin-right: 2px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } body.surveys .zoom-controls a.zoom-in { background-image: url(../img/v2/icon_plus.png); } body.surveys .zoom-controls a.zoom-out { background-image: url(../img/v2/icon_minus.png); } body.surveys .zoom-controls a.inactive { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=0); opacity: 0.3; cursor: normal; } body.surveys #map .marker, body.surveys #map .marker-hitzone { position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); } body.surveys #map .marker-hitzone { z-index: 2; width: 14px; height: 14px; cursor: pointer; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: url(../img/v2/transparent.gif) repeat; } body.surveys #map .marker { cursor: pointer; position: absolute; width: 6px; height: 6px; top: -4px; left: -4px; border: 4px #db393e solid; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 1; } body.surveys #map .marker.hide { opacity: 0; } body.surveys #map .marker:before { display: block; content: ""; position: absolute; left: -4px; top: -4px; width: 10px; height: 10px; border: 2px #db393e dotted; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } body.surveys #map .marker .latest, body.surveys #map .marker .location, body.surveys #map .marker .title, body.surveys #map .marker .virtual-dive { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; display: inline-block; float: none; clear: both; margin: 0; margin-left: 2px; white-space: nowrap; cursor: move; -webkit-transform: rotateY(45deg); -moz-transform: rotateY(45deg); -o-transform: rotateY(45deg); -ms-transform: rotateY(45deg); transform: rotateY(45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.surveys #map .marker .latest { font: normal bold 10px/10px Arial; color: white; text-transform: uppercase; background: #db393e; padding: 4px; -webkit-transition-delay: 375ms; -moz-transition-delay: 375ms; -ms-transition-delay: 375ms; -o-transition-delay: 375ms; transition-delay: 375ms; } body.surveys #map .marker .location { font: 13px 'neosansmedium'; color: white; text-transform: uppercase; background: #db393e; padding: 10px 15px; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } body.surveys #map .marker .title { font: 24px/30px 'neosansmedium'; color: white; text-transform: none; padding: 10px 55px 10px 15px; background-color: #242424; background-color: rgba(42, 50, 63, 0.74); -webkit-transition-delay: 125ms; -moz-transition-delay: 125ms; -ms-transition-delay: 125ms; -o-transition-delay: 125ms; transition-delay: 125ms; } body.surveys #map .marker .virtual-dive { -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; font: 13px 'neosansmedium'; color: #a0a4ad; text-transform: uppercase; padding: 15px 15px 15px 40px; background-color: #242424; background-color: rgba(42, 50, 63, 0.74); background-image: url(../img/v2/icon_map_virtual_dive.png); background-position: 5% 50%; background-repeat: no-repeat; } body.surveys #map .marker .virtual-dive span { position: relative; top: 2px; } body.surveys #map .marker .virtual-dive:hover { background-image: url(../img/v2/icon_map_virtual_dive_white.png); color: #fff; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } body.surveys #map .marker.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); z-index: 3; } body.surveys #map .marker.active:before { width: 32px; height: 32px; left: -15px; top: -15px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-animation: spin 6s infinite linear; -moz-animation: spin 6s infinite linear; -ms-animation: spin 6s infinite linear; -o-animation: spin 6s infinite linear; animation: spin 6s infinite linear; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } body.surveys #map .marker.active .latest, body.surveys #map .marker.active .location, body.surveys #map .marker.active .title, body.surveys #map .marker.active .virtual-dive { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); -moz-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); } body.surveys #map .marker.active .latest { cursor: default; -webkit-transition-delay: 375ms; -moz-transition-delay: 375ms; -ms-transition-delay: 375ms; -o-transition-delay: 375ms; transition-delay: 375ms; } body.surveys #map .marker.active .location { cursor: default; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } body.surveys #map .marker.active .title { -webkit-transition-delay: 125ms; -moz-transition-delay: 125ms; -ms-transition-delay: 125ms; -o-transition-delay: 125ms; transition-delay: 125ms; } body.surveys #map .marker.active .virtual-dive { cursor: pointer; } body.surveys #map .marker.active .box { width: 150px; height: 1px; } body.surveys #map .marker.hidden .latest, body.surveys #map .marker.hidden .location, body.surveys #map .marker.hidden .title, body.surveys #map .marker.hidden .virtual-dive, body.surveys #map .marker.hidden .box { display: none; } body.surveys #global-reef-record { position: absolute; bottom: 55px; right: 0; z-index: 1; } body.surveys #global-reef-record .global-reef-link, body.surveys #global-reef-record .caption { display: block; padding-left: 12px; width: 100%; background: url(../img/v2/bg_surveys_reef_record.png); font: 12px/35px 'neosansregular'; color: #a0a4ad; text-transform: uppercase; } body.surveys #global-reef-record .global-reef-link em, body.surveys #global-reef-record .caption em { display: inline-block; position: relative; font-family: 'neosansmedium'; font-style: normal; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } body.surveys #global-reef-record .global-reef-link:hover em, body.surveys #global-reef-record .caption:hover em { -webkit-transform: translate3d(3px, 0, 0); -moz-transform: translate3d(3px, 0, 0); -o-transform: translate3d(3px, 0, 0); -ms-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } body.surveys #global-reef-record .record-list { list-style: none; display: block; } body.surveys #global-reef-record .record-list li { display: block; float: left; padding: 0 15px; height: 60px; border-right: 1px #2a323f solid; text-align: center; font: 9px/18px Arial, sans-serif; text-transform: uppercase; background: url(../img/v2/bg_surveys_reef_record.png); color: #a0a4ad; } body.surveys #global-reef-record .record-list li:last-child { border-right: none; } body.surveys #global-reef-record .record-list li em { margin-top: 5px; display: block; font: normal normal 24px 'neosansmedium'; color: white; } body.surveys #global-reef-record .bottom { position: relative; } body.surveys #global-reef-record .bottom h3, body.surveys #global-reef-record .bottom .view-data { font: 12px/12px 'neosansmedium'; text-transform: uppercase; } body.surveys #global-reef-record .bottom h3 { position: relative; display: block; padding: 5px 0 5px 12px; width: 100%; color: #a0a4ad; background: #1f2024; } body.surveys #global-reef-record .bottom .view-data { position: absolute; right: 0; bottom: 0; display: inline-block; padding: 5px 30px; color: white; background: #db393e; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } body.surveys #global-reef-record .bottom .view-data:hover { background: #be2327; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } body.surveys #sidebar { position: absolute; left: 0; width: 575px; height: 100%; z-index: 1; background: #ffffff; color: #3d3f42; } body.surveys #sidebar .sidebar-tab-header { background-color: white; padding: 30px; } body.surveys #sidebar .sidebar-tab-header h1 { color: #a0a4ad; margin: 0; text-align: left; font: 40px 'neosansmedium'; } body.surveys #sidebar.virtual-dives { background: #1a1f29; } body.surveys #sidebar.virtual-dives .sidebar-tab-header { padding-top: 60px; } body.surveys #sidebar.updates .wrapper, body.surveys #sidebar.surveys .wrapper { padding: 0 35px; } body.surveys #sidebar.updates .sidebar-tab-header, body.surveys #sidebar.surveys .sidebar-tab-header { padding-left: 0; } body.surveys #sidebar.hide .toggle-sidebar .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); transition: -webkit-transform 625ms ease-in-out; transition: -moz-transform 625ms ease-in-out; transition: -ms-transform 625ms ease-in-out; transition: transform 625ms ease-in-out; } body.surveys #sidebar .wrapper { height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); -moz-transition: opacity 250ms ease-in-out; -webkit-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } body.surveys #sidebar .wrapper.hide { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -moz-transition: opacity 250ms ease-in-out; -webkit-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } body.surveys #sidebar .tabs { position: absolute; right: -60px; top: 72px; } body.surveys #sidebar .tabs ul { list-style: none; } body.surveys #sidebar .tabs ul a { display: block; position: relative; width: 60px; height: 60px; margin-bottom: 1px; background-color: #242424; background-color: rgba(42, 50, 63, 0.74); background-position: 50% 50%; background-repeat: no-repeat; -moz-transition: background 125ms ease-in-out; -webkit-transition: background 125ms ease-in-out; -ms-transition: background 125ms ease-in-out; -o-transition: background 125ms ease-in-out; transition: background 125ms ease-in-out; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } body.surveys #sidebar .tabs ul a.active { background-color: #f0f1f2; -moz-transition: background 125ms ease-in-out; -webkit-transition: background 125ms ease-in-out; -ms-transition: background 125ms ease-in-out; -o-transition: background 125ms ease-in-out; transition: background 125ms ease-in-out; } body.surveys #sidebar .tabs ul a span { display: block; position: relative; left: 60px; font: 13px/60px 'neosansmedium'; text-align: center; text-transform: uppercase; white-space: nowrap; color: white; background-color: #242424; background-color: rgba(42, 50, 63, 0.74); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -o-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); } body.surveys #sidebar .tabs ul a:hover span { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); -moz-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); } body.surveys #sidebar .tabs ul a:hover.active span { background-color: #f0f1f2; color: #9fa3ad; } body.surveys #sidebar .tabs ul a.toggle-sidebar { height: 36px; text-indent: -9999px; } body.surveys #sidebar .tabs ul a.toggle-sidebar span { width: 70px; position: absolute; top: 0px; height: 36px; line-height: 36px; text-indent: 0; } body.surveys #sidebar .tabs ul a.toggle-sidebar .icon { position: relative; display: block; width: 13px; height: 11px; top: 12px; left: 23px; background: url(../img/v2/icon_sidebar_hide.png) 0 0 no-repeat; transition: -webkit-transform 625ms ease-in-out; transition: -moz-transform 625ms ease-in-out; transition: -ms-transform 625ms ease-in-out; transition: transform 625ms ease-in-out; } body.surveys #sidebar .tabs ul a.toggle-sidebar:hover .icon { background-image: url(../img/v2/icon_sidebar_hide_white.png); } body.surveys #sidebar .tabs ul a.updates span { width: 95px; } body.surveys #sidebar .tabs ul a.updates .icon { position: absolute; } body.surveys #sidebar .tabs ul a.updates .icon.icon-water { width: 38px; height: 4px; top: 41px; left: 11px; background: url(../img/v2/icon_updates/water.png); } body.surveys #sidebar .tabs ul a.updates .icon.icon-tower { width: 13px; height: 18px; top: 24px; left: 23px; background: url(../img/v2/icon_updates/tower.png); } body.surveys #sidebar .tabs ul a.updates .icon.icon-waves_1 { width: 14px; height: 10px; top: 22px; left: 22px; background: url(../img/v2/icon_updates/waves_1.png); } body.surveys #sidebar .tabs ul a.updates .icon.icon-waves_2 { width: 22px; height: 16px; top: 19px; left: 18px; background: url(../img/v2/icon_updates/waves_2.png); } body.surveys #sidebar .tabs ul a.updates .icon.icon-waves_3 { width: 30px; height: 22px; top: 16px; left: 14px; background: url(../img/v2/icon_updates/waves_3.png); } body.surveys #sidebar .tabs ul a.updates:hover .icon-water { background: url(../img/v2/icon_updates/white/water.png); } body.surveys #sidebar .tabs ul a.updates:hover .icon-tower { background: url(../img/v2/icon_updates/white/tower.png); } body.surveys #sidebar .tabs ul a.updates:hover .icon-waves_1 { background: url(../img/v2/icon_updates/white/waves_1.png); } body.surveys #sidebar .tabs ul a.updates:hover .icon-waves_2 { background: url(../img/v2/icon_updates/white/waves_2.png); } body.surveys #sidebar .tabs ul a.updates:hover .icon-waves_3 { background: url(../img/v2/icon_updates/white/waves_3.png); } body.surveys #sidebar .tabs ul a.updates.active .icon-water { background: url(../img/v2/icon_updates/water.png); } body.surveys #sidebar .tabs ul a.updates.active .icon-tower { background: url(../img/v2/icon_updates/tower.png); } body.surveys #sidebar .tabs ul a.updates.active .icon-waves_1 { background: url(../img/v2/icon_updates/waves_1.png); } body.surveys #sidebar .tabs ul a.updates.active .icon-waves_2 { background: url(../img/v2/icon_updates/waves_2.png); } body.surveys #sidebar .tabs ul a.updates.active .icon-waves_3 { background: url(../img/v2/icon_updates/waves_3.png); } body.surveys #sidebar .tabs ul a.surveys-list span { width: 95px; } body.surveys #sidebar .tabs ul a.surveys-list .icon { position: absolute; } body.surveys #sidebar .tabs ul a.surveys-list .icon-water { width: 19px; height: 19px; top: 20px; left: 20px; background: url(../img/v2/icon_surveys/icon_water.png); } body.surveys #sidebar .tabs ul a.surveys-list .icon-marks { width: 36px; height: 36px; top: 11px; left: 12px; background: url(../img/v2/icon_surveys/icon_marks.png); } body.surveys #sidebar .tabs ul a.surveys-list:hover .icon-water { background: url(../img/v2/icon_surveys/white/icon_water.png); } body.surveys #sidebar .tabs ul a.surveys-list:hover .icon-marks { background: url(../img/v2/icon_surveys/white/icon_marks.png); } body.surveys #sidebar .tabs ul a.surveys-list.active .icon-water { background: url(../img/v2/icon_surveys/icon_water.png); } body.surveys #sidebar .tabs ul a.surveys-list.active .icon-marks { background: url(../img/v2/icon_surveys/icon_marks.png); } body.surveys #sidebar .tabs ul a.virtual-dives span { width: 130px; } body.surveys #sidebar .tabs ul a.virtual-dives .icon { position: absolute; } body.surveys #sidebar .tabs ul a.virtual-dives .diver { position: absolute; width: 36px; height: 29px; top: 15px; } body.surveys #sidebar .tabs ul a.virtual-dives .icon-diver-body { width: 35px; height: 29px; left: 11px; background: url(../img/v2/icon_virtual_dives/icon_diver_body.png); } body.surveys #sidebar .tabs ul a.virtual-dives .icon-diver-head { width: 11px; height: 11px; top: 8px; left: 37px; background: url(../img/v2/icon_virtual_dives/icon_diver_head.png); } body.surveys #sidebar .tabs ul a.virtual-dives:hover .icon-diver-body { background: url(../img/v2/icon_virtual_dives/white/icon_diver_body.png); } body.surveys #sidebar .tabs ul a.virtual-dives:hover .icon-diver-head { background: url(../img/v2/icon_virtual_dives/white/icon_diver_head.png); } body.surveys #sidebar .virtual-dive, body.surveys #sidebar .survey-short { position: relative; width: 100%; height: 275px; overflow: hidden; } body.surveys #sidebar .virtual-dive:before, body.surveys #sidebar .survey-short:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=38)"; filter: alpha(opacity=0); opacity: 0.38; z-index: 1; } body.surveys #sidebar .virtual-dive:hover, body.surveys #sidebar .survey-short:hover { cursor: pointer; } body.surveys #sidebar .virtual-dive img, body.surveys #sidebar .survey-short img { display: block; position: absolute; width: 100%; -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); } body.surveys #sidebar .virtual-dive .captions, body.surveys #sidebar .survey-short .captions { position: relative; z-index: 2; text-align: center; } body.surveys #sidebar .virtual-dive .captions h1, body.surveys #sidebar .survey-short .captions h1 { font: 40px 'neosansmedium'; color: white; text-transform: none; margin-bottom: 20px; } body.surveys #sidebar .virtual-dive .captions h2, body.surveys #sidebar .survey-short .captions h2 { font: 12px/48px 'neosansmedium'; color: white; padding-bottom: 0; } body.surveys #sidebar .survey-short { position: relative; width: 575px; left: -35px; } body.surveys #sidebar .survey-short .captions { z-index: 2; } body.surveys #sidebar .survey-short:before { height: 330px; } body.surveys #sidebar .survey-short .bg_img { position: absolute; width: 100%; height: 330px; overflow: hidden; } body.surveys #sidebar .toggle-news-items { margin-bottom: 20px; } html.csstransitions body.surveys #sidebar { -moz-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); } html.csstransitions body.surveys #sidebar.hide { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -moz-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 625ms cubic-bezier(0.19, 1, 0.22, 1); } html.csstransitions body.surveys #sidebar .updates.active .icon-waves_1 { -webkit-animation: wave_1_broadcast 3.5s infinite ease-in-out; -moz-animation: wave_1_broadcast 3.5s infinite ease-in-out; -ms-animation: wave_1_broadcast 3.5s infinite ease-in-out; -o-animation: wave_1_broadcast 3.5s infinite ease-in-out; animation: wave_1_broadcast 3.5s infinite ease-in-out; } @-webkit-keyframes wave_1_broadcast { 0 { opacity: 0; -webkit-transform: scaleYY(0); } 10% { opacity: 0; -webkit-transform: scaleYY(0); } 20% { opacity: 1; -webkit-transform: scaleYY(1); } 30% { opacity: 1; -webkit-transform: scaleYY(1); } 40% { opacity: 1; -webkit-transform: scaleYY(1); } 100% { opacity: 1; -webkit-transform: scaleYY(1); } } @-moz-keyframes wave_1_broadcast { 0 { opacity: 0; -moz-transform: scaleY(0); } 10% { opacity: 0; -moz-transform: scaleY(0); } 20% { opacity: 1; -moz-transform: scaleY(1); } 30% { opacity: 1; -moz-transform: scaleY(1); } 40% { opacity: 1; -moz-transform: scaleY(1); } 100% { opacity: 1; -moz-transform: scaleY(1); } } @-ms-keyframes wave_1_broadcast { 0 { opacity: 0; -ms-transform: scaleY(0); } 10% { opacity: 0; -ms-transform: scaleY(0); } 20% { opacity: 1; -ms-transform: scaleY(1); } 30% { opacity: 1; -ms-transform: scaleY(1); } 40% { opacity: 1; -ms-transform: scaleY(1); } 100% { opacity: 1; -ms-transform: scaleY(1); } } @keyframes wave_1_broadcast { 0 { opacity: 0; transform: scaleY(0); } 10% { opacity: 0; transform: scaleY(0); } 20% { opacity: 1; transform: scaleY(1); } 30% { opacity: 1; transform: scaleY(1); } 40% { opacity: 1; transform: scaleY(1); } 100% { opacity: 1; transform: scaleY(1); } } html.csstransitions body.surveys #sidebar .updates.active .icon-waves_2 { -webkit-animation: wave_2_broadcast 3.5s infinite ease-in-out; -moz-animation: wave_2_broadcast 3.5s infinite ease-in-out; -ms-animation: wave_2_broadcast 3.5s infinite ease-in-out; -o-animation: wave_2_broadcast 3.5s infinite ease-in-out; animation: wave_2_broadcast 3.5s infinite ease-in-out; } @-webkit-keyframes wave_2_broadcast { 0 { opacity: 0; -webkit-transform: scaleY(0); } 10% { opacity: 0; -webkit-transform: scaleY(0); } 20% { opacity: 0; -webkit-transform: scaleY(0); } 30% { opacity: 1; -webkit-transform: scaleY(1); } 40% { opacity: 1; -webkit-transform: scaleY(1); } 100% { opacity: 1; -webkit-transform: scaleY(1); } } @-moz-keyframes wave_2_broadcast { 0 { opacity: 0; -moz-transform: scaleY(0); } 10% { opacity: 0; -moz-transform: scaleY(0); } 20% { opacity: 0; -moz-transform: scaleY(0); } 30% { opacity: 1; -moz-transform: scaleY(1); } 40% { opacity: 1; -moz-transform: scaleY(1); } 100% { opacity: 1; -moz-transform: scaleY(1); } } @-ms-keyframes wave_2_broadcast { 0 { opacity: 0; -ms-transform: scaleY(0); } 10% { opacity: 0; -ms-transform: scaleY(0); } 20% { opacity: 0; -ms-transform: scaleY(0); } 30% { opacity: 1; -ms-transform: scaleY(1); } 40% { opacity: 1; -ms-transform: scaleY(1); } 100% { opacity: 1; -ms-transform: scaleY(1); } } @keyframes wave_2_broadcast { 0 { opacity: 0; transform: scaleY(0); } 10% { opacity: 0; transform: scaleY(0); } 20% { opacity: 0; transform: scaleY(0); } 30% { opacity: 1; transform: scaleY(1); } 40% { opacity: 1; transform: scaleY(1); } 100% { opacity: 1; transform: scaleY(1); } } html.csstransitions body.surveys #sidebar .updates.active .icon-waves_3 { -webkit-animation: wave_3_broadcast 3.5s infinite ease-in-out; -moz-animation: wave_3_broadcast 3.5s infinite ease-in-out; -ms-animation: wave_3_broadcast 3.5s infinite ease-in-out; -o-animation: wave_3_broadcast 3.5s infinite ease-in-out; animation: wave_3_broadcast 3.5s infinite ease-in-out; } @-webkit-keyframes wave_3_broadcast { 0 { opacity: 0; -webkit-transform: scaleY(0); } 10% { opacity: 0; -webkit-transform: scaleY(0); } 20% { opacity: 0; -webkit-transform: scaleY(0); } 30% { opacity: 0; -webkit-transform: scaleY(0); } 40% { opacity: 1; -webkit-transform: scaleY(1); } 100% { opacity: 1; -webkit-transform: scaleY(1); } } @-moz-keyframes wave_3_broadcast { 0 { opacity: 0; -moz-transform: scaleY(0); } 10% { opacity: 0; -moz-transform: scaleY(0); } 20% { opacity: 0; -moz-transform: scaleY(0); } 30% { opacity: 0; -moz-transform: scaleY(0); } 40% { opacity: 1; -moz-transform: scaleY(1); } 100% { opacity: 1; -moz-transform: scaleY(1); } } @-ms-keyframes wave_3_broadcast { 0 { opacity: 0; -ms-transform: scaleY(0); } 10% { opacity: 0; -ms-transform: scaleY(0); } 20% { opacity: 0; -ms-transform: scaleY(0); } 30% { opacity: 0; -ms-transform: scaleY(0); } 40% { opacity: 1; -ms-transform: scaleY(1); } 100% { opacity: 1; -ms-transform: scaleY(1); } } @keyframes wave_3_broadcast { 0 { opacity: 0; transform: scaleY(0); } 10% { opacity: 0; transform: scaleY(0); } 20% { opacity: 0; transform: scaleY(0); } 30% { opacity: 0; transform: scaleY(0); } 40% { opacity: 1; transform: scaleY(1); } 100% { opacity: 1; transform: scaleY(1); } } html.csstransitions body.surveys #sidebar .surveys-list.active .icon-marks { -webkit-animation: rotate_marks 10s infinite ease-in-out; -moz-animation: rotate_marks 10s infinite ease-in-out; -ms-animation: rotate_marks 10s infinite ease-in-out; -o-animation: rotate_marks 10s infinite ease-in-out; animation: rotate_marks 10s infinite ease-in-out; } @-webkit-keyframes rotate_marks { 0 { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(-90deg); } 50% { -webkit-transform: rotate(0deg); } 75% { -webkit-transform: rotate(90deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes rotate_marks { 0 { -moz-transform: rotate(0deg); } 25% { -moz-transform: rotate(-90deg); } 50% { -moz-transform: rotate(0deg); } 75% { -moz-transform: rotate(90deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes rotate_marks { 0 { -ms-transform: rotate(0deg); } 25% { -ms-transform: rotate(-90deg); } 50% { -ms-transform: rotate(0deg); } 75% { -ms-transform: rotate(90deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes rotate_marks { 0 { transform: rotate(0deg); } 25% { transform: rotate(-90deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(90deg); } 100% { transform: rotate(0deg); } } html.csstransitions body.surveys #sidebar .virtual-dives.active .diver { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: diver_dive 5s infinite linear; -moz-animation: diver_dive 5s infinite linear; -ms-animation: diver_dive 5s infinite linear; -o-animation: diver_dive 5s infinite linear; animation: diver_dive 5s infinite linear; } @-webkit-keyframes diver_dive { 0 { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(10deg); } 50% { -webkit-transform: rotate(0deg); } 75% { -webkit-transform: rotate(-10deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes diver_dive { 0 { -moz-transform: rotate(0deg); } 25% { -moz-transform: rotate(10deg); } 50% { -moz-transform: rotate(0deg); } 75% { -moz-transform: rotate(-10deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes diver_dive { 0 { -ms-transform: rotate(0deg); } 25% { -ms-transform: rotate(10deg); } 50% { -ms-transform: rotate(0deg); } 75% { -ms-transform: rotate(-10deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes diver_dive { 0 { transform: rotate(0deg); } 25% { transform: rotate(10deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } } html.csstransitions body.surveys #sidebar .virtual-dive { opacity: 0; -moz-transition: opacity 250ms ease-in-out; -webkit-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } html.csstransitions body.surveys #sidebar .virtual-dive:hover img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); } html.csstransitions body.surveys #sidebar .virtual-dive.animated { opacity: 1; -moz-transition: opacity 250ms ease-in-out; -webkit-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } html.csstransitions body.surveys #sidebar .survey-short .bg_img img { -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } html.csstransitions body.surveys #sidebar .survey-short:hover .bg_img img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); } html.csstransitions body.surveys #global-reef-record .global-reef-link, html.csstransitions body.surveys #global-reef-record .caption { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } html.csstransitions body.surveys #global-reef-record .record-list { -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } html.csstransitions body.surveys #global-reef-record .record-list li { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity: 0; } html.csstransitions body.surveys #global-reef-record .bottom { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -moz-transition: all 375ms ease-in-out; -webkit-transition: all 375ms ease-in-out; -ms-transition: all 375ms ease-in-out; -o-transition: all 375ms ease-in-out; transition: all 375ms ease-in-out; } html.csstransitions body.surveys #global-reef-record.animated .global-reef-link, html.csstransitions body.surveys #global-reef-record.animated .caption { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } html.csstransitions body.surveys #global-reef-record.animated .bottom { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 375ms ease-in-out; -webkit-transition: all 375ms ease-in-out; -ms-transition: all 375ms ease-in-out; -o-transition: all 375ms ease-in-out; transition: all 375ms ease-in-out; } html.csstransitions body.surveys #global-reef-record.animated .record-list li { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); -moz-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity: 1; } .sidebar-post-googleplus .social-images .social-image-container { display: block; overflow: hidden; } .sidebar-post-article img.feat { width: 100%; } .sidebar-post-article .body .full-body { display: none; } .sidebar-post-article .body.body-expanded .full-body { display: block; } .sidebar-post-article .body.body-expanded .excerpt { display: none; } .sidebar-post-article .read-more .read-more-less { display: none; } .sidebar-post-article .read-more.read-more-less .read-more-less { display: inline; } .sidebar-post-article .read-more.read-more-less .read-more-more { display: none; } .update, .survey { word-break: break-word; padding-top: 35px; } .update header.date, .survey header.date { position: relative; left: -10px; width: 100%; background: url(../img/v2/bg_surveys_sidebar_date.png) 0 50% repeat-x; margin-bottom: 10px; padding-right: 70px; } @media (max-width: 600px) { .update header.date, .survey header.date { left: 0; padding-right: 0; } } .update header.date h3, .survey header.date h3, .update header.date h4, .survey header.date h4 { display: inline-block; padding: 0 10px; background: white; font: bold 12px/24px Arial, sans-serif; color: #a0a4ad; } .update header.date h3, .survey header.date h3 { position: relative; top: 1px; } .update header.date h4, .survey header.date h4 { position: relative; background: #db393e; color: White; font-size: 10px; margin-left: 10px; } @media (max-width: 600px) { .update header.date h4, .survey header.date h4 { margin-left: 0; } } .update header.date h4:before, .survey header.date h4:before, .update header.date h4:after, .survey header.date h4:after { display: inline-block; position: absolute; content: ""; background: white; height: 24px; padding: 0 10px 0 0; } .update header.date h4:before, .survey header.date h4:before { left: -35px; padding-right: 35px; } .update header.date h4:after, .survey header.date h4:after { right: -10px; } .update .full-body, .survey .full-body { display: none; } .update .slider, .survey .slider { position: relative; width: 575px; height: 330px; margin-left: -35px; } @media (max-width: 600px) { .update .slider, .survey .slider { width: 100%; height: 217px; margin-left: 0; } } .update .slider .slides, .survey .slider .slides, .update .slider .slides .slide-img, .survey .slider .slides .slide-img, .update .slider .slides .slide-img img, .survey .slider .slides .slide-img img { position: relative; width: 100%; height: 100%; } .update .slider .slides.black-border-fix, .survey .slider .slides.black-border-fix, .update .slider .slides .slide-img.black-border-fix, .survey .slider .slides .slide-img.black-border-fix, .update .slider .slides .slide-img img.black-border-fix, .survey .slider .slides .slide-img img.black-border-fix { height: auto; } .update .slider .slides .slide-img, .survey .slider .slides .slide-img { overflow: hidden; width: 100% !important; height: 100% !important; } .update .slider .slides .slide-img .preloader-indicator, .survey .slider .slides .slide-img .preloader-indicator { position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; } .update .slider .slides .slide-img img, .survey .slider .slides .slide-img img { position: relative; height: auto; z-index: 2; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; zoom: 1.1\9; } .update .slider .sliding-content, .survey .slider .sliding-content { z-index: 2; position: relative; overflow: hidden; } .update .slider .slides, .survey .slider .slides { z-index: 2; } .update .slider .slides .slides-nav, .survey .slider .slides .slides-nav { position: absolute; display: block; text-indent: -9999px; top: 50%; margin-top: -30px; width: 30px; height: 60px; opacity: 0.5; z-index: 10; -moz-transition: opacity 125ms ease-in-out; -webkit-transition: opacity 125ms ease-in-out; -ms-transition: opacity 125ms ease-in-out; -o-transition: opacity 125ms ease-in-out; transition: opacity 125ms ease-in-out; } .update .slider .slides .slides-nav.prev, .survey .slider .slides .slides-nav.prev { background: url(../img/v2/whitepage/arrow-left.png); left: 0; } .update .slider .slides .slides-nav.next, .survey .slider .slides .slides-nav.next { background: url(../img/v2/whitepage/arrow-right.png); right: 0; } .update .slider .slides .slides-nav:hover, .survey .slider .slides .slides-nav:hover { opacity: 0.75; -moz-transition: opacity 125ms ease-in-out; -webkit-transition: opacity 125ms ease-in-out; -ms-transition: opacity 125ms ease-in-out; -o-transition: opacity 125ms ease-in-out; transition: opacity 125ms ease-in-out; } .update .slider .slides .sliding-content, .survey .slider .slides .sliding-content { height: 100%; } .update .slider .virtual-dive-link, .survey .slider .virtual-dive-link { position: absolute; z-index: 10; right: 0; bottom: -25px; } .update .social-share-text, .survey .social-share-text { display: inline-block; float: right; height: 18px; font: normal bold 12px/18px Arial; color: #a0a4ad; text-transform: uppercase; margin-right: 22px; } .update .social-share, .survey .social-share { display: inline-block; float: right; } .update .social-share li, .survey .social-share li { display: block; float: left; } .update .social-share li:last-child a, .survey .social-share li:last-child a { margin-right: 0; } .update .social-share li a, .survey .social-share li a { display: block; height: 18px; margin-right: 18px; text-indent: -9999px; background-repeat: no-repeat; } .update .social-share li a.icon-googleplus, .survey .social-share li a.icon-googleplus { width: 22px; background-image: url(../img/v2/icon_googleplus_2.png); } .update .social-share li a.icon-googleplus:hover, .survey .social-share li a.icon-googleplus:hover { background-image: url(../img/v2/icon_googleplus_hover.png); } .update .social-share li a.icon-facebook, .survey .social-share li a.icon-facebook { width: 8px; background-image: url(../img/v2/icon_facebook_2.png); } .update .social-share li a.icon-facebook:hover, .survey .social-share li a.icon-facebook:hover { background-image: url(../img/v2/icon_facebook_hover.png); } .update .social-share li a.icon-twitter, .survey .social-share li a.icon-twitter { width: 20px; background-image: url(../img/v2/icon_twitter_2.png); } .update .social-share li a.icon-twitter:hover, .survey .social-share li a.icon-twitter:hover { background-image: url(../img/v2/icon_twitter_hover.png); } .update .social-share li a.icon-youtube, .survey .social-share li a.icon-youtube { width: 44px; background-image: url(../img/v2/icon_youtube.png); -webkit-background-size: 44px 18px; -moz-background-size: 44px 18px; -o-background-size: 44px 18px; background-size: 44px 18px; background-repeat: no-repeat; } .update header.main, .survey header.main { clear: both; } .update header.main h1, .survey header.main h1 { clear: both; font: bold 24px/24px Arial, sans-serif; margin: 0; text-transform: none; margin-bottom: 15px; } .update header.main h1 a, .survey header.main h1 a { color: #3d3f42; } .update header.main h2, .survey header.main h2 { display: block; width: 100%; font: bold 12px/36px Arial, sans-serif; color: #535861; text-transform: none; margin: 15px 0; padding: 0; } .update header.main h2 .via, .survey header.main h2 .via { color: #AAA; } .update header.main img, .survey header.main img { display: inline-block; float: left; -webkit-border-radius: 100% 5px 5px 5px; -moz-border-radius: 100% 5px 5px 5px; border-radius: 100% 5px 5px 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-bottom: 20px; margin-right: 10px; width: 36px; height: 36px; } .update img.feat, .survey img.feat { max-width: 100%; margin-bottom: 15px; } .update .body p, .survey .body p { font: 16px/24px Arial, sans-serif; } .update .body a:hover, .survey .body a:hover { text-decoration: underline; } .update .read-more, .survey .read-more, .update .go-to-survey, .survey .go-to-survey { background: none; padding: 0; color: #db393e; text-transform: uppercase; font: bold 12px/24px Arial, sans-serif; } .update .read-more:hover, .survey .read-more:hover, .update .go-to-survey:hover, .survey .go-to-survey:hover { text-decoration: underline; } .update .related-news, .survey .related-news { display: block; color: #db393e; font: bold 14px/24px Arial, sans-serif; margin-top: 20px; } .update .news-item, .survey .news-item { margin-bottom: 20px; } .update .news-item header.date, .survey .news-item header.date { padding-right: 0; left: 0; } .update .news-item header.date h3, .survey .news-item header.date h3 { padding-left: 0; } .update .news-item header.main h1, .survey .news-item header.main h1 { font: bold 16px/24px Arial, sans-serif; color: #5A5E63; margin: 0; } .survey .social-share-text, .type-survey .social-share-text { margin-bottom: 10px; } .survey .social-share, .type-survey .social-share { margin-bottom: 10px; } .survey .slider, .type-survey .slider { margin-bottom: 45px; } .survey header.main h1, .type-survey header.main h1 { font: 40px/48px 'neosansmedium'; color: #3d3f42; } .update.type-survey .social-share-text { margin-bottom: 10px; } .update.type-survey .social-share { margin-bottom: 10px; } .update.social .social-images { margin-bottom: 30px; } .update.social .body b { font: bold 24px/24px Arial, sans-serif; color: #3D3F42; } .update.social a { color: #DB393E; } html.no-csstransitions #sidebar.hide { left: -575px; } html.no-csstransitions #sidebar .tabs ul a span { display: none; } html.no-csstransitions #sidebar .tabs ul a:hover span { display: block; } /* PAGES -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.text-page .navbar-top { position: fixed; top: 0; z-index: 100; } body.text-page .tech-list { margin-top: 0; } body.text-page .tech-list .row { padding: 68px 0 48px 0; border-bottom: 1px #c4c4c4 solid; } body.text-page .tech-list .row:last-child { border-bottom: none; } body.text-page .tech-list .row:nth-child(odd) .description { float: right; } body.text-page .tech-list .row:nth-child(odd) .visuals { float: left; } body.text-page .no-bottom-margin { margin-bottom: 0 !important; } body.text-page .image-list { margin: 20px 0 0 0; } body.text-page .image-list h4 { margin-top: 20px; color: #db393e; } body.text-page .image-list .list-row { margin-bottom: 40px; } body.text-page .image-list .item { position: relative; margin-bottom: 60px; } body.text-page .image-list .item h5 { height: 35px; min-height: 35px; } body.text-page .image-list .item .image-wrapper { width: 100%; height: 155px; border: 1px #e0e3e8 solid; background-position: 50% 50%; background-repeat: no-repeat; } body.text-page .image-list .item p { display: block; overflow: hidden; margin-top: 20px; font: 12px/18px 'neosansregular'; } body.text-page .image-list .item .read-more { font-size: 12px; display: block; width: 100%; border-top: 1px #e0e3e8 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body.text-page .image-list.small .image-wrapper { height: 96px; border-top: none; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.about .white-page-container .lead-text { padding: 35px 0 75px 0; } body.about .white-page-container .lead-text h2.centered { width: 100%; padding: 60px 0 20px 0; } body.about .white-page-container .lead-text header.lead { padding: 35px 20px; } body.about .white-page-container .lead-text header.lead p { font-family: 'neosanslight'; font-size: 32px; line-height: 36px; text-align: center; padding: 0; } body.about .white-page-container .grey-rows .grey { padding: 95px 0 75px 0; } body.about .white-page-container .grey-rows .top-stripe { padding: 60px 0; } body.about .white-page-container .grey-rows .top-stripe .stripe { background: url(../img/v2/bg_surveys_sidebar_date.png) repeat-x !important; } body.about .white-page-container .grey-rows .row:last-child .top-stripe { display: none; } body.about .white-page-container .grey-rows .row:nth-child(odd) .col { float: left; } body.about .white-page-container .the-team h2 { color: #d7d8db; padding: 0 0 30px 0 !important; } body.about .white-page-container .the-team p { color: #a0a4ad; padding-bottom: 60px; text-align: center; } body.about .white-page-container .the-team .darkgrey { padding: 95px 0; } @media (max-width: 875px) { body.about .white-page-container .the-team .darkgrey { padding: 0; } } body.about .white-page-container .the-team .people-list { position: relative; } body.about .white-page-container .the-team .people-list .people-mask { width: 615px; height: 123px; background: transparent; position: absolute; top: 246px; left: 369px; z-index: 3; } body.about .white-page-container .the-team .people-list .people li { display: block; position: relative; float: left; width: 123px; height: 123px; } body.about .white-page-container .the-team .people-list .people li:hover { cursor: pointer; } body.about .white-page-container .the-team .people-list .people li img { display: block; position: absolute; } body.about .white-page-container .the-team .people-list .people li .image-holder { width: 123px; height: 123px; } body.about .white-page-container .the-team .people-list .people li .tooltip { display: none; position: absolute; bottom: -13px; left: 13px; padding: 13px 70px 13px 17px; z-index: 2; background: #db393e url(../img/v2/arrow_tooltip.png) 95% 50% no-repeat; } body.about .white-page-container .the-team .people-list .people li .tooltip h3 { display: block; font: 13px/18px 'neosansmedium'; color: #fff; text-transform: uppercase; white-space: nowrap; padding-bottom: 0; text-align: left; } body.about .white-page-container .the-team .people-list .people li .tooltip h4 { font: 12px Arial, sans-serif; color: #fff; white-space: nowrap; padding-bottom: 0; text-align: left; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.science h1 { font: 32px/30px 'neosansmedium'; color: #db393e; text-align: center; margin-bottom: 20px; } body.science h2 { font: 24px/24px 'neosansmedium'; margin-left: 0; margin-top: 12px; } body.science #coral-reefs { padding-bottom: 0; } body.science #coral-reefs h2 { text-align: center; margin-left: 12px; } body.science #coral-reefs .infographic-list .infographic-list-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 25%; height: 275px; float: left; border-right: 1px solid #d8deeb; } body.science #coral-reefs .infographic-list .infographic-list-item:last-child { border-right: none; } @media (max-width: 875px) { body.science #coral-reefs .infographic-list .infographic-list-item { border-right: none; } } body.science #coral-reefs .infographic-list .infographic-list-item img { margin: auto; width: 120px; display: block; } body.science #coral-reefs .infographic-list .infographic-list-item p { font: 12px/16px 'neosansmedium'; color: #9c9ea1; text-transform: uppercase; text-align: left; margin: auto; width: 120px; margin-top: 20px; padding-bottom: 0px; } body.science .entrance { padding-bottom: 0; } body.science .tech-list { padding-top: 0; } body.science .before-and-after-section { padding-top: 36px; } body.science .before-and-after-section .before-and-after { margin: 48px auto 0 auto; -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none !important; } body.science .before-and-after-section .before-and-after .ui-slider-range-max { background: url() right bottom fixed no-repeat; } body.science .before-and-after-section .before-and-after .ui-state-default, body.science .before-and-after-section .before-and-after .ui-widget-content .ui-state-default, body.science .before-and-after-section .before-and-after .ui-widget-header .ui-state-default, body.science .before-and-after-section .before-and-after .ui-state-hover, body.science .before-and-after-section .before-and-after .ui-state-focus { background: url(jQuery/alterImg/slider_handle2.png) no-repeat 50% 50%; border: 0px; width: 60px; height: 27px; } body.science .before-and-after-section .before-and-after .ui-slider-handle { width: 48px; height: 48px; margin-left: -22px !important; background: url(../img/slider_handle.png) 0 0 no-repeat; } body.science .before-and-after-section .before-and-after .ui-state-hover, body.science .before-and-after-section .before-and-after .ui-state-active { opacity: 1; } body.science .before-and-after-section .before-and-after #before { border-right: 3px #fff solid; } body.science .caption { margin-top: 12px; width: 100%; font: 16px 'neosansregular'; text-align: center; } body.science .copyright { color: #5a5e63; font: 14px 'neosansregular'; width: 100%; text-align: center; margin-bottom: 24px; } body.science-survey .entrance { background: #ffffff url(../img/bg_subsection.png) 50% 100% no-repeat; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.catlin #catlin { padding-bottom: 0; } body.catlin #catlin .subsection:last-child { background: none; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.communication .white-page-container .white-page #engaging-the-world { padding-top: 115px; } body.communication .white-page-container .white-page #engaging-the-world h2 { padding: 0 0 20px 0; } body.communication .white-page-container .white-page #engaging-the-world .movie { padding: 20px 0 65px 0; } body.communication .white-page-container .white-page #school-education-program .grey { padding: 100px 0 65px 0; } body.communication .white-page-container .white-page #school-education-program .grey h2 { padding-top: 0; } body.communication .white-page-container .white-page #school-education-program p.lead { font: normal normal 32px/36px 'neosanslight'; color: #535861; } body.education .button.red { padding-left: 40px; padding-right: 40px; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.news h2 { margin-left: 0; } body.news .show-more { padding: 18px 108px; } body.news .search { position: relative; width: 216px; height: 51px; border-bottom: 3px #e0e3e8 solid; } body.news .categories { width: 216px; } body.news .tags { padding-top: 10px; } body.news .tags h4 { padding-bottom: 0; } body.news .tags .view-all-tags, body.news .tags .view-less { padding-bottom: 10px; } body.news .entry-list { position: relative; left: -12px; } body.news .entry-list .entry { margin-bottom: 81px; /* 50+31 */ } body.news .entry-list .entry .bottom-toolbar { position: absolute; width: 100%; bottom: -31px; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.gallery .top-bar { position: relative; border-bottom: 3px #e0e3e8 solid; } body.gallery .top-bar .search { border-bottom: none; position: absolute; right: 0; top: -6px; } body.gallery .top-bar .grid_8 { margin-left: 0; margin-right: 0; } body.gallery .top-bar .grid_8 p { font: 14px/30px 'neosansregular'; } body.gallery .entry-list { margin-top: 20px; left: 0; } body.gallery .entry-list .row { position: relative; left: 12px; } body.gallery .entry-list .entry:nth-child(4n+1) { margin-left: 0 !important; } body.gallery .collection .top-bar { border-bottom: 3px #e0e3e8 solid; padding-bottom: 40px; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.contact-us .template .form { padding-top: 56px; } body.contact-us .template .form input.text { width: 100%; } body.contact-us .template .form textarea.textarea { width: 100%; } body.contact-us .template .links { padding-top: 56px; } body.contact-us .template .follow-the-survey { border-top: none; } body.contact-us .template .stay-in-touch { margin-top: 20px; } body.contact-us .template .stay-in-touch p { font: 14px/24px 'neosansregular'; } body.contact-us .template .newsletter { position: relative; margin-top: 12px; } body.contact-us .template .newsletter .text { position: absolute; display: inline-block; width: 205px; } body.contact-us .template .newsletter .newsletter-submit { display: inline-block; position: absolute; cursor: pointer; left: 228px; border: none; background: #595d62; /* Old browsers */ background: -moz-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595d62), color-stop(100%, #3a3b3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #595d62 0%, #3a3b3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); /* IE6-9 */ color: #fff; font: 13px 'neosansmedium'; padding: 12px 15px 11px 15px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.partners .image-list .item .name { height: 65px; } body.partners .image-list .item .description { margin-top: 10px; } body.partners #overlay .items { height: 600px; min-height: 600px; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.media .media-releases .release { margin-top: 24px; border: 1px #d6d6d6 solid; -webkit-border-radius: 3px 5px 5px 5px; -moz-border-radius: 3px 5px 5px 5px; border-radius: 3px 5px 5px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } body.media .media-releases .release:last-child { margin-bottom: 36px; } body.media .media-releases .release .content { padding: 24px; } body.media .media-releases .release .content .date { font: 12px/18px 'neosansregular'; color: #9c9ea1; } body.media .media-releases .release .content .body { font: 14px/24px 'neosansregular'; color: #5a5e63; padding-bottom: 0; } body.media .media-releases .release .bottom-bar { border-top: 1px #e8e8e8 solid; padding: 15px 24px; } body.media .media-releases .release.release-hidden { display: none; } body.media .view-all-wrapper { padding-bottom: 8px; border-bottom: 3px #e0e3e8 solid; } body.media .view-all-wrapper .view-all { float: right; font: 12px/18px 'neosansmedium'; color: #0a0a0a; text-transform: uppercase; } body.media .contacts h2 { font: 24px 'neosansmedium'; margin: 24px 0; } body.media .contacts h3 { font: 14px 'neosansmedium'; color: #9c9ea1; margin-bottom: 24px; padding-bottom: 0; text-transform: uppercase; } body.media .contacts h4 { font: 14px/24px 'neosansmedium'; color: #2a2a2a; padding-bottom: 0; text-transform: none; } body.media .contacts .email, body.media .contacts .tel { font: 14px/24px 'neosansregular'; color: #5a5e63; } body.media .contacts .person { margin-bottom: 20px; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.shark-study .content-wrapper:last-child { padding-bottom: 0; } body.shark-study h1 { font: 32px/30px 'neosansmedium'; color: #db393e; text-align: center; margin-bottom: 20px; } body.shark-study h2 { font: 24px/24px 'neosansmedium'; margin-left: 0; margin-top: 12px; } body.shark-study #shark-map { width: 100%; height: 100%; } body.shark-study .sharks { margin-top: 24px; } body.shark-study .sharks .shark1 { color: #14d9f6; margin-right: 10px; font-family: 'neosansregular'; } body.shark-study .sharks .shark2 { color: #DDDD00; font-family: 'neosansregular'; } body.shark-study .know-your-sharks h1 { margin-bottom: 48px; } body.shark-study .know-your-sharks .fact { height: 260px; padding: 30px 0; border-top: 4px #f08d8c solid; border-bottom: 4px #f08d8c solid; text-align: center; } body.shark-study .know-your-sharks .fact h3 { margin-top: 20px; font: 13px/16px 'neosansmedium'; color: #c62b2d; text-transform: uppercase; } body.shark-study .know-your-sharks .fact h3 em { display: block; margin-top: 5px; font: 12px/18px 'neosansregular'; color: #9c9ea1; text-transform: none; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.terms .page-content p { margin: 0 12px; } body.terms .page-content h2 { margin-bottom: 24px; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } body.search .top-bar { position: relative; border-bottom: 3px #e0e3e8 solid; } body.search .top-bar h2 { margin-left: 0; } body.search .top-bar .search { border-bottom: none; position: absolute; right: 0; top: -6px; } body.search .top-bar .search .query { width: 202px; position: relative; } body.search .top-bar .search .search-submit { top: 8px; right: 8px; } body.search .top-bar .grid_8 { margin-left: 0; margin-right: 0; } body.search .top-bar .grid_8 p { font: 14px/30px 'neosansregular'; } body.search .search-results { display: block; } body.search .search-results .keyword { color: #0a0a0a; } body.search .entry-list { margin-top: 20px; left: 0; } body.search .entry-list .row { position: relative; padding: 24px 0; left: 12px; border-bottom: 1px #e0e3e8 solid; } body.search .entry-list .row:last-child { border-bottom: none; } body.search .entry-list .row .date { position: absolute; right: 36px; font: 14px/18px 'neosansregular'; color: #9c9ea1; } body.search .entry-list .row .ordering { height: 50px; min-height: 50px; } body.search .entry-list .row .ordering .index { position: absolute; font: 16px/24px 'neosansmedium'; color: #5a5e63; } body.search .entry-list .row .result h3 { font: 16px/24px 'neosansmedium'; } body.search .entry-list .row .result h4 { font: 14px/18px 'neosansmedium'; color: #9c9ea1; text-transform: none; } body.search .entry-list .row .result p { font-size: 12px; line-height: 18px; color: #5a5e63; } body.search .entry-list .row .result .read-more { font-size: 12px; line-height: 18px; text-transform: none; } @media (max-width: 600px) { body.surveys .template-holder { background-color: #FFF; padding: 10px; } } body.surveys.surveys-map .page-wrapper { display: table; top: 0; right: 0; bottom: 0; left: 0; } body.surveys.surveys-map .page-wrapper .template-holder { display: table-cell; vertical-align: middle; padding-top: 70px; background-image: url('../img/v2/map_bg_mobile.jpg'); background-position: center; text-align: center; } body.surveys.surveys-map .page-wrapper .template-holder h2, body.surveys.surveys-map .page-wrapper .template-holder p { color: #FFF; } body.surveys.surveys-map .global-footer { display: none; } @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } #panedia-holder { position: absolute; display: none; width: 100%; height: 100%; z-index: 9999; background: #0f1114; } #panedia-holder .panedia-navbar { position: absolute; right: 0; width: 285px; height: 72px; } #panedia-holder .panedia-navbar .close-panedia { background-image: url(../img/v2/icon_close.png); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; background-repeat: no-repeat; } #panedia-holder .panedia-navbar .tools .box-social a:first-child { margin-left: 25px; } #panedia-holder .panedia-navbar .tools .box-social a:last-child { margin-right: 25px; } #panedia-holder iframe { position: absolute; width: 100%; height: 100%; } /* THE TOP NAVIGATION BAR -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } .brand-logo { display: block; position: absolute; float: left; margin-left: 35px; z-index: 3; width: 157px; height: 92px; background: url(../img/v2/logov3.png); -webkit-background-size: 157px 92px; -moz-background-size: 157px 92px; -o-background-size: 157px 92px; background-size: 157px 92px; background-repeat: no-repeat; text-indent: -9999px; outline: none; border-left: 2px #242424 solid; border-right: 2px #242424 solid; border-bottom: 2px #242424 solid; -webkit-border-radius: 2px 5px 5px 5px; -moz-border-radius: 2px 5px 5px 5px; border-radius: 2px 5px 5px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } @media (max-width: 875px) { .brand-logo { height: 75px; width: 128px; -webkit-background-size: 128px 75px; -moz-background-size: 128px 75px; -o-background-size: 128px 75px; background-size: 128px 75px; background-repeat: no-repeat; } } .mobile-menu-toggle { display: none; position: absolute; width: 100%; height: 70px; background: #181e2a; border-bottom: 1px #212632 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mobile-menu-toggle:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 70px; height: 70px; background-image: url(../img/icon_menu_mobile.png); background-repeat: no-repeat; background-size: 30px; background-position: center; } .navbar-top, .panedia-navbar { width: 100%; background: #0f1114; position: fixed; z-index: 10; } .navbar-top .nav-wrapper, .panedia-navbar .nav-wrapper { position: relative; width: 100%; left: 0; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav-collapse, .panedia-navbar .nav-wrapper .nav-collapse { position: fixed; top: 70px; right: 0; bottom: 0; left: 0; overflow: scroll; display: none; } } .navbar-top .nav-wrapper .nav, .panedia-navbar .nav-wrapper .nav { float: left; display: inline-block; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav, .panedia-navbar .nav-wrapper .nav { position: static; background-color: black; margin: 0; } } .navbar-top .nav-wrapper .nav .menu-item, .panedia-navbar .nav-wrapper .nav .menu-item { float: left; position: relative; border-right: 1px #242424 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 950px) { .navbar-top .nav-wrapper .nav .menu-item, .panedia-navbar .nav-wrapper .nav .menu-item { padding-right: 15px; padding-left: 15px; } } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item, .panedia-navbar .nav-wrapper .nav .menu-item { width: 100%; text-align: center; } } .navbar-top .nav-wrapper .nav .menu-item .menu-item-link, .panedia-navbar .nav-wrapper .nav .menu-item .menu-item-link { display: block; position: relative; font: 13px 'neosansmedium'; color: #cccccc; text-transform: uppercase; padding: 0 20px; padding-bottom: 5px; margin-bottom: -5px; } .navbar-top .nav-wrapper .nav .menu-item .menu-item-link span, .panedia-navbar .nav-wrapper .nav .menu-item .menu-item-link span { display: block; line-height: 72px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } @media (max-width: 980px) { .navbar-top .nav-wrapper .nav .menu-item .menu-item-link span, .panedia-navbar .nav-wrapper .nav .menu-item .menu-item-link span { font-size: 12px; } } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item .menu-item-link span, .panedia-navbar .nav-wrapper .nav .menu-item .menu-item-link span { font-size: 23px; } } .navbar-top .nav-wrapper .nav .menu-item:hover a, .panedia-navbar .nav-wrapper .nav .menu-item:hover a, .navbar-top .nav-wrapper .nav .menu-item.active a, .panedia-navbar .nav-wrapper .nav .menu-item.active a { color: #FFF; } .navbar-top .nav-wrapper .nav .menu-item:hover a span, .panedia-navbar .nav-wrapper .nav .menu-item:hover a span, .navbar-top .nav-wrapper .nav .menu-item.active a span, .panedia-navbar .nav-wrapper .nav .menu-item.active a span { -webkit-transform: translate3d(0, 3px, 0); -moz-transform: translate3d(0, 3px, 0); -o-transform: translate3d(0, 3px, 0); -ms-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item:hover a span, .panedia-navbar .nav-wrapper .nav .menu-item:hover a span, .navbar-top .nav-wrapper .nav .menu-item.active a span, .panedia-navbar .nav-wrapper .nav .menu-item.active a span { -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } .navbar-top .nav-wrapper .nav .menu-item.active a span, .panedia-navbar .nav-wrapper .nav .menu-item.active a span { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .navbar-top .nav-wrapper .nav .menu-item.input-box-wrapper, .panedia-navbar .nav-wrapper .nav .menu-item.input-box-wrapper, .navbar-top .nav-wrapper .nav .menu-item.box-social, .panedia-navbar .nav-wrapper .nav .menu-item.box-social { border-top: 1px solid #222; } .navbar-top .nav-wrapper .nav .menu-item.input-box-wrapper, .panedia-navbar .nav-wrapper .nav .menu-item.input-box-wrapper { display: none; position: relative; padding-left: 0; padding-right: 0; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item.input-box-wrapper, .panedia-navbar .nav-wrapper .nav .menu-item.input-box-wrapper { display: block; } } .navbar-top .nav-wrapper .nav .menu-item.input-box-wrapper .input-box-inactive, .panedia-navbar .nav-wrapper .nav .menu-item.input-box-wrapper .input-box-inactive { position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 55px; text-transform: uppercase; font-size: 1em; font-weight: bold; color: #535861; } .navbar-top .nav-wrapper .nav .menu-item.input-box-wrapper .input-box, .panedia-navbar .nav-wrapper .nav .menu-item.input-box-wrapper .input-box { opacity: 0; width: 100%; } .navbar-top .nav-wrapper .nav .menu-item.box-social, .panedia-navbar .nav-wrapper .nav .menu-item.box-social { display: none; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item.box-social, .panedia-navbar .nav-wrapper .nav .menu-item.box-social { display: block; } } .navbar-top .nav-wrapper .nav .menu-item.box-social a, .panedia-navbar .nav-wrapper .nav .menu-item.box-social a { height: 55px; } .navbar-top .nav-wrapper .nav .menu-item .caret, .panedia-navbar .nav-wrapper .nav .menu-item .caret { position: absolute; bottom: -6px; width: 100%; height: 6px; background: #db393e; -moz-transition: bottom 125ms ease-in-out; -webkit-transition: bottom 125ms ease-in-out; -ms-transition: bottom 125ms ease-in-out; -o-transition: bottom 125ms ease-in-out; transition: bottom 125ms ease-in-out; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item .caret, .panedia-navbar .nav-wrapper .nav .menu-item .caret { display: none; } } .navbar-top .nav-wrapper .nav .menu-item.active .caret, .panedia-navbar .nav-wrapper .nav .menu-item.active .caret, .navbar-top .nav-wrapper .nav .menu-item:hover .caret, .panedia-navbar .nav-wrapper .nav .menu-item:hover .caret { bottom: 0; } @media (max-width: 875px) { .navbar-top .nav-wrapper .nav .menu-item .second-menu, .panedia-navbar .nav-wrapper .nav .menu-item .second-menu { display: none !important; } } .navbar-top .nav-wrapper.bottom-menu, .panedia-navbar .nav-wrapper.bottom-menu { padding-top: 50px; } .navbar-top .tools, .panedia-navbar .tools { position: absolute; right: 0; } .navbar-top .tools .box-newsletter, .panedia-navbar .tools .box-newsletter { float: left; margin-right: 35px; } .navbar-top .tools .box-newsletter .toggle-newsletter, .panedia-navbar .tools .box-newsletter .toggle-newsletter { color: #9298a2; -moz-transition: color 150ms ease-in-out; -webkit-transition: color 150ms ease-in-out; -ms-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; display: block; font: 13px 'neosansmedium'; line-height: 72px; text-transform: uppercase; } .navbar-top .tools .box-newsletter .toggle-newsletter:hover, .panedia-navbar .tools .box-newsletter .toggle-newsletter:hover, .navbar-top .tools .box-newsletter .toggle-newsletter.active, .panedia-navbar .tools .box-newsletter .toggle-newsletter.active { color: #FFF; } .navbar-top .tools .box-social, .panedia-navbar .tools .box-social { float: left; } .navbar-top .box-search, .panedia-navbar .box-search { float: left; border-left: 1px #242424 solid; } .navbar-top .box-search .toggle-search, .panedia-navbar .box-search .toggle-search { display: block; text-indent: -9999px; width: 72px; height: 72px; background-image: url(../img/v2/icon_search.png); background-position: 50% 50%; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; -o-background-size: 21px 21px; background-size: 21px 21px; background-repeat: no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0); opacity: 0.5; filter: alpha(opacity=50); -moz-transition: opacity 150ms ease-in-out; -webkit-transition: opacity 150ms ease-in-out; -ms-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .navbar-top .box-search .toggle-search:hover, .panedia-navbar .box-search .toggle-search:hover, .navbar-top .box-search .toggle-search.active, .panedia-navbar .box-search .toggle-search.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); } .navbar-top .box-info, .panedia-navbar .box-info { float: left; border-right: 1px #242424 solid; } .navbar-top .box-info .toggle-info, .panedia-navbar .box-info .toggle-info { display: block; text-indent: -9999px; width: 72px; height: 72px; background-position: 50% 50%; background-image: url(../img/v2/icon_info.png); -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; background-repeat: no-repeat; } .navbar-top .nav { margin-left: 190px; } .box-social a { display: inline-block; margin-right: 15px; height: 72px; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0); opacity: 0.5; filter: alpha(opacity=50); -moz-transition: opacity 150ms ease-in-out; -webkit-transition: opacity 150ms ease-in-out; -ms-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .box-social a:hover, .box-social a.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; filter: alpha(opacity=100); -moz-transition: opacity 150ms ease-in-out; -webkit-transition: opacity 150ms ease-in-out; -ms-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .box-social a.icon-googleplus { width: 20px; background-image: url(../img/v2/icon_googleplus.png); -webkit-background-size: 20px 17px; -moz-background-size: 20px 17px; -o-background-size: 20px 17px; background-size: 20px 17px; background-repeat: no-repeat; } .box-social a.icon-facebook { width: 8px; background-image: url(../img/v2/icon_facebook.png); -webkit-background-size: 8px 16px; -moz-background-size: 8px 16px; -o-background-size: 8px 16px; background-size: 8px 16px; background-repeat: no-repeat; } .box-social a.icon-twitter { width: 19px; background-image: url(../img/v2/icon_twitter.png); -webkit-background-size: 19px 16px; -moz-background-size: 19px 16px; -o-background-size: 19px 16px; background-size: 19px 16px; background-repeat: no-repeat; } .box-social a.icon-youtube { width: 44px; background-image: url(../img/v2/icon_youtube.png); -webkit-background-size: 44px 18px; -moz-background-size: 44px 18px; -o-background-size: 44px 18px; background-size: 44px 18px; background-repeat: no-repeat; } .input-boxes { position: absolute; right: 0; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } @media (max-width: 875px) { .input-boxes { display: none; } } .input-boxes .input-box { position: absolute; width: 385px; top: 72px; right: 0; z-index: 9999; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -moz-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 750ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .input-boxes .input-box.show { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1; } .input-box { display: table; } .input-box .input-box-input, .input-box .input-box-button { display: table-cell; vertical-align: top; } .input-box .input-box-button { width: 1px; } .input-box .text, .input-box .submit { display: block; margin: 0; border: none; outline: none; height: 60px; line-height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .input-box .text { padding: 0 21px; width: 100%; font-size: 16px; font-family: Arial, sans-serif; color: #a0a4ad; } .input-box .submit { padding: 21px 25px; color: #fff; background: #db393e; font: 13px 'neosansmedium'; letter-spacing: 2px; cursor: pointer; -webkit-appearance: none; border-radius: 0; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } .input-box .submit:hover { background: #be2327; -moz-transition: all 125ms ease-in-out; -webkit-transition: all 125ms ease-in-out; -ms-transition: all 125ms ease-in-out; -o-transition: all 125ms ease-in-out; transition: all 125ms ease-in-out; } html.no-csstransitions .input-boxes .input-box { display: none; } html.no-csstransitions .input-boxes .input-box.show { display: table; } /* FOOTER -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } .newsletter form { position: relative; top: -5px; width: 180px; } .newsletter form input.query { width: 135px; height: 24px; border: none; padding-left: 10px; padding-right: 35px; font: 14px/28px 'neosansregular'; color: #5a5e63; background: #fff; -webkit-border-radius: 2px 5px 5px 5px; -moz-border-radius: 2px 5px 5px 5px; border-radius: 2px 5px 5px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .newsletter form .submit { display: block; position: absolute; z-index: 2; top: -2px; right: -3px; border: none; padding: 8px 13px 7px 12px; background: #595d62; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NWQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNiM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595d62), color-stop(100%, #3a3b3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #595d62 0%, #3a3b3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #595d62 0%, #3a3b3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595d62', endColorstr='#3a3b3d', GradientType=0); /* IE6-8 */ color: #fff; font: 12px 'neosansmedium'; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .logo-wrapper { padding: 70px 0 48px 0; overflow: hidden; border-bottom: 1px #2a303e solid; color: #fff; } .footer-wrapper { /*height: 168px;*/ padding: 48px 0; overflow: hidden; color: #fff; } .footer-wrapper h3 { font: 12px/28px 'neosansmedium'; color: #5a5e63; text-transform: uppercase; } .footer-wrapper input.query { position: relative; width: 135px; height: 24px; border: none; padding-left: 10px; padding-right: 35px; font: 14px/28px 'neosansregular'; color: #5a5e63; background: #fff; -webkit-border-radius: 2px 5px 5px 5px; -moz-border-radius: 2px 5px 5px 5px; border-radius: 2px 5px 5px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .footer-wrapper .nav { float: left; } .footer-wrapper .nav li a { font: 12px/24px 'neosansmedium'; color: #fff; text-transform: uppercase; } .footer-wrapper .organisation .nav { width: 33%; } .footer-wrapper .forms .search { margin-bottom: 15px; border-bottom: none; } .footer-wrapper .forms .search form { width: 180px; position: relative; top: -5px; } .footer-wrapper .forms .search form .submit { position: absolute; right: 10px; top: 4px; width: 19px; height: 18px; background: url(../img/icon_search.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; border: none; } .footer-wrapper .forms .newsletter { margin-top: 14px; } .footer-disclaimer { width: 100%; background: #0e1420; } .footer-disclaimer p { display: block; padding: 0; height: 100%; text-align: center; font: 12px 'neosansmedium'; line-height: 36px; text-transform: uppercase; color: #5a5e63; } .global-footer { position: fixed; bottom: 0; width: 100%; background: #1d1f24; color: #535861; font: 12px Arial, sans-serif; z-index: 5; } @media (max-width: 875px) { .global-footer { position: static; text-align: center; } } .global-footer a, .global-footer p { display: inline-block; color: #535861; font: 12px Arial, sans-serif; line-height: 36px; padding: 0 8px; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .global-footer a:hover { color: #9298a2; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .global-footer .left-part { float: left; } .global-footer .right-part { float: right; } @media (max-width: 875px) { .global-footer .left-part, .global-footer .right-part { float: none; } } /* TOUCH DEVICES STYLING -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } html.tablet #global-reef-record { display: none; } html.tablet #sidebar { width: 430px; } html.tablet #sidebar .survey-short { width: 430px; } html.tablet #sidebar .update .slider, html.tablet #sidebar .survey .slider { width: 430px; height: 300px; } html.tablet #sidebar .update .slider .slides .slides-nav.next, html.tablet #sidebar .survey .slider .slides .slides-nav.next { left: 400px; } html.tablet #sidebar .update .slider .slides .slide-img img, html.tablet #sidebar .survey .slider .slides .slide-img img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } html.mobile div.white-popup { width: 90%; height: 90%; overflow: auto; margin-left: 0; margin-top: 0; left: 5%; top: 5%; } html.mobile div.white-popup .content { margin: 10%; } html.mobile div.white-popup .content h2 { text-align: left; } html.mobile .gallery-item .navbar-top .labels { width: 50%; } html.mobile .gallery-item .navbar-top .box-social { display: none; } html.mobile .gallery-item .content { height: 100%; } html.mobile .gallery-item .content .image { position: relative; top: 36px; left: 0; } html.mobile .gallery-item .content .image img { max-width: 100%; } /* RESPONSIVE CSS -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @media (max-width: 768px) { .navbar-top .mobile-menu-toggle { display: block; } .navbar-top .container.nav-wrapper .nav { display: none; padding: 50px 0; padding-top: 160px; margin-left: 0; } .navbar-top .container.nav-wrapper .nav li { width: 100%; float: none; margin: 0; display: block; line-height: 84px; } .navbar-top .container.nav-wrapper .nav li a { font-size: 36px !important; } body.text-page { min-width: 0; background-image: none; } body.text-page h1 { font-size: 64px; line-height: 72px; padding-top: 5%; text-align: center; } body.text-page h2 { font-size: 48px; line-height: 54px; text-align: center; padding-top: 5%; } body.text-page p { font-size: 38px; line-height: 60px; } body.text-page .button { font-size: 26px; padding: 35px 75px; -webkit-border-radius: 50px 5px 5px 5px; -moz-border-radius: 50px 5px 5px 5px; border-radius: 50px 5px 5px 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body.text-page .read-more, body.text-page .comments { font-size: 24px !important; line-height: 30px !important; } body.text-page .container { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 !important; } body.text-page .container.content-wrapperbody.text-page .container:first-child { margin-top: 120px !important; } body.text-page .container_12 { width: 100% !important; padding: 5%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body.text-page .container_12 .grid_1, body.text-page .container_12 .grid_2, body.text-page .container_12 .grid_3, body.text-page .container_12 .grid_4, body.text-page .container_12 .grid_5, body.text-page .container_12 .grid_6, body.text-page .container_12 .grid_7, body.text-page .container_12 .grid_8, body.text-page .container_12 .grid_9, body.text-page .container_12 .grid_10, body.text-page .container_12 .grid_11, body.text-page .container_12 .grid_12 { float: none; width: 100%; box-sizing: border-box; } body.text-page .container_12 .prefix_1, body.text-page .container_12 .prefix_2, body.text-page .container_12 .prefix_3, body.text-page .container_12 .prefix_4, body.text-page .container_12 .prefix_5, body.text-page .container_12 .prefix_6, body.text-page .container_12 .prefix_7, body.text-page .container_12 .prefix_8, body.text-page .container_12 .prefix_9, body.text-page .container_12 .prefix_10, body.text-page .container_12 .prefix_11, body.text-page .container_12 .prefix_12 { padding: 0 !important; } body.text-page .container_12 .row { padding-left: 5%; } body.text-page .container_12 .subsection { background-image: none; } body.text-page .container_12 .carousel { width: 100%; height: 345px; } body.text-page .container_12 .carousel .inner, body.text-page .container_12 .carousel .item, body.text-page .container_12 .carousel iframe { width: 100% !important; height: 345px !important; } body.text-page .container_12 .carousel .inner .item iframe { width: 100% !important; height: 345px !important; } body.text-page .logo-wrapper .logo-item { width: 44%; margin-bottom: 5%; float: left; text-align: center; } body.text-page .logo-wrapper .logo-item a { display: inline-block; margin: 0 auto; } body.text-page .footer-disclaimer p { font-size: 18px; } body.text-page .footer-wrapper h3 { font: 24px/48px 'neosansregular'; } body.text-page .footer-wrapper .nav { float: none; } body.text-page .footer-wrapper .nav li a { font: 24px/48px 'neosansregular'; } body.text-page .footer-wrapper .grid_5 { float: left; width: 45%; } body.text-page .footer-wrapper .grid_2 { float: left; width: 45%; } body.text-page .footer-wrapper .forms h3 { clear: both; } body.text-page .footer-wrapper .forms form { width: 100% !important; } body.text-page .footer-wrapper .forms form .query { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 72px; font-size: 26px; line-height: 36px; padding-left: 35px; padding-right: 35px; background: #edf1f5; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } body.text-page .footer-wrapper .forms .search { margin-top: 50px; width: 100%; } body.text-page .footer-wrapper .forms .search .submit { width: 42px; height: 40px; background: url(../img/icon_search_mobile.png) 0 0 no-repeat; top: 17px; right: 17px; } body.text-page .footer-wrapper .forms .newsletter { width: 100%; } body.text-page .footer-wrapper .forms .newsletter form .submit { font-size: 26px; padding: 23px 30px; } body.text-page .image-list .item, body.text-page .entry-list .item, body.text-page .image-list .entry, body.text-page .entry-list .entry { float: left; width: 45%; } body.text-page .image-list .item .name, body.text-page .entry-list .item .name, body.text-page .image-list .entry .name, body.text-page .entry-list .entry .name { height: 160px; } body.text-page .image-list .item h4, body.text-page .entry-list .item h4, body.text-page .image-list .entry h4, body.text-page .entry-list .entry h4 { font: 32px/30px 'neosansmedium'; } body.text-page .image-list .item h5, body.text-page .entry-list .item h5, body.text-page .image-list .entry h5, body.text-page .entry-list .entry h5 { font: 24px/36px 'neosansregular'; } body.text-page .image-list .item .description, body.text-page .entry-list .item .description, body.text-page .image-list .entry .description, body.text-page .entry-list .entry .description, body.text-page .image-list .item p, body.text-page .entry-list .item p, body.text-page .image-list .entry p, body.text-page .entry-list .entry p { font-size: 24px; line-height: 36px; } body.text-page .image-list .item .read-more, body.text-page .entry-list .item .read-more, body.text-page .image-list .entry .read-more, body.text-page .entry-list .entry .read-more { font: 24px/30px 'neosansmedium'; padding-left: 15px; padding-top: 15px; background: url(../img/icon_read_more_mobile.png) 0 70% no-repeat; } body.text-page .image-list .item .comments, body.text-page .entry-list .item .comments, body.text-page .image-list .entry .comments, body.text-page .entry-list .entry .comments { padding-left: 30px; padding-top: 15px; background: url(../img/icon_comment_mobile.png) 0 70% no-repeat; } body.text-page .sidebar-template h4 { font: 32px/30px 'neosansmedium'; } body.text-page .tags .tags-list a, body.text-page .filtered-tags .tags-list a { font-size: 28px; padding: 10px 12px 8px 29px; background-image: url(../img/tag_bull_mobile.png); background-position: 9px 19px; -webkit-border-radius: 30px 5px 5px 5px; -moz-border-radius: 30px 5px 5px 5px; border-radius: 30px 5px 5px 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } body.text-page .archive h5 { font: 32px/42px 'neosansregular'; color: #5a5e63; } body.text-page .archive a { font: 32px/42px 'neosansregular'; color: #5a5e63; background-image: url(../img/list_bullet_mobile.png); padding-left: 20px; } body.text-page .social-sidebar { text-align: center; } body.text-page .social-sidebar h4 { text-align: left; } body.text-page .social-sidebar .social { display: inline-block; margin-right: 38px; } body.text-page .social-sidebar .social.facebook .icon { background-image: url(../img/icon_facebook_gray_mobile.png); } body.text-page .social-sidebar .social.facebook .icon:hover { background-image: url(../img/icon_facebook_violet_mobile.png); } body.text-page .social-sidebar .social.twitter .icon { background-image: url(../img/icon_twitter_gray_mobile.png); } body.text-page .social-sidebar .social.twitter .icon:hover { background-image: url(../img/icon_twitter_blue_mobile.png); } body.text-page .social-sidebar .social.googleplus .icon { background-image: url(../img/icon_googleplus_gray_mobile.png); } body.text-page .social-sidebar .social.googleplus .icon:hover { background-image: url(../img/icon_googleplus_red_mobile.png); } body.text-page .social-sidebar .social .icon { width: 88px; height: 88px; border-width: 4px; } body.text-page .social-sidebar .social .caption { display: none; } body.text-page .dropdown { width: 100% !important; } body.text-page .dropdown .dropdown-trigger { padding: 20px 48px 20px 20px; } body.text-page .dropdown .dropdown-trigger .caption { font-size: 24px; } body.text-page .dropdown .dropdown-trigger .arrows { width: 72px; } body.text-page .dropdown .dropdown-trigger .arrows .arrow { width: 24px; height: 13px; } body.text-page .dropdown .dropdown-trigger .arrows .arrow.up { top: 15px; left: 24px; background-image: url(../img/arrow_dropdown_up_mobile.png); } body.text-page .dropdown .dropdown-trigger .arrows .arrow.down { top: 35px; left: 24px; background-image: url(../img/arrow_dropdown_down_mobile.png); } body.text-page .dropdown .dropdown-menu { width: 100% !important; } body.text-page .dropdown .dropdown-menu a { padding: 12px 20px; font-size: 24px; line-height: 40px; } body.science #coral-reefs .before-and-after-section, body.science #coral-reefs .before-and-after-captions { display: none; } body.science .caption { font-size: 24px; line-height: 30px; } body.science .copyright { font-size: 24px; line-height: 30px; } body.surveys { min-width: 0; } body.surveys .left-sidebar { display: none; } body.surveys .right-sidebar { position: relative; } body.surveys .right-sidebar .button-information { display: none; } body.about #the-team { padding: 0; } body.about #the-team .people-list { text-align: center; } body.about #the-team .people-list .people { display: inline-block; margin: 0; } body.about #the-team .people-list .people li { width: 33.333333333333336%; height: auto; } body.about #the-team .people-list .people li .image-holder { width: 100%; height: auto; } body.about #the-team .people-list .people li .image-holder img { position: static; width: 100%; height: auto; } body.about #the-team .people-list .people li .tooltip { display: none !important; } body.news .entry-featurette { height: auto; } body.news .entry-featurette .image { width: 100%; float: none; } body.news .entry-featurette .text { width: 100%; float: none; padding-bottom: 140px; } body.news .entry-featurette .text h3 { font: 40px/48px 'neosansmedium'; } body.news .entry-featurette .text h4 { font: 24px/36px 'neosansregular'; } body.news .entry-featurette .text p { font: 32px/48px 'neosansregular'; } body.news .entry-featurette .bottom-bar { padding: 35px 0; } body.news .entry-featurette .bottom-bar a { font: 24px/30px 'neosansmedium'; } body.news .entry-list { left: 0; display: inline-block; } body.news .entry-list .entry { width: 44% !important; float: left !important; } body.news .entry-list .entry .image-holder { height: 155px !important; } body.news .entry-list .entry .image-holder img.lead-img { height: 155px !important; } body.news #single-entry h2 { text-align: left; } body.news #single-entry .date { font-size: 24px; line-height: 36px; } body.surveys .navbar-top .nav-wrapper { width: 100%; } body.surveys .navbar-top .mobile-menu-toggle { position: fixed; } body.surveys .template-holder .template { height: 100%; min-height: 100%; } body.surveys .survey .captions h5 { font-size: 24px; line-height: 36px; } body.surveys .survey .captions h2 { font-size: 24px; line-height: 36px; } body.surveys .survey .captions .take-virtual-dive { font-size: 26px; -webkit-font-smoothing: antialiased; -webkit-border-radius: 50px 5px 5px 5px; -moz-border-radius: 50px 5px 5px 5px; border-radius: 50px 5px 5px 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 32px 35px 32px 90px; } body.surveys .survey .captions .take-virtual-dive:before { top: 8px; left: 9px; width: 72px; height: 72px; background: url(../img/icon_dive_mobile.png); } body.surveys .survey .captions .survey-nav .arrow { top: 9px; width: 74px; height: 74px; } body.surveys .survey .captions .survey-nav .arrow .icon { width: 28px; height: 52px; } body.surveys .survey .captions .survey-nav .arrow.prev .icon { left: 19px; background-image: url(../img/arrow_prev_mobile.png); } body.surveys .survey .captions .survey-nav .arrow.next .icon { left: 27px; background-image: url(../img/arrow_next_mobile.png); } body.surveys .survey .captions .survey-nav .where-been { padding: 18px 60px 12px 25px; font-size: 25px; -webkit-border-radius: 40px 5px 5px 5px; -moz-border-radius: 40px 5px 5px 5px; border-radius: 40px 5px 5px 5px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-font-smoothing: antialiased; } body.surveys .survey .captions .survey-nav .where-been .bars { right: 16px; top: 21px; } body.surveys .survey .captions .survey-nav .where-been .bars .bar { width: 35px; height: 7px; margin-bottom: 5px; } body.surveys .survey .bottom-pane .location { width: 25%; } body.surveys .photo-screen { position: relative; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } body.surveys .photo-screen .headers { position: absolute; bottom: 0; text-align: center; } body.surveys .details { padding: 10% 5%; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f0f0f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #f0f0f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color1', endColorstr='@color2', GradientType=0); /* IE6-9 */ } body.surveys .details h2 { font-size: 48px; line-height: 54px; margin-left: 0; } body.surveys .details p { font-size: 38px; line-height: 60px; } body.surveys .details .map { margin-bottom: 5%; } body.surveys .details .map img { width: 100%; } body.surveys .crew-updates .see-comments { width: 100%; text-align: center; box-sizing: border-box; font-size: 26px; -webkit-font-smoothing: antialiased; margin-bottom: 10%; -webkit-border-radius: 40px 5px 5px 5px; -moz-border-radius: 40px 5px 5px 5px; border-radius: 40px 5px 5px 5px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } body.surveys .crew-updates h2 { margin-top: 10%; margin-left: 0; } body.surveys .crew-updates h3 { font-size: 32px; margin-bottom: 20px; } body.surveys .crew-updates .lead-img { width: 100%; margin-bottom: 20px; } body.surveys .crew-updates p { font-size: 24px; line-height: 36px; color: #000; } body.contact-us .white-page-container .white-page#contact-us .vertical-section .newsletter3 input.query { text-align: center; } } @media (min-width: 1024px) and (max-width: 1262px) { body { min-width: 960px; } .container_12 { margin-left: auto; margin-right: auto; width: 864px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 12px; margin-right: 12px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; } .alpha { margin-left: 0; } .omega { margin-right: 0; } .container_12 .grid_1 { width: 48px; } .container_12 .grid_2 { width: 120px; } .container_12 .grid_3 { width: 192px; } .container_12 .grid_4 { width: 264px; } .container_12 .grid_5 { width: 336px; } .container_12 .grid_6 { width: 408px; } .container_12 .grid_7 { width: 480px; } .container_12 .grid_8 { width: 552px; } .container_12 .grid_9 { width: 624px; } .container_12 .grid_10 { width: 696px; } .container_12 .grid_11 { width: 768px; } .container_12 .grid_12 { width: 840px; } .container_12 .prefix_1 { padding-left: 72px; } .container_12 .prefix_2 { padding-left: 144px; } .container_12 .prefix_3 { padding-left: 216px; } .container_12 .prefix_4 { padding-left: 288px; } .container_12 .prefix_5 { padding-left: 360px; } .container_12 .prefix_6 { padding-left: 432px; } .container_12 .prefix_7 { padding-left: 504px; } .container_12 .prefix_8 { padding-left: 576px; } .container_12 .prefix_9 { padding-left: 648px; } .container_12 .prefix_10 { padding-left: 720px; } .container_12 .prefix_11 { padding-left: 792px; } .container_12 .suffix_1 { padding-right: 72px; } .container_12 .suffix_2 { padding-right: 144px; } .container_12 .suffix_3 { padding-right: 216px; } .container_12 .suffix_4 { padding-right: 288px; } .container_12 .suffix_5 { padding-right: 360px; } .container_12 .suffix_6 { padding-right: 432px; } .container_12 .suffix_7 { padding-right: 504px; } .container_12 .suffix_8 { padding-right: 576px; } .container_12 .suffix_9 { padding-right: 648px; } .container_12 .suffix_10 { padding-right: 720px; } .container_12 .suffix_11 { padding-right: 792px; } .container_12 .push_1 { left: 72px; } .container_12 .push_2 { left: 144px; } .container_12 .push_3 { left: 216px; } .container_12 .push_4 { left: 288px; } .container_12 .push_5 { left: 360px; } .container_12 .push_6 { left: 432px; } .container_12 .push_7 { left: 504px; } .container_12 .push_8 { left: 576px; } .container_12 .push_9 { left: 648px; } .container_12 .push_10 { left: 720px; } .container_12 .push_11 { left: 792px; } .container_12 .pull_1 { left: -72px; } .container_12 .pull_2 { left: -144px; } .container_12 .pull_3 { left: -216px; } .container_12 .pull_4 { left: -288px; } .container_12 .pull_5 { left: -360px; } .container_12 .pull_6 { left: -432px; } .container_12 .pull_7 { left: -504px; } .container_12 .pull_8 { left: -576px; } .container_12 .pull_9 { left: -648px; } .container_12 .pull_10 { left: -720px; } .container_12 .pull_11 { left: -792px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .container { -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 864px; } .container.nav-wrapper { width: 984px; } .entry-list .entry .image-holder { height: 130px !important; } .entry-list .entry .image-holder .lead-img { height: 130px !important; } .entry-featurette { height: 233px; } .entry-featurette .text h3 { font-size: 20px; line-height: 20px; } .entry-featurette .text h4 { padding-bottom: 5px; } .entry-featurette .text p { font-size: 12px; line-height: 22px; } .social .show-buttons { display: none !important; } .social .buttons { display: none !important; } .navbar-top .newsletter { display: none !important; } .quote-with-image { width: 984px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .content-image { width: 408px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .content-image:after { width: 408px; } .carousel.normal { width: 408px; height: 255px; } .carousel.normal .inner { width: 408px; height: 255px; } .carousel.normal .inner .item { width: 408px; height: 255px; } .carousel.normal .inner .item iframe { width: 408px; height: 255px; } .carousel.normal .inner:after { width: 408px; height: 255px; } .carousel.wide { width: 552px; height: 329px; } .carousel.wide .inner { width: 552px; height: 329px; } .carousel.wide .inner .item { width: 552px; height: 329px; } .carousel.wide .inner .item iframe { width: 552px; height: 329px; } .carousel.wide .inner:after { width: 552px; height: 329px; } } @media (max-width: 1024px) { body, html { overflow-x: visible; } body { min-width: 960px; } .container_12 { margin-left: auto; margin-right: auto; width: 720px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 12px; margin-right: 12px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; } .alpha { margin-left: 0; } .omega { margin-right: 0; } .container_12 .grid_1 { width: 36px; } .container_12 .grid_2 { width: 96px; } .container_12 .grid_3 { width: 156px; } .container_12 .grid_4 { width: 216px; } .container_12 .grid_5 { width: 276px; } .container_12 .grid_6 { width: 336px; } .container_12 .grid_7 { width: 396px; } .container_12 .grid_8 { width: 456px; } .container_12 .grid_9 { width: 516px; } .container_12 .grid_10 { width: 576px; } .container_12 .grid_11 { width: 636px; } .container_12 .grid_12 { width: 696px; } .container_12 .prefix_1 { padding-left: 60px; } .container_12 .prefix_2 { padding-left: 120px; } .container_12 .prefix_3 { padding-left: 180px; } .container_12 .prefix_4 { padding-left: 240px; } .container_12 .prefix_5 { padding-left: 300px; } .container_12 .prefix_6 { padding-left: 360px; } .container_12 .prefix_7 { padding-left: 420px; } .container_12 .prefix_8 { padding-left: 480px; } .container_12 .prefix_9 { padding-left: 540px; } .container_12 .prefix_10 { padding-left: 600px; } .container_12 .prefix_11 { padding-left: 660px; } .container_12 .suffix_1 { padding-right: 60px; } .container_12 .suffix_2 { padding-right: 120px; } .container_12 .suffix_3 { padding-right: 180px; } .container_12 .suffix_4 { padding-right: 240px; } .container_12 .suffix_5 { padding-right: 300px; } .container_12 .suffix_6 { padding-right: 360px; } .container_12 .suffix_7 { padding-right: 420px; } .container_12 .suffix_8 { padding-right: 480px; } .container_12 .suffix_9 { padding-right: 540px; } .container_12 .suffix_10 { padding-right: 600px; } .container_12 .suffix_11 { padding-right: 660px; } .container_12 .push_1 { left: 60px; } .container_12 .push_2 { left: 120px; } .container_12 .push_3 { left: 180px; } .container_12 .push_4 { left: 240px; } .container_12 .push_5 { left: 300px; } .container_12 .push_6 { left: 360px; } .container_12 .push_7 { left: 420px; } .container_12 .push_8 { left: 480px; } .container_12 .push_9 { left: 540px; } .container_12 .push_10 { left: 600px; } .container_12 .push_11 { left: 660px; } .container_12 .pull_1 { left: -60px; } .container_12 .pull_2 { left: -120px; } .container_12 .pull_3 { left: -180px; } .container_12 .pull_4 { left: -240px; } .container_12 .pull_5 { left: -300px; } .container_12 .pull_6 { left: -360px; } .container_12 .pull_7 { left: -420px; } .container_12 .pull_8 { left: -480px; } .container_12 .pull_9 { left: -540px; } .container_12 .pull_10 { left: -600px; } .container_12 .pull_11 { left: -660px; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .container { -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 720px; } .container.nav-wrapper { width: 768px; } .container.nav-wrapper .nav { margin-left: 135px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .container.nav-wrapper .nav li { margin-right: 10px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .container.nav-wrapper .nav li a { font-size: 12px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .container.content-wrapper { padding: 48px 24px 60px 24px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .entry-list .entry .image-holder { height: 106px !important; } .entry-list .entry .image-holder .lead-img { height: 106px !important; } .entry-featurette { height: 193px; } .entry-featurette .bottom-bar a { line-height: 32px; } .entry-featurette .text .wrapper { padding: 20px 20px 0 20px; } .entry-featurette .text .wrapper h3 { font-size: 18px; line-height: 18px; } .entry-featurette .text .wrapper h4 { padding-bottom: 5px; } .entry-featurette .text .wrapper p { font-size: 12px; line-height: 22px; } .sidebar-template .categories { width: 100% !important; } .sidebar-template .search { width: 100% !important; } .sidebar-template .search form { width: 100% !important; } .sidebar-template .search form .query { width: 97px !important; } .sidebar-template .dropdown { width: 157px !important; } .sidebar-template .dropdown .dropdown-menu { width: 157px !important; } .social .show-buttons { display: none !important; } .social .buttons { display: none !important; } .navbar-top .newsletter { display: none !important; } .content-image { width: 336px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .content-image:after { width: 336px; } .quote-with-image { width: 768px; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .carousel.normal { width: 336px; height: 210px; } .carousel.normal .inner { width: 336px; height: 210px; } .carousel.normal .inner .item { width: 336px; height: 210px; } .carousel.normal .inner .item iframe { width: 336px; height: 210px; } .carousel.normal .inner:after { width: 336px; height: 210px; } .carousel.wide { width: 456px; height: 272px; } .carousel.wide .inner { width: 456px; height: 272px; } .carousel.wide .inner .item { width: 456px; height: 272px; } .carousel.wide .inner .item iframe { width: 456px; height: 272px; } .carousel.wide .inner:after { width: 456px; height: 272px; } } @media (max-width: 1024px) { body { min-width: 100%; } } @media (max-height: 768px) { body.surveys .survey .left-sidebar { top: 100px; } body.surveys .survey .captions { bottom: 30px; } body.about #overlay.text { padding-top: 35px; } } @media (max-height: 840px) { body.surveys .survey .left-sidebar .updates .content { padding-bottom: 0; } body.surveys .survey .left-sidebar .updates .content p { display: none; } body.surveys .survey .left-sidebar .tweets .crew-updates { display: none; } body.surveys .survey .left-sidebar .tweets .tip { display: none; } .carousel.normal { width: 100%; height: 275px; } .carousel.normal .inner { width: 100%; height: 275px; } .carousel.normal .inner .item { width: 100%; height: 275px; } .carousel.normal .inner .item iframe { width: 100%; height: 275px; } .carousel.normal .inner:after { width: 100%; height: 275px; } .carousel.wide { width: 100%; height: 272px; } .carousel.wide .inner { width: 100%; height: 272px; } .carousel.wide .inner .item { width: 100%; height: 272px; } .carousel.wide .inner .item iframe { width: 100%; height: 272px; } .carousel.wide .inner:after { width: 100%; height: 272px; } } /* HIGH PPI/RETINA -------------------------------------------------- */ /* IE -------------------------------------------------- */ @font-face { font-family: 'neosansmedium'; src: url('neosans-medium-webfont.eot'); src: url('neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-medium-webfont.woff') format('woff'), url('neosans-medium-webfont.ttf') format('truetype'), url('neosans-medium-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosansregular'; src: url('neosans-webfont.eot'); src: url('neosans-webfont.eot?#iefix') format('embedded-opentype'), url('neosans-webfont.woff') format('woff'), url('neosans-webfont.ttf') format('truetype'), url('neosans-webfont.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neosanslight'; src: url('neosans-light.eot'); src: url('neosans-light.eot?#iefix') format('embedded-opentype'), url('neosans-light.woff') format('woff'), url('neosans-light.ttf') format('truetype'), url('neosans-light.svg#neosansregular') format('svg'); font-weight: normal; font-style: normal; } .no-transition { -webkit-transition: none 0 linear !important; -moz-transition: none 0 linear !important; -ms-transition: none 0 linear !important; -o-transition: none 0 linear !important; transition: none 0 linear !important; } .no-transform { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .zero_opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .bootstrap-navbar { box-shadow: none; border: none; } .bootstrap-navbar .navbar-inner { border: none; } .bootstrap-navbar .navbar-inner .nav li a { text-shadow: none; } .v-align { width: 100%; display: table; height: 100%; } .v-align-wrapper { width: 100%; display: table-cell; vertical-align: middle; } .come-in-prepare { -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .come-in { -webkit-animation: come-in 0.6s ease forwards; -moz-animation: come-in 0.6s ease forwards; -ms-animation: come-in 0.6s ease forwards; -o-animation: come-in 0.6s ease forwards; animation: come-in 0.6s ease forwards; } .already-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes come-in { to { -webkit-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-moz-keyframes come-in { to { -moz-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-ms-keyframes come-in { to { -ms-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @-o-keyframes come-in { to { -o-transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } @keyframes come-in { to { transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 1; } } html.ie9 .gradient, html.ie9 .activeSlide, html.ie9 .entry-featurette .bottom-bar, html.ie9 .dropdown .dropdown-trigger, html.ie9 .dropdown .dropdown-trigger .arrows, html.ie9 .footer-wrapper .forms .newsletter .submit, html.ie9 .people-list .people .tooltip, html.ie9 .newsletter .newsletter-submit, html.ie9 .right-sidebar .scrollable .details { filter: none; }