/* Standard Colours: Red #E1001A Brown #82756B (body text) Grey Lt #F2F2F2 (footer bg) Grey Md #E6E6E6 (box bg) Fonts: font-family: 'AvantGardeGothicITCW01X'; Light font-family: 'AvantGardeGothicITCW01B 731069'; Regular font-family: 'AvantGardeGothicITCW01B 731072'; Regular Italic font-family: 'AvantGardeGothicITCW01D 731075'; Bold font-family: 'AvantGardeGothicITCW01D 731078'; Bold Italic font-family: 'Thought W01 Linear25'; Script */ /* -------------------------------------------------------------- Extend / Override Defaults -------------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { background-image: url("/inc/img/glyphicons-halflings.png"); } .icon-white { background-image: url("/inc/img/glyphicons-halflings-white.png"); } td p { margin-bottom: 0; } hr { clear: both; } .dl-horizontal dt { width: 80px; text-align: left; font-weight: normal; float: left; clear: both; } .dl-horizontal dd { margin-left: 100px; } form.login-panel { margin: 0; } .nav li.disabled a { display: none; color: #ccc; } .nav li.active a, .nav li.active a:hover { background-color: #E1001A; } .nav li.nav-header { font-family: "AvantGardeGothicITCW01D 731075", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; } /* -------------------------------------------------------------- Navigation Styles -------------------------------------------------------------- */ a { color: #82756B; text-decoration: none; } a:hover { color: #E1001A; text-decoration: underline; } a.ul { text-decoration: underline; } #nav ul { margin: 20px 0; padding: 0; float: right; } #nav li { list-style-type: none; float: left; } #nav li a { color: #E1001A; padding: 5px 10px; margin: 5px 5px; text-transform: uppercase; } #nav li a:hover { text-decoration: none; color: #E1001A; background-color: #EFEFEF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #nav li.on a { color: #ffffff; background-color: #E1001A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #nav li.cart a { text-decoration: none; color: #fff; background-color: #468847; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .no-scroll { overflow: hidden; } .sml-nav { float: right; height: 40px; padding: 20px 0; } .box-shadow-menu { position: relative; padding-left: 1.25em; color: #E1001A !important; font-size: 18px; } .box-shadow-menu:before { content: ""; position: absolute; left: 0; top: 0.25em; width: 1em; height: 0.15em; background: #E1001A; box-shadow: 0 0.25em 0 0 #E1001A, 0 0.5em 0 0 #E1001A; } .box-shadow-menu:hover { text-decoration: none; } .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(225,0,26,0.9); z-index: 99999; } .overlay .overlay-close { width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(/inc/img/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; } .overlay nav { text-align: center; position: relative; top: 50%; height: 60%; font-size: 28px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .overlay ul li { display: block; height: 20%; height: calc(100% / 10); min-height: 54px; } .overlay ul li.on { font-family: 'AvantGardeGothicITCW01D 731075'; } .overlay ul li a { font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; } .overlay ul li a:hover, .overlay ul li a:focus { color: #fff; text-decoration: none; } .overlay-luv { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-luv.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay-luv nav { -webkit-perspective: 1200px; perspective: 1200px; } .overlay-luv nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .overlay-luv.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .overlay-luv.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } @media screen and (max-height: 30.5em) { .overlay nav { height: 70%; font-size: 28px; } .overlay ul li { min-height: 34px; } } /* -------------------------------------------------------------- Layout Styles -------------------------------------------------------------- */ body { font-family: "AvantGardeGothicITCW01B 731069", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color: #fff; color: #82756B; } img { -ms-interpolation-mode: bicubic; } /* enable high-quality bicubic resampling on old IE */ strong { font-family: "AvantGardeGothicITCW01D 731075", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; } em { font-family: "AvantGardeGothicITCW01B 731072", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } strong em { font-family: "AvantGardeGothicITCW01D 731078", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: "AvantGardeGothicITCW01X", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; color: #E1001A; text-rendering: optimizeLegibility; } h1 { margin-top: 0; font-size: 42px; line-height: 52px; } h2 { font-size: 22px; line-height: 28px; } h3, h4, h5 { font-family: "AvantGardeGothicITCW01B 731069", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .red { color: #E1001A; } .brown { color: #82756B; } .icap { text-transform: capitalize !important; } .caps { text-transform: uppercase; } .script { font-family: "Thought W01 Linear25"; letter-spacing: px; font-size: 32px; line-height: 36px; } .script-sml { font-family: "Thought W01 Linear25"; letter-spacing: px; font-size: 24px; line-height: 26px; } .lead-sml { margin-bottom: 0px; font-size: 16px; font-weight: 200; line-height: 26px; } .spacet40 { padding-top: 40px; } .spacet30 { padding-top: 30px; } .spacet20 { padding-top: 20px; } .spacet10 { padding-top: 10px; } .spacet0 { padding-top: 0; margin-top: 0; } .spaceb40 { padding-bottom: 40px; } .spaceb30 { padding-bottom: 30px; } .spaceb20 { padding-bottom: 20px; } .spaceb10 { padding-bottom: 10px; } .spaceb0 { padding-bottom: 0; margin-bottom: 0; } .centre { text-align: center; } .hero-new { position: relative; margin-bottom: 30px; } .head-sub { position: absolute; bottom: 0; text-align: center; width: 100%; background:rgb(148,128,121); background: transparent\9; background:rgba(148,128,121,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2948079,endColorstr=#b2948079); zoom: 1; } .head-sub:nth-child(n) { filter: none; } .span3 .head-sub { background:rgba(207,10,44,1); text-align: left; } .span3 .head-sub h2, .span3 .head-sub h3 { margin-left: 10px; } .head-sub h2, .head-sub h3 { color: #fff; position: relative; margin: 0; padding: 0; line-height: 1; } .head-sub h2 { font-size: 24px; margin: 10px 0; } .head-sub h3 { font-size: 16px; margin: 0 0 10px 0; font-family: "AvantGardeGothicITCW01X", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal;} .head-sub-100 { background-color: #E1001A; text-align: center; } .head-sub-100 h2 { color: #fff; font-size: 16px; margin: 0 0 20px 0; } .wrapper { margin: 0; padding: 0; width: 100%; } #header { position: relative; } .logo { position: absolute; top: 10px; left: 0; z-index: 999; width: 100px !important; height: 100px ! important; } ul.ticks-inline { margin: 0; padding: 0; } ul.ticks-inline li { list-style-type: none; margin: 0; padding: 0; font-size: 16px; line-height: 30px; display: block; float: left; margin-right: 20px; text-transform: uppercase; } ul.ticks-inline img { padding-right: 10px; margin-top: -2px; width: 12px !important; height: 12px !important; } .recipe-shadow { background-color: #F6F4F3; } .recipe-shadow p { padding: 10px 10px 0 10px; } .recipe-shadow dl { padding: 0 10px 10px 10px; } .recipe-utils { text-align: left; } .recipe-utils img { margin: 0 25px 0 5px; } .recipe-print-header { background-color: #E1001A; width: 100%; position: absolute; display: none; } .recipe-print-header h1 { color: #fff; margin: 12px 0; font-size: 28px; } body#recipes h3 { font-size: 16px; color: #82756B; } body#classes .dl-horizontal dt { width: 200px; } body#classes .dl-horizontal dd { margin-left: 250px; } body#classes .nav-list { margin-left: 0; padding-left: 0; } body#classes .nav-list li.active a { color: #E1001A; background-color: transparent; font-family: "AvantGardeGothicITCW01D 731075", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-shadow: none; } .js-event-booker li.active { font-family: "AvantGardeGothicITCW01D 731075", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } .js-event-booker li.active a { color: red; } .dateselect a { color: #E1001A; } .dateselect span { color: #ccc; } .dateselect .active { background-color: #ebebeb; } #footer { clear: both; background-color: #F5F5F5; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e5e5e5; } #footer strong { color: #E1001A; } h1.homeintro { font-size: 36px; line-height: 54px; } h1.homeintro span { font-size: 38px; } #mapCanvas img { max-width: none; } #mapCanvas img { max-width: none; } #mapCanvas label { width: auto; display:inline; } /* -------------------------------------------------------------- Screen Overrides -------------------------------------------------------------- */ /* Large desktop */ @media (min-width: 1200px) { body#recipes .rcustom .control-label { width: 140px; } body#recipes .rcustom .controls { margin-left: 160px; } } /* Regular desktop */ @media (min-width: 980px) and (max-width: 1199px) { h1.homeintro { font-size: 28px; line-height: 42px; } h1.homeintro span { font-size: 32px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { .hidden-tablet { display: none !important; } body#recipes .rcustom .control-label { width: 140px; } body#recipes .rcustom .controls { margin-left: 160px; } .dl-horizontal dt { width: 100%; } .dl-horizontal dd { clear: both; margin: 0 0 10px 0; } h1.homeintro { font-size: 28px; line-height: 42px; } h1.homeintro span { font-size: 32px; } } /* Landscape phone to portrait tablet */ @media (min-width: 481px) and (max-width: 767px) { body { padding: 0; } .container { padding-left: 20px; padding-right: 20px; } #nav ul { width: 300px; text-align: center; } #nav ul li { text-align: center; } #nav li a { padding: 2px 5px; margin: 5px; text-transform: uppercase; } h1 { font-size: 28px; line-height: 36px; } h1.homeintro { font-size: 28px; line-height: 42px; } h1.homeintro span { font-size: 32px; } } /* Landscape phones and down */ @media (max-width: 480px) { body { padding: 0; } .container { padding-left: 20px; padding-right: 20px; } .dl-horizontal dt { width: 80px; text-align: left; font-weight: normal; float: left; clear: both; } .dl-horizontal dd { margin-left: 100px; } h1 { font-size: 28px; line-height: 36px; } #nav ul { margin: 10px 0; padding: 0; float: right; } #nav li { list-style-type: none; float: none; text-align: right; } #nav li a { color: #E1001A; padding: 2px 5px; margin: 5px 5px; text-transform: uppercase; } #nav li a:hover { text-decoration: none; color: #E1001A; background-color: #EFEFEF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #nav li.on a { color: #ffffff; background-color: #E1001A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #nav li.cart a { text-decoration: none; color: #fff; background-color: #468847; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } h1.homeintro { font-size: 18px; line-height: 32px; } h1.homeintro span { font-size: 22px; } } /* -------------------------------------------------------------- 3rd Party Styles -------------------------------------------------------------- */ .accordionButton { cursor: pointer; background: transparent url(/inc/img/icon_arrow_down.png) no-repeat right 20px; } .accordionButtonOn { cursor: pointer; background: transparent url(/inc/img/icon_arrow_up.png) no-repeat right 20px; } /* body#products .accordionButton { background-position: 350px 20px; } body#products .accordionButtonOn { background-position: 350px 20px; } */ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:36px;height:36px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(/inc/img/rating_delete.gif) no-repeat 0 -16px display: none;} div.star-rating,div.star-rating a{background:url(/inc/img/rating_star.png) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:36px;height:100%;background-position:0 0px;border:0} div.rating-cancel, div.rating-cancel a { display: none !important; } div.star-rating-on a{background-position:0 -35px!important} div.star-rating-hover a{background-position:0 -35px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* * jQuery Nivo Slider v3.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ #place { width: 100% !important; height: auto !important; } .slider-wrapper { padding-bottom: 40px; width: 100%; height: auto !important; } #slider a { display:block; } .nivoSlider { position:relative; background:url(/inc/img/icon_loading.gif) no-repeat 50% 10%; width: 100%; height: auto !important; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a { border:0; display:block; } /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .theme-default .nivo-controlNav { text-align: center; padding: 00px 0; margin-top: 20px; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/inc/img/nivo_bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:60px; height:60px; background:url(/inc/img/nivo_arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-60px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* * Nivo Lightbox v1.2.0 * http://dev7studios.com/nivo-lightbox * * Copyright 2013, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ .nivo-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1; } .nivo-lightbox-wrap { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; } .nivo-lightbox-content { width: 100%; height: 100%; } .nivo-lightbox-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; text-align: center; } .nivo-lightbox-nav { display: none; } .nivo-lightbox-prev { position: absolute; top: 50%; left: 0; } .nivo-lightbox-next { position: absolute; top: 50%; right: 0; } .nivo-lightbox-close { position: absolute; top: 2%; right: 2%; } .nivo-lightbox-image { text-align: center; } .nivo-lightbox-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .nivo-lightbox-content iframe { width: 100%; height: 100%; } .nivo-lightbox-inline, .nivo-lightbox-ajax { max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */ } .nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; text-shadow: 0 1px 1px #000; } .nivo-lightbox-error p { display: table-cell; vertical-align: middle; } /* Effects **********************************************/ .nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, .nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, .nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, .nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, .nivo-lightbox-notouch .nivo-lightbox-effect-fall { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* fadeScale */ .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* slideLeft / slideRight / slideUp / slideDown */ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* fall */ .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px); } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }