/* Chic Outlet Shopping. Villages - Components CSS Build 20120725 - /css/stylesheet.css Copyright (c) 2012 Value Retail PLC. All Rights Reserved. ///// Table of Contents ///// 1. Import Stylesheets 2. Embedded Font Faces 3. Typography 4. Base Styles 5. Structures 6. Animations 7. Animation Keyframes 8. Icons ///// 8. Icons ///*/ .com-media { position: relative; } .com-media.slideshow { } .com-media .content { z-index: 10; position: relative; } /* .com-media.slideshow .content div { display: none; } .com-media.slideshow .content div:first-child { display: block; } */ .com-media.slideshow .content, .com-media.map .content, .com-media.brightcove .content, .com-media.brightcove_freezeframe .content, .com-media.youtube .content, .com-media.youtube_freezeframe .content, .com-media.carousel .content, .com-media.gallery .content, .com-media.vimeo .content { width: 940px; height: 360px; overflow: hidden; } .com-media.message .content { width: 100%; overflow: hidden; } .com-packery .com-media.slideshow .content, .com-packery .com-media.map .content, .com-packery .com-media.brightcove .content, .com-packery .com-media.brightcove_freezeframe .content, .com-packery .com-media.youtube .content, .com-packery .com-media.youtube_freezeframe .content, .com-packery .com-media.carousel .content, .com-packery .com-media.gallery .content, .com-packery .com-media.vimeo .content { width: auto; height: auto; overflow: hidden; } .com-media.slideshow.fullsize .content { height: 550px; width: 100%; } .com-media.slideshow.fullsize .slide { background-position: top center; background-repeat: no-repeat; width: 100%; height: 550px; text-align: center; } .com-media.slideshow.fullsize .highlight { background: url(../images/background/blank_white_85.png); position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; padding: 15px 0; } .com-media.gallery .content { height: 420px; } .com-media.gallery .content-thumbnail .slide { } .com-media.gallery .content-thumbnail .slide img { } .com-media.brightcove .security { width: 940px; height: 360px; position: absolute; top: 0; left: 0; z-index: 10; background: #000 url(../images/background/lock.png) center center no-repeat; } .com-media.brightcove .security #form_brightcove_security { display: none; width: 210px; margin: 0 auto; position: relative; top: 40%; } .com-media.brightcove .security #form_brightcove_security .control-label { display: block; text-align: left; color: #FFF; text-transform: uppercase; } .com-media.brightcove_freezeframe .frame { width: 940px; height: 360px; position: absolute; top: 0; left: 0; z-index: 10; display: none; } .com-media.youtube iframe { width:100%; height: 100%; border: none; } .com-media.youtube #youtube_player { height: 100%; } .com-media.carousel .content { height: auto; } .com-media.carousel .content .slide { background: url(../images/background/hr.png) bottom center no-repeat; } .com-media.carousel .content .caption { padding: 20px 0; line-height: 22px; } .com-media.carousel .content .caption .title { text-transform: uppercase; } .com-media .callout { width: 300px; height: 360px; display: table; margin-left: 640px; position: absolute; top: 0; right: 0; z-index: 10; opacity: 1; -webkit-font-smoothing: subpixel-antialiased !important; } .com-media .callout .middle { display: table-cell; vertical-align: middle; } .com-media .callout .inner { color: #FFF; } .com-media .callout p { color: #FFF; line-height: 20px; font-size: 13px; margin: 0; } .com-media .callout h2 { font-size: 36px; font-weight: normal; line-height: 36px; margin: 0; /* margin: 0 0 -15px; */ } .com-media .callout h2, .com-media .callout p { display: block; padding: 15px; } .com-media .callout p { margin: -15px 0 0 !important; } .com-media .callout p.action { border-top: 1px solid #767671; margin:0 !important; padding: 0; } .com-media .callout p.action a { display: block; color: #FFF; padding: 10px 15px; text-transform: uppercase; font-size: 14px; text-decoration: none; } .com-media .callout p.action a:hover { background: #000; color: #FFF; } .com-media:hover .callout { } .com-media.message { border: 1px solid #dbdbdb; padding: 5px; height: 75px } .com-media.message .content { text-align: center; list-style: none; margin: 0; padding: 0; } .com-media.message .content a { width: 100%; display: block; background: #FFF; text-decoration: none; } .com-media.message .content span { display: block; } .com-media.message .content span.title { font-weight: bold; text-transform: uppercase; } .com-background-xmas { position: absolute; width: 600px; height: 600px; bottom: 0; z-index: -1; } .com-background-xmas.left { left: 0; background: url(../images/stepintothestory/bg-left.png); } .com-background-xmas.right { right: 0; background: url(../images/stepintothestory/bg-right.png); } .com-map .smooth_zoom_preloader img#villageMap { max-width: none !important; } .com-security { width: 940px; height: 360px; background: #000 url(../images/background/lock.png) center center no-repeat; } .com-security #form_security { display: none; width: 210px; margin: 0 auto; position: relative; top: 40%; } .com-security #form_security .control-label { display: block; text-align: left; color: #FFF; text-transform: uppercase; } .com-promotion { margin: 0 0 -20px; } .com-promotion .item { margin: 0 0 20px; } .com-promotion .item a { display: block; } .com-promotion .item span.title { display: none; } .com-tagline { display: none; position: absolute; right: 30px; top: 50%; z-index: 30; color: #FFF; -webkit-text-shadow: 0px 0px 10px #000; -moz-text-shadow: 0px 0px 10px #000; -o-text-shadow: 0px 0px 10px #000; text-shadow: 0px 0px 10px #000; } .com-tagline i { display: block; background: url(../images/background/separator.png) center center no-repeat; height: 30px; } .com-back { font-size: 12px; text-transform: none; font-weight: normal; color: #666} .com-back span { font-size: 14px; } .com-back:hover { color: #000; } .com-featured { } .com-featured .listing { padding-left: 20px; padding-bottom: 20px; } .com-featured .item { position: relative; width: 33.3%; display: block; float: left; } .com-featured .item a { position: relative; display: block; } .com-featured .item .image img { width: 100%; } .com-featured .item .title { position: absolute; text-align: center; font-style: italic; font-size: 12px; padding: 5px 0; bottom: 0; left: 0; right: 0; text-transform: uppercase; font-style: normal; color: #FFF; background: url(../images/background/blank_black_85.png); } .com-featured .signup { padding: 10px 0 10px; } .com-featured .signup .control-group { background: #e6ecfb; } .com-featured .signup p { font-family: 'Playfair Display'; font-style: italic; font-size: 16px; padding: 15px 20px; } .com-featured .signup form { padding-top: 20px; } .com-featured .signup form input { border: 1px solid #4d4d4f; background: #FFF; } .com-list { } .com-list span { display: block; } .com-list img.lazy {} .com-list .item { margin-bottom: 20px; } .com-list.section .item a { display: block; position: relative; } .com-list.section .item a br { display: none; } .com-list.section .item span.image { } .com-list.section .item span.title {position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 40px 10px 20px; background: #000; color: #FFF; font-size: 15px; text-transform: uppercase; } *.com-list.section .item span.title{ bottom: -1px; z-index: 10; } .com-list.section .item a:hover span.title { background: #404040; color: #FFF; } .com-list.type .item { height: 360px; } .com-list.type .item a { height: 360px; width: 100%; display: block; position: relative; } .com-list.type .item a br { display: none; } .com-list.type .item span.image { } .com-list.type .item span.content { position: absolute; top: 200px; padding: 10px 0; } .com-list.type .item span.title { text-transform: uppercase; font-size: 15px; display: block; margin: 0 0 10px; } .com-list.type .item span.more { position: absolute; visibility: hidden; top: -10px; left: -10px; padding: 5px 7px; background: #dddddd; color: #000; font-size: 15px; text-transform: uppercase; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.type .item a:hover { background: #404040; color: #FFF; border: 10px solid #404040; top: -10px; left: -10px; } .com-list.type .item a:hover span.more { opacity: 1; visibility: visible; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.type.narrow .item, .com-list.type.narrow .item a { height: 320px; } .com-list.type.narrow .item span.content { top: 146px; } .com-list.type.narrow.short .item, .com-list.type.narrow.short .item a { height: 200px; } .com-list.offer .item { height: 360px; } .com-list.offer .item a { height: 360px; width: 100%; display: block; position: relative; } .com-list.offer .item a br { display: none; } .com-list.offer .item span.image { position: relative; } .com-list.offer .item span.image strong { display: block; text-align: center; padding: 5px 0; position: absolute; bottom: 0; font-size: 13px; width: 100%; text-transform: uppercase; background: url(../images/background/blank_black_50.png); color: #FFF; } .com-list.offer .item span.content { position: absolute; top: 200px; padding: 10px 0; } .com-list.offer .item span.title { text-transform: uppercase; font-size: 15px; display: block; margin: 0 0 10px; } .com-list.offer .item span.more { position: absolute; visibility: hidden; top: -10px; left: -10px; padding: 5px 7px; background: #dddddd; color: #000; font-size: 15px; text-transform: uppercase; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.offer .item a:hover { background: #404040; color: #FFF; border: 10px solid #404040; top: -10px; left: -10px; } .com-list.offer .item a:hover span.more { opacity: 1; visibility: visible; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.offer-brand { padding: 20px 0 0; } .com-list.offer-brand .item { height: 200px; } .com-list.offer-brand .item a { height: 200px; width: 100%; display: block; position: relative; } .com-list.offer-brand .item a br { display: none; } .com-list.offer-brand .item span.image { } .com-list.offer-brand .item span.content { position: absolute; top: 0; left: 320px; } .com-list.offer-brand .item span.title { text-transform: uppercase; font-size: 15px; display: block; margin: 0 0 10px; } .com-list.offer-brand .item span.more { position: absolute; visibility: hidden; top: -10px; left: -10px; padding: 5px 7px; background: #dddddd; color: #000; font-size: 15px; text-transform: uppercase; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.offer-brand .item a:hover { background: #404040; color: #FFF; border: 10px solid #404040; top: -10px; left: -10px; } .com-list.offer-brand .item a:hover span.more { opacity: 1; visibility: visible; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.brands-list, .com-list.brands-list ul { list-style: none; margin: 0; } .com-list.brands-list .alphabet { margin: 0 0 15px; display: block; } .com-list.brands-list .title { margin: 0 0 5px; display: block; } .com-list.brands-list .unit { display: inline; font-size: 11px; font-weight: bold; padding-left: 5px; } .com-list.logo .item { position: relative; } .com-list.logo .item a { height: 150px; display: block; border: 1px solid #f0f0f0; background: #FFF; position: relative; } .com-list.logo .item span.image { line-height: 150px; display: block; text-align: center; margin: -1px; padding: 0 15px; } .com-list.logo .item span.image img { vertical-align: middle; max-height: 120px; } .com-list.logo .item span.tag { width: 145px; height: 90px; position: absolute; top: 0; right: 0; display: block; } .com-list.logo .item span.title { height: 150px; width: 100%; position: absolute; display: block; visibility: hidden; bottom: 0; z-index: 10; background: url(../images/background/blank_black_85.png); color: #FFF; opacity: 0; text-transform: uppercase; font-size: 13px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.logo .item span.title strong { vertical-align: middle; padding: 0 10px; letter-spacing: 1px; text-align: center; display: block; } .com-list.logo .item a:hover span.title {opacity: 1; -webkit-transition: all 0.35s ease-in-out; visibility: visible; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .com-list.offer-product .item a { display: block; border: 1px solid #f0f0f0; background: #FFF; position: relative; text-align: center; text-decoration: none; } .com-list.offer-product .item a:hover { color: #000; opacity: 0.7; } .com-list.offer-product .item span.title strong { display: block; padding: 10px 5px; font-family: 'Playfair Display', serif; font-weight: normal; text-transform: uppercase; font-size: 16px; } .com-list.offer-product .item span.image { } .com-list.offer-product .item span.summary { display: block; padding: 10px; } .com-list.promotion .item a { display: block; border: 1px solid #f0f0f0; background: #FFF; position: relative; text-align: center; text-decoration: none; } .com-list.promotion .item a:hover { color: #000; opacity: 0.7; } .com-list.promotion .item span.title strong { display: block; padding: 10px 5px; font-family: 'Playfair Display', serif; font-weight: normal; text-transform: uppercase; font-size: 16px; } .com-list.promotion .item span.image { } .com-list.promotion .item span.summary { display: block; padding: 10px; } html.js .com-tab .com-tab-pane { display: none; } .nav-pills {border-bottom:1px solid #ddd; background-color: #000; } .nav-pills > li {margin:0;} .nav-pills > li > a {color: #fff;font-size:12px;background-color: #000;border-radius:0;padding:10px 12px;margin:0;border-right: 1px solid #555; text-transform: uppercase;} .nav-pills > li > a:hover {color: #fff;background-color: #555;} .nav-pills > .selected > a, .nav-pills a.selected {color: #FFF!important;background-color: #555;} .nav-pills > .selected > a:hover, .nav-pills a.selected:hover {color: #FFF!important;background-color: #555;} .nav-pills [class*="span"] { } .com-kwicks { } .com-tab-page { } .com-tab-page .nav-tabs { border-bottom: none; background-color: #000; } .com-tab-page .nav-tabs > li { width: 33.3%; margin:0; } .com-tab-page .nav-tabs > li > a { color: #fff; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; text-align: center; text-transform: uppercase; border-left: 1px solid #858585; border-right: 0; border-top: 0; border-bottom: 0; margin:0; font-size:12px; } .com-tab-page .nav-tabs > li > a:hover {color: #fff;background-color: #555; border-left: 1px solid #858585; border-right: 0; border-top: 0; border-bottom: 0; } .com-tab-page .nav-tabs > li:first-child > a { border-left: none; } .com-tab-page .nav-tabs > .active > a, .com-tab-page .nav-tabs > .active > a:hover { color: #fff; background-color: #555; border-left: 1px solid #858585; border-right: 0; border-top: 0; border-bottom: 0; } .com-tab-page .nav-tabs .dropdown-menu { margin-top: 0; width: 100%; padding: 0; border: none; } .com-tab-page .nav-tabs .dropdown-menu li > a { padding: 5px 15px; } .com-tab-page .nav-tabs .dropdown-menu li > a:hover { background: #555; color: #FFF; } .com-tab-page .nav-tabs .dropdown-menu li.active > a { background: #999; color: #FFF; } .com-tab-page .nav-tabs .dropdown-toggle .caret, .com-tab-page .nav-tabs .active .dropdown-toggle .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .com-tab-page .alert { margin-bottom: 0; } .com-panel { } .com-home { height: 100%; width: 100%; position: relative; z-index: 10; background: url(../images/background/loader.gif) no-repeat center center; overflow: hidden; } .com-home .slide { height: 100%; width: 100%; position: relative; } .com-home .slide a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; } .com-home .slide a img { width: 100%; height: 100%; } .com-navbar { position: relative; z-index: 50; margin-bottom: 21px; } .com-navbar.searchbar { margin-bottom: 1px; } .com-navbar.searchbar .navbar-search { margin-bottom: 5px; } .com-navbar .navbar-inner { padding-left: 0; padding-right: 0; border-radius: 0; min-height: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; } .com-navbar .navbar-inner li a { text-transform: uppercase; color: #FFF; font-size: 12px; padding: 10px 12px; line-height: 14px; } .com-navbar .navbar-inner li a.active { background: #555; color: #FFF; } .com-navbar .navbar-inner li.dropdown.open > .dropdown-toggle, .com-navbar .navbar-inner li a:hover { color: #fff; background: #6d6d6d; } .com-navbar .navbar-inner li.dropdown { border-right: 1px solid #555; } .com-navbar .navbar-inner li.dropdown a i { display: none; } .com-navbar .navbar-inner li.dropdown ul li a { padding: 5px 12px; } .com-navbar .navbar-inner ul.dropdown-menu { z-index: 1001; } .com-navbar .navbar-inner .nav .dropdown-toggle .caret { margin-top: 6px;} .com-navbar .navbar-inner li ul li a { text-transform: none; color: #666; } .com-navbar .navbar-inner a.btn { padding: 0; margin: 0; width: 34px; height: 34px; line-height: 36px; } .com-navbar .navbar-search .search-query, .com-navbar .navbar-search .search-query:focus, .com-navbar .navbar-search .search-query.focused { border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radisu: 3px; padding: 2px 10px; border: none; } .com-navbar .navbar-search button { background: transparent; border: none; margin-right: 5px; } .com-packery .hero { } .com-nav { margin-bottom: 20px; } .com-nav nav ul { list-style: none; margin: 0; } .com-nav nav ul li { } .com-nav nav ul li a { background: #454545; color: #fff; display: block; padding: 5px 10px; text-decoration: none; font-size: 12px; letter-spacing: 1px; } .com-nav nav ul.filter li a { background: #202020; text-transform: uppercase; font-size: 14px; padding: 8px 10px; border-bottom: 1px solid #454545; } .com-nav nav ul li a.active, .com-nav nav ul li a:hover { background: #DFDFDF; color: #000; } .com-nav nav ul li.separator { text-transform: uppercase; font-size: 12px; letter-spacing: 2px; padding: 4px 10px; background: #000; color: #FFF; } .com-nav form { background: #000; margin: 0; padding: 5px 5px; } .com-nav form .control-group { margin-bottom: 0; } .com-nav form .controls { margin: 0; position: relative; border: 1px solid #454545; background: #FFF; padding: 0 5px; } .com-nav form input { margin: 0; width: 100%; display: block; border: none; background: #FFF !important; color: #000 !important; padding: 4px 0; } .com-nav form input.blur { color: #454545 !important; } .com-nav form button { position: absolute; right: 0; top: 0; background: #000 !important; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 4px 10px; } /* .com-highlight { margin-left: -480px; width: 960px; overflow: hidden; position: absolute; left: 50%; bottom: 0; z-index: 20; -webkit-box-shadow: 0px -3px 10px #3b3b3b; -moz-box-shadow: 0px -3px 10px #3b3b3b; box-shadow: 0px -3px 10px #3b3b3b; } .com-highlight li { width: 320px; height: 180px; background-repeat: no-repeat; overflow: hidden; } .com-highlight li a { display: block; height: 140px; background: #000; width: 640px; color: #FFF; font-size: 14px; line-height: 16px; text-decoration: none; position: relative; } .com-highlight li a strong { text-transform: uppercase; font-size: 16px; display: block; padding: 0 0 10px; border-bottom: 1px solid #767671; } .com-highlight li a br { display: none; } .com-highlight li a .content { padding: 20px; width: 280px; position: absolute; top: 0; right: 0; z-index: 5; } .com-highlight li a .image { position: absolute; top: 0; left: 0; z-index: 3; } */ .com-highlight { margin-left: -471px; width: 942px; overflow: hidden; position: absolute; left: 50%; bottom: 0; z-index: 20; -webkit-box-shadow: 0px -3px 10px #3b3b3b; -moz-box-shadow: 0px -3px 10px #3b3b3b; box-shadow: 0px -3px 10px #3b3b3b; } .com-highlight li { width: 314px; height: 176px; background-repeat: no-repeat; overflow: hidden; } .com-highlight li a { display: block; height: 137px; width: 628px; color: #FFF; font-size: 14px; line-height: 16px; text-decoration: none; position: relative; } .com-highlight li a strong { text-transform: uppercase; font-size: 16px; display: block; padding: 0 0 10px; border-bottom: 1px solid #767671; } .com-highlight li a br { display: none; } .com-highlight li a .content { padding: 20px; width: 274px; position: absolute; top: 0; right: 0; z-index: 5; } .com-highlight li a .image { position: absolute; top: 0; left: 0; z-index: 3; } #content.narrow .com-highlight { margin-left: -363px; width: 726px; height: 136px; } #content.narrow .com-highlight li { width: 242px; height: 136px; } #content.narrow .com-highlight li a { width: 484px; font-size: 13px; } #content.narrow .com-highlight li a strong { font-size: 14px; } #content.narrow .com-highlight li a br { display: none; } #content.narrow .com-highlight li a .content { padding: 20px; width: 202px; } #content.narrow .com-highlight li a .image { position: absolute; top: 0; left: 0; z-index: 3; } #content.narrow .com-highlight li img { width: 484px; } .com-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/background/blank_white_85.png) repeat; z-index: 99; display: none; } .com-overlay .spinner { width: 32px; height: 32px; background: url(../images/background/spinner.gif); position: absolute; top: 55%; left: 50%; margin: 0 0 0 -16px; } .com-form { padding-bottom: 30px; } .com-form .control-label, .com-form label.checkbox { text-transform: none; font-size: 13px; font-weight: bold; } .com-form input[type='text'], .com-form input[type='password'], .com-form textarea, .com-form .row-agreement .content { background: #f1f1f1; background: -webkit-linear-gradient(top, #f1f1f1, #fff); background: -moz-linear-gradient(top, #f1f1f1, #fff); background: -ms-linear-gradient(top, #f1f1f1, #fff); background: -o-linear-gradient(top, #f1f1f1, #fff); border-color: rgb(219, 218, 218); } .com-form h3 { margin-top: 0; margin-bottom: 20px; line-height: 16px; text-transform: uppercase; font-size: 16px; } .com-form h3.legend { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } .com-form p.hint { text-align: right; font-size: 12px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; } .com-form input.invalid_field { border-color: #b94a48; } .com-form .row-checkbox { padding-top: 10px; } .com-form .row-security label { margin-bottom: 15px; } .com-form .row-agreement { } .com-form .row-agreement .content { height: 75px; overflow: auto; border-width: 1px; border-style: solid; padding: 10px; } .com-form .help-block { color: #b94a48; text-align: right; text-transform: uppercase; font-size: 12px; position: relative; top: -10px; line-height: 15px; padding-top: 5px; } .com-form .btn-custom { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; background: #e4e4e4 !important; border: 3px solid #e4e4e4; margin: 0 2px 7px 0; padding: 0; box-shadow: none; -webkit-font-smoothing: antialiased; text-transform: none; font-size: 14px; } .com-form .btn-custom span, .disabled.btn-custom:hover span, .disabled.btn-custom:active span { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFFFFF; display: block; padding: 3px 12px; background: #000222; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTA5MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #000222 0%, #090909 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000222), color-stop(100%,#090909)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000222 0%,#090909 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000222 0%,#090909 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000222 0%,#090909 100%); /* IE10+ */ background: linear-gradient(to bottom, #000222 0%,#090909 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000222', endColorstr='#090909',GradientType=0 ); /* IE6-8 */ text-shadow: 0 -1px 0 #242424; box-shadow: inset 0 1px 0 #646464; border-top: 1px solid #4d4d4d; } .ie9 .com-form .btn-custom span, .ie9 .disabled.btn-custom:hover span, .ie9 .disabled.btn-custom:active span { filter: none; } .com-form .btn-custom:hover span { background: #767676; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2NzY3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzQzNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #767676 0%, #434343 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(100%,#434343)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #767676 0%,#434343 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #767676 0%,#434343 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #767676 0%,#434343 100%); /* IE10+ */ background: linear-gradient(to bottom, #767676 0%,#434343 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#434343',GradientType=0 ); /* IE6-8 */ text-shadow: 0 -1px 0 #3d3d3d; box-shadow: inset 0 1px 0 #A8A8A8; border-top: 1px solid #8F8F8F; } .ie9 .com-form .btn-custom:hover span { filter: none; } .com-form .btn-custom:active span { background: #121212; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMTIxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAxMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #121212 0%, #000111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#121212), color-stop(100%,#000111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #121212 0%,#000111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #121212 0%,#000111 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #121212 0%,#000111 100%); /* IE10+ */ background: linear-gradient(to bottom, #121212 0%,#000111 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#000111',GradientType=0 ); /* IE6-8 */ text-shadow: 0 -1px 0 #000; box-shadow: inset 0 1px 0 #3c3c3c; border-top: 1px solid #1a1a1a; } .ie9 .com-form .btn-custom:active span { filter: none; } /* Temp whats on privacy policy box*/ #whats-on form.form-horizontal .content{ height: 75px; overflow: auto; border-width: 1px; border-style: solid; padding: 10px; border: 2px solid #E2E3DC; margin-left: 6px; } /* Reset Button */ .com-form .btn-custom.inverse span, .com-form .disabled.btn-custom.inverse:hover span, .com-form .disabled.btn-custom.inverse:active span { color: #333; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */ text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); border-color: #fff; box-shadow: inset 0 1px 0 #fff; } .ie9 .com-form .btn-custom.inverse span, .ie9 .com-form .disabled.btn-custom.inverse:hover span, .ie9 .com-form .disabled.btn-custom.inverse:active span { filter: none; } .com-form .btn-custom.inverse:hover span { color: #333; background: #e6e6e6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e6e6e6 0%, #bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%,#bcbcbc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 0%,#bcbcbc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */ text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); border-color: #ddd; box-shadow: inset 0 1px 0 #ddd; } .ie9 .com-form .btn-custom.inverse:hover span { filter: none; } .com-form .btn-custom.inverse:active span { color: #fff; background: #9f9f9f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmOWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzdjN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #9f9f9f 0%, #7c7c7c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f9f), color-stop(100%,#7c7c7c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9f9f9f 0%,#7c7c7c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9f9f9f 0%,#7c7c7c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9f9f9f 0%,#7c7c7c 100%); /* IE10+ */ background: linear-gradient(to bottom, #9f9f9f 0%,#7c7c7c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-8 */ text-shadow: 0 -1px 0 #5a5a5a; border-color: #afafaf; box-shadow: inset 0 1px 0 #afafaf; } .com-form .well { margin-bottom: 0; background: #fff; border-radius: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background: #f1f1f1; background: -webkit-linear-gradient(top, #f1f1f1, #fff); background: -moz-linear-gradient(top, #f1f1f1, #fff); background: -ms-linear-gradient(top, #f1f1f1, #fff); background: -o-linear-gradient(top, #f1f1f1, #fff); } .com-form .selection label { font-weight: normal; } .com-form .selection label span { text-transform: uppercase; font-size: 10px; line-height: 11px; display: block; } .com-form .form-actions { background: none; border-top: 0; padding: 0; margin-bottom:0; margin-top: 0; padding-bottom:0; } /*****/ .com-special-chicgoeswild { position: absolute; top: 0; background: #e4f2f3 url(../images/campaigns/2014/chic-goes-wild/flowers-tablet.jpg) 50% 100% no-repeat; height: 100%; width: 100%; } .com-special-chicgoeswild .inner { height: 100%; width: 960px; position: absolute; bottom: 0; left: 50%; margin-left: -480px; } .com-special-chicgoeswild .hotspot { position: absolute; margin: 0; padding: 0; } .com-special-chicgoeswild .hotspot a { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; background: #FC7A67 /* #f9aa89 */ url(../images/campaigns/2014/chic-goes-wild/hotspot-plus.png) 50% 50% no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 24px; width: 24px; position: absolute; } .com-special-chicgoeswild .hotspot a.open { background: #fbc1a9; } .com-special-chicgoeswild .hotspot a.open span { visibility: hidden; } .com-special-chicgoeswild .hotspot a.open:hover { background: #fbc1a9; } .com-special-chicgoeswild .hotspot a:hover { background-color: #fbc1a9; } .com-special-chicgoeswild .hotspot a:hover span { border-color: #fbc1a9; } .com-special-chicgoeswild .hotspot a span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #FC7A67 /* #f9aa89 */; display: block; height: 34px; width: 34px; top: -5px; left: -5px; opacity: 0; position: absolute; -webkit-animation: pulsate 2.5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: pulsate 2.5s ease-out; -moz-animation-iteration-count: infinite; animation: pulsate 2.5s ease-out; animation-iteration-count: infinite; } .com-special-chicgoeswild .hotspot .modal { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: absolute; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin: 0; padding: 0; top: auto; bottom: -10px; left: 10px; width: 625px; z-index: 1041; } .com-special-chicgoeswild .hotspot .modal .modal-body { padding: 0; position: relative; min-height: 200px; } .com-special-chicgoeswild .hotspot .modal .modal-body img { float: left; width: 300px; height: 200px; } .com-special-chicgoeswild .hotspot .modal .modal-body .right { float: right; /* padding: 0 0 20px; */ text-align: center; width: 50%; } .com-special-chicgoeswild .hotspot .modal .modal-body .close { background: url(../images/campaigns/2014/chic-goes-wild/modal-close.gif) 0 0 no-repeat; display: block; height: 17px; width: 17px; opacity: 1; top: 12px; right: 12px; position: absolute; } .com-special-chicgoeswild .hotspot .modal .modal-body .close:hover { opacity: 0.7; } .com-special-chicgoeswild .hotspot .modal .modal-body .right h2 { background: url(../images/campaigns/2014/chic-goes-wild/modal-divide.gif) 50% 100% no-repeat; font-family: Lato; font-weight: 400; font-size: 16px; color: #525252; letter-spacing: 0.05em; line-height: 1.2; margin: 15px 0 15px; padding: 0 30px 10px; text-transform: uppercase; } .com-special-chicgoeswild .hotspot .modal .modal-body .right p { color: #7f7f7f; font-size: 13px; font-family: Lato; line-height: 1.2; letter-spacing: 0.03em; margin: 0 30px 15px; } .com-special-chicgoeswild .hotspot .modal .modal-body .right ul { margin: 0; padding: 0; } .com-special-chicgoeswild .hotspot .modal .modal-body .right ul li { background: green; width: 37px; height: 37px; overflow: hidden; display: inline-block; zoom: 1; *display: inline; margin: 0; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a { -webkit-border-radius: 0; -moz-border-radius: 0; background: #f9aa89; color: #fff; border-radius: 0; font-family: Georgia; font-style: italic; font-size: 14px; margin: 0 auto; line-height: 1; padding: 10px 0; width: 165px; height: auto; position: relative; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a:hover { background: #333; text-decoration: none; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a.social { background: url(../images/campaigns/2014/chic-goes-wild/modal-social.png) no-repeat; display: block; margin: 0 auto; padding: 0; height: 37px; width: 37px; text-indent: -9999em; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a.social.twitter { background-position: 0 0; background-color: #4faaf0; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a.social.facebook { background-position: 0 -37px; background-color: #34589d; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a.social.email { background-position: 0 -74px; background-color: #898989; } .com-special-chicgoeswild .hotspot .modal .modal-body .right a.social:hover { background-color: #f9aa89; } .com-special-chicgoeswild .hotspot .modal.social { width: 325px; } .com-special-chicgoeswild .hotspot .modal.social .right { width: 325px; } .com-special-chicgoeswild .hotspot.hs1 { bottom: 383px; left: 94px; } .com-special-chicgoeswild .hotspot.hs2 { bottom: 308px; left: 229px; } .com-special-chicgoeswild .hotspot.hs3 { bottom: 369px; left: 368px; } .com-special-chicgoeswild .hotspot.hs4 { bottom: 331px; left: auto; right: 311px; } .com-special-chicgoeswild .hotspot.hs4 .modal { left: auto; right: -10px; } .com-special-chicgoeswild .hotspot.hs5 { bottom: 308px; left: auto; right: 83px; } .com-special-chicgoeswild .hotspot.hs5 .modal { left: auto; right: -10px; } .com-special-chicgoeswild .logo { position: absolute; top: 160px; bottom: 405px; left: 0; right: 0; text-align: center; z-index: 20; } .com-special-chicgoeswild .logo img { max-height: 100%; } .com-special-chicgoeswild.cny { top: 100px; background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-en.jpg) 50% 0 no-repeat; } html[lang='ca'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-ca.jpg) 50% 0 no-repeat; } html[lang='de'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-de.jpg) 50% 0 no-repeat; } html[lang='es'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-es.jpg) 50% 0 no-repeat; } html[lang='fr'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-fr.jpg) 50% 0 no-repeat; } html[lang='it'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-it.jpg) 50% 0 no-repeat; } html[lang='nl'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-nl.jpg) 50% 0 no-repeat; } html[lang='zh-cn'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-tablet-zh-cn.jpg) 50% 0 no-repeat; } .com-special-chicgoeswild.cny .logo { display: none; } .com-special-chicgoeswild.cny .hotspot { bottom: auto; } .com-special-chicgoeswild.cny .hotspot .modal { top: 10px; bottom: auto; left: 10px; } .com-special-chicgoeswild.cny .hotspot.hs1 { left: 170px; top: 118px; } .com-special-chicgoeswild.cny .hotspot.hs2 { left: 128px; top: 258px; } .com-special-chicgoeswild.cny .hotspot.hs3 { left: 502px; top: 141px; } .com-special-chicgoeswild.cny .hotspot.hs4 { right: 219px; left: auto; top: 119px; } .com-special-chicgoeswild.cny .hotspot.hs4 .modal { right: -10px; left: auto; } .com-special-chicgoeswild.cny .hotspot.hs5 { right: 130px; left: auto; top: 282px; } .com-special-chicgoeswild.cny .hotspot.hs5 .modal { right: -10px; left: auto; } body.chicgoeswild .modal-backdrop { background: #e4f2f3 !important; } body.chicgoeswild-cny .modal-backdrop { background: #f9edf2 !important; } @media only screen and (max-width: 960px) { .com-special-chicgoeswild .hotspot .modal { position: fixed; top: 25% !important; bottom: auto !important; left: 50% !important; right: auto !important; margin-left: -325px; } .com-special-chicgoeswild .hotspot .modal.social { margin-left: -162px; } .com-special-chicgoeswild .hotspot.hs1 { left: 133px; bottom: 339px; } .com-special-chicgoeswild .hotspot.hs3 { bottom: 372px; right: 385px; } .com-special-chicgoeswild .hotspot.hs4 { bottom: 322px; right: 385px; } .com-special-chicgoeswild .hotspot.hs5 { bottom: 278px; right: 251px; } .com-special-chicgoeswild.cny .hotspot .modal { position: fixed; top: 25% !important; bottom: auto !important; left: 50% !important; right: auto !important; margin-left: -325px; } .com-special-chicgoeswild.cny .hotspot .modal.social { margin-left: -162px; } .com-special-chicgoeswild.cny .hotspot.hs3 { top: 140px; left: 327px; } .com-special-chicgoeswild.cny .hotspot.hs4 { top: 148px; right: 460px; } .com-special-chicgoeswild.cny .hotspot.hs5 { right: 213px; top: 122px; } } @media only screen and (max-width: 980px) { .com-special-chicgoeswild.cny .hotspot.hs5 { right: 220px; top: 120px; } } @media only screen and (min-width: 1024px) { .com-special-chicgoeswild { background: #e4f2f3 url(../images/campaigns/2014/chic-goes-wild/flowers-med.jpg) 50% 100% no-repeat; } .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-en.jpg) 50% 0 no-repeat; } html[lang='ca'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-ca.jpg) 50% 0 no-repeat; } html[lang='de'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-de.jpg) 50% 0 no-repeat; } html[lang='es'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-es.jpg) 50% 0 no-repeat; } html[lang='fr'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-fr.jpg) 50% 0 no-repeat; } html[lang='it'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-it.jpg) 50% 0 no-repeat; } html[lang='nl'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-nl.jpg) 50% 0 no-repeat; } html[lang='zh-cn'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-med-zh-cn.jpg) 50% 0 no-repeat; } } @media only screen and (min-width: 1281px) { .com-special-chicgoeswild { background: #e4f2f3 url(../images/campaigns/2014/chic-goes-wild/flowers-lrg.jpg) 50% 100% no-repeat; } .com-special-chicgoeswild.cny { background: #f9edf2 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-en.jpg) 50% 0 no-repeat; } html[lang='ca'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-ca.jpg) 50% 0 no-repeat; } html[lang='de'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-de.jpg) 50% 0 no-repeat; } html[lang='es'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-es.jpg) 50% 0 no-repeat; } html[lang='fr'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-fr.jpg) 50% 0 no-repeat; } html[lang='it'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-it.jpg) 50% 0 no-repeat; } html[lang='nl'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-nl.jpg) 50% 0 no-repeat; } html[lang='zh-cn'] .com-special-chicgoeswild.cny { background: #f8eef7 url(../images/campaigns/2014/chic-goes-wild-cny/flowers-lrg-zh-cn.jpg) 50% 0 no-repeat; } } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { transform: scale(1.2, 1.2); opacity: 0.0; } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0; } } /*****/ .com-accordion { } .com-accordion dl { margin: 0; } .com-accordion dt { line-height: 0; } .com-accordion dt a { background: #f4f4f4; text-transform: uppercase; font-size: 12px; font-weight: normal; text-decoration: none; border-bottom: 1px solid #FFF; position: relative; } .com-accordion dt a i { position: absolute; top: 0; left: 0; border-right: 1px solid #FFF; } .com-accordion dt a span { line-height: 25px; display: block; padding: 0 0 0 35px; } .com-accordion dd .title, .com-accordion dd .content, .com-accordion dd article { padding: 0 0 0 35px; } .com-accordion dd, .com-accordion dd article p { margin: 0; } .com-accordion dd .row { padding: 10px 0; } .com-collapse .accordion-group { border-radius: 0; border-color: #f4f4f4; } .com-collapse .accordion-heading { text-transform: uppercase; } .com-collapse .accordion-toggle { background: #f4f4f4; color: #333; text-decoration: none; } .com-collapse .accordion-inner { border-top-style: dotted; } .com-widget form { margin-bottom: 0; } .com-widget.db-bahn .contrast-box-header h2 { background-image: url(../images/background/logo_dbbahn.png); background-repeat: no-repeat; background-position: right center; } .com-widget.booking .contrast-box-header h2 { background-image: url(../images/background/logo_booking.png); background-repeat: no-repeat; background-position: right center; } .com-widget.chilternrailways .contrast-box-header h2 { background-image: url(../images/background/logo_chilternrailways.png); background-repeat: no-repeat; background-position: right center; } .com-widget.chilternrailways { } .com-widget.chilternrailways .bulletin { background: #ededed; padding: 15px 50px; font-family: 'Lato', sans-serif; text-align: center; font-size: 16px; line-height: 20px; } .com-widget.chilternrailways thead { background: #555; color: #FFF; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 12px; } .com-widget.chilternrailways .stations { background: #000; color: #FFF; border-bottom: 1px solid #FFF; font-family: 'Lato', sans-serif; } .com-widget.chilternrailways .stations label { text-transform: uppercase; text-align: center; } .com-widget.chilternrailways .stations .com-form { padding: 10px 0; } /* .com-widget.chilternrailways .results span { padding-left: 20px; font-style: italic; } */ .com-widget.chilternrailways .results p { margin: 0; } .com-widget.chilternrailways .results .firstRow { font-weight: bold; } .com-widget.chilternrailways .results br { display: none } .com-widget.chilternrailways .results tfoot td { text-align: center; background: #ededed; font-family: 'Lato', sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; } /* .com-widget.chilternrailways .results .loading { background: #ededed url(../images/background/spinner-timetable.gif) center right no-repeat;} */ .com-widget .row.links { text-align: center; } .com-widget .row.links p { margin: 15px 0 0; } .com-widget .row.links a { color: #FFF; } .com-tools { position: fixed; right: 0; top: 50%; margin: -100px 0 0; } .com-tools ul { list-style: none; } .com-tools li { height: 52px; position: relative; margin: 1px 0; } .com-tools a { display: block; background: #FFF; white-space: nowrap; } .com-tools a.icon { width: 50px; height: 50px; position: absolute; z-index: 10; right: 0; border: 1px solid #f0f0f0; border-right: none; } .com-tools a.icon:hover { border-left: 1px solid transparent; } .com-tools a.text { display: none; position: absolute; right: 0; color: #666 } .com-tools a.text span { height: 34px; display: block; padding: 8px 60px 8px 10px; line-height: 16px; border: 1px solid #f0f0f0; border-right: none; } .com-tools a.text strong { text-transform: uppercase; } .com-tools a.text:hover { text-decoration: none; color: #000; } .com-ugc { } .com-ugc * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-ugc .item { width: 20%; padding: 0 10px 20px; float: left; } .com-ugc .item.wide { width: 40%; } .com-products * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .com-products { max-width: 96%; margin: 0 auto; overflow: hidden; } .com-products .item { width: 20%; padding: 0 10px 20px; float: left; background: #FFF; } .com-products .item .more { display: none; } .com-products .item.wide { width: 40%; } /* .com-products .item.open { width: 40%; } .com-products .item.open .preview { width: 50%; } */ .com-products .item.open .more { display: block; } .com-products .item.open .info .action { opacity: 0.2; } .com-products .item.wide .summary a { text-decoration: underline; } .com-products .item img { width: 100%; } .com-products .grid-sizer { width: 20%; } .com-products .content { border: 1px solid #f5f5f5; position: relative; /* -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); */ } .com-products .content h2, .com-products .content h3 { font-family: 'Playfair Display', serif; text-align: center; font-weight: normal; text-transform: uppercase; padding: 0 20px; } .com-products .content h3 { margin: 15px 0; line-height: 1; font-size: 20px; } .com-products .content .title, .com-products .content .summary { text-align: center; } .com-products .content .title { padding: 0 0 5px; font-family: 'Lato', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; } .com-products .content .summary { padding: 0 20px 0px; } .com-products .content .info { position: relative; } .com-products .content .action a { display: block; font-family: 'Lato', sans-serif; font-size: 12px; text-align: center; padding: 10px; text-transform: uppercase; text-decoration: none; } .com-products .content .action a:hover { background: #000; color: #FFF; } .com-products .content .close { opacity: 1; } .com-products .content .close a { text-decoration: none; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; } .com-products .content .close a:hover { background: #000; color: #FFF; } /* .com-products .item.wide .content { border: 1px solid #f5f5f5; } */ .com-products .content .more { border-top: 1px solid #f5f5f5; background: #FFF; position: absolute; bottom: 0; padding: 30px 10px; left: 0; right: 0; } @media (min-width: 768px) and (max-width: 979px) { .com-products .item.wide { width: 50%; } .com-products .item { width: 25%; } .com-ugc .item.wide { width: 50%; } .com-ugc .item { width: 25%; } } @media (max-width: 767px) { .com-products { max-width: 100%; } .com-products .item.wide { width: 100%; } .com-products .item { width: 50%; } .com-products .content h2 { font-size: 18px; line-height: 20px; } .com-products .content h3 { font-size: 14px; } .com-products .content .action a { font-size: 12px; font-weight: bold; } .com-ugc .item.wide { width: 100%; } .com-ugc .item { width: 50%; } #membership #formSignin h3 {margin-bottom:15px !important;} #membership #formRegister .form-actions {float:none !important;} #membership .membership-redesign{margin-top:5px !important;} .bv #whats-on .com-list.type .item a:hover{background:none; color:#000 !important;} .bv #whats-on .com-list.type .item span.content{left:10%} .bv #whats-on .com-list.type .item a{text-align:center;} .bv #whats-on .com-list.type .item a img{max-width: 100%; width:auto;} } .com-mayday { position: absolute; right: 0; top: 120px; z-index: 50; } .com-mayday ul { list-style: none; margin: 0; padding: 0; } .com-mayday .item { position: relative; text-align: center; } .com-mayday .item a.opener { width: 40px; display: block; text-indent: -9999px; position: relative; z-index: 10; } .com-mayday .item .panel { width: 300px; position: absolute; right: 39px; top: 0; z-index: 20; background: #FFF; padding: 10px 20px; border: 1px solid #000; display: none; } .com-mayday .item .panel .image { padding: 0 0 15px; } .com-mayday .item .panel .content { } .com-mayday .item .panel h4 { font-family: 'Playfair Display', serif; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #e1e1e1; font-weight: normal; text-transform: uppercase; } .com-mayday .item .panel .content ul { margin: 0 0 15px; } .com-mayday .item .panel .content li { position: relative; list-style: none; } .com-mayday .item .panel .content li span { position: absolute; right: 0; top: 0; } .com-mayday .item .panel .action a { display: block; background: #000; color: #FFF; text-align: center; padding: 5px 0; width: 100%; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } .com-mayday .item .panel .action a:hover { background: #252525; } .com-mayday .item .panel .action a:focus { outline: none; } .com-mayday .item a.opener { background: url(../images/sprites/mayday-en.jpg); } html[lang='en'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-en.jpg);} html[lang='de'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-de.jpg); } html[lang='fr'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-fr.jpg); } html[lang='ca'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-ca.jpg); } html[lang='es'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-es.jpg); } html[lang='nl'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-nl.jpg); } html[lang='it'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-it.jpg); } html[lang='zh-cn'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-zh-cn.jpg); } html[lang='pt-br'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-pt-br.jpg); } html[lang='ru'] .com-mayday .item a.opener { background: url(../images/sprites/mayday-ru.jpg); } .com-mayday .item.getting-here .panel { background-color: #FFF; background-repeat: no-repeat; } html[lang='en'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/en.jpg); } html[lang='en'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/en.jpg); } html[lang='en'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/en.jpg); } html[lang='en'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/en.jpg); } html[lang='en'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/en.jpg); } html[lang='en'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/en.jpg); } html[lang='en'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/en.jpg); } html[lang='en'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/en.jpg); } html[lang='en'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/en.jpg); } html[lang='de'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/de.jpg); } html[lang='de'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/de.jpg); } html[lang='de'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/de.jpg); } html[lang='de'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/de.jpg); } html[lang='de'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/de.jpg); } html[lang='de'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/de.jpg); } html[lang='de'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/de.jpg); } html[lang='de'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/de.jpg); } html[lang='de'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/de.jpg); } html[lang='fr'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/fr.jpg); } html[lang='fr'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/fr.jpg); } html[lang='fr'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/fr.jpg); } html[lang='fr'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/fr.jpg); } html[lang='fr'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/fr.jpg); } html[lang='fr'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/fr.jpg); } html[lang='fr'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/fr.jpg); } html[lang='fr'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/fr.jpg); } html[lang='fr'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/fr.jpg); } html[lang='ca'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/ca.jpg); } html[lang='ca'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/ca.jpg); } html[lang='ca'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/ca.jpg); } html[lang='ca'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/ca.jpg); } html[lang='ca'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/ca.jpg); } html[lang='ca'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/ca.jpg); } html[lang='ca'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/ca.jpg); } html[lang='ca'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/ca.jpg); } html[lang='ca'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/ca.jpg); } html[lang='es'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/es.jpg); } html[lang='es'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/es.jpg); } html[lang='es'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/es.jpg); } html[lang='es'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/es.jpg); } html[lang='es'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/es.jpg); } html[lang='es'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/es.jpg); } html[lang='es'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/es.jpg); } html[lang='es'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/es.jpg); } html[lang='es'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/es.jpg); } html[lang='nl'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/nl.jpg); } html[lang='nl'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/nl.jpg); } html[lang='nl'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/nl.jpg); } html[lang='nl'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/nl.jpg); } html[lang='nl'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/nl.jpg); } html[lang='nl'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/nl.jpg); } html[lang='nl'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/nl.jpg); } html[lang='nl'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/nl.jpg); } html[lang='nl'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/nl.jpg); } html[lang='it'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/it.jpg); } html[lang='it'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/it.jpg); } html[lang='it'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/it.jpg); } html[lang='it'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/it.jpg); } html[lang='it'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/it.jpg); } html[lang='it'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/it.jpg); } html[lang='it'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/it.jpg); } html[lang='it'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/it.jpg); } html[lang='it'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/it.jpg); } html[lang='zh-cn'].bv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/bv/zh-cn.jpg); } html[lang='zh-cn'].fv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/fv/zh-cn.jpg); } html[lang='zh-cn'].iv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/iv/zh-cn.jpg); } html[lang='zh-cn'].kv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/kv/zh-cn.jpg); } html[lang='zh-cn'].lrv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lrv/zh-cn.jpg); } html[lang='zh-cn'].lvv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lvv/zh-cn.jpg); } html[lang='zh-cn'].lzv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/lzv/zh-cn.jpg); } html[lang='zh-cn'].mmv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/mmv/zh-cn.jpg); } html[lang='zh-cn'].wv .com-mayday .item.getting-here .panel { background-image: url(../images/villages/mayday/wv/zh-cn.jpg); } .com-mayday .item.getting-here h5 { font-family: 'Playfair Display', serif; padding: 10px 0; margin: 0; font-weight: normal; text-transform: uppercase; font-size: 14px; } .com-mayday .item.getting-here .content { text-align: left; height: 145px; } .com-mayday .item.getting-here .links { text-align: center; margin: 0 0 15px; border-top: 1px solid #e1e1e1; } .com-mayday .item.getting-here .links:before, .com-mayday .item.getting-here .links:after { content: " "; display: table; } .com-mayday .item.getting-here .links:after{ clear: both; } .com-mayday .item.getting-here .links ul { margin: 0; padding: 0; } .com-mayday .item.getting-here .links ul.options { text-align: left; } .com-mayday .item.getting-here .links li a i { display: block; float: left; width: 20px; height: 20px; margin-left: 5px; margin-right: 10px; line-height: 0; background: url(../images/sprites/mayday-transport-options.gif); } .com-mayday .item.getting-here .links li a.car i { background-position: 0 0; } .com-mayday .item.getting-here .links li a.taxi i { background-position: -20px 0; } .com-mayday .item.getting-here .links li a.train i { background-position: -40px 0; } .com-mayday .item.getting-here .links li a.bus i { background-position: -60px 0; } .com-mayday .item.getting-here .links li a.plane i { background-position: -80px 0; } .com-mayday .item.getting-here .links li { display: block; float: left; } .com-mayday .item.getting-here .links li a { border: 1px solid #FFF; background: #000; color: #FFF; display: block; padding: 5px 0; width: 148px; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; } /* .com-mayday .item.getting-here .links ul { width: 300px; height: 60px; } .com-mayday .item.getting-here .links li { display: block; width: 60px; height: 60px; float: left; margin: 0; padding: 0; } .com-mayday .item.getting-here .links a { width: 60px; height: 60px; background: url(../images/sprites/mayday-transports.gif); display: block; text-indent: -9999px; } .com-mayday .item.getting-here .links a.car { background-position: 0 0; } .com-mayday .item.getting-here .links a.car:hover { background-position: 0 0; } .com-mayday .item.getting-here .links a.taxi { background-position: -60px 0; } .com-mayday .item.getting-here .links a.taxi:hover { background-position: -60px 0; } .com-mayday .item.getting-here .links a.train { background-position: -120px 0; } .com-mayday .item.getting-here .links a.train:hover { background-position: -120px 0; } .com-mayday .item.getting-here .links a.bus { background-position: -180px 0; } .com-mayday .item.getting-here .links a.bus:hover { background-position: -180px 0; } .com-mayday .item.getting-here .links a.plane { background-position: -240px 0; } .com-mayday .item.getting-here .links a.plane:hover { background-position: -240px 0; } .com-mayday .item.getting-here .links a.chauffeur-drive { background-position: 0 -180px; } .com-mayday .item.getting-here .links a.shopping-express { background-position: -60px -180px; } */ .com-mayday .item.getting-here .action.chictravel { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #e1e1e1; } .com-mayday .item.getting-here .action.chictravel a { margin: 0 0 1px; } .com-mayday .item.getting-here a.opener { background-position: 0 0; } .com-mayday .item.getting-here a.opener:hover { background-position: -40px 0; } .com-mayday .item.getting-here a.opener.selected { background-position: -80px 0; } html[lang='en'] .com-mayday .item.getting-here a.opener { height: 150px; } html[lang='de'] .com-mayday .item.getting-here a.opener { height: 120px; } html[lang='fr'] .com-mayday .item.getting-here a.opener { height: 170px; } html[lang='ca'] .com-mayday .item.getting-here a.opener { height: 150px; } html[lang='es'] .com-mayday .item.getting-here a.opener { height: 150px; } html[lang='nl'] .com-mayday .item.getting-here a.opener { height: 170px; } html[lang='it'] .com-mayday .item.getting-here a.opener { height: 160px; } html[lang='zh-cn'] .com-mayday .item.getting-here a.opener { height: 110px; } html[lang='pt-br'] .com-mayday .item.getting-here a.opener { height: 160px; } html[lang='ru'] .com-mayday .item.getting-here a.opener { height: 160px; } .com-mayday .item.opening-hours { position: absolute; } html[lang='en'] .com-mayday .item.opening-hours { top: 160px; } html[lang='de'] .com-mayday .item.opening-hours { top: 130px; } html[lang='fr'] .com-mayday .item.opening-hours { top: 180px; } html[lang='ca'] .com-mayday .item.opening-hours { top: 160px; } html[lang='es'] .com-mayday .item.opening-hours { top: 160px; } html[lang='nl'] .com-mayday .item.opening-hours { top: 180px; } html[lang='it'] .com-mayday .item.opening-hours { top: 170px; } html[lang='zh-cn'] .com-mayday .item.opening-hours { top: 120px; } html[lang='pt-br'] .com-mayday .item.opening-hours { top: 170px; } html[lang='ru'] .com-mayday .item.opening-hours { top: 170px; } .com-mayday .item.opening-hours.ppc { top:0 !important; } #debug{display:none;} .com-mayday .item.opening-hours .content { text-align: left; } .com-mayday .item.opening-hours a.opener { } .com-mayday .item.opening-hours a.opener:hover { } .com-mayday .item.opening-hours a.opener.selected { } html[lang='en'] .com-mayday .item.opening-hours a.opener { height: 170px; background-position: 0 -170px; } html[lang='en'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -170px; } html[lang='en'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -170px; } html[lang='de'] .com-mayday .item.opening-hours a.opener { height: 180px; background-position: 0 -140px; } html[lang='de'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -140px; } html[lang='de'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -140px; } html[lang='fr'] .com-mayday .item.opening-hours a.opener { height: 210px; background-position: 0 -190px; } html[lang='fr'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -190px; } html[lang='fr'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -190px; } html[lang='ca'] .com-mayday .item.opening-hours a.opener { height: 110px; background-position: 0 -170px; } html[lang='ca'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -170px; } html[lang='ca'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -170px; } html[lang='es'] .com-mayday .item.opening-hours a.opener { height: 120px; background-position: 0 -170px; } html[lang='es'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -170px; } html[lang='es'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -170px; } html[lang='nl'] .com-mayday .item.opening-hours a.opener { height: 160px; background-position: 0 -190px; } html[lang='nl'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -190px; } html[lang='nl'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -190px; } html[lang='it'] .com-mayday .item.opening-hours a.opener { height: 180px; background-position: 0 -180px; } html[lang='it'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -180px; } html[lang='it'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -180px; } html[lang='zh-cn'] .com-mayday .item.opening-hours a.opener { height: 110px; background-position: 0 -130px; } html[lang='zh-cn'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -130px; } html[lang='zh-cn'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -130px; } html[lang='pt-br'] .com-mayday .item.opening-hours a.opener { height: 260px; background-position: 0 -180px; } html[lang='pt-br'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -180px; } html[lang='pt-br'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -180px; } html[lang='ru'] .com-mayday .item.opening-hours a.opener { height: 150px; background-position: 0 -180px; } html[lang='ru'] .com-mayday .item.opening-hours a.opener:hover { background-position: -40px -180px; } html[lang='ru'] .com-mayday .item.opening-hours a.opener.selected { background-position: -80px -180px; } .com-mayday .item.connect .panel { width: 30px; } .com-mayday .item.connect a.opener { } .com-mayday .item.connect a.opener:hover { } .com-mayday .item.connect a.opener.selected { } .com-mayday .item.connect .panel .content a { display: block; padding: 5px; } html[lang='en'] .com-mayday .item.connect { top: 190px; } html.sv[lang='en'] .com-mayday .item.connect { top: 0; } html[lang='en'] .com-mayday .item.connect a.opener { height: 180px; background-position: 0 -360px; } html[lang='en'] .com-mayday .item.connect a.opener:hover { background-position: -40px -360px; } html[lang='en'] .com-mayday .item.connect a.opener.selected { background-position: -80px -360px; } html[lang='de'] .com-mayday .item.connect { top: 200px; } html[lang='de'] .com-mayday .item.connect a.opener { height: 190px; background-position: 0 -340px; } html[lang='de'] .com-mayday .item.connect a.opener:hover { background-position: -40px -340px; } html[lang='de'] .com-mayday .item.connect a.opener.selected { background-position: -80px -340px; } html[lang='fr'] .com-mayday .item.connect { top: 230px; } html[lang='fr'] .com-mayday .item.connect a.opener { height: 140px; background-position: 0 -420px; } html[lang='fr'] .com-mayday .item.connect a.opener:hover { background-position: -40px -420px; } html[lang='fr'] .com-mayday .item.connect a.opener.selected { background-position: -80px -420px; } html[lang='ca'] .com-mayday .item.connect { top: 130px; } html[lang='ca'] .com-mayday .item.connect a.opener { height: 240px; background-position: 0 -300px; } html[lang='ca'] .com-mayday .item.connect a.opener:hover { background-position: -40px -300px; } html[lang='ca'] .com-mayday .item.connect a.opener.selected { background-position: -80px -300px; } html[lang='es'] .com-mayday .item.connect { top: 140px; } html[lang='es'] .com-mayday .item.connect a.opener { height: 230px; background-position: 0 -310px; } html[lang='es'] .com-mayday .item.connect a.opener:hover { background-position: -40px -310px; } html[lang='es'] .com-mayday .item.connect a.opener.selected { background-position: -80px -310px; } html[lang='nl'] .com-mayday .item.connect { top: 180px; } html[lang='nl'] .com-mayday .item.connect a.opener { height: 120px; background-position: 0 -370px; } html[lang='nl'] .com-mayday .item.connect a.opener:hover { background-position: -40px -370px; } html[lang='nl'] .com-mayday .item.connect a.opener.selected { background-position: -80px -370px; } html[lang='it'] .com-mayday .item.connect { top: 200px; } html[lang='it'] .com-mayday .item.connect a.opener { height: 140px; background-position: 0 -380px; } html[lang='it'] .com-mayday .item.connect a.opener:hover { background-position: -40px -380px; } html[lang='it'] .com-mayday .item.connect a.opener.selected { background-position: -80px -380px; } html[lang='zh-cn'] .com-mayday .item.connect { top: 0; } html[lang='zh-cn'] .com-mayday .item.connect a.opener { height: 110px; background-position: 0 -260px; } html[lang='zh-cn'] .com-mayday .item.connect a.opener:hover { background-position: -40px -260px; } html[lang='zh-cn'] .com-mayday .item.connect a.opener.selected { background-position: -80px -260px; } html[lang='pt-br'] .com-mayday .item.connect { top: 0; } html[lang='pt-br'] .com-mayday .item.connect a.opener { height: 210px; background-position: 0 -460px; } html[lang='pt-br'] .com-mayday .item.connect a.opener:hover { background-position: -40px -460px; } html[lang='pt-br'] .com-mayday .item.connect a.opener.selected { background-position: -80px -460px; } html[lang='ru'] .com-mayday .item.connect { top: 0; } html[lang='ru'] .com-mayday .item.connect a.opener { height: 230px; background-position: 0 -350px; } html[lang='ru'] .com-mayday .item.connect a.opener:hover { background-position: -40px -350px; } html[lang='ru'] .com-mayday .item.connect a.opener.selected { background-position: -80px -350px; } .com-contact h5 { margin: 0 0 10px; font-size: 13px; } .com-contact .item { padding: 0 0 10px; } /* .com-cookie { background: #F9F8F3; display: none; padding: 15px 0; margin-bottom: 20px; border: 1px solid #dcdcdc; } .com-cookie .statement p { padding: 0 0; margin: 0; } .com-cookie .com-form { padding-bottom: 0 !important; } */ .com-cookie { display: none; } .com-cookie .alert { background: #F9F8F3; border-color: #dcdcdc; color: #000; } .com-cookie p { margin: 0; } .com-cookie p a { font-weight: bold; } .kwicks { display: block; list-style-type: none; list-style: none; position: relative; margin: 0; padding: 0; } .kwicks > * { display: block; overflow: hidden; padding: 0; margin: 0; } .kwicks.kwicks-processed > * { margin: 0; position: absolute; } .kwicks-horizontal > * { float: left; } .kwicks-horizontal > :first-child { margin-left: 0; } .kwicks-vertical > :first-child { margin-top: 0; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .com-media.slideshow, .com-passport-media.slideshow, .com-media.carousel { margin: 0; padding: 0; } .com-media.slideshow .content > .slide, .com-media.carousel .content > .slide, .com-passport-media.slideshow .content > .slide, .com-passport-media.carousel .content > .slide {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .com-media.slideshow .content img, /*.com-media.carousel .content img,*/ .com-passport-media.slideshow .content img, .com-passport-media.carousel .content img {width: 100%; display: block;} .com-media.slideshow.fullsize .content img { width: auto !important; margin: 0 auto; } .com-media.carousel .content .image { text-align: center; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .com-media .content:after, .com-passport-media .content:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .com-media .content, html[xmlns] .com-passport-media .content {display: block;} * html .com-media .content, * html .com-passport-media .content {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .com-media.slideshow .content > .slide:first-child, .com-media.carousel .content > .slide:first-child, .com-passport-media.slideshow .content > .slide:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} .carousel { margin-bottom: 0; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0; display: block; background: url(../images/sprites/carousel_nav.jpg) no-repeat 0 0; position: absolute; top: 180px; z-index: 50; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next {background-position: 100% 0; right: 0; opacity: 0.75; /*-36px;*/ } .flex-direction-nav .flex-prev {left: 0; opacity: 0.75; /* -36px; */} .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover { opacity: 1; } .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /*/// 8. Icons ///*/ [class^='icon-cos'] { display: inline-block; background-image: url(../images/sprites/icons.png); background-repeat: no-repeat; width: 12px; height: 12px; position: relative; } [class^='icon-cos-flag'] { width: 15px; height: 10px; margin-right: 8px; margin-top: 2px; } [class^='icon-cos-contact'] { width: 20px; } [class^='icon-cos-social'] { width: 20px; height: 20px; } [class^='icon-cos-tools'] { width: 50px; height: 50px; } .icon-cos-wifi { width: 34px; height: 30px; background-position: -200px -60px; } .icon-cos-flag-ar { background-position: -80px 0; } .icon-cos-flag-ca { background-position: -220px 0; } .icon-cos-flag-de { background-position: -20px 0; } .icon-cos-flag-en { background-position: 0 0; } .icon-cos-flag-es { background-position: -200px 0; } .icon-cos-flag-fr { background-position: -40px 0; } .icon-cos-flag-it { background-position: -120px 0; } .icon-cos-flag-ja { background-position: -140px 0; } .icon-cos-flag-ko { background-position: -160px 0; } .icon-cos-flag-nl { background-position: -60px 0; } .icon-cos-flag-pt-br { background-position: -240px 0; } .icon-cos-flag-ru { background-position: -180px 0; } .icon-cos-flag-tr { background-position: -260px 0; } .icon-cos-flag-zh-cn { background-position: -100px 0; } .icon-cos-home, .icon-cos-facebook, .icon-cos-search, .icon-cos-globe, .icon-cos-basket { /* top: 2px; */ } .icon-cos-home { background-position: -20px -20px; } .icon-cos-facebook { background-position: -40px -20px; margin: 0 3px 0 5px; } .icon-cos-search { background-position: 0 -20px; } .icon-cos-globe { background-position: -60px -20px; } *.icon-cos-globe { background-position: -55px -20px; width:18px; } /*** IE 7 Fix **/ /*.icon-search,*/ .icon-cos-globe { margin-left: 5px; } .icon-cos-basket { background-position: -80px -20px; margin-left: 5px; top: 0; } .icon-cos-brands { background-position: -180px -20px; } .icon-cos-offers { background-position: -200px -20px; } .icon-cos-contact-phone { background-position: -20px -40px; } .icon-cos-contact-email { background-position: -40px -40px; } .icon-cos-contact-web { background-position: -60px -40px; } .icon-cos-contact-address { background-position: -80px -40px; } .icon-cos-arrow, .icon-cos-arrow-open { background-position: -120px -20px; } .icon-cos-arrow.close, .icon-cos-arrow-close { background-position: -100px -20px; } .icon-cos-close, .icon-cos-open, .icon-cos-menu { width: 25px; height: 25px; margin: 0; line-height: 0; } .icon-cos-open { background-position: 0 -60px; } .icon-cos-close { background-position: -40px -60px; } .icon-cos-menu { background-position: -80px -60px; } .icon-cos-social-facebook { background-position: 0 -120px; } .icon-cos-social-twitter { background-position: -20px -120px; } .icon-cos-social-tumblr { background-position: -40px -120px; } .icon-cos-social-google { background-position: -60px -120px; } .icon-cos-social-weibo { background-position: -80px -120px; } .icon-cos-social-foursquare {background-position: -100px -120px; } .icon-cos-social-blog { background-position: -120px -120px;} .icon-cos-social-instagram { background-position: -140px -120px; } .icon-cos-social-pinterest { background-position: -160px -120px; } .icon-cos-social-app { background-position: -180px -120px; } .icon-cos-social-youtube { background-position: -200px -120px; } .sv .icon-cos-social-youtube{width:22px; height:22px; background-position: -224px -120px;} .icon-cos-tools-shopping-express { background-position: 0 -150px; } .icon-cos-tools-chauffeur-drive { background-position: -50px -150px; } .icon-cos-tools-packages { background-position: -100px -150px; } .icon-cos-tools-gift-card {background-position: -150px -150px; } .icon-cos-tools-app {background-position: -200px -150px; } a:hover .icon-cos-social-facebook { background-position: 0 -100px; } a:hover .icon-cos-social-twitter { background-position: -20px -100px; } a:hover .icon-cos-social-tumblr { background-position: -40px -100px; } a:hover .icon-cos-social-google { background-position: -60px -100px; } a:hover .icon-cos-social-weibo { background-position: -80px -100px; } a:hover .icon-cos-social-foursquare {background-position: -100px -100px; } a:hover .icon-cos-social-blog { background-position: -120px -100px;} a:hover .icon-cos-social-instagram { background-position: -140px -100px; } a:hover .icon-cos-social-pinterest { background-position: -160px -100px; } a:hover .icon-cos-social-youtube { background-position: -200px -100px; } .sv a:hover .icon-cos-social-youtube { background-position: -224px -95px; } /************************************Faq Css**************/ #columizer h4,#columizer dt{ background-color: #f4f4f4; color: #333; text-transform: uppercase; border-bottom: 1px solid #FFF; text-decoration: none; font-weight:normal;} #columizer dt:hover{cursor:pointer;} #columizer dd{ display:none;margin-bottom:1px; margin-left:0;padding: 10px 10px 10px 32px;} #columizer dd,#columizer h4{background-color:#fff;} #columizer .selected {font-weight:bold;} #columizer dt { display: block; height: auto; line-height: 25px; position:relative; padding-left:36px; margin-right:10px; text-decoration: none !important; font-size: 13px; color:#333; } #columizer dt:focus, #columizer dt { outline: none; } #columizer dd { position: relative; overflow: hidden; font-size: 13px; } #columizer dt span { height: 25px; width: 25px; margin-right:6px; display: block; position:absolute; left:0; background:url(/res/global/images/sprites/icons-csr.png) no-repeat; border-right: 1px solid #FFF; } #columizer dt span.uiClose { background-position: 0 -250px; } #columizer dt span.uiOpen { background-position: -25px -250px; } #columizer dl{height:auto;} /* @group Base */ .chzn-container { font-size: 13px; position: relative; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 100%; left: -9999px; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); box-shadow : 0 4px 5px rgba(0,0,0,.15); z-index: 1010; width: 100%; -moz-box-sizing : border-box; -ms-box-sizing : border-box; -webkit-box-sizing: border-box; -khtml-box-sizing : border-box; box-sizing : border-box; } .chzn-container.chzn-with-drop .chzn-drop { left: 0; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius : 5px; border-radius : 5px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; border: 1px solid #aaaaaa; -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px; color: #444444; text-decoration: none; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 12px; font-size: 1px; background: url('../images/sprites/chosen-sprite.png') -42px 1px no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -42px -10px; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('../images/sprites/chosen-sprite.png') no-repeat 0px 2px; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { background: #fff url('../images/sprites/chosen-sprite.png') no-repeat 100% -20px; background: url('../images/sprites/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../images/sprites/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../images/sprites/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../images/sprites/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../images/sprites/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; width: 100%; -moz-box-sizing : border-box; -ms-box-sizing : border-box; -webkit-box-sizing: border-box; -khtml-box-sizing : border-box; box-sizing : border-box; } .chzn-container-single .chzn-drop { margin-top: -1px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius : 0 0 4px 4px; border-radius : 0 0 4px 4px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; } .chzn-container-single-nosearch .chzn-search { position: absolute; left: -9999px; } /* @end */ /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; width: 100%; -moz-box-sizing : border-box; -ms-box-sizing : border-box; -webkit-box-sizing: border-box; -khtml-box-sizing : border-box; box-sizing : border-box; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow : none; box-shadow : none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; border: 1px solid #cccccc; padding-right: 5px; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 12px; font-size: 1px; background: url('chosen-sprite.png') -42px 1px no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: -42px -10px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: -42px -10px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chzn-container-multi .chzn-results { margin: 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url('chosen-sprite.png') no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url('chosen-sprite.png') no-repeat -22px -3px; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active.chzn-with-drop .chzn-single { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; } .chzn-container-active.chzn-with-drop .chzn-single div { background: transparent; border-left: none; } .chzn-container-active.chzn-with-drop .chzn-single div b { background-position: -18px 2px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { cursor: default; opacity:0.5 !important; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; } .chzn-rtl .chzn-search { left: 9999px; } .chzn-rtl.chzn-with-drop .chzn-search { left: 0px; } .chzn-rtl .chzn-drop { left: 9999px; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; } .chzn-rtl .chzn-search input { background: #fff url('../images/sprites/chosen-sprite.png') no-repeat -30px -20px; background: url('../images/sprites/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../images/sprites/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../images/sprites/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../images/sprites/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('../images/sprites/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); padding: 4px 5px 4px 20px; direction: rtl; } .chzn-container-single.chzn-rtl .chzn-single div b { background-position: 6px 2px; } .chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b { background-position: -12px 2px; } /* @end */ #bm_root { text-align: center; } #bm_root, #bm_root > iframe { margin-left: auto; margin-right: auto; max-width: 620px; width: 100% !important; display: none !important; } /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { background-image: url('../images/sprites/chosen-sprite@2x.png') !important; background-repeat: no-repeat !important; background-size: 52px 37px !important; } } /* @end */ /*** christmas widget code**/ /*ugc page */ .ugc.image{position: relative;} .ugc-title {position: absolute; text-align: center; font-style: italic; font-size: 12px; padding: 5px 0; bottom: 0; left: 0; right: 0; text-transform: uppercase; font-style: normal; color: #FFF; //background: url(../images/background/blank_black_85.png); background:#000; display: none; } span.ugc-title.ugc-username { text-align: left; padding-left: 5px; } span.ugc-title.ugc-twitter { background: #000 url(/res/global/images/stepintothestory/ugc-twitter.png) no-repeat right center; } span.ugc-title.ugc-instagram { background: #000 url(/res/global/images/stepintothestory/ugc-instagram.png) no-repeat right center; } .image:hover .ugc-title{display: block;} /* widget css*/ @media (min-width: 768px) { .home-widget .row.listing .item.span4{margin:0px;width:33.33%;} .home-widget .row.listing .item.span4 img{width: 100%;} } @media (max-width: 767px) { .home-widget .row.listing .item.span4{margin-bottom:15px !important;width:50% !important;} } /** village kv css**/ .kv body#campaign.step-into-the-story .village-book .options li a.bus,.kv body#campaign.step-into-the-story .village-book .options li a.taxi {display:none !important;} /*christmas influecner css*/ #campaign.step-into-the-story .products-influencer .product-influncer{min-height:150px;} .products-influencer .influencer-container{margin-bottom:15px;} .summary.influncer-summary{margin-top:20px;} /***********removing christmas campaign *************/ .com-background-xmas.left, .com-background-xmas.right { display: none; } #home .slide { background-size: auto 100%; } body#home.step-into-the-story .products-list .item a{height:370px !important;} /*************Brand item page *************/ .branditem-promoboxes span.title{ position: absolute; text-align: center; font-style: italic; font-size: 16px; padding: 5px 0; bottom: 0; left: 0; right: 0; color: #FFF; background: url(../images/background/blank_black_85.png) } .row.branditem-promoboxes a{ display: block; position: relative; } @media (max-width: 767px){ .branditem-promoboxes .span4 img{width:100% !important;} body#home.step-into-the-story .products-list .item a{height:auto !important;} .row.branditem-promoboxes a{margin-bottom:20px !important;} } /****************sv brands pages****************/ @media (min-width: 768px){ .sv #brands .span4.item img { height: 188px; } } /***************lzv your village ************/ .lzv #membership #formSignin {display:none;} .lzv .com-featured .signup a.btn-custom {margin-top: 20px; margin-bottom: 15px;} html[lang='es'].lzv .com-featured .signup a.btn-custom {margin-top: 23px;} .lzv .com-featured .signup .control-group { background: #93d4e5; /*#D4EEF6;*/ } .lzv .lzv-btn{text-align:center;} .btn-custom{ border-radius: 2px; background: none !important; border: none; margin: 0 2px 7px 0; font-weight: bold; padding: 0; box-shadow: none; -webkit-font-smoothing: antialiased; text-transform: inherit; text-transform: uppercase; font-size: 13px !important; letter-spacing: .03em; } .lzv-img { margin: 0px 35px; float: left; } .lzv-img img { padding-top: 30%; } .lzv-para { float: left; width: 77%; margin-bottom:0px; color:#fff; font-style: normal !important; font-family: 'Lato','Helvetica Neue',Arial,sans-serif !important; padding: 15px 0 !important; } .lzv .btn-custom span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; display: block; padding: 14px 15px; background-color: #2380af; /*background: -mo-linear-gradient(top,#3b3b3b,#090909); background: -webkit-gradient(linear,0 0,0 100%,from(#3b3b3b),to(#090909)); background: -webkit-linear-gradient(top,#3b3b3b,#090909); background: -o-linear-gradient(top,#3b3b3b,#090909); background: linear-gradient(to bottom,#3b3b3b,#090909); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3b3b3b', EndColorStr='#090909'); text-shadow: 0 -1px 0 #242424;*/ box-shadow: none !important; border-top: none !important; } .lzv-arrow-circle-right { background: url(../images/sprites/arrow-right-left.png) -75px -33px no-repeat; display: inline-block; position: relative; width: 23px; height: 23px; margin-top: -5px; margin-left: 15px; vertical-align: text-top; } .lzv .signup a.btn-custom:hover span {background: #333;} /* .btn-custom:hover span { background: #000; } .btn-custom span { border-radius: 2px; color: #000; display: block; padding: 6px 25px; box-shadow: none !important; border-top: none !important; background-color: #E3E965; } */ @media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (orientation: portrait) { .lzv-para { width:75% !important; } .span8.lzv-span{ width:100% ; } .span4.lzv-span{ width:100% ; } .lzv .com-featured .signup a.btn-custom { margin-top: 20px !important; margin-bottom: 20px !important; } html[lang='es'] .lzv-img img { padding-top: 40% !important; } html[lang='en'] .lzv-img img { padding-top: 30% !important; } .lzv-btn{ width:100% important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (orientation: landscape) { .lzv-para { width:75% !important; } .span8.lzv-span{ width:100% ; } .span4.lzv-span{ width:100% ; } .lzv .com-featured .signup a.btn-custom { margin-top: 20px !important; margin-bottom: 20px !important; } html[lang='es'] .lzv-img img { padding-top: 40% !important; } html[lang='en'] .lzv-img img { padding-top: 30% !important; } .lzv-btn{ width:100% important; } } @media (max-width: 979px) and (min-width: 768px){ html[lang='ar'] .row.noneu-promos > .span4 { margin-right: 0px; } .span8.lzv-span{ width:100% ; } .span4.lzv-span{ width:100% ; } } @media (max-width: 767px){ .lzv-img { float: none !important; } .lzv-img img { padding-top: 30px !important; } .lzv-para { width:100% !important; text-align: center !important; padding: 15px 10px !important; } html[lang='es'].lzv .com-featured .signup a.btn-custom { margin-top: 0px !important; } } #whats-on #formCompetition .checkbox span.error{display:block; color:#D15151; margin-left: -20px;} #whats-on #formCompetition input.error {border: 1px solid #C00 !important;} /******suhou village page hide***********/ .sv .row.signup{display:none !important;} .sv .com-mayday .item.getting-here .links {border-top: none; } html.sv[lang='en'] .com-mayday .item.connect { top: 340px; } .sv .home-widget-cd{display:none !important;} /******NON-EU Pages***********/ html[lang='ar'] .home-slideshow .slideshow .content, html[lang='ru'] .home-slideshow .slideshow .content, html[lang='zh-cn'] .home-slideshow .slideshow .content { width: 940px; max-width: 100%; margin: 0 auto; position: relative; } html[lang='ar'] .home-slideshow .copy-container, html[lang='ru'] .home-slideshow .copy-container, html[lang='zh-cn'] .home-slideshow .copy-container { position: absolute; top: 30px; right: 0; max-width: 510px; min-height: 220px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .9); } html[lang='ru'] .home-slideshow .copy-container .copy, html[lang='zh-cn'] .home-slideshow .copy-container .copy { padding: 30px; text-align: left; } html[lang='ar'] .home-slideshow .copy-container .copy{ padding:30px 45px 30px 30px; text-align:right; } html[lang='ar'] .home-slideshow .copy-container .title, html[lang='ru'] .home-slideshow .copy-container .title , html[lang='zh-cn'] .home-slideshow .copy-container .title { font-size: 28px; } html[lang='ar'] .home-slideshow .copy-container .title em, html[lang='ru'] .home-slideshow .copy-container .title em, html[lang='zh-cn'] .home-slideshow .copy-container .title em { display: block; font: italic normal 46px 'Playfair Display', serif; } html[lang='ar'] .home-slideshow .copy-container .copy p, html[lang='ru'] .home-slideshow .copy-container .copy p, html[lang='zh-cn'] .home-slideshow .copy-container .copy p { margin: 20px 30px 0 0; font: italic normal 16px/25px 'Playfair Display', serif; } html[lang='ar'] .home-slideshow .copy-container .copy p { margin-right:0px; } html[lang='ar'] #content .row.hero, html[lang='ru'] #content .row.hero, html[lang='zh-cn'] #content .row.hero { margin-bottom: 30px; padding: 0; } html[lang='ar'] #content .noneu-promos, html[lang='ru'] #content .noneu-promos, html[lang='zh-cn'] #content .noneu-promos { margin-top: 30px; margin-bottom: 30px; } html[lang='ar'] #content .noneu-products, html[lang='ru'] #content .noneu-products, html[lang='zh-cn'] #content .noneu-products { margin-bottom: 30px; text-align: center; } html[lang='ar'] #content .noneu-products .title, html[lang='ru'] #content .noneu-products .title, html[lang='zh-cn'] #content .noneu-products .title { display: block; } html[lang='ar'] #content .noneu-promos .title, html[lang='ru'] #content .noneu-promos .title, html[lang='zh-cn'] #content .noneu-promos .title { display: block; margin-top: 10px; } html[lang='ar'] #content .noneu-products a:hover, html[lang='ru'] #content .noneu-products a:hover, html[lang='zh-cn'] #content .noneu-products a:hover html[lang='ar'] #content .noneu-promos a:hover, html[lang='ru'] #content .noneu-promos a:hover, html[lang='zh-cn'] #content .noneu-promos a:hover { text-decoration:none; } html[lang='ar'] .highlight .container .row { margin: 0 0 0 -20px; } @media (max-width: 767px) { html[lang='ar'] .home-slideshow .copy-container, html[lang='ru'] .home-slideshow .copy-container, html[lang='zh-cn'] .home-slideshow .copy-container { max-width: 220px; min-height: 70px; } html[lang='ar'] .home-slideshow .copy-container .copy, html[lang='ru'] .home-slideshow .copy-container .copy, html[lang='zh-cn'] .home-slideshow .copy-container .copy { padding: 10px; } html[lang='ar'] .home-slideshow .copy-container .title, html[lang='ru'] .home-slideshow .copy-container .title , html[lang='zh-cn'] .home-slideshow .copy-container .title { font-size: 16px; } html[lang='ar'] .home-slideshow .copy-container .title em, html[lang='ru'] .home-slideshow .copy-container .title em, html[lang='zh-cn'] .home-slideshow .copy-container .title em { font-size: 20px; } html[lang='ar'] .home-slideshow .copy-container .copy p, html[lang='ru'] .home-slideshow .copy-container .copy p, html[lang='zh-cn'] .home-slideshow .copy-container .copy p { display: none; } html[lang='ar'] #content .noneu-promos, html[lang='ru'] #content .noneu-promos, html[lang='zh-cn'] #content .noneu-promos { max-width: 300px; margin: 30px auto; } html[lang='ar'] #content .noneu-promos .span4, html[lang='ru'] #content .noneu-promos .span4, html[lang='zh-cn'] #content .noneu-promos .span4 { margin: 0 0 30px 0; } } /******Pinterest Widget***********/ #pinterestWrapper { width: 100%; margin: 0 auto 20px auto; } #pinterest { margin: auto; text-align: center; } #pinterest span { overflow: hidden; max-width: 100%!important; } /** membership pages redesign**/ #membership .membership-redesign{margin-top:25px;} #membership #formRegister {margin-bottom:0; padding-bottom:0;} #membership #formSignin h3{ padding: 14px 19px; background-color: #ebebeb; line-height: 26px; color: #848484; font-size: 15px; font-weight:500; text-transform: initial;margin-bottom:10px; } #membership #formSignin h3 .arrow{ background: url(../images/background/membership-arrows2.png) no-repeat; display: inline-block; width: 23px; height: 26px; vertical-align: text-top; float: right; } @media (max-width: 320px) { #membership #formSignin h3{ padding: 14px 10px; font-size: 13px;} } #membership #formSignin h3 .arrow.arrow-close{ background-position: 0px -99px;} #membership #formSignin h3 .arrow.arrow-open{ background-position: 0px -54px;} #membership #formRegister .form-actions {float:right;} #membership #formRegister .form-actions .btn, #membership #formSignin .form-actions .btn{border:none; border-radius:0 !important;} #membership #formRegister .form-actions .btn span, #membership #formSignin .form-actions .btn span{text-transform:uppercase; border:none; border-radius:0; padding:7px 12px;} #membership #formRegister h3.form-title{text-transform:inherit;} #membership .info-panel h3{font: italic normal 24px/26px 'Playfair Display', serif; -webkit-font-smoothing: antialiased; margin-bottom:16px; margin-top:0;} #membership .twell{padding: 19px 19px 12px; border: 1px solid #ebebeb; margin-bottom: 20px;} #membership #formRegister .row-checkbox {padding-top: 0;} /*#membership #formRegister input, #membership #formSignin input{font: italic normal 14px/20px 'Playfair Display', serif; -webkit-font-smoothing: antialiased; letter-spacing: 0.5px;} */ #membership .membership-redesign .small-text{font-size:12px;} /*.lzv li.expo,.lrv li.expo,.bv li.expo,.iv li.expo,.wv li.expo,.mmv li.expo,.kv li.expo,.lvv li.expo{display:none !important;}*/