with a

tag inside - Setting the background opacity of the

will result in the div becoming transparent but not the

* * @param $color {String} The color value that the background should be * @param $opacity {Int} number from 0 - 1 to set the value of the transparency * */ /** * Mixin border-radius * Set a border radius to various corners. * Can be used with multiple versions for different effects. * border-?-radius * * @param $radius {String} Value of radius to be used * * Full example: @include border-radius(10px) - Sets all corners to 10px * @include border-top-radius(10px) - Only sets the borders on the top corners * * For multiple uses... * @include border-bottom-radius(10px) * @include border-top-right-radius(5px) * @include border-top-left-radius(50px) */ /** * Mixin box-shadow * Sets the CSS3 Box Shadow property with inset value * * @param $top {Int} * @param $left {Int} * @param $colour {String} * @param $inset {String} {Optional} * * Full example: @include box-shadow(10px, 10px, 10px, #000, inset); */ /** * Mixin text-shadow * Adds a shadow to text it is applied to * * @param $x {String} * @param $y {String} * @param $blur {String} * @param $color {String} * * Full example: @include text-shadow(); //Using default values * @include text-shadow(5px, 10px, 1px, rgba(0,0,0,.6)); * * ToDo - Make it so it accepts any colour in any format and converts it to an RGBA value with opacity..... */ /** * Mixin background-gradient * Generate a cross-browser gradient on an object * * @param $fromColour {String} The top colour of the gradient * @param $toColour {String} The colour the graident goes to * * Full example: @include background-gradient(#ffccff, #ccffcc); */ /** * Mixin background-gradient-with-img * Generates a background gradient with an image * Note: Only compatible with CSS3 complient Browsers, as it uses multiple backgrounds. * Fallback: only displays the image with no background gradient * * @param $startColour {String} The top colour of the gradient * @param $endColour {String} The colour the graident goes to * * Full example: @include background-gradient-with-img(#ffccff, #ccffcc, "../img/foo.jpg"); */ /** * Mixin transistion * Set a CSS3 transistion property to an object * * @param $transition-property {String} a string describing which property to transistion on: usually set to all * @param $transition-time {Int} The time to do the transistion in e.g 500ms (Half a second) * @param $method {String} The ease method in which to apply e.g ease-in, ease-out, linear * * Full example: @include transition(all, 500ms, ease-in); */ /** * Mixin circle-box * CSS3 Browsers only, take the object and clips the image to turn it into a cirlce e.g a div or an image. * Note: Also requires the border-radius @Mixin * * @param $size {Int} The size of the box shape * * Full example: @include circle-box(50px); */ /** * Mixin placeholder * Sets styling for the placeholder text of form inputs * * Full example: @include placeholder(){color: red; text-align: center;} */ /** * Mixin arrow * Adds an arrow to an element, currently sets it in the centre of the object, cross browser from IE8+ * IE7 Would require a graphical fallback * Requires a position: relative; * * @param $direction {String} either: top, bottom, left, right - Placement of the arrow * @param $colour {String} Colour of the arrow * * Usage example - @include arrow(top, red) */ /** * Mixin block * * Possibly Redundant */ /* * REM Mixin * * Uses a base font-size of 16px (Browser default) * Usage Example: @include font-size(14px) */ /** * Placeholder - center-block * Use to center an object within an object eg. text or an image * * Full example: @extend %center-block */ /* Extend SCSS */ /** * Placeholder - center-block * Use to center an object within an object eg. text or an image * * Full example: @extend %center-block */ /* -- Import Normalize & Other Partials -- */ /* Helper - Taken from the HTML5 Boilerplate */ ::-moz-selection { background: #ffbb33; text-shadow: none; } ::selection { background: #ffbb33; text-shadow: none; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* ========================================================================== Helper classes ========================================================================== */ /* /*Cookie Bar Styles Testing - George*/ .cc-banner { height: 85px; } .cc-grower { width: auto; float: none; display: block; position: fixed; bottom: 0; width: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.9); } .cc-grower div { width: auto; float: none; } .cc-grower .cc-message { color: #fff; font-size: 13px; } .cc-grower .cc-btn { color: #ffffff; margin: 15px !important; margin-top: 1px !important; } .cc-grower .cc-btn a { color: #fff; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0% !important; height: 100% !important; margin-right: 4.5rem !important; padding: 0.4em !important; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 2em; margin-right: 2em; } @media (max-width: 767px) { .cc-floating.cc-theme-edgeless .cc-message { margin: 1em 1em 1em !important; } } .cc-revoke, .cc-window { line-height: 1.2em !important; } .cc-window.cc-floating { max-width: 100%; } /* SH Default Button */ .sh__button { background-color: #e0ceb5; color: black; font-size: 13px; padding: 16px 70px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; } .sh__button a { background-color: #e0ceb5; color: black; font-size: 13px; padding: 16px 40px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; } .sh__button a:hover { opacity: 0.8; } .sh__button:hover { opacity: 0.8; } /* Mobile Menu hide onclick body - George */ .ghost { position: fixed; bottom: 0; height: 28%; margin: 0 auto; left: 0; right: 0; z-index: 50; background-color: transparent; border-bottom: 0 !important; } @media screen and (min-width: 1025px) { .ghost { display: none !important; } } /*Home Page Preloader - George*/ #overlay-loader { position: fixed; background-color: #000000; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .logo-wrap { position: relative; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .logo-wrap img { width: 300px; } /* SEO Text Breakpoints - George */ #containermsnr .item-wide .text-inside-wrapper .text-inside .inside p { color: #000 !important; } @media screen and (max-width: 976px) { .homepage-content p { font-size: 14px !important; line-height: 16px !important; } } @media screen and (max-width: 620px) { .homepage-content h3 { font-size: 12px !important; line-height: 16px !important; } } .footer-img { max-width: 300px !important; } /* Contact Form*/ .contact-form { padding: 1.6% 7% 4% 7% !important; border: 3px solid #ded1c3; background-color: #fff !important; margin-top: -15% !important; } @media (max-width: 1200px) { .contact-form { padding: 1.6% 3% 4% 3% !important; } } .success__wrap { padding: 20px !important; width: 30%; text-align: center; margin: 0 auto; margin-left: 13%; font-size: 17px; min-width: 30%; } @media (max-width: 767px) { .success__wrap { border: 3px solid #ded1c3 !important; width: 75%; } } .contact-form label { display: none !important; } .contact-form h4 { margin-top: 0; text-align: center; font-family: Times, Arial, sans-serif; color: #ded1c3; } .contact-form input[type="submit"] { background-color: #ded1c3; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; font-family: Arial, sans-serif; width: 45%; padding: 21px; padding: 24px; font-weight: bold; line-height: 4px; display: block; margin: auto; } .contact-form input[type="submit"]:hover { opacity: 0.8; background-color: #ded1c3; color: black; } .contact-form select, .contact-form .datepickerfield, .contact-form #contour input[type="file"], .contact-form .contour input[type="file"] { width: 92% !important; } .umbraco-forms-field-wrapper { border: 1px solid #ded1c3; margin-bottom: 20px; } .umbraco-forms-field.recaptcha2 .umbraco-forms-field-wrapper { border: none; } .umbraco-forms-form fieldset { padding: 0 !important; margin: 0 !important; } .umbraco-forms-form textarea { height: 0 !important; } .umbraco-forms-form input.text, .umbraco-forms-form textarea { padding: 20px; width: 95%; margin: 0 auto; margin-top: 10px; } .umbraco-forms-form input.text, .umbraco-forms-form textarea { width: 90% !important; } .umbraco-forms-form input.text, .umbraco-forms-form input.title, .umbraco-forms-form textarea, .umbraco-forms-form select { padding: 5px; display: block; } .umbraco-forms-form input.text, .umbraco-forms-form input.title, .umbraco-forms-form textarea, .umbraco-forms-form select { margin: 0 auto !important; margin-top: 10px !important; color: black; margin-bottom: 10px !important; margin-left: 10px !important; outline: none; } input.text::placeholder { font-family: Arial, sans-serif; color: black; font-weight: 400; } .contact-form textarea { width: 95% !important; } .contact-form input, .contact-form select, .contact-form textarea { border: 0px !important; width: 100%; } input::-webkit-input-placeholder { color: black; font-weight: 400; font-family: Times,Arial, sans-serif; } .umbraco-forms-form span.contourError, .umbraco-forms-form span.field-validation-error { margin: 0; padding: 0; background-color: #FBE3E4; } .umbraco-forms-form input.contourError, .umbraco-forms-form textarea.contourError, .umbraco-forms-form input.input-validation-error, .umbraco-forms-form textarea.input-validation-error { background-color: transparent !important; } textarea::-webkit-input-placeholder { font-family: Times,Arial, sans-serif; font-style: italic; font-weight: 100; } textarea::placeholder { font-family: Times,Arial, sans-serif; } .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(2) .umbraco-forms-field { width: calc(50% - 12px); display: inline-block; margin-right: 20px; } .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(2) .umbraco-forms-field:nth-of-type(2n) { margin-right: 0; } .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(1) input.text { width: 95% !important; max-width: 100% !important; outline: none; } .umbraco-forms-page .umbraco-forms-fieldset:nth-of-type(1) select { width: 96% !important; max-width: 100% !important; outline: none; } .titleanddescription .umbraco-forms-field-wrapper { border: 0 !important; } .titleanddescription h2 { color: #E0CEB5; text-align: center; font-family: Times,Arial, sans-serif; font-weight: normal; } .titleanddescription h2:before { content: ""; display: block; width: 15%; height: 3px; background-color: #E0CEB5; margin: 0 auto; margin-bottom: 15px; } .titleanddescription p { font-family: Times,Arial, sans-serif; text-align: center; } select { background-image: url("/images/angledown.svg"); background-repeat: no-repeat; background-position-x: right 10px; background-position-y: center; } select::-ms-expand { display: none !important; } select:nth-of-type(1) { margin-bottom: 10px !important; margin-left: 10px !important; } @media only screen and (max-width: 767px) { .contact-form { margin-top: 0% !important; border: 0; border-top: 3px solid #ded1c3; border-bottom: 3px solid #ded1c3; } .contact { width: 100% !important; } .contact-text { text-align: center; padding: 20px; } .accordion_container { text-align: left; } .disclaimer-contact { padding-top: 15px; width: 100% !important; font-family: Arial, sans-serif; } } @media only screen and (max-width: 600px) { .contact-form input[type="submit"] { width: 100%; margin-top: -15px; margin-bottom: 20px; } } /* Carousel Indicators */ .carousel > ol { top: auto !important; bottom: 85px !important; } .carousel > ol li { margin: 2px; } .carousel > ol .active, .carousel > ol .active:hover { background-color: #000; } @media only screen and (max-width: 1500px) { .carousel > ol { bottom: 70px !important; } } @media only screen and (max-width: 767px) { .carousel > ol { bottom: 25px !important; } } .masonry-container { z-index: 0; position: relative; } .no__carousel .fixed-nav-bar { background-color: rgba(0, 0, 0, 0.8) !important; } .fixed-nav-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; width: 100%; height: 71px; background-color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .fixed-nav-bar li, .fixed-nav-bar a { height: 70px; line-height: 71px; } .menu { width: 90%; max-width: 100%; margin: 0 auto; font-weight: 400; } .menu a { color: #ffffff; } .menu a:visited { color: #ffffff; } .menu a:hover, .menu a:target { color: #ebebeb; } .is__homepage .menu-items li { display: none; float: left; } @media (max-width: 1024px) { .is__homepage .menu-items li { display: block !important; float: none; } } .menu-items { display: flex; margin: 0; padding-left: 1rem; } .menu-items li { float: left; list-style: none; padding-right: 20px; padding-left: 20px; } @media (max-width: 768px) { .menu-items li { display: block !important; float: none; } } .menu-items a { text-decoration: none; text-transform: uppercase; font-size: 15px; } .menu-items a:hover { border-bottom: 5px solid #ded1c3; } .menu-link { display: block; } .active { border-bottom: 5px solid #ded1c3; } .menu-icon { margin-top: -2px; } .sitename { float: left; } a.sitename, a:visited.sitename { color: #e0e0e0; text-decoration: none; } .show, .hide { display: none; padding-left: 15px; text-decoration: none; } .desktop-mobile-logo { width: 244px !important; } .tablet-logo { display: none; } @media only screen and (max-width: 1638px) { .menu-items li { padding-right: 15px; padding-left: 15px; } } @media only screen and (max-width: 1528px) { .menu-items li { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 1417px) { .menu-items li { padding-right: 5px; padding-left: 5px; } } @media only screen and (max-width: 1303px) { .menu { width: 95%; } .menu-items li { padding-right: 5px; padding-left: 5px; } } @media only screen and (max-width: 1237px) { .menu-items li { padding-right: 10px; padding-left: 10px; } .tablet-logo { display: inline-block; width: 42px !important; } .desktop-mobile-logo { display: none; } } @media only screen and (max-width: 1128px) { .menu-items li { padding-right: 5px; padding-left: 5px; } } @media only screen and (max-width: 1024px) { /*.fixed-nav-bar { background-color: rgba(0, 0, 0, 0.6) !important; }*/ .menu { position: relative; width: 100%; } .menu.active .menu-items { display: inline-block; overflow-y: scroll; } .menu.active .show { display: none; } .menu.active .hide { display: inline-block; cursor: pointer; } .sitename { position: absolute; top: 0; left: 15px; margin-left: 0px; } .menu-items { display: none; width: 100%; margin-top: 70px; background-color: black; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-left: 0; padding-bottom: 40px; } .menu-items li { display: block; text-align: center; margin-bottom: -15px; } .menu-items li:hover { border-bottom: 0; } .menu-items a:hover { border-bottom: 5px solid #ded1c3; } .menu-link { display: inline; } .tablet-logo { display: none; } .desktop-mobile-logo { display: inline-block; } .sec-nav { border: 0; } .show, .hide { position: absolute; top: 0; right: 16px; border-left: 1px solid rgba(255, 255, 255, 0.3); height: 70px; line-height: 71px; } .show { display: inline-block; cursor: pointer; } .hide { display: none; } } @media only screen and (max-width: 767px) { .body__text { text-align: center; margin-bottom: 25px; } .contact-summary { text-align: center; } .contact__page { padding: 15px; } } @media only screen and (max-width: 400px) { .menu.active .menu-items { max-height: 450px; } } /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* Typography */ ::-moz-selection { background: #ded1c3; } ::selection { background: #ded1c3; } a { color: #b29c7e; } p { margin-top: 0px; } .text-wrapper { margin-bottom: 6%; } html, body { font-family: Arial, sans-serif; font-size: 16px; } a:focus { outline: 0 !important; } button:focus { outline: 0 !important; } .clear { clear: both; } .empty { height: 40px; display: block; } .container { max-width: 1200px; margin: 0 auto; } .container:focus { outline: transparent; } .container-smaller { max-width: 1100px; margin: 0 auto; padding-left: 2%; padding-right: 2%; } .columns-container { max-width: 1000px; margin: 0 auto; padding: 0 10px; text-align: left; } .columns-container blockquote { margin-left: 0px; } .columns-container h2 { margin-top: 2%; margin-bottom: 1%; word-spacing: 3px; letter-spacing: 2px; color: #E0CEB5; text-align: center; font-weight: normal; font-family: Times, Arial, sans-serif; font-weight: 400; font-size: 3.1em; } .columns-container .big-header { color: #E0CEB5; } .columns-container h3 { /*text-transform: uppercase;*/ font-size: 1.4em; color: #E0CEB5; letter-spacing: 2px; margin-top: 0px; } .columns-container .animated-image { margin-top: -50px; max-width: 70%; z-index: 100; } .columns-container .col-s-4 { margin-top: 20px; } nav { position: relative; } .fixed-nav { position: fixed; top: 0; transition: all 2s linear; } .heading-tall { height: 160px; } .heading-short { height: auto; } .heading-short .navigation { position: fixed; top: 0px; } .heading-short .logo-1 { display: block !important; } .header { width: 100%; z-index: 999; -webkit-transition: height 0.3s; /* Safari */ transition: height 0.3s; } .header .container { max-width: 1140px; } .header .navigation { background-color: #000; width: 100%; z-index: 9999; } .header .container-nav { max-width: 1240px; width: 1230px; } .header .logo-1 { width: 20px; position: absolute; padding-top: 8px; margin-left: 9px; } .header .logo-2 { width: 100%; overflow: hidden; z-index: 1111; text-align: center; transition: all 2s linear; } .header .logo-2 img { width: 100px; padding-top: 20px; padding-bottom: 15px; } .header .logo-2 img:hover { cursor: pointer; } .header .top-logo { float: left; } .header .top-logo img { width: 26px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; } .header ul.primary-menu { text-align: center; /*margin: 10px 0 10px 0;*/ margin: 0; padding: 10px 0 10px 0; display: block; } .header ul.primary-menu li { display: inline; margin-right: 18px; margin-left: 10px; list-style-type: none; margin-bottom: 10px; font-size: 16px; font-family: Arial, sans-serif; } @media (max-width: 1300px) { .header ul.primary-menu li { margin-left: 5px; } } .header ul.primary-menu li a, .header ul.primary-menu li span { color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 17px; } .header ul.primary-menu li a:hover, .header ul.primary-menu li a:active, .header ul.primary-menu li a:focus, .header ul.primary-menu li span:hover, .header ul.primary-menu li span:active, .header ul.primary-menu li span:focus { border: 0; outline: 0; color: #E0CEB5; } .header ul.primary-menu li .active { color: #E0CEB5; } .header ul.primary-menu li.phone a, .header ul.primary-menu li.phone span { color: transparent !important; background-image: url(/images/phone.png); background-repeat: no-repeat; background-size: contain; } .header ul.primary-menu li.phone a.active, .header ul.primary-menu li.phone span.active { background-image: url(/images/phone-active.png); } .header ul.primary-menu li.phone a:hover { background-image: url(/images/phone-active.png); } .header #menusToggleBt { /* display: block; margin-top: -10px; position: absolute; right: 0px; */ display: none; float: right; } .header #menusToggleBt img { width: 40px; } .header #menusToggleBt:hover { cursor: pointer; } .homepage .header { position: absolute; bottom: 0; } .largeNav { max-width: 1140px !important; } .head-spacing { height: 110px; background-color: #000; } #video { position: absolute; overflow: hidden; height: 680px; overflow: hidden; width: 100%; background-color: #000; border-bottom: 0 !important; z-index: 0; } #video video { height: 100%; display: block; margin: 0 auto; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; overflow: hidden; */ } .top-image { position: relative; overflow: hidden; overflow: hidden; z-index: -1; width: 100%; background-color: #000; max-height: 960px; height: auto; } .button-vimeo { color: white; margin: auto; position: absolute; top: 160px; left: 6.2%; bottom: auto; right: 0; height: 100px; width: 100px; display: none; } .carousel-wrapper { position: relative; max-height: 960px; overflow: hidden; height: auto; } .carousel-wrapper #carousel-4 { max-height: 960px; height: auto; } #image_background { display: none; } #video .content { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; color: #ffffff; z-index: 9; } #video .content .cycle-slideshow { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } #video .content h3 { font-family: Times, Arial, sans-serif; font-size: 48px; width: 500px; line-height: 50px; font-weight: normal; text-shadow: 1px 1px 1px #222; text-align: center; margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0; } #video .content span { font-family: Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; text-shadow: 1px 1px 1px #222; display: block; } #video .content .homepage-quotes { top: 0 !important; } #center-video { position: relative; overflow: hidden; height: 540px; overflow: hidden; width: 960px; margin: 0 auto; } #center-video video { width: 100%; } #center-video .content { position: absolute; top: 0; left: 0; } #homepage-slider-wrapper { display: none; } #homepage-slider-wrapper.show { display: block; } #homepage-slider-wrapper button.forward { left: auto; right: 1%; background-image: url("/images/slider_right_arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; width: 2rem; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; color: transparent; } #homepage-slider-wrapper button.nextSlide { right: auto; left: 1%; color: transparent; background-image: url("/images/slider_left_arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; width: 2rem; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .new-slider { width: 100% !important; /*height:760px !important;*/ overflow: hidden; z-index: -1; } .new-slider img { width: 100% !important; height: auto !important; max-height: auto !important; } @media screen and (max-width: 978px) { #video .content .homepage-quotes h3 { font-size: 34px; } } @media (max-width: 600px) { #video h3 { font-size: 26px !important; width: 280px !important; line-height: 30px !important; } } @media (max-width: 460px) { #video .content h3 { font-size: 20px !important; line-height: 24px !important; } } .homepage-carousel { height: 660px !important; } .homepage-carousel img { height: 660px !important; } .homepage-carousel .top-image-blur { height: 660px !important; } .top-image { text-align: center; } .top-image .blur { margin: -10px -5px -10px -10px; } .blur { background-image: url("/css/images/wedding_flowers_sarah_haywood_weddings_-_carla_ten_eyck.jpg"); width: 102%; height: 760px; background-size: cover; filter: blur(10px); /* Someday, sigh ... */ -webkit-filter: blur(10px); /* Prefixed CSS3 blur filters */ -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10'); /* IE lte 9 */ margin-bottom: -15px; } .top-image-blur { display: inline; z-index: 10; position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 760px; } .top-image-blur img { max-height: 760px; margin: 0 auto; display: inline; } .logo { max-width: 750px; margin: 2% auto 1% auto; text-align: center; } .logo img { width: 100px; } .logo h2 { font-size: 1.4rem; text-transform: uppercase; letter-spacing: 1px; font-family: Arial, sans-serif; letter-spacing: 1px; } .homepage .logo { max-width: 1000px; } .masonry-container { max-width: 1290px; width: 100%; margin: 0 auto 0 auto; display: none; } #containermsnr { margin-left: 1%; margin-right: 1%; } #containermsnr .item { margin-bottom: 10px; transition: all .2s ease-in-out; } #containermsnr .item a { display: block; position: absolute; height: 100%; width: 100%; } #containermsnr .item h3 { color: white; text-transform: uppercase; width: 100%; letter-spacing: 1px; font-size: 18px; -webkit-animation: fadein 1.3s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1.3s; /* Firefox < 16 */ -ms-animation: fadein 1.3s; /* Internet Explorer */ -o-animation: fadein 1.3s; /* Opera < 12.1 */ animation: fadein 1.3s; } #containermsnr .item-small { width: 305px; height: 300px; overflow: hidden; } #containermsnr .item-small .center { position: absolute; text-align: center; top: 15%; } #containermsnr .item-small .cycle-slideshow img { width: 305px; height: 300px; } #containermsnr .item-short { width: 305px; height: 200px; overflow: hidden; } #containermsnr .item-wide-no-image { border: 3px solid #ded1c3; width: 305px !important; } #containermsnr .no-image-content { height: 55% !important; } #containermsnr .inside hr { border-top: 3px solid #ded1c3; width: 10%; margin: 0 auto; } #containermsnr .item-wide { width: 620px; height: 300px; overflow: hidden; } #containermsnr .item-wide img { width: 620px; } #containermsnr .item-wide .text-inside-wrapper { position: absolute; width: 100%; height: 100%; } #containermsnr .item-wide .text-inside-wrapper .text-inside { padding: 2%; width: 88%; margin: auto; border: 1px solid #ffffff; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 75%; } #containermsnr .item-wide .text-inside-wrapper .text-inside .inside { background-color: #ffffff; height: 100%; padding: 3%; text-align: center; } #containermsnr .item-wide .text-inside-wrapper .text-inside .inside a { position: relative; color: initial; text-decoration: none; } #containermsnr .item-wide .text-inside-wrapper .text-inside .inside h3 { position: relative; top: 0px; margin: 15px 0 0 0px; color: #000000; font-size: 16px; display: block !important; letter-spacing: 1px; font-family: Arial, sans-serif; } #containermsnr .item-wide .text-inside-wrapper .text-inside .inside p { font-family: Times, Arial, sans-serif; font-style: italic; max-width: 375px; margin: 2% auto; } #containermsnr .item-small-tall { width: 305px; height: 400px; overflow: hidden; } #containermsnr .item-small-tall .center { position: absolute; text-align: center; top: 37% !important; } #containermsnr .item-small-tall .cycle-slideshow { width: 305px; height: 400px; overflow: hidden; } #containermsnr .item-small-tall .cycle-slideshow img { width: 305px; height: 400px; overflow: hidden; } #containermsnr .form { width: 620px; height: 420px; overflow: hidden; } #containermsnr .form img { width: 620px; height: auto; } #containermsnr .item-small-tallest { width: 305px; height: 610px; overflow: hidden; } #containermsnr .item-small-tallest .tile-title { z-index: 999 !important; } #containermsnr .item-small-tallest h3 { display: block; } #containermsnr .item-small-tallest img { height: 620px; } #containermsnr .item-small-tallest .center { position: absolute; text-align: center; top: 47% !important; } #containermsnr .item-small-taller { width: 300px; overflow: hidden; } #containermsnr .black { color: #000000 !important; } #containermsnr .white { color: #ffffff !important; } #containermsnr .script { font-size: 50px !important; font-family: Times, Arial, sans-serif; font-style: italic; font-weight: normal; text-transform: none !important; } #containermsnr .natural { text-transform: uppercase; width: 100%; top: 11%; position: absolute; letter-spacing: 3px; word-spacing: 3px; font-size: 24px !important; font-family: Arial, sans-serif !important; font-weight: 700; } #containermsnr .center { position: absolute; text-align: center; } .intro-text { max-width: 780px; margin-top: 30px; margin-bottom: 50px; text-align: center; } .intro-text h1 { text-transform: uppercase; font-size: 1.6em; letter-spacing: 2px; margin-bottom: 3%; font-family: Arial, sans-serif; word-spacing: 3px; line-height: 1.2; } .intro-text p { font-family: Times, Arial, sans-serif; font-style: italic; font-size: 16px; margin-top: 6px; max-width: 780px; margin: 0 auto; } .first-column { max-width: 450px; margin-right: 100px; } .first-column img { max-height: 400px; margin: 0 auto; display: block; } .columns { margin-top: 80px; margin-bottom: 80px; } .columns .first-column { max-width: 450px; margin-right: 100px; } .columns .first-column p { font-size: 13px; font-family: Arial, sans-serif !important; font-weight: 700; } /* Slide 3 */ #slide-3 { /*height: 800px;*/ margin-top: 2%; } #slide-3 .bcg { height: 800px; } .bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%; position: relative; } h3.parallax-quote { width: 70%; font-family: Times, Arial, sans-serif; color: #FFF; font-size: 40px; line-height: 50px; font-weight: normal; text-shadow: 1px 1px 1px #222; text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } h3.parallax-quote span { font-family: Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; text-shadow: 1px 1px 1px #222; display: block; } .homepage-content { background-color: #242222; overflow: hidden; padding: 35px 0 35px 0; text-align: center; } .homepage-content h2 { font-size: 18px; margin: 15px; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-family: Arial, sans-serif; margin-bottom: 30px; } .homepage-content p { font-size: 14px; line-height: 1.3; color: #fff; font-family: Arial, sans-serif; margin: 0 auto; text-align: left; } .homepage-content .cream__headings { font-size: 18px; color: #ded1c3; font-family: Times, Arial, sans-serif; text-align: left; font-weight: bold; margin-bottom: 10px; } .homepage-content .insta__border { border: 1px solid #fff; padding: 20px 15px; margin-top: 10px; width: 85%; font-style: italic; float: left; } .homepage-content .insta__border a { text-decoration: none; } .homepage-content .insta__border p { font-size: 18px; font-family: Times, Arial, sans-serif; } @media screen and (max-width: 767px) { .homepage-content .insta__border { width: 100%; } } .bottom-columns .text-magic { margin: 50px 50px 30px 0px; max-width: 340px; } .bottom-columns .text-magic p { font-size: 11px; font-family: Arial, sans-serif !important; font-weight: 700; } .bottom-columns .right-column-image { margin-top: 30px; } .bottom-columns .love-image { margin-top: -50px; margin-right: 100px; } .quote { max-width: 405px; margin: 0 auto; text-align: center; } .quote blockquote { font-family: Times, Arial, sans-serif; font-style: italic; font-size: 22px; margin: 20px 0px 10px 0px; } .quote hr { width: 60px; margin: 0 auto; background-color: #bfbfbf; height: 2px; } .quote p { text-transform: uppercase; color: #bfbfbf; font-size: 12px; margin: 20px 0 5px 0; } .container-wrapper { background-color: #f7f7f7; margin-bottom: 50px; } .container-wrapper .text-header { text-align: center; max-width: 600px; margin: 0 auto; padding: 20px 0; color: #bfbfbf; } .container-wrapper .text-header h2 { text-transform: uppercase; margin: 0px; font-size: 60px; font-size: 3.1vw; } .container-wrapper .text-header hr { width: 200px; margin: 20px auto; } .container-wrapper .text-header p { font-family: Times, Arial, sans-serif; width: 250px; margin: 0 auto; font-size: 22px; color: #696966; } .container-wrapper .container-inner .round-tiles { margin: 30px 20px 50px 20px; } .container-wrapper .container-inner .round-tiles .col-s-4 { background-color: #ffffff; padding: 10px; padding-bottom: 30px; } .container-wrapper .container-inner .round-tiles .col-s-4:last-of-type { margin-right: 0px; } .container-wrapper .container-inner .round-tiles .image { max-width: 380px; max-height: 380px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 50%; /* Firefox 1-3.6 */ -moz-border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 50%; overflow: hidden; margin-bottom: 40px; } .container-wrapper .container-inner .round-tiles h3 { color: #bfbfbf; text-transform: uppercase; font-size: 22px; margin-top: 0px; } .container-wrapper .container-inner .round-tiles p { color: #696966; font-family: Times, Arial, sans-serif; font-size: 22px; margin-top: 0px; } .container-wrapper .container-inner .round-tiles .text { max-width: 400px; } .container-wrapper .container-inner .round-tiles .text button { text-transform: uppercase; font-size: 12px; padding-left: 40px; background-color: #D9D9D9; border: none; margin-top: 30px; } .container-wrapper .square-tiles h2 { text-transform: uppercase; font-size: 60px; font-size: 3.1vw; margin: 0px; color: #bfbfbf; text-align: center; } .container-wrapper .square-tiles hr { max-width: 130px; margin: 20px auto; } .container-wrapper .square-tiles .small { font-family: Times, Arial, sans-serif; max-width: 250px; margin: 0 auto 40px auto; font-size: 22px; color: #696966; text-align: center; } .container-wrapper .square-tiles .boxes-square .first .image { float: left; max-width: 700px; margin-right: 20px; max-height: 370px; overflow: hidden; } .container-wrapper .square-tiles .boxes-square .first .box-text { float: left; max-width: 400px; margin: 20px; } .container-wrapper .square-tiles .boxes-square .first .box-text h3 { text-transform: uppercase; font-size: 30px; letter-spacing: 4px; margin-top: 0px; color: #bfbfbf; } .container-wrapper .square-tiles .boxes-square .first .box-text p { font-family: Times, Arial, sans-serif; font-size: 22px; color: #696966; text-align: left; } .container-wrapper .square-tiles .boxes-square .second .image { float: right; max-width: 700px; margin-left: 20px; max-height: 370px; overflow: hidden; margin-top: -20px; } .container-wrapper .square-tiles .boxes-square .second .box-text { float: left; max-width: 400px; margin: 20px; } .container-wrapper .square-tiles .boxes-square .second .box-text h3 { text-transform: uppercase; font-size: 30px; letter-spacing: 4px; margin-top: 0px; color: #bfbfbf; } .container-wrapper .square-tiles .boxes-square .second .box-text p { font-family: Times, Arial, sans-serif; font-size: 22px; color: #696966; text-align: left; } .container-wrapper .square-tiles .boxes-square .third .image { float: left; max-width: 700px; max-height: 370px; overflow: hidden; margin-right: 20px; margin-top: -20px; } .container-wrapper .square-tiles .boxes-square .third .box-text { float: left; max-width: 400px; margin: 20px; } .container-wrapper .square-tiles .boxes-square .third .box-text h3 { text-transform: uppercase; font-size: 30px; letter-spacing: 4px; margin-top: 0px; color: #bfbfbf; } .container-wrapper .square-tiles .boxes-square .third .box-text p { font-family: Times, Arial, sans-serif; font-size: 22px; color: #696966; text-align: left; } .more-columns { margin-bottom: 100px; } .more-columns .col-s-3 { /*background-color: #F9F9F9;*/ padding: 10px; } .more-columns h2 { text-transform: uppercase; font-family: Times, Arial, sans-serif; font-size: 30px; letter-spacing: 3px; margin: 0px 0px 50px 0px; color: #bfbfbf; text-align: center; } .more-columns .image { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 50%; /* Firefox 1-3.6 */ -moz-border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 50%; width: 240px; height: 240px; margin: 0 auto 30px auto; overflow: hidden; } .more-columns .image img { width: 100%; } .more-columns h3 { text-transform: uppercase; margin-top: 0; word-spacing: 0px; font-size: 1.2em; letter-spacing: 2px; color: #bfbfbf; text-align: left; font-family: Arial, sans-serif; border-top: 2px solid #B6B5B5; padding-top: 12%; } .more-columns p { margin: 0px; font-family: Times, Arial, sans-serif; font-style: italic; font-weight: bold; font-size: 1.1em; color: #6C6B6A; } .more-columns a { color: #6C6B6A; } .destinations { padding-bottom: 50px; } .destinations .destinations-bottom-title h2 { text-transform: uppercase; font-size: 3em; font-family: Arial, sans-serif; } .destinations .destinations-bottom-title h2 a { color: #000000; text-decoration: none; } .destinations .destinations-bottom-title h2 a:hover { text-decoration: underline; } .destinations .books-wrapper { max-width: 1000px; margin: 0 auto; } .destinations .books-wrapper-single { max-width: 600px; margin: 0 auto; } .destinations .box { float: left; text-align: center; border-right: 5px solid #ffffff; display: block; border-bottom: 5px solid #ffffff; } .destinations .box:hover .text { background-color: #F1E5D9; } .destinations .box:last-of-type { margin-right: 0px; border-right: none; } .destinations .box .image { display: block; overflow: hidden; } .destinations .box .image img { width: 100%; } .destinations .box h3 { font-size: 1.4em; text-transform: uppercase; letter-spacing: 2px; font-family: Arial, sans-serif; } .destinations .box h3 a { color: #000000; text-decoration: none; } .destinations .box h3 a:hover { text-decoration: underline; } .destinations .box h3 a:focus { outline: 0; } .destinations .box hr { max-width: 280px; margin: 0 auto 10px auto; background-color: #E8D3BB; border: none; height: 3px; } .destinations .box .text { width: 100%; margin: 0 auto; background-color: #FAF5F0; overflow: hidden; padding: 20px; } .destinations .box .text a { text-decoration: none; color: #222222; } .destinations .box .text p { font-family: Times, Arial, sans-serif; font-style: italic; font-size: 18px; line-height: 22px; max-width: 400px; margin: 0 auto; padding: 20px 0; } .publications { /*background-color: #F591C5;*/ width: 100%; padding: 15px 0; text-align: center; margin-top: 3%; } .publications h2 { margin-top: 0px; font-size: 17px; font-family: Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; display: inline; vertical-align: middle; } .publications img { width: 40px; margin: 0 2%; } /* a { .book { .text { h3 { color: #FFF; margin: 20% auto 8% auto; } } } */ .book { float: left; text-align: left; position: relative; /*width: 33.33% !important;*/ } .book h3 { color: #FFF !important; text-decoration: none; } .book:last-of-type { margin-right: 0px; border-right: none; } .book h3 { /*display: none;*/ opacity: 0; max-width: 380px !important; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; } .book .image { overflow: hidden; max-height: 680px; } .book .image img { width: 100%; } .book .shadow h3 { padding-top: 10px !important; max-width: 380px !important; margin: 20% auto 8% auto !important; font-size: 2.2em !important; text-transform: uppercase !important; letter-spacing: 4px !important; text-align: center !important; /*text-shadow: 2px 1px 8px #000 !important;*/ display: block !important; } .book .shadow h3 a { color: #ffffff; text-decoration: none; } .book .shadow h3 a:focus { outline: 0; } .book .shadow:hover h3 { text-shadow: none !important; } .book .text { overflow: hidden; padding: 20px; position: absolute; width: 100%; height: 100%; background: rgba(52, 163, 158, 0); transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; } .book .text:hover { cursor: pointer; } .book .text p { font-size: 16px; line-height: 22px; margin: 0 auto; max-width: 94% !important; font-family: Times, Arial, sans-serif !important; font-style: italic; text-align: center; } .book .text h3 { padding-top: 10px; max-width: 380px; margin: 20% auto 8% auto; font-size: 2.2em; text-transform: uppercase; letter-spacing: 4px; text-align: center; /*text-shadow: 2px 1px 8px #000;*/ } .book .text hr { max-width: 160px; margin: 0 auto 20px auto; background-color: #E8D3BB; border: none; height: 2px; opacity: 0; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; } .book:hover .text { /* Fallback for web browsers that doesn't support RGBa */ background: rgba(224, 206, 181, 0.9); } .book:hover h3 { display: block; opacity: 1; text-shadow: none; } .book:hover h3 a { color: #FFF; } .book:hover hr { opacity: 1; background-color: #fff; } .destinations-columns-title { margin-bottom: 1%; margin-right: 10px; margin-top: 1%; } .destinations-columns-title h2 { max-width: 40%; text-align: right; font-family: Times, Arial, sans-serif; font-style: italic; margin-top: 0px; font-size: 24px; border-bottom: 3px solid #E0CEB5; font-weight: normal; } .destinations-bottom-title { margin: 50px 0px 30px 0px; } .destinations-bottom-title h2 { text-transform: uppercase; text-align: center; font-size: 68px; font-size: 3.4vw; } .bottom-text { max-width: 750px; margin: 5% auto; font-family: Arial, sans-serif; } .bottom-text h2 { color: #E0CEB5; text-align: center; text-transform: uppercase; font-size: 2.5em; font-family: Arial, sans-serif; letter-spacing: 2px; } .bottom-text hr { background-color: #E0CEB5; height: 2px; border: none; margin: 0 auto 20px auto; max-width: 300px; } .bottom-heading { color: #E0CEB5; text-align: center; text-transform: uppercase; font-size: 3.3em; font-family: Arial, sans-serif; letter-spacing: 2px; display: block; } .round { width: 100%; max-width: 300px; height: auto; margin-top: 0px; margin-bottom: 15px !important; overflow: hidden; display: block; margin-left: auto; margin-right: auto; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 50%; /* Firefox 1-3.6 */ -moz-border-radius: 50%; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 50%; } .natural { margin-bottom: 15px !important; } .portrait { margin-bottom: 15px !important; } .rectangle { width: 100%; margin-bottom: 15px !important; overflow: hidden; } .square { margin-bottom: 15px !important; overflow: hidden; width: 100%; } .three-columns { font-family: Arial, sans-serif; margin-top: 2%; margin-bottom: 2%; } .three-columns h2 { text-transform: uppercase; text-align: center; } .two-columns { margin-top: 2%; margin-bottom: 2%; font-family: Arial, sans-serif; } .two-columns h2 { text-transform: uppercase; } .two-columns .book-text { margin-right: 7% !important; } .two-columns .book-text .down-arrow { width: 20px; margin: 8% auto 0 auto; display: block; } .two-columns .book-text .button-book { margin-top: 4%; width: 255px; margin: 6% auto 4% auto; } .two-columns .book-text .button-book a { color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 8px 30px 6px 30px; font-size: 15px; background-color: #000000; letter-spacing: 1px; } .two-columns .book-text .button-book a:first-of-type { margin-right: 14px; } .two-columns .book-text .button-book a:hover { text-decoration: underline; } #slide-2 { height: 800px; } #slide-2 .bcg { background-image: url("/images/large_banner/Image_03.jpg"); } @media (max-width: 768px) { #slide-2 .bcg { background-size: initial; } } .press-info { background-color: #ded1c3; text-align: center; padding: 1%; } .press-info p { max-width: 600px; margin: auto; } .grey-slider { background-color: #ded1c3; overflow: hidden; position: relative; padding: 5px 0; text-align: center; } .grey-slider .next { position: absolute; right: 4%; font-size: 2.4em; cursor: pointer; top: 0; } .grey-slider .prev { position: absolute; left: 4%; font-size: 2.4em; cursor: pointer; top: 0; } .grey-slider .cycle-slideshow { max-width: 620px; margin: 0 auto; } .grey-slider .cycle-slideshow p { margin: 0px 20px; font-size: 14px; text-align: center; font-family: Times, Arial, sans-serif; font-style: italic; } .load-more { width: 200px; margin: 33px auto 50px auto; text-align: center; color: #ffffff; font-family: Arial, sans-serif; text-decoration: none; text-transform: uppercase; padding: 8px 17px 6px 14px; font-size: 12px; background-color: #000000; letter-spacing: 1px; margin-top: 1%; border: none; display: block; } .load-more:hover { cursor: pointer; background-color: #000; text-decoration: underline; } .no-articles { display: none; text-transform: uppercase; font-family: Arial, sans-serif !important; font-weight: 700; font-size: 16px; letter-spacing: 2px; } .press-block-div { margin-left: 2.3% !important; margin-top: 2.3%; width: 31%; } @media (max-width: 768px) { .press-block-div { width: 49%; } } @media (max-width: 600px) { .press-block-div { width: 100%; } } .press-block-div .border { border: 1px solid #ffffff; position: absolute; left: 2%; right: 2%; top: 2%; bottom: 2%; } /* Carousel full screen */ .full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; } .toggle:after { content: "Sound Off"; position: absolute; display: block; background-repeat: no-repeat; margin: 0 auto; bottom: -27px; text-align: center; text-transform: uppercase; font-family: Arial, sans-serif; color: #fff; width: 91px; margin: 0 auto; margin-left: auto; margin-right: auto; left: -27px; font-weight: 600; font-size: 12px; } .toggle.expanded:after { content: "Sound On"; left: -29px; } #mute { position: absolute; background-image: url(/images/soundoff.png); background-repeat: no-repeat; background-size: contain; display: block; background-repeat: no-repeat; left: 0; margin: 0 auto; height: 32px; bottom: 115px; right: 0; width: 35px; margin: 0 auto; margin-left: auto; margin-right: auto; z-index: 55; outline: none; } #mute.active { background-image: url(/images/soundon.gif); position: absolute; background-size: contain; background-repeat: no-repeat; display: block; border: none; width: 35px; height: 32px; bottom: 115px; right: 0; outline: none; } #mute:hover { cursor: pointer; } @media (max-width: 620px) { #mute { bottom: 140px; } } #mute:after { bottom: -11px; width: 94px; } @media screen and (max-width: 767px) { .ghost-div { display: block !important; } } @media screen and (max-width: 475px) { #mute { bottom: 0px; top: 48%; } } .ghost-wrap .down-arrow { bottom: 30px; } .carousel-full ol li { border-radius: 100%; width: 11px; height: 11px; background-color: transparent; border: 1px solid white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } .carousel-full ol li:active { border: 1px solid white; } .carousel-full button { top: 53%; } .carousel-full button.forward { left: auto; right: 1%; color: transparent; position: absolute; background-image: url("/images/slider_right_arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; width: 2rem; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; border: none; background-color: transparent; } .carousel-full button.nextSlide { color: transparent; right: auto; left: 1%; position: absolute; background-image: url("/images/slider_left_arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; width: 2rem; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; border: none; background-color: transparent; } .carousel-full button:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .press-ctn { padding: 0%; } .item.item-press { width: 305px; max-height: 480px; margin-bottom: 20px !important; background-color: #C5E9C7; } .item.item-press a { text-decoration: none; color: #000; } .item.item-press .image { height: 205px; width: 100%; overflow: hidden; } .item.item-press .image img { display: block; margin: 0 auto; } .item.item-press .image img:hover { cursor: initial; } .item.item-press .image .top-align { position: absolute; top: 0px; left: 0; width: 100px; } .item.item-press .image .bottom-align { position: absolute; bottom: 0px; left: 3%; width: 100px; } .item.item-press .image .bottom-align img { height: auto; } .item.item-press .text-wrapper { padding: 10px; } .item.item-press .text-wrapper .pos-top { position: relative; } .item.item-press .text-wrapper p.date { font-family: Times, Arial, sans-serif; font-style: italic; margin: 10px 0 0 10px; font-size: 20px; } .item.item-press .text-wrapper p { font-family: Times, Arial, sans-serif; font-style: italic; margin: 0px 10px 0px 10px; font-size: 16px; } .item.item-press .text-wrapper p.date-bottom { margin: 5px 0px 10px 0px; font-family: Times, Arial, sans-serif; font-style: italic; text-align: center; } .item.item-press .text-wrapper h3 { margin: 20px 0px 10px 10px; text-transform: uppercase; color: #000000 !important; position: relative !important; text-align: left !important; top: 0% !important; font-family: Arial, sans-serif; font-size: 16px !important; display: block; } .masonry-press { max-width: 1240px; margin: 0 auto; } .masonry-press .item { width: 380px; min-width: 300px; float: left; display: none; height: 450px; margin-right: 1%; margin-left: 1%; margin-bottom: 10px !important; text-align: left; } .masonry-press .item .uncropped-gray { background-color: #ebebeb; height: 0px; /* width: 100%; */ /* overflow: hidden; */ position: relative; padding-top: 56.25%; display: block; width: 100%; overflow: hidden; } .masonry-press .item .uncropped-gray img { max-width: 100%; display: block; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; } .masonry-press .item .uncropped-gray img:hover { cursor: initial; } .masonry-press .item .uncropped-white { background-color: white; height: 0px; /* width: 100%; */ /* overflow: hidden; */ position: relative; padding-top: 56.25%; display: block; width: 100%; overflow: hidden; } .masonry-press .item .uncropped-white img { max-width: 100%; display: block; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; } .masonry-press .item .uncropped-white img:hover { cursor: initial; } .masonry-press .item .cropped { width: 100%; height: 205px; overflow: hidden; } .masonry-press .item .top-align { position: absolute; top: 0px; left: 0; width: 100px; } .masonry-press .item .bottom-align { position: absolute; bottom: 0px; left: 4%; width: 100px; } .masonry-press .item .bottom-align img { height: auto; } .masonry-press .pos-top { position: relative; height: 205px; } .masonry-press p.date { font-family: Times, Arial, sans-serif; font-style: italic; margin: 10px 0 0 10px; font-size: 20px; line-height: 28px !important; } .masonry-press p { font-family: Times, Arial, sans-serif; font-style: italic; margin: 0px 10px 0px 10px; font-size: 16px; line-height: 20px; } .masonry-press p.date-bottom { text-transform: uppercase; color: #A8A8A8; margin: 5px 0px 10px 10px; font-family: Times, Arial, sans-serif; font-style: italic; } .masonry-press h3 { margin: 0px 0px 0px 10px; text-transform: uppercase; color: #000000 !important; position: relative !important; text-align: left !important; top: 0% !important; font-family: Arial, sans-serif; } .masonry-press a { color: #000000; } .videos-container { background-color: #E0DFE0; padding-bottom: 2%; } .videos-container .title { text-transform: uppercase; text-align: center; } .videos-container .title h3 { letter-spacing: 2px; font-family: Arial, sans-serif !important; font-weight: 700; } .videos-container .pink-container { margin-left: 0px; } .videos-container .col-s-6 { background-color: #ffffff; margin-top: 30px; } .videos-container .col-s-6 .video { border: 2px solid #F591C5; padding: 10px; max-width: 90%; max-height: 300px; overflow: hidden; margin: 5% auto; } .videos-container .col-s-6 .video .videos { max-height: 270px; overflow: hidden; position: relative; } .videos-container .col-s-6 .video .videos iframe { max-width: 100% !important; max-height: 270px !important; } .videos-container .col-s-6 .video .videos .image-overlay img.image-overlay-inside { width: 100%; } .videos-container .col-s-6 .video .videos .image-overlay img { position: absolute; top: 0px; } .videos-container .col-s-6 .video .videos .image-overlay .play { top: 31%; left: 42%; width: 80px; } .videos-container .col-s-6 .video .videos .image-overlay:hover { cursor: pointer; } .videos-container .col-s-6 .yellow { border-color: #F9C990; } .instagram-pink-title { background-color: #ded1c3; width: 100%; padding: 14px 0 13px 0; margin-top: 80px; text-align: center; } .instagram-pink-title p { margin: 0px; font-weight: normal; display: inline; font-size: 15px; font-family: Arial, sans-serif; font-weight: 400; letter-spacing: 1px; } .instagram-pink-title p strong { font-family: Arial, sans-serif; font-size: 14px; } .instagram-pink-title p span { font-family: Times, Arial, sans-serif; font-style: italic; font-size: 16px; font-weight: normal; letter-spacing: 0px; } .instagram-pink-title a { color: #000; } #instafeed img { width: 11.11%; vertical-align: top; } #instafeed img:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .pinterest { margin-top: 5%; margin-bottom: 5%; padding-left: 2%; } .media-grid a img { display: block; width: 211px; } .images-widget { background-color: #000000; } .images-widget img { width: 211px; height: 200px; float: left; } .blog-quote { background-color: #E3E3E3; padding: 1px 0px 20px 0px; } .blog-quote blockquote { font-family: Times, Arial, sans-serif; font-style: italic; text-align: center; font-size: 22px; margin: 20px 0px 0px 0px; } .blog-quote blockquote span { margin: 0 6%; } .blog-quote h2 { text-transform: uppercase; color: #A8A8A8; font-size: 16px; text-align: center; margin: 0px; font-family: Arial, sans-serif; letter-spacing: 1px; } .blog-header { background-color: #000000; } .blog-header h2 { text-transform: uppercase; color: #ffffff; margin-left: 0; padding: 5px 0px; font-size: 1.8em; letter-spacing: 5px; margin: 0px; text-align: center; } .blog-sidebar { background-color: #f0e4d8; width: 220px; float: right; color: #000000; padding: 20px; } .blog-sidebar h2 { text-transform: uppercase; color: #000; padding: 4px 0px; font-size: 16px; font-family: Arial, sans-serif; width: 100px; letter-spacing: 1px; border-bottom: 2px solid #222; margin-bottom: 0px; width: 180px; } .blog-sidebar ul { padding-left: 4px; } .blog-sidebar ul li { list-style: none; font-family: Times, Arial, sans-serif; font-style: italic; } .blog-sidebar ul li a { color: #000000; font-size: 15px; text-decoration: none; } .blog-sidebar ul li a:hover { text-decoration: underline; } .blog-sidebar .pages li a { color: #000000; text-transform: uppercase; font-family: Arial, sans-serif !important; font-weight: 700; letter-spacing: 1px; } .single .article { border-bottom: 2px solid black; margin-bottom: 1%; } .single .article .multiple-images { max-height: 300px; overflow: hidden; } .single .article .multiple-images img { width: 100%; height: auto; } .single .article .right-image { margin-right: 0px; } .single .article .first-image { margin-bottom: 6%; overflow: hidden; width: 100%; } .single .article .first-image img { width: 100%; height: auto; } .single .tags { text-transform: uppercase; font-family: Arial, sans-serif !important; font-weight: 700; font-size: 11px; letter-spacing: 1px; margin: 1.8% 0 1% 10px; } .single .tags a { text-decoration: none; color: #000000; } .single .tags a:hover { text-decoration: underline; } .single .tags span { margin: 0 2px; font-size: 9px; } .single .signature-copyright { margin-top: -5px; margin-bottom: 15px; } .single .blog-signature { height: 58px; } .single .more-articles { max-width: 300px; margin: 0 auto; margin-top: 3%; } .single .more-articles a { color: #ffffff; font-family: Arial, sans-serif; text-decoration: none; text-transform: uppercase; padding: 8px 17px 6px 14px; font-size: 13px; background-color: #000000; float: left; margin-top: 1%; } .single .more-articles a:first-of-type { margin-right: 14px; } .single .more-articles a:hover { text-decoration: underline; } .single .blog-share { margin-left: 10px; } .single .blog-share span { text-transform: uppercase; font-family: Arial, sans-serif !important; font-size: 12px; margin-right: 14px; margin-top: 15px; margin-bottom: 10px; display: block; } .single .blog-share img { width: 18px; margin-right: 2px; } .single .blog-share .button-pin img { width: 20px; } .blog-articles { float: left; margin-left: 0; margin-bottom: 10%; } .blog-articles .article { margin-top: 5%; margin-left: 10px; margin-right: 50px; text-align: left; } .blog-articles .article .image { max-width: 400px; max-height: 350px; float: left; margin-right: 40px; overflow: hidden; position: relative; margin-bottom: 10px; } .blog-articles .article .image .border { border: 1px solid #ffffff; position: absolute; left: 2%; right: 2%; top: 2%; bottom: 2%; } .blog-articles .article p { font-family: Arial, sans-serif; } .blog-articles .article h1 { text-transform: uppercase; font-family: Arial, sans-serif; margin-top: 0px; font-size: 1.4em; letter-spacing: 1px; text-align: left; } .blog-articles .article .date { font-size: 20px; font-family: Times, Arial, sans-serif; font-style: italic; margin-bottom: 0px; margin-top: 0px; } .blog-articles .article .date-blog { float: left; font-size: 20px; margin-bottom: 0px; margin-top: 0px; margin-right: 20px; font-family: Arial, sans-serif !important; text-align: center; color: #949494; text-transform: uppercase; font-size: 14px !important; letter-spacing: 1px; line-height: 24px; } .blog-articles .article .date-blog span { display: block; border-top: 1px solid #fa9bc9; font-family: Times, Arial, sans-serif !important; font-style: italic; font-size: 20px; padding-top: 2px; width: 40px; } .blog-articles .article .blog-text { float: left; } .blog-articles .article .article-text { text-align: left; } .blog-articles .article .article-text .date { font-size: 20px; font-family: Times, Arial, sans-serif; font-style: italic; margin-top: 0px; margin-bottom: 0px; } .blog-articles .article .article-text h3 { text-transform: uppercase; font-size: 1.2em; letter-spacing: 2px; margin-top: 0px; margin-bottom: 30px; text-align: left; overflow: hidden; } .blog-articles .article .article-text h3 a { color: #000000; text-decoration: none; font-family: Arial, sans-serif; } .blog-articles .article .article-text h3 a:hover { text-decoration: underline; } .blog-articles .article .article-text p { font-size: 16px; font-family: Arial, sans-serif; } .blog-articles .article .article-text a.read-more { text-transform: uppercase; color: #A4A4A4; text-decoration: none; font-family: Arial, sans-serif; font-size: 17px; } .blog-articles .article .article-text a.read-more:hover { text-decoration: underline; } .blog-articles .article hr { background-color: #f0e4d8; width: 220px; margin: 0px auto; border: 0; height: 2px; margin-top: 4%; } .blog-articles .pagination { margin-top: 40px; } .blog-articles .pagination li { display: inline-block; margin-right: 7px; list-style: none; } .blog-articles .pagination li a { color: #222; text-decoration: none; } .blog-articles .pagination li a:hover { text-decoration: underline; } .blog-articles .pagination li span { color: #E0CEB5; } .blog-articles .pagination .newer-posts { text-decoration: none; margin-right: 10px; } .blog-articles .pagination .older-posts { text-decoration: none; margin-left: 10px; } a.next-post { float: right; text-transform: uppercase; font-family: Arial, sans-serif !important; font-size: 13px; margin: 1% 0 1% 0; text-decoration: none; color: #E0CEB5; } a.previous-post:hover, a.next-post:hover { text-decoration: underline; } a.previous-post { float: left; text-transform: uppercase; font-family: Arial, sans-serif !important; font-size: 13px; margin: 1% 0 1% 0; text-decoration: none; color: #E0CEB5; } h2.widget-big-title { font-family: Times,Arial, sans-serif; text-transform: uppercase; margin: 4% 0 4% 0; word-spacing: 3px; font-size: 2.2em; letter-spacing: 4px; color: #bfbfbf; text-align: center; } .widgetContainer { max-width: 700px; } .widgetContainer .widget-box { padding: 2% !important; } .widgetContainerSmall { max-width: 420px; } .widgetContainerSmall .widget-box { padding: 6% !important; } .widgets { max-width: 1200px; margin: 2% auto 0% auto; } .widgets .widget-box { /*background-color: #F9F9F9;*/ padding: 1%; } .widgets h3.widget-title { text-transform: uppercase; margin: 0; word-spacing: 0px; font-size: 1.2em; letter-spacing: 1px; color: #bfbfbf; text-align: left; font-family: Arial, sans-serif; font-weight: 400; border-top: 2px solid #B6B5B5; padding-top: 5%; padding-bottom: 1%; text-align: center; } .widgets .widget-round { width: 250px; height: 250px; overflow: hidden; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 5%; } .widgets p { margin: 0px; font-family: Times, Arial, sans-serif; font-style: italic; font-weight: bold; font-size: 1.1em; color: #6C6B6A; } .widgets a { color: #6C6B6A; } .widgets .col-s-3 { margin-left: 1%; } .widgets .col-s-4 { margin-left: 1%; margin-top: 0px; } .widgets .col-s-6 { margin-left: 1%; } .contact-form { margin-bottom: 6%; } .contact-text { padding-right: 2%; } .contact-text h2:first-of-type { margin-top: 0px; } .contact__page { /*strong { font-family: Arial, sans-serif; font-weight: 600; }*/ } .contact__page h1 { text-transform: uppercase; font-size: 1.5rem; margin: 0; } .contact__page h2 { font-family: Times,Arial, sans-serif; color: #E0CEB5; letter-spacing: 2px; margin-bottom: 5px; margin-top: 0; } .contact__page em { font-family: Times,Arial, sans-serif; font-style: normal; font-weight: 100; } .contact__page p { margin-bottom: 0; } .contact__page .body__text { width: 70%; } @media (max-width: 767px) { .contact__page .body__text { width: 100%; } } /*.contact-intro-text { h2 { text-transform: uppercase; line-height: 1px; } p { font-style: italic; font-weight: 600; } } .telephone-details { padding-top: 30px; h2 { line-height: 1px; color: #E0CEB5; letter-spacing: 2px; } p { font-family: Arial, sans-serif; font-weight: 600; } } .head-office-details { padding-top: 45px; h2 { line-height: 20px; color: #E0CEB5; letter-spacing: 2px; } p { font-family: Arial, sans-serif; line-height: 10px; font-weight: 600; } } .disclaimer-contact { padding-top: 15px; width: 70%; font-family: Arial, sans-serif; }*/ .accordion_container { width: 100%; padding-top: 35px; padding-bottom: 35px; } .accordion_container:focus { outline: none !important; } .accordion_bars { background-color: transparent; color: #000; cursor: pointer; font-size: 14px; margin: 0 0 1px 0; padding: 12px 0; font-weight: 600; border-top: 1px solid #ded1c3; text-transform: uppercase; position: relative; padding-right: 45px; } .accordion_bars:nth-last-of-type(2) { border-bottom: 1px solid #ded1c3; } .accordion_content { background: transparent; display: none; } .accordion_content p { padding: 5px 5px; margin: 0px; color: #000; overflow: hidden; } .bar-icon { font-size: 25px; position: absolute; right: 25px; top: calc(50% - 18px); } @media only screen and (max-width: 400px) { .accordion_bars { font-size: 12px; } .accordion_content p { font-size: 14px; } .bar-icon { right: 10px; } } #contour span.contourError, #contour span.field-validation-error .contour span.contourError, .contour span.field-validation-error { font-size: 14px; padding-left: 0; } #contour input[type="file"], .contour input[type="file"], #contour input.text, #contour input.title, #contour textarea, #contour select, #contour .datepickerfield, .contour input.text, .contour input.title, .contour textarea, .contour select, .contour .datepickerfield { margin: 0.5em 0 !important; } #contour span.checkboxlist, .contour span.checkboxlist { padding-left: 0 !important; } .contact-form { background-color: #ded1c3; padding: 1.6% 2% 3% 3%; } .contact-form input, .contact-form select, .contact-form textarea { border: 0px !important; width: 100%; } .contact-form select, .contact-form .datepickerfield, .contact-form #contour input[type="file"], .contact-form .contour input[type="file"] { width: 95%; } .contact-form h4 { margin-top: 0; } .contact-form label { margin-bottom: 0px !important; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-family: Arial, sans-serif !important; font-weight: 700; } .footer-container { background-color: #fff; overflow: hidden; padding-bottom: 0px; padding: 30px; } .footer-container ul { margin-top: 5px; margin-bottom: 20px; } .footer-container .container { position: relative; } .footer-container .container .social li { position: relative; } .footer-container .container .social li img { width: 30px; -webkit-transition: all 0.3s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; /* Firefox */ -o-transition: all 0.3s ease; /* IE 9 */ -ms-transition: all 0.3s ease; /* Opera */ transition: all 0.3s ease; } .footer-container .container .social li img:hover { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); } .footer-container .footer { text-align: center; padding-top: 10px; } .footer-container .footer ul { color: #000; padding-left: 0px; } .footer-container .footer ul li { list-style-type: none; display: inline-block; padding-right: 4px; } .footer-container .footer ul li a { color: #000; text-decoration: none; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-family: Arial, sans-serif; } .footer-container .footer ul li a:hover, .footer-container .footer ul li a:active, .footer-container .footer ul li a:focus { color: #E0CEB5; border: 0; outline: 0; } .footer-container .footer ul li span { font-size: 12px; padding-left: 6px; } .footer-container .footer ul li:last-of-type span { display: none; } .footer-container .footer .social li { padding-left: 4px; } .footer-blog ul span:last-of-type { display: none; } .ten { height: 10px; } .twenty { height: 20px; } .thirty { height: 30px; } .fifty { height: 50px; } .hundred { height: 100px; } .header-with-font { font-family: Times, Arial, sans-serif; font-style: italic; font-size: 4em; color: #000; text-align: left; } .left-image { text-align: left; } .right-image { text-align: right; } .center-image { text-align: center; margin: 0 auto; } .color-0 span { color: #d48cb1 !important; } .color-0 a:hover { color: #d48cb1 !important; } .color-1 a:hover { color: pink !important; } .color-1 span { color: pink !important; } .color-2 a:hover { color: #BEECEA !important; } .color-2 span { color: #BEECEA !important; } .color-3 a:hover { color: #9E7E6D !important; } .color-3 span { color: #9E7E6D !important; } .color-4 a:hover { color: #E39DEA !important; } .color-4 span { color: #E39DEA !important; } .color-5 a:hover { color: #F9D394 !important; } .color-5 span { color: #F9D394 !important; } .color-6 a:hover { color: turquoise !important; } .color-6 span { color: turquoise !important; } .color-7 a:hover { color: #CB211B !important; } .color-7 span { color: #CB211B !important; } #color-ffc893 { color: #ffc893; } #color-bde4e4 { color: #bde4e4; } #color-c4e3c9 { color: #c4e3c9; } #color-e3ade5 { color: #e3ade5; } #color-fb96c7 { color: #fb96c7; } #color-ded1c3 { color: #ded1c3; } .color-ffc893 { color: #ffc893; } .color-ffc893:hover { color: #ffc893; } .color-bde4e4 { color: #bde4e4; } .color-bde4e4:hover { color: #bde4e4; } .color-c4e3c9 { color: #c4e3c9; } .color-c4e3c9:hover { color: #c4e3c9; } .color-e3ade5 { color: #e3ade5; } .color-e3ade5:hover { color: #e3ade5; } .color-fb96c7 { color: #fb96c7; } .color-fb96c7:hover { color: #fb96c7; } .color-ded1c3 { color: #ded1c3; } .color-ded1c3:hover { color: #ded1c3; } .wide { max-width: 900px; margin: 0 auto; } .wide blockquote { font-size: 22px !important; } .narrow { max-width: 360px; margin: 0 auto; } .center-quote { text-align: center; } .center-quote blockquote { margin-left: 0px; margin-right: 0px; font-family: Times, Arial, sans-serif; font-style: italic; font-size: 22px; margin-bottom: 15px; } .center-quote .author { margin-left: 0px; margin-right: 0px; text-transform: uppercase; color: #bfbfbf; font-size: 13px; letter-spacing: 2px; word-spacing: 3px; } .center-quote hr { width: 60px; margin: 0 auto 10px auto; border: none; background-color: #bfbfbf; height: 2px; } .center-quote .no-author p { margin-left: 0px; margin-right: 0px; margin-top: 0px; font-family: Times, Arial, sans-serif; font-style: italic; font-size: 30px; color: #bfbfbf; } .line-break hr { width: 60px; margin: 0 auto 10px auto; border: none; background-color: #bfbfbf; height: 2px; } .headtwo { font-size: 30px !important; word-spacing: 4px !important; line-height: 43px; letter-spacing: 1px !important; color: #E0CEB5; } .aligncenter { text-align: center; } .aligncenternarrow { max-width: 600px; margin: 0 auto; text-align: center; } .alignleft { text-align: left; } .alignleft h2 { text-align: left !important; } .grey h2, .grey h3 { color: #bfbfbf !important; } .gold h2, .gold h3 { color: #E0CEB5 !important; } .gallery-wrapper { background-color: #f2eae4; margin-top: 71px; } .gallery-wrapper .intro-text { margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; } .gallery-wrapper .intro-text h1 { margin: 0px 0px 1% 0px; } .padding { margin-top: 70px; } .padding-gallery { margin-top: 38px; } .homepage-quotes { position: absolute; top: 0%; width: 100%; height: 100%; color: #ffffff; display: none; } .homepage-quotes h3 { font-size: 48px; font-style: normal; margin-bottom: 15px; width: 500px; line-height: 50px; font-weight: normal; text-shadow: 1px 1px 1px #222; text-align: center; margin: 0 auto; } .homepage-quotes span { font-family: Arial, sans-serif !important; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; text-shadow: 1px 1px 1px #222; display: block; } .homepage-quotes .cycle-slide { width: 100%; /* &:last-of-type{ h3{ text-transform: uppercase; font-size: 7em ; letter-spacing: 10px; width: 700px ; font-family: Arial, sans-serif !important; font-weight: 700; margin: 5% auto 0 auto; color: #ffffff; word-spacing: 15px; text-shadow: none; text-align:center; } }*/ } #video .content .homepage-quotes.homepage-quotes-responsive { top: auto !important; bottom: 0; height: 130px; left: 0; width: 100%; margin-left: 0; background-color: white; } #video .content .homepage-quotes.homepage-quotes-responsive h3 { font-size: 30px; width: 90% !important; margin-left: 0; line-height: 34px; color: black; text-shadow: none; } #video .content .homepage-quotes.homepage-quotes-responsive h3 span { text-shadow: none; } .homepage-quotes.homepage-quotes-responsive { display: block; } .buttonpin { width: 20px; height: 20px; position: absolute; top: 10px; z-index: 9; left: 10px; display: none; z-index: 1; } .photo-container:hover .buttonpin { display: block; } /* responsive for masonry*/ @media screen and (max-width: 1302px) { .masonry-container { max-width: 970px !important; } } @media screen and (max-width: 1200px) { .top-image h1 { font-size: 90px; letter-spacing: 20px; } .text-header h2 { font-size: 40px !important; font-size: 3.4vw !important; } .widget-round { width: 200px !important; height: 200px !important; } .header .container { width: 100%; } .header .container ul { /*display: none;*/ float: none; clear: both; } .header .container ul li { margin-left: 5px; margin-right: 5px; } .header .container ul li a, .header .container ul li span { font-size: 15px; } .book .text h3 { margin: 18% auto 8% auto; font-size: 1.6em; } h2 .widget-big-title { font-size: 2em !important; } .more-columns .image { width: 200px; height: 200px; } } @media screen and (max-width: 1024px) { .blog-quote blockquote { font-size: 20px; } } @media screen and (max-width: 860px) { .top-image h1 { font-size: 50px; } .text-header h2 { font-size: 50px !important; font-size: 3.4vw !important; } .blog-sidebar { clear: both; float: left; margin-left: 5%; } #instafeed img { width: 16.6% !important; } .instagram-pink-title h3 { font-size: 14px !important; } .instagram-pink-title span { font-size: 14px; } } @media screen and (max-width: 620px) { .top-image h1 { font-size: 26px; letter-spacing: 12px; } .text-header h2 { font-size: 24px !important; } .quote blockquote { font-size: 22px; } .text-inside .inside h3 { font-size: 12px !important; } .columns-container .col-s-4 { margin-left: 0px; } .columns-container h2 { font-size: 2em !important; letter-spacing: 2px; } } .top-boxes { border-left: 5px solid white; } /************************/ /* Height media queries */ /************************/ @media screen and (max-height: 900px) { /* homepage */ .homepage-carousel { max-height: 500px !important; } .homepage-carousel img { max-height: 500px !important; } .homepage-quotes .cycle-slide:last-of-type h3 { margin-top: 6%; } } @media screen and (max-height: 768px) { /* homepage */ .homepage-carousel { max-height: 400px !important; } .homepage-carousel img { max-height: 400px !important; } .homepage-carousel .top-image-blur { max-height: 400px !important; } .homepage-quotes .cycle-slide:last-of-type h3 { margin-top: 7%; font-size: 4.4em; } } @media screen and (max-height: 668px) { .top-image-blur { max-height: 400px; } /* homepage */ .homepage-carousel { max-height: 300px !important; } .homepage-carousel img { max-height: 300px !important; } .homepage-carousel .top-image-blur { max-height: 300px !important; } .homepage-quotes h3 { font-size: 27px; width: 300px; line-height: 35px; } .homepage-quotes .cycle-slide:last-of-type h3 { margin-top: 7%; font-size: 3.6em; } } @media screen and (max-height: 568px) { .top-image-blur { max-height: 300px; } /* homepage */ .homepage-carousel { max-height: 200px !important; } .homepage-carousel img { max-height: 200px !important; } .homepage-carousel .top-image-blur { max-height: 200px !important; } .homepage-quotes { top: 18%; } .homepage-quotes h3 { font-size: 20px; width: 260px; line-height: 24px; margin-top: 3%; } .homepage-quotes .cycle-slide:last-of-type h3 { margin-top: 8%; font-size: 2em; } } @media screen and (max-height: 468px) { .top-image-blur { max-height: 200px; } /* homepage */ .homepage-carousel { max-height: 200px !important; } .homepage-carousel img { max-height: 200px !important; } .homepage-carousel .top-image-blur { max-height: 200px !important; } } /***********************/ @media screen and (max-width: 978px) { .top-image-blur { max-height: 500px; } /* homepage */ .homepage-carousel { max-height: 500px !important; } .homepage-carousel img { max-height: 500px !important; } .homepage-carousel .top-image-blur { max-height: 500px !important; } .header { /********* This is where the menu becomes mobile responsive *********/ } .header #menusToggleBt { display: block; } .header ul.primary-menu { margin: 0; display: none; padding-top: 0; } .header ul.primary-menu li { clear: both; display: block; text-align: center; margin: 0 0 10px 0; } .header ul.primary-menu li.phone a, .header ul.primary-menu li.phone span { background-position: 30px; } .blog-nav ul { margin-bottom: 0px; padding-bottom: 10px; } .blog-nav ul li { margin-bottom: 0px !important; clear: both; float: none; text-align: center; } .widgets .widget-round { width: 170px !important; height: 170px !important; } .destinations-columns-title h2 { /*max-width: 500px;*/ font-size: 18px; } .more-columns .image { width: 150px; height: 150px; } .homepage-quotes { top: 40%; } .homepage-quotes h3 { font-size: 40px; } .homepage-quotes .cycle-slide:last-of-type h3 { font-size: 5em; width: 600px; margin-top: 0%; } h3.parallax-quote { font-size: 38px; } } @media screen and (max-width: 768px) { .press-block-div { margin-left: 1% !important; margin-top: 1%; } .block-row-s-3 > :nth-of-type(2n+1) { clear: both; } .intro-text h1 { font-size: 1.2em; } .top-image-blur { max-height: 400px; } /* homepage */ .homepage-carousel { max-height: 400px !important; } .homepage-carousel img { max-height: 400px !important; } .homepage-carousel .top-image-blur { max-height: 400px !important; } .animated-image { max-width: 200px !important; } .blog-articles .article { margin-left: 10px; margin-right: 10px; text-align: left; } .blog-articles .article .article-text { max-width: 94%; } .destinations-columns-title h2 { /*max-width: 500px;*/ font-size: 18px; } /*.destinations { .box { border-left: 0; border-right: 0; } }*/ .more-columns { text-align: center; } .more-columns .col-s-3 { margin-bottom: 20px; } .more-columns h3 { text-align: center; padding-top: 4%; } .more-columns .image { width: 250px; height: 250px; } .widget-box { margin-bottom: 20px !important; } .widget-box h3 { padding-top: 4% !important; } .homepage-quotes { top: 37%; } .homepage-quotes h3 { font-size: 34px; } .homepage-quotes .cycle-slide:last-of-type h3 { font-size: 4.2em; width: 500px; margin-top: -4%; } .press-sidebar { width: 100% !important; margin-top: 20px !important; } .press-wrapper { margin-top: 20px !important; } h3.parallax-quote { font-size: 30px; line-height: 40px; } .buttonpin { display: block; width: 40px; height: 40px; } .buttonpin img { width: 75%; } div.pp_overlay { z-index: 9999 !important; } } #paged-results { margin-bottom: 50px; } @media (max-width: 767px) { .widgets .widget-round { width: 250px !important; height: 250px !important; margin: 4% auto !important; } .top-boxes { border-left: 0; } .destinations .box { border-left: 0; border-right: 0; } .widget-box { margin-bottom: 20px !important; margin-left: 0 !important; } .widget-box h3 { padding-top: 4% !important; } } @media (max-width: 650px) { #containermsnr .item-wide img { width: auto !important; height: 100%; max-width: initial; } } @media screen and (max-width: 600px) { .press-block-div { margin-top: 5%; margin-left: 0 !important; } .blur { height: 300px !important; } .top-image-blur { max-height: 300px; } /* homepage */ .homepage-carousel { max-height: 300px !important; } .homepage-carousel img { max-height: 300px !important; } .homepage-carousel .top-image-blur { max-height: 300px !important; } .destinations-columns-title h2 { max-width: 400px; font-size: 18px; } .homepage-quotes { top: 28%; } .homepage-quotes h3 { font-size: 26px; line-height: 30px; width: 360px; } .homepage-quotes .cycle-slide:last-of-type h3 { font-size: 3em; width: 380px; margin-top: 7%; } h3.parallax-quote { font-size: 26px; line-height: 30px; } } @media screen and (max-width: 480px) { .button-vimeo { width: 70px; height: 70px; } .blur { height: 200px !important; } .top-image-blur { max-height: 200px; } /* homepage */ .homepage-carousel { max-height: 200px !important; } .homepage-carousel img { max-height: 200px !important; } .homepage-carousel .top-image-blur { max-height: 200px !important; } .columns-container .col-s-4 { margin-left: 0px; } .columns-container h2 { font-size: 1.6em !important; letter-spacing: 1px; } .homepage-quotes { top: 26%; } .homepage-quotes h3 { font-size: 20px; width: 280px; line-height: 30px; } .homepage-quotes .cycle-slide:last-of-type h3 { font-size: 1.8em; width: 300px; margin-top: 3%; } } @media screen and (max-width: 430px) { .blur { height: 200px !important; } .blog-header h2 { font-size: 1.6em; padding-left: 10px; } } @media screen and (max-width: 976px) { #containermsnr { /*width: 300px !important;*/ margin: 0 auto; } .masonry-container #containermsnr .item { width: 300px !important; } .masonry-container #containermsnr .item img { width: 300px !important; } .masonry-container #containermsnr .item-wide { width: 300px !important; } .masonry-container #containermsnr .item-wide img { height: 100%; max-width: initial; } .masonry-container #containermsnr .item-wide img.playbutton { width: 90px !important; height: 90px; } .masonry-container #containermsnr .item-wide .vimeo-video, .masonry-container #containermsnr .item-wide .vimeo-video iframe { width: 300px !important; height: 300px !important; } .masonry-container #containermsnr .item-wide .vimeo-video .vimeoplayerimg { height: 300px !important; width: auto !important; } .masonry-container #containermsnr .item-wide .text-inside-wrapper .text-inside { height: 88%; } .masonry-container #containermsnr .item-wide .text-inside-wrapper .text-inside h3 { margin-top: 10px !important; } .masonry-container #containermsnr .item-wide .text-inside-wrapper .text-inside p { line-height: 16px !important; font-size: 14px !important; } } @media screen and (max-width: 630px) { .masonry-container #containermsnr { margin-left: 10px; width: calc(100% - 10px) !important; height: auto !important; overflow: hidden; display: flex; flex-wrap: wrap; } .masonry-container #containermsnr .item { width: calc(50% - 10px) !important; margin-right: 10px; position: relative !important; left: auto !important; top: auto !important; float: left; height: 240px; } .masonry-container #containermsnr .item img { width: 100% !important; object-fit: cover; height: 100%; } .masonry-container #containermsnr .item:nth-of-type(1) { order: 1; } .masonry-container #containermsnr .item:nth-of-type(2) { order: 2; } .masonry-container #containermsnr .item:nth-of-type(3) { order: 3; } .masonry-container #containermsnr .item:nth-of-type(4) { order: 4; } .masonry-container #containermsnr .item:nth-of-type(5) { order: 6; } .masonry-container #containermsnr .item:nth-of-type(6) { order: 5; } .masonry-container #containermsnr .item:nth-of-type(7) { order: 7; } .masonry-container #containermsnr .item:nth-of-type(8) { order: 8; } .masonry-container #containermsnr .item:nth-of-type(9) { order: 9; } .masonry-container #containermsnr .item:nth-of-type(10) { order: 10; } .masonry-container #containermsnr .item:nth-of-type(11) { order: 11; } .masonry-container #containermsnr .item:nth-of-type(12) { order: 12; } .masonry-container #containermsnr .item:nth-of-type(13) { order: 13; } .masonry-container #containermsnr .tile-title { height: 80px; } .masonry-container #containermsnr .tile-title h3 { font-size: 15px !important; letter-spacing: 1px !important; } .masonry-container #containermsnr .item-wide { width: calc(100% - 10px) !important; } .masonry-container #containermsnr .item-wide img { height: 100%; max-width: initial; } .masonry-container #containermsnr .item-wide img.playbutton { width: 70px !important; height: 70px; } .masonry-container #containermsnr .item-wide .vimeo-video, .masonry-container #containermsnr .item-wide .vimeo-video iframe { width: calc(50% - 10px) !important; height: 240px !important; } .masonry-container #containermsnr .item-wide .vimeo-video .vimeoplayerimg { object-fit: cover; width: 100%; height: 100% !important; } } @media screen and (max-width: 976px) { .masonry-container { max-width: 620px !important; } } /* responsive for press page*/ @media screen and (max-width: 1320px) { .masonry-press { max-width: 810px; margin: 0 auto; } } @media screen and (max-width: 868px) { .masonry-press { max-width: 640px; margin: 0 auto; } .masonry-press .item { width: 300px; } } @media screen and (max-width: 689px) { .masonry-press { max-width: 300px; margin: 0 auto; } .masonry-press .item img { max-width: 100% !important; } } .grayscale img { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); } .img_wrapper img { width: 33% !important; } .box:hover .grayscale img { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Webkit Nightlies & Google Chrome Canary */ -webkit-transition: all .1s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ filter: url("/scripts/filters.svg#grayscale"); /* Firefox 3.5+ */ } .no-gap { margin-top: 20px; margin-bottom: 20px; } .no-gap .col-s-6 { margin-right: 0px; margin-left: 0px !important; } .no-gap .col-s-6 div { width: 100%; max-height: 300px; overflow: hidden; } .no-gap .col-s-6 div img { width: 100%; } .no-gap .col-s-6 h3 { margin: 2% 3%; } .no-gap .col-s-6 p { margin: 1% 3%; } .no-gap .col-s-4 { margin-top: 20px; } .center-column { max-width: 600px; margin: 0 auto; display: block; } .leftscript { text-align: left; } .centerscript { text-align: center; } #overlay-gif { margin-top: 20px; text-align: center; margin-bottom: 20px; } .masonry-container .grey-bg { display: block; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(100%, black)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, black 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 10%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 10%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#30000000',GradientType=0 ); width: 100%; height: 100%; position: absolute; -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein .5s; /* Firefox < 16 */ -ms-animation: fadein .5s; /* Internet Explorer */ -o-animation: fadein .5s; /* Opera < 12.1 */ animation: fadein .5s; } .masonry-container .grey-bg.black { display: block; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 10%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(100%, white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 10%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 10%, white 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 10%, white 100%); background: linear-gradient(top bottom, rgba(255, 255, 255, 0) 10%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#30000000',GradientType=0 ); } .masonry-container .item:hover { cursor: pointer; } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .tile-title { position: absolute; width: 100%; z-index: 999; height: 110px; } .tile-title h3 { text-align: center; font-size: 28px !important; font-family: Arial, sans-serif; letter-spacing: 1px !important; word-spacing: 2px; padding-left: 10px; padding-right: 10px; } .item-small .tile-title { top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; } .item-wide .tile-title { top: 37%; } .item-short .tile-title { top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; } .item-small-tall .tile-title { top: 35%; } .form .tile-title { top: 39%; } .item-small-tallest .tile-title { top: 11%; } .item-small-tallest .tile-title h3 { font-family: Arial, sans-serif; } .homepage-press-item .image { width: 100% !important; height: auto !important; } .top-logo { background-color: #000; padding-top: 15px; padding-bottom: 20px; width: 100%; position: fixed; z-index: 9999; } .top-logo .logo-2 { width: 100px; margin: 0 auto; } .ghost-wrap { position: absolute; bottom: 35px; height: 35px; margin: 0 auto; left: 0; right: 0; z-index: 999; } @media (max-width: 767px) { .ghost-wrap { display: none; } } .ghost-wrap .down-arrow { background-image: url("/images/down-arrow-icon.png"); bottom: 0; background-size: contain; background-repeat: no-repeat; left: 0; margin: 0 auto; width: 35px; height: 35px; } .ghost-wrap .down-arrow:hover { background-image: url("/images/down-arrow-hover.png"); cursor: pointer; } .ghost-div .down-arrow { background-image: url(/images/down-arrow-icon.png); bottom: 0; background-size: contain; background-repeat: no-repeat; left: 0; margin: 0 auto; width: 35px; height: 35px; bottom: 35px; position: absolute; right: 0; } @media (max-width: 767px) { .ghost-div .down-arrow { display: none; } } .ghost-div .down-arrow:hover { background-image: url("/images/down-arrow-hover.png"); cursor: pointer; } .homepage-intro .logo { margin-top: 1%; } .homepage-intro h1 { font-size: 1.4rem; text-transform: uppercase; font-family: Arial, sans-serif; letter-spacing: 1px; } .ghost-div, #slide-2, .bcg { height: 680px; position: relative; } .heading-wrapper { background-color: #fff; z-index: 999; } .press-box { font-size: 15px; text-align: center; position: relative; border: 1px solid #eee; } .press-box .left-press { max-width: 400px; max-height: 350px; float: left; margin-right: 5px; overflow: hidden; position: relative; margin-bottom: 10px; } .press-box h3 { text-transform: uppercase; font-size: 1.2em; letter-spacing: 2px; margin-top: 0; margin-bottom: 0; text-align: center; } .press-box img.press-logo { position: absolute; width: 20%; bottom: 0; right: 0; z-index: 999; } .press-box:hover { cursor: pointer; } .press-box:hover .text-press-ctn { opacity: 1; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .press-box:hover .text-press-ctn div { top: 50%; padding: 2%; } .press-box .text-press-ctn { position: absolute; top: 0; height: 100%; opacity: 0; transition: opacity .4s; padding: 10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ width: 100%; background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.7), white 40%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(40%, white)); /* safari4+,chrome */ background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.7), white 40%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(180deg, rgba(255, 255, 255, 0.7), white 40%); /* opera 11.10+ */ background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0.7), white 40%); /* ie10+ */ background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), white 40%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */ } .press-box .text-press-ctn div { position: absolute; top: 75%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); transition: top .4s ease-out; } .text-ctn { /*background-color: rgba(100,100,100,.7);*/ width: 100%; box-sizing: border-box; -webkit-transition: bottom .4s; -moz-transition: bottom .4s; transition: bottom .4s; } .text-ctn .date-press-block .date-press { float: left; font-size: 20px; margin-bottom: 0px; margin-top: 0px; margin-right: 20px; font-family: Arial, sans-serif !important; text-align: center; color: #949494; text-transform: uppercase; font-size: 14px !important; line-height: 24px; } .text-ctn .date-press-block .date-press span { display: block; border-top: 1px solid #949494; font-family: Times, Arial, sans-serif !important; font-style: italic; font-size: 20px; padding-top: 2px; width: 40px; } .press-sidebar { background-color: #f0e4d8; width: 220px; float: right; color: #000000; padding: 20px; } .press-top-logo { margin-top: 2%; } .press-wrapper { margin-top: 50px; } .press-wrapper .press-logo { position: absolute; bottom: 0px; width: 100px; } .fixed { position: fixed; top: 0px; z-index: 99999; } .homepage .header.fixed { position: fixed; top: 110px; height: 100px; bottom: auto; } .remove-space { top: 0; } div.pp_default .pp_content { background-color: transparent !important; } .pp_hoverContainer .pp_close { margin-top: 15px; margin-right: 18px !important; display: none; } .pp_hoverContainer .pp_previous { background: url(/images/prev.png) center left no-repeat; display: none; height: 30%; margin-top: auto; width: 20%; margin-bottom: auto; position: absolute; left: 5px; top: 0; bottom: 0; } .pp_hoverContainer .pp_next { background: url(/images/next.png) center right no-repeat; display: none; height: 30%; margin-top: auto; width: 20%; margin-bottom: auto; position: absolute; right: 5px; top: 0; bottom: 0; } .pp_hoverContainer:hover .pp_close, .pp_hoverContainer:hover .pp_previous, .pp_hoverContainer:hover .pp_next { display: block; } div.pp_default .pp_close:hover { opacity: 1 !important; } div.ppt, .pp_description { display: none !important; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { display: none !important; } .playbutton { position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 90px !important; margin-left: auto; margin-right: auto; left: 0; right: 0; } @media (max-width: 649px) { #containermsnr .item-wide .vimeo-video { width: 300px !important; height: 300px !important; } #containermsnr .item-wide .vimeo-video .vimeoplayerimg { height: 300px !important; } #containermsnr .item-wide .vimeo-video .playbutton { width: 90px !important; height: 90px; } #containermsnr .item-wide .vimeo-video iframe { width: 300px !important; height: 300px !important; } } @media (max-width: 480px) { .pp_pic_holder.pp_default { width: 100% !important; left: 0 !important; overflow: hidden; top: 12px !important; } div.pp_default .pp_content_container .pp_left { padding-left: 0 !important; } div.pp_default .pp_content_container .pp_right { padding-right: 0 !important; } .pp_content { width: 100% !important; height: auto !important; } .pp_fade { width: 100% !important; height: 100% !important; } #pp_full_res img { width: 100% !important; height: auto !important; } .pp_details { width: 100% !important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; margin-top: -2px !important; } a.pp_close { right: 7% !important; top: 10px !important; } .pp_hoverContainer { width: 100% !important; height: 100% !important; } .pp_hoverContainer .pp_close, .pp_hoverContainer .pp_previous, .pp_hoverContainer .pp_next { display: block; } .pp_hoverContainer .pp_close { margin-right: 0 !important; } #containermsnr .item-wide .text-inside-wrapper .text-inside .inside { padding: 6%; } } .video { left: 0; top: 0; width: 100%; height: 100%; position: relative; margin-left: 0; } .video iframe { /*position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0;*/ /*position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);*/ } .video .overlay { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: transparent; } /*@media (max-height: 800px){ .carousel-wrapper{ max-height: 750px; #carousel-4{ max-height: 750px; } } } @media (max-height: 700px){ .carousel-wrapper{ max-height: 650px; #carousel-4{ max-height: 650px; } } }*/ /* Video background */ .videobg { position: relative; width: 100%; /* Set video container element width here */ height: 100%; /* Set video container element height here */ overflow: hidden; background: #000; /* bg color, if video is not high enough */ } /* horizontally center the video */ .videobg-width { position: absolute; width: 100%; /* Change width value to cover more area*/ height: 100%; left: -9999px; right: -9800px; margin: auto; } /* set video aspect ratio and vertically center */ .videobg-aspect { position: absolute; width: 100%; height: 0; top: -9999px; bottom: -9999px; margin: auto; padding-bottom: 37.5%; /* 16:9 ratio */ overflow: hidden; } .videobg-aspect iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .videobg-make-height { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .videobg-hide-controls { box-sizing: content-box; position: relative; height: 100%; width: 100%; /* Vimeo timeline and play button are ~55px high */ padding: 55px 97.7777px; /* 16:9 ratio */ top: -55px; left: -97.7777px; /* 16:9 ratio */ } .videobg iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0 none; } .pp_gallery { display: none !important; } .photo-container span { margin-top: 10px; margin-left: 10px; display: none; position: absolute; background-size: 20px 20px !important; } @media (max-width: 768px) { .photo-container span { display: block !important; background-size: 28px 28px !important; width: 40px !important; height: 40px !important; } } .mobile-only { display: none; position: absolute; width: 107% !important; max-width: 107%; } .ipad-only { display: none; position: absolute; width: 100%; } .ios-play { position: absolute; width: 80px !important; height: 80px; bottom: -150%; left: 0; right: 0; margin: auto; } .button-vimeo img { width: 100%; } .videobg-hide-controls { top: -20px; left: 0; bottom: 0px; } .form-override#contour input.text, .form-override#contour textarea, .form-override.contour input.text, .form-override.contour textarea { max-width: 500px !important; } .button-vimeo { display: none !important; } .no-scroll { overflow: hidden; } .instawidget:not(.instawidget--gapless) li { padding: 0 !important; } /* Tables */ /* Forms */ input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input textarea { -webkit-appearance: none; } #contour form .contourField textarea { resize: none; } .umbraco-forms-form .umbraco-forms-page input, .umbraco-forms-form .umbraco-forms-page textarea, .umbraco-forms-form .umbraco-forms-page select, .umbraco-forms-form .umbraco-forms-page input.text { max-width: 500px !important; } @media (max-width: 1200px) { .umbraco-forms-form .umbraco-forms-page input, .umbraco-forms-form .umbraco-forms-page textarea, .umbraco-forms-form .umbraco-forms-page select, .umbraco-forms-form .umbraco-forms-page input.text { font-size: 14px; } } .umbraco-forms-form .umbraco-forms-page select { background-position-x: right 10px; } /* Responsive Stylesheet */ /*!Animate.css - http://daneden.me/animateLicensed under the MIT licenseCopyright (c) 2013 Daniel EdenPermission 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.*/.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }}@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }}.bounce { -webkit-animation-name: bounce; animation-name: bounce;}@-webkit-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; animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); }}@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }}.pulse { -webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); }}@keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }}.shake { -webkit-animation-name: shake; animation-name: shake;}@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }}@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }}.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }}@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }}.tada { -webkit-animation-name: tada; animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); }}@keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }}.wobble { -webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); }}@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }}.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp;}@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); }}@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); }}.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }}@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }}.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }}@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }}.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }}@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }}.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }}@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }}.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }}.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }}@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }}.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }}@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }}.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }}@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }}.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }}@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }}.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }}@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }}.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }}@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }}.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }}@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }}.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }}@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }}.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;}@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }}@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }}.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }}@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }}.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }}@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }}.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important;}@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }}@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }}.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }}@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }}.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }}@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }}.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }}@keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }}.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }}@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }}.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }}@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }}.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }}@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }}.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }}@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }}.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }}@keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }}.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }}@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }}.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }}@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }}.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }}@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }}.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }}@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }}.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;}@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); }}@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }}.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }}@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }}.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }}@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }}.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }}@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }}.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp;}@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; }}@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; }}.hinge { -webkit-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); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }}@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }}.rollIn { -webkit-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); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }}@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }}.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut;} /*! * Justified Gallery - v3.5.4 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2015 Miro Mannino * Licensed under the MIT license. */@-webkit-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; }}@-moz-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; }}@-o-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; }}@keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; }}@-webkit-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1.0; }}@-moz-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1.0; }}@-o-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1.0; }}@keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1.0; }}.justified-gallery { width: 100%; position: relative; overflow: hidden;}.justified-gallery > a,.justified-gallery > div { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); /* IE8 or Earlier */}.justified-gallery > a > img,.justified-gallery > div > img,.justified-gallery > a > a > img,.justified-gallery > div > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none;}.justified-gallery > a > .caption,.justified-gallery > div > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 12px; font-weight: 300; font-family: sans-serif;}.justified-gallery > a > .caption.caption-visible,.justified-gallery > div > .caption.caption-visible { display: initial; opacity: 0.7; filter: "alpha(opacity=70)"; /* IE8 or Earlier */ -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease; -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease; -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;}.justified-gallery > .entry-visible { opacity: 1.0; filter: alpha(opacity=100); /* IE8 or Earlier */ -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease; -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease; -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;}.justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; opacity: initial; filter: initial; overflow: initial;}.justified-gallery > .spinner > span { display: inline-block; opacity: 0; filter: alpha(opacity=0); /* IE8 or Earlier */ width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;} /* ------------------------------------------------------------------------ This you can edit.------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(/images/next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(/images/prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(/images/close-gallery.png) 2px 1px no-repeat; cursor: pointer;background-size: contain;margin-right: 2px;} /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous{background: url(/images/prev.png) no-repeat; height: 28px; margin:0; width: 28px;background-size: cover; } div.pp_default a.pp_arrow_next { background: url(/images/next.png) no-repeat; height: 28px; margin: 4px 0 0 0; width: 28px;background-size: cover; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(/images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner *//* ------------------------------------------------------------------------ DO NOT CHANGE------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }