/* CSS Document */ /* Theme Name: Editheme 2015 Theme URI: http://edinet.info/ Description: Edinet.info Version: 1.0 Author: Edinet Srl */ @import url("css/default-skin/default-skin.css"); * { margin: 0px; padding: 0px; border: 0px; line-height: 100% } html, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, /img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, p, ul, li, h1, h2, h3 { margin: 0; padding: 0; border: 0; outline: 0; height:100%; vertical-align: baseline; background: transparent; } .clr { clear: both } a { color: #000; text-decoration: none; } a:hover, a:focus { color: #666; text-decoration: none; } .btn { background-color: #0d285b; display: block; text-align: center; color: #FFF; background-image: none; border: none; border-radius: 0 } .btn.danger { background-color: #ad1313} .btn:hover { color: #FFF; background-color: #0d285b; border: none; opacity: 0.8 } .wrap-call-to-action { display: table; width: 100%; padding: 10px 0; background-color: #0d285b } .call-to-action { margin: 0 auto; display: block; opacity: 1; text-align: center; width: 230px; border: none; background-color: #ff0000; color: #FFF; font-weight: bold; font-size: 16px; line-height: 18px; padding: 10px 20px; } .call-to-action:hover { color: #FFF; opacity: 0.8} .form-title { text-transform: uppercase; background-color: #F7F7F7; margin: 0 0 20px 0; padding: 5px} .form-description { margin: 0 0 20px 0; padding: 0 5px; font-size: 16px} :focus {outline: 0;} /*================================ Effects and Animations ================================*/ .btn, .webcam, li.lang-switcher .flag, .webcam-box { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } nav ul li a, .call-to-back, .section-box a.the-box, #megabox.section-box .action-btn a, .cd-slider-nav, .home-alert, .wrap-main-slider li, .wrap-lang-switcher, .wrap-gmap .detail .thumb a, .call-to-action, .special-box .thumb a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.2s ease; } .wrap-gmap .detail { -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); } .wrap-title h1 { text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);} .credits-bar { clear: both; text-align: center; padding: 10px 0; background: #FFF} .credits-bar span { color: #666} .credits-bar img { display: inline; width: auto} /*================================ FIX for Bootstrap and Google Maps Info window styes problem ================================*/ img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none; } /*================================ Start WP ================================*/ .aligncenter { display: block; margin: 10px auto } .alignleft { float: left; margin: 0 10px 5px 0 } .alignright { float: right; margin: 0 0 5px 10px } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.5em; line-height: 17px; padding: 0 4px 5px; margin: 0; } .more-link { display: block; text-align: right; margin: 20px 0; color: #0E3A1D; font-weight: bold } .pagetitle { font-size: 0.9em; font-weight: normal; color: #666 } .nocomments { display: none } .error { color: #F33} input.error { border-color: #F33 } .read-more-comment { font-weight: 600} .credits-bar { text-align: center; padding: 40px 0} .credits-bar img { display: inline} .col-md-offset-1-5 { margin-left: 8.333333%;} /*================================ Fonts ================================*/ span, p, ul, li, o, div, nav ul li, nav ul li a, h1, h2, h3, h4, h5, h6, h7 { font-family: "Lato", Helvetica, Arial, sans-serif} .entry p, .entry ul, .entry li, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, #megabox .circle-box span.number, .servizi-marina .service-item p, .servizi-marina .service-item p a { font-family: "Roboto Slab", Helvetica, Arial, sans-serif} h1, h2, h3, h4, h5, h6, h7 { color: #0d285b; font-weight: 300 } /*================================ Header ================================*/ .webcam { height: 0; width: 100%; visibility: hidden; top: 50px; position: fixed; background-position: 50% 50%; z-index: 9; background-size: cover; background-repeat: no-repeat;} .webcam.background { background-color: #000; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);} .webcam.webcam-inside { z-index: 10; background-size: contain; } body.admin-bar .webcam { top: 72px;} .webcam.open { height: 100%; visibility: visible } body { padding-top: 70px; background: url(img/bg-yacht-map.png); } .btn-menu-mobile, .btn-cam-mobile, .btn-lang-switcher { display: none} #wrap-tobar { position: fixed; left: 0; top: 0; background-color: #0d285b; width: 100%; height: 70px; z-index: 99} body.admin-bar #wrap-tobar , body.admin-bar .topbar { top: 32px} body.navopen #wrap-tobar { z-index: 999} .topbar { position: fixed; left: 0; top: 0; background-color: #0d285b; width: 100%; height: 70px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15); } #wrap-tobar .logo { display: block; background-image: url(/wp-content/themes/editheme/img/marina-di-loano-logo.png); width: 195px; padding: 0 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; margin: 0 10px; position: relative; z-index: 9999; height: 106px;} #wrap-tobar .logo:hover { background-color: transparent !important} .btn-fb-mobile { display: none} #topmenu { z-index: 9; position: relative } #topmenu li { border-right: 1px solid #213352; } #topmenu li.wrap-logo { border: none} ul#main-menu { margin: 0; padding: 0; display: table; width: 100%} ul#main-menu li { float: left; margin: 0; list-style: none; text-transform: uppercase; } ul#main-menu li.current-menu-item { background-color: #153571} ul#main-menu>li>a { position: relative;} ul#main-menu li.webcam-icon { cursor: pointer} ul#main-menu li.right { float: right} ul#main-menu li.right a span { font-size: 15px; margin-right: 10px; text-transform: none; position: relative; top: -10px } ul#main-menu li.right a i { font-size: 40px; line-height: 35px; margin-top: 20px} .page-id-63 .main-menu-mdl, .page-id-104 .main-menu-mdl, .single-mdl .main-menu-mdl { background-color: #153571 } .page-id-48 .main-menu-ycml, .single-ycml .main-menu-ycml { background-color: #153571 } .page-id-6 .main-menu-br, .single-beach .main-menu-br { background-color: #153571 } .page-id-32 .main-menu-eventi, .single-evento .main-menu-eventi { background-color: #153571 } .page-id-97 .main-menu-offerte, .single-offerta .main-menu-offerte { background-color: #153571 } .page-id-113 .main-menu-news, .single-post .main-menu-news { background-color: #153571 } .page-id-85 .main-menu-meteo { background-color: #153571 } ul#main-menu>li a { line-height: 70px; padding: 0 23px; display: block; height: 70px; color: #FFF; cursor: pointer } ul#main-menu li a:hover, ul#main-menu li a:focus, ul#main-menu li a:active, .grid_sub_nav_container li:hover, grid_sub_nav_container li:focus { background-color: #153571; -webkit-user-select: none; -webkit-touch-callout: none; } ul#main-menu>li span.circle { display: inline-block; background-color: #ff0000; color: #fff; font-size: 10px; font-weight: 600; -webkit-border-radius: 10px; border-radius: 8px; width: 17px; height: 14px; text-align: center; line-height: 13px; position: absolute;right: 14px; top: 18px;} ul#main-menu>li>ul.submenu { display: table; width: 100%; position: absolute; top: 70px; left: 0; background-color: #0a1d3b; -webkit-transition: all 300ms cubic-bezier(0.7,0,0.185,1) 0s; transition: all 300ms cubic-bezier(0.7,0,0.185,1) 0s; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: perspective(1200px) rotateX(-90deg); transform: perspective(1200px) rotateX(-90deg);} ul#main-menu>li>ul.submenu.close { visibility: hidden} ul#main-menu>li>ul.submenu.open { -webkit-transform: perspective(1200px) rotateX(0deg); transform: perspective(1200px) rotateX(0deg); background: #0a1d3b; box-shadow: 0 1px 2px rgba(0,0,0,0.1),0 2px 2px rgba(0,0,0,0.08) inset; display: block; position: absolute; top: 70px; left: 0; } ul#main-menu>li>ul.submenu { padding-left: 215px; border-right: 1px solid #1d2b44 } .lang-switcher .flag , .btn-lang-switcher .flag { opacity: 0; background-size: cover; margin: 0; background-color: #FFF; border-radius: 3px; right: 10px; bottom: 10px} .lang-switcher .flag.close, .btn-lang-switcher .flag.close { opacity: 0 !important} ul#main-menu li.right a span.flag { width: 20px; height: 20px; position: absolute; top: inherit;} .btn-lang-switcher .flag { right: 0; width: 15px; height: 15px; position: absolute;} .lang-switcher.lang-it .flag, .btn-lang-switcher.lang-it .flag { background-image: url(img/flag-it.gif); opacity: 1} .lang-switcher.lang-de .flag, .btn-lang-switcher.lang-de .flag { background-image: url(img/flag-de.gif); opacity: 1} .lang-switcher.lang-en .flag, .btn-lang-switcher.lang-en .flag { background-image: url(img/flag-en.gif); opacity: 1} .lang-switcher.lang-ru .flag, .btn-lang-switcher.lang-ru .flag { background-image: url(img/flag-ru.gif); opacity: 1} .wrap-lang-switcher { z-index: 99; height: 0; opacity: 0; overflow: hidden; position: fixed; left: 0; width: 100%; background: rgba(0,0,0,0.80)} .wrap-lang-switcher.open { height: 100%; opacity: 1} .wrap-lang-switcher h4 { padding: 30px 0; text-align: center; margin: 0; color: #FFF; text-transform: uppercase} .wrap-lang-switcher .select-lang { width: 300px; margin: 0 auto; display: block; padding: 10px} .breadcrumbs { padding: 5px 0; text-align: center; color: #CCC; background-color: #0a1c3e; font-size: 11px; line-height: 9px; text-transform:uppercase; } .breadcrumbs a { color: #CCC} .call-to-back {display: block; cursor:pointer; width: 170px; margin: 0 auto; opacity: 0.7; position: relative; z-index: 9; top: 50px; color: #FFF; text-align: center;} .call-to-back i { margin-right: 15px; font-size: 24px; float: right} .call-to-back span { display: block; float: right; padding: 5px; text-transform: uppercase} .call-to-back:hover { background: rgba(255,255,255,0.50); opacity: 1; color: #FFF} /*================================ Homepage ================================*/ .home .slider { background-image: url(img/bg/slider/01.jpg); background-position: 50% 50%; background-size: cover; height: 800px } .audio-handler span { display: block; opacity: 0.7; border-radius: 30px; border: 1px solid #FFF; text-align: center; line-height: 77px; width: 60px; height: 60px; position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 999; } .audio-handler span:hover { opacity: 1; background-color: rgba(255,255,255,0.50)} .audio-handler span i.fa { color: #FFF; font-size: 40px} .cd-hero-slider .cd-btn.slider-menu-toggle { } .cd-hero-slider img { margin: 0 auto; display: block } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 15px !important;} .cd-hero-slider img.logo-mobile { display: none} .home-alert.open { margin-top: 410px; opacity: 1 } .home-alert.close { opacity: 0 } .home-alert .wrap-alert { float: left; width: 50%; } .home-alert .alert { margin-left: 15px; margin-right: 15px; min-height: 40px; padding: 10px; background-color: #FFF; } .home-alert .alert span { font-size: 14px; line-height: 14px} .home-alert .alert span.argomento { color: #FF0004; float: left} .home-alert .alert span.subtitle { color: #000; float: right} .home-alert .alert h3 { font-weight: bold;; display: table; width: 100%; text-align: left; min-height: 48px; font-size: 19px; line-height: 24px} .home-alert .alert h3 a { color: #0d285b} .wrap-page { } .section-box { padding-top: 70px; } .section-title { text-align: center; text-transform: uppercase; font-size: 36px; line-height: 36px; margin: 0; padding-bottom: 50px; letter-spacing: 2px} .section-description { text-align: center;} .section-box .entry > p:first-of-type:first-letter { font-size:200%; font-weight: bold; color:#0d285b; margin: 0 5px 0 0 } .section-box .entry { padding-bottom: 30px} .section-box#welcome .entry h3 { text-align: center} .section-box a.the-box { background-position: 50% 50%; background-size: 100%; display: block; height: 360px; position: relative} .section-box a.the-box:hover { opacity: 0.9 } .section-box a.the-box h2 { background-color: rgba(13,40,91,0.61); position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #FFF; margin: 0; font-size: 24px; letter-spacing: 2px; text-transform: uppercase; padding: 10px 0} #welcome-box-middle.section-box a.the-box { height: 250px; background-size: cover } #welcome-box-middle.section-box a.the-box h2 { height: 100%; display: table; padding-top: 120px; position: inherit; width: 100%; font-size: 14px} #welcome-box-middle.section-box a.the-box h2:hover { background-color: rgba(13,40,91,0.41)} #welcome.section-box .container { border-bottom: 1px dotted #CCC} #megabox.section-box { background-size: cover; margin-top: 70px; background-position: 50% 50% } body.non-home #megabox.section-box { padding-bottom: 70px} body.page-id-63.non-home #megabox.section-box { padding-bottom: 0} body.postid-70.non-home #megabox.section-box { padding-bottom: 0} body.postid-71.non-home #megabox.section-box { padding-bottom: 0} #megabox.section-box .section-title { color: #FFF} #megabox.section-box .section-description { color: #FFF; text-transform: uppercase; letter-spacing: 2px} #megabox.section-box .wrap-circle-box { padding-top: 40px; padding-bottom: 80px; text-align: center} #megabox.section-box .wrap-circle-box .col-md-2 { display: inline-block } #megabox.section-box .wrap-circle-box i img { width: 80px; height: auto; margin: 15px 0 10px 0} #megabox.section-box .circle-box { width: 150px; height: 150px; border-radius: 75px; display: block; vertical-align: middle; border: 2px solid rgba(255,255,255,0.5); text-align: center; margin: 0 auto} #megabox.section-box .circle-box:hover { background: rgba(255,255,255,0.10)} #megabox.section-box .circle-box span { display: block; } #megabox.section-box .circle-box span.number { color: rgba(255,255,255,1); font-weight: bold; padding-top: 30px; font-size: 54px; margin-bottom: 7px} #megabox.section-box .circle-box span.description { color: #ddaa31; text-transform: uppercase; font-size: 14px; padding: 0 10px} #megabox.section-box .action-btn { color: #FFF } #megabox.section-box .action-btn a { background-color: rgba(13,40,91,0.61); display:block; border: 1px solid #ddaa31; text-align: center; color: #FFF; padding: 20px 10px; text-transform: uppercase} #megabox.section-box .action-btn a:hover { background-color: rgba(221,170,49,0.61);} .container-fluid.offerte { background-color: rgba(0,0,0,0.30); margin-top: 60px; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #FFF} .page-id-48 .container-fluid.offerte { background-image: url(/wp-content/themes/editheme/img/bg/bg-harbour.jpg); background-size: cover; background-position: 50% 50% } .single-offerta .container-fluid.offerte { background-image: url(/wp-content/themes/editheme/img/bg/bg-eventi.jpg); background-size: cover;background-repeat: no-repeat;background-attachment: fixed;} .single-offerta .container-fluid.offerte h2 { color: #FFF } .slick-offerte .thumb { background-size: cover; height: 160px; width: 160px; border-radius: 80px; margin: 0 auto; border: 2px solid #FFF; display: block; background-color: #FFF} .slick-offerte h4 a { display: block; text-align: center; padding: 0 30px; line-height: 20px; font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: bold} .slick-prev:before, #megabox.section-box .slick-next:before { color: #FFF} .story-item { width: 400px; margin: 0 auto; display: table} .story-item .thumb { background-size: cover; height: 160px; width: 160px; float: left; border-radius: 80px; margin: 0 auto; border: 2px solid #FFF; display: block; background-color: #FFF} .story-item .content { float: right; width: 220px} .story-item h4 a { display: block; padding: 0 30px; line-height: 20px; font-size: 16px; text-transform: uppercase; font-weight: bold} #welcome-box-middle .col-md-3 { padding-left: 0; padding-right: 0} #welcome-eventi { background-size: cover; background-repeat: no-repeat; padding-bottom: 40px; background-attachment: fixed; margin-top: 80px } #welcome-eventi.section-box .slick-offerte h4 a { display: block; text-align: center; padding: 0 30px; line-height: 20px; font-size: 16px; color: #FFF; text-transform: uppercase; font-weight: bold} #welcome-eventi.section-box .slick-prev:before, #megabox.section-box .slick-next:before { color: #FFF} #welcome-eventi .section-title { color: #FFF} #instagram-box { } #instagram-box .col-md-3 { background-size: cover; height: 300px; background-position: 50% 50%; } #instagram-box .col-md-3 img { width: 100%; height: auto} #instagram-box .col-md-3 .fa { color: #FFF; position: absolute; right: 20px; top: 20px; font-size: 22px} #parallax-home { height:300px; margin-top: 8em; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } @media only screen and (max-device-width: 768px) { #parallax-home { background-attachment: scroll; } } /*================================ Non Home ================================*/ body.non-home .full .container { width: 1400px} /*================================ Footer ================================*/ .wrap-footer { margin-top: 60px; padding-bottom: 20px; padding-top: 20px; background-color: #1c2838} body.non-home .wrap-footer { margin-top: 0} .wrap-footer .col-sm-3 { padding-bottom: 20px; padding-top: 20px} .wrap-footer * { color: #c6c8ca} .wrap-footer p { line-height: 20px; font-size: 13px;} .wrap-footer .logo-footer { max-width: 140px; height: auto; margin-bottom: 20px} .wrap-footer .piva { font-size: 12px; margin-top: 48px; margin-bottom: 0; text-transform: uppercase; opacity: 0.4; } .wrap-footer .footer-title { text-transform: uppercase; font-weight: lighter; font-size: 12px; margin: 0 0 20px 0; padding: 0} .wrap-footer .vhf { font-size: 24px; line-height: 24px; font-weight: bold; margin: -8px 0 0 0; display: block} .wrap-footer #menu-site-footer-menu li { display: block} .wrap-footer #menu-site-footer-menu li a { display: block; line-height: 18px} .wrap-footer #menu-site-footer-menu li a:hover { color: #FFF} .wrap-footer .social-links { display: table; width: 100%} .wrap-footer .social-links li { display: block; float: left; padding: 10px; border: 1px solid #CCC; width: 45px; height: 45px; line-height: 33px; margin-right: 10px; text-align: center} .wrap-footer .social-links li:hover { background-color: #CCC; } .wrap-footer .social-links li:hover i { color: #0d285b } .wrap-footer .social-links i { font-size: 24px} .wrap-footer .partner { display: table; width: 100%; text-align: right} .wrap-footer .partner li { display: block; margin-bottom: 14px} .wrap-footer .partner li img { max-width: 145px; width: auto} /*================================ Sidebar ================================*/ .sidebar .action-btn li { background: #eff3f8; border-style: solid; border-color: #dfe7f0; border-width: 0 0 1px 0; display: table; height: 50px; width: 100%; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .action-btn li a { display: table-cell; vertical-align: middle; padding: 0 30px 0 20px; text-transform: uppercase; font-size: 16px; line-height: 1.2; letter-spacing: 1px; color: #0a1d3b; } .sidebar .action-btn li a:hover, .action-btn li.current-menu-item { background-color: #dfe7f0 } .sidebar .action-btn li::after { content: "\00BB"; /*font-family: 'ficon';*/ font-size: 14px; height: 50px; line-height: 51px; position: absolute; right: 15px; top: 0;} .sidebar .widget.facebook { padding-bottom: 10px; min-height: 175px } .sidebar .book-now-btn { position: relative; background-color: #FF6E00; color: #FFF; display: block; margin-bottom: 10px; font-size: 16px; text-transform: uppercase; padding: 20px} .sidebar .book-now-btn:hover { background-color: #F88F09; } .sidebar .book-now-btn::after { content: "\00BB"; /*font-family: 'ficon';*/ font-size: 14px; height: 50px; line-height: 51px; position: absolute; right: 15px; top: 0;} .wrap-sidebar { top: 90px;} /*================================ entry ================================*/ .content .single-subtitle { background-color: #0d285b; color: #FFF; padding: 10px 20px; text-transform: uppercase; font-size: 16px; line-height: 18px} .entry table { display: table !important; width: 100%; } .entry p { font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 21px; padding: 0 0 10px 0; margin: 0; } .entry ul { font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 21px; padding: 0 0 10px 0; margin: 0; } .content .entry { min-height: 600px; } .postid-52 .content .entry , .single-story .content .entry, .single-evento .content .entry, .single-offerta .content .entry, .single-servizi .content .entry { min-height: inherit; } .entry ul li { list-style: disc; } .entry a { text-decoration: underline} .entry ul, .entry ol { margin: 0 0 15px 30px} .entry p, .entry ul, .entry ul li, .entry ol { font-size: 17px; line-height: 24px; color: #564c4c; font-weight: 300} .entry p { padding: 0 0 15px 0; } .entry li { font-size: 15px; line-height: 24px; margin: 0 5px 4px 0; } .entry h1 { margin: 0 0 24px 0; font-size: 35px; line-height: 35px; } .entry h2 { margin: 0 0 21px 0; font-size: 32px; line-height: 32px; } .entry h3 { margin: 0 0 19px 0; font-size: 28px; line-height: 28px; } .entry h4 { margin: 0 0 16px 0; font-size: 20px; } .entry h5 { margin: 0 0 12px 0; font-size: 18px; } .entry h6 { margin: 0 0 8px 0; font-size: 16px; } .entry b, .entry strong { color: #0d285b; font-weight: bold} .entry .thumb { float: left; margin: 0 10px 10px 0} .entry blockquote {padding: 10px 20px;margin: 0 0 20px 10%;border-left: 5px solid #eee; font-style: italic;color: #666; } .entry blockquote p { padding: 0 0 15px 0} .entry iframe, .entry object { width: 100%; display: block} .entry img { width: 100%; height: auto} body.postid-52 .entry li { display: block} body.postid-52 .entry li i { margin-right: 10px; color: #0d285b} #contact-form { padding: 20px; } #contact-form label { font-weight: normal; text-transform: uppercase; font-size: 11px; margin: 0 0 10px 0;} #contact-form .btn { width: 80px; margin: 0 auto; padding: 7px 6px; text-transform: uppercase} #contact-form-loading {background-color: #FFF;background-image: url("/wp-content/themes/editheme/img/ajax-loader.gif");background-position: 50% 50%;background-repeat: no-repeat; opacity: 0.8; height: 30px; display: none; width: 100%;z-index: 999;} .servizi-marina { display: table; width: 100%} .servizi-marina > div { min-height: 400px} .servizi-marina .service-item span { width: 100px; height: 100px; border-radius: 50px; display: block; margin: 0 auto; overflow: hidden} .servizi-marina .service-item span img { width: 100%; height: auto} .servizi-marina .service-item h3 { text-align: center; font-weight: bold; min-height: 36px; font-size: 15px; line-height: 20px} .servizi-marina .service-item p { font-size: 17px; line-height: 24px;} .servizi-marina .service-item p a { font-weight: bold} .bg-slider-servizi { height: 600px; background-image: url(img/bg-servizi2.jpg); cursor: pointer; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-color: #0f1724} .servizi-marina.attivita > div { min-height: 200px} .servizi-marina.attivita .service-item { min-height: 230px; padding: 10px; text-align: center; background: #f3f3f3; border: 10px solid #f9f9f9; margin-bottom:30px } .servizi-marina.attivita .service-item:hover { background-color: #FFF} .servizi-ycml > div { min-height: 200px} .servizi-ycml h2 { clear: both; border-bottom: 1px dotted #CCC; margin: 0 0 20px 0; background-color: #F7F7F7; text-align: center; padding: 20px 0; } .servizi-ycml .service-item span { width: 100px; height: 100px; border-radius: 50px; display: block; margin: 0 auto; overflow: hidden} .servizi-ycml .service-item span img { width: 100%; height: auto} .servizi-ycml .service-item h3 { text-align: center; font-weight: bold; min-height: 36px; font-size: 15px; line-height: 20px} .servizi-ycml .service-item p { font-size: 17px; line-height: 24px;} .single-story .feat-thumb { height: 200px; width: 200px; border-radius: 100px; margin: 30px auto; background-size: cover; background-position: 50% 50% } .story-field ul { margin: 0 0 30px 0; padding: 0; background-color: #eff3f8} .story-field li { display: block; padding: 10px; font-weight: bold; border-bottom: 1px solid #FFF} .story-field li i { color: #0d285b} .story-field li span { margin: 0 20px 0 0; width: 20px; display: block; float: left; text-align: center} .tabs-menu { height: 30px; } .tabs-menu > div { display: block; height: 30px; line-height: 30px; float: left; background-color: #0d285b; border-top: 1px solid #d4d4d1; border-right: 1px solid #d4d4d1; border-left: 1px solid #d4d4d1; } .tabs-menu > div.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5; } .tabs-menu div a { padding: 10px; display: block; text-transform: uppercase; color: #fff; text-decoration: none; } .tabs-menu .current a { color: #0d285b; } .tab { float: left; margin-bottom: 20px; width: auto; } .tab-content { width: 100%; padding: 20px; display: none; } #tab-1 { display: block; } .wrap-entry-photogallery { border: 1px solid #CCC; padding: 10px; margin-bottom: 25px} .wrap-entry-photogallery a { height: 300px; display: block; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat} .wrap-entry-photogallery figure { position: relative} .wrap-entry-photogallery figcaption { position: absolute; width: 100%; color: #FFF; background: rgba(0,0,0,0.60); bottom: 0; text-align: center; display: block; left: 0; padding: 5px 0} .wrap-entry-photogallery ul { margin: 0 } /*================================ Social Row ================================*/ .social-row { display: table; padding: 10px 0; width: 100%; border-top: 1px solid #eaeaea; } .social-row ul { margin: 0; padding: 0; text-align: center } .social-row li { list-style: none; display: inline-block; margin: 0 } .social-row li.title { line-height: 40px; color: #666; display: none} .social-row li a { display: block; text-align: center; opacity: 0.8 } .social-row li a:hover { text-decoration: none; opacity: 1; } .social-row li a i { font-size: 33px; line-height: 43px; color: #CCC } .social-row li a i:hover { opacity: 0.9 } .social-row li a span { display: block; width: 41px; height: 41px; } .social-row li a:hover i.fa-twitter { color: #23b3ef } .social-row li a:hover i.fa-facebook { color: #214285 } .social-row li a:hover i.fa-google-plus { color: #e04b37 } .social-row li a:hover i.fa-linkedin { color: #0073b2 } .social-row li a:hover i.fa-pinterest { color: #cb2027 } .social-row li a:hover i.fa-envelope { color: #666 } /*================================ Non Home Slider ================================*/ body.non-home { background: none; } .wrap-content-non-home .container { background-color: #FFF; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);} .wrap-main-slider { position: relative } .wrap-main-slider ul, .wrap-main-slider li { height: 400px;} .page-id-376 .wrap-main-slider ul, .page-id-376 .wrap-main-slider li { height: 600px;} .wrap-main-slider ul { margin: 0; padding: 0; position: relative; background-color: #1c2838; overflow: hidden } .wrap-main-slider li { display: block; cursor: pointer; list-style: none; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; opacity: 0 } .wrap-main-slider li.main-slider.scrolling { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(1.5px); filter: blur(1.5px); -webkit-transition-property: -webkit-transform, -webkit-filter, -webkit-transform, filter; transition-property: transform, filter; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);} .wrap-main-slider li.main-slider:hover, .wrap-main-slider span.expand:hover .wrap-main-slider li.main-slider { opacity: 0.7} .wrap-main-slider li.active { z-index: 1; opacity: 1 } .wrap-main-slider span.expand { position: absolute; bottom: 20px; right: 20px; z-index: 8; cursor: pointer; border: 1px solid transparent; padding: 10px} .wrap-main-slider span.expand:hover { border: 1px solid #FFF; background: rgba(0,0,0,0.20)} .wrap-main-slider span.expand i { font-size: 30px; color: #FFF} .page-title { position: relative; text-transform: uppercase; color: #0a1d3b; line-height: 1.2; padding: 20px; margin-bottom: 30px; text-align: center; } .page-title::before { width: 50%; height: 1px; border-bottom: 6px double #eff3f8; position: absolute; bottom: 0; left: 25%; content: ""; } #wrap-slider-mini { height: 220px; overflow: hidden } #slider-mini { height: 220px; background-size: cover; background-position: 50% 50%; -webkit-filter: blur(2px); -moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px); } /*================================ Non Home Slider ================================*/ .page-id-85 #wrapper { width: 100%; margin: 40px auto 0; } .page-id-85 #wrapper h1 { color: #FFF; text-align: center; margin-bottom: 20px; } .page-id-85 #wrapper a { display: block; font-size: 1.2em; padding-top: 20px; color: #FFF; text-decoration: none; text-align: center; } .page-id-85 #tabContainer, #vento, #prevento { margin-bottom: 20px } .page-id-85 .tabs { height: 38px; } .page-id-85 .tabs > ul { font: 1em; list-style: none; margin: 0; padding: 0 } .page-id-85 .tabs > ul > li { margin: 0 2px 0 0; padding: 7px 10px; display: block; float: left; color: #FFF; -webkit-user-select: none; -moz-user-select: none; user-select: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: #C9C9C9; /* old browsers */ background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0C91EC), color-stop(100%, #257AB6)); /* webkit */ } .page-id-85 .tabs > ul > li:hover { background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(10%, #F3F3F3), color-stop(50%, #F3F3F3), color-stop(100%, #FFFFFF)); /* webkit */ cursor: pointer; color: #333; } .page-id-85 .tabs > ul > li.tabActiveHeader { background: #ececec; /* old browsers */ cursor: pointer; color: #333; } .page-id-85 .tabscontent { border: 1px solid #ececec; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 10px 10px 25px; background: #FFFFFF; /* old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(90%, #FFFFFF), color-stop(100%, #e4e9ed)); /* webkit */ margin: 0; color: #333; } .page-id-85 .content { text-align: center} .page-id-85 .content img { width: 100%; height: auto; max-width: 1000px} .page-id-85 .content .iframemeteo { width: 600px; margin: 0 auto} /*================================ Offerte ================================*/ .wrap-special-box { padding-top: 60px; padding-bottom: 60px} #mega-slider { height: 300px; } #mega-slider h3 { text-align: center; padding-top: 100px; color: #FFF; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 46px; font-weight: 300; line-height: 40px; } #mega-slider p { color: #FFF; text-align: center; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);} .special-box { padding: 10px; border: 1px dotted #CCC; margin-bottom: 20px } .special-box .thumb { display: block; height: 250px; overflow: hidden } .special-box .thumb a { display: block; height: 250px; background-position: 50% 50%; background-size: cover; transform: scale(1,1)} .special-box .thumb a:hover { transform: scale(1.05,1.05) } .special-box .row.content { padding: 10px} .special-box .row .col-xs-8 { border-right: 1px solid #dfecf6;} .special-box .row .col-xs-8, .special-box .row .col-xs-4 { } .special-box h3 { margin: 0 0 20px 0; padding: 0; height: 66px; overflow: hidden} .special-box h3 a { display: block; line-height: 23px; font-size: 18px; font-weight: bold; } .special-box .read-more { text-transform: uppercase; text-shadow: none; font-size: 13px; padding: 5px} .logo-eventi-cat { margin-top: 35px; display: block} .logo-eventi-cat.ycml { margin-top: 24px} .logo-eventi-cat.mdl { margin-top: 23px} .logo-eventi-cat img { width: 100%; height: auto} .special-box h2 { background-color: #f3f1e7; margin: 0; padding: 10px; font-size: 15px; text-align: center} .sidebar .special-box { border: none; padding: 0} .wrap-eventi .special-box .col-xs-4 h2 { background-color: #ff0000; color: #FFF} body.single-offerta { background-color: #eff3f8} .wrap-content-non-home.wrap-voucher-container .container { box-shadow: none; background-color: transparent } .voucher-container { margin-top: -80px;z-index: 9; position: relative } .voucher-container .content { background-color: #FFF; } .voucher-container > .col-md-8 { padding-left: 0; padding-right: 0} .voucher-container > .col-md-4 { padding: 15px} .voucher-container > .col-md-4.wrap-sidebar { padding: 0} .voucher-container .feat-thumb { height: 250px; background-size: cover; background-position: 50% 50%; position: relative} body.single-post .voucher-container .feat-thumb { height: 325px} .single-evento .voucher-container .feat-thumb { height: 390px; } .voucher-container .entry { padding: 20px } .voucher-container .feat-thumb .badge-offer { background-color: #f3f1e7; z-index: 99; color: #0d285b; font-weight: 300; display: block; padding: 20px; position: absolute; right: 0; bottom: 0; text-align: center; font-size: 33px; } .voucher-container .feat-thumb h3 { position: absolute; text-transform: uppercase; background: #0d285b; color: #FFF; padding: 10px; width: 75%; bottom: 0; margin: 0; font-size: 16px; line-height: 16px; } .single-evento .voucher-container .feat-thumb .badge-offer { background-color: #ff0000; text-transform: uppercase; color: #FFF; font-size: 15px} .single-post .voucher-container .feat-thumb h3 { width: 100%} .voucher-container .sidebar { background-color: #FFF} .voucher-container .sidebar .row { margin-left: 0; margin-right: 0} .voucher-container .sidebar .col-xs-8 { padding-left: 0; padding-right: 0} .voucher-container .sidebar .col-xs-4 { padding-right: 0; text-align: center} /*================================ Dove Siamo ================================*/ .page-id-38 .gmap-grafica { background-image: url(img/bg/bg-map.jpg); background-size: cover; background-position: 50% 50% } .page-id-38 .wrap-main-slider , .page-id-38 .wrap-main-slider ul, .page-id-38 .wrap-main-slider ul li, #gmap { height: 650px;} .wrap-gmap { position: relative; z-index: 9} .wrap-mappe { margin: 0 !important} .wrap-mappe > div { padding: 0} .gmarker { height: 129px} .gmarker h3 { text-transform: uppercase; font-size: 18px; line-height: 20px; margin: 10px 0; padding: 0; } .gmarker p { font-size: 16px; line-height: 18px} .gmarker .bring-me-there a { display: block; border: 1px solid #0d285b; background-color: #0d285b; color: #FFF; padding: 10px; text-transform: uppercase; text-align: center} .gmarker .bring-me-there a:hover { background-color: #FFF; color: #0d285b; } .wrap-gmap .detail { padding: 10px; border: 1px solid #CCC; position: relative; top: -30px; background-color: #FFF} .wrap-gmap .detail h3 { text-align: center; text-transform: uppercase; font-size: 17px; line-height: 15px; background: #0d285b; color: #FFF; margin: 0; padding: 10px;} .wrap-gmap .detail .thumb { height: 220px; background-size: cover; background-position: 50% 50%; display: block; position: relative} .wrap-gmap .detail .thumb a { padding: 10px; border-radius: 30px;; background-color: #de0d0d; width: 60px; height: auto; position: absolute; right: 10px; top: 10px} .wrap-gmap .detail .thumb a img { width: 100%; height: auto; cursor: pointer} .wrap-gmap .detail .thumb a:hover { opacity: 0.7} .single-beach .wrap-gmap .detail, .single-mdl .wrap-gmap .detail, .single-ycml .wrap-gmap .detail { top: 20px;} .wrap-gmap .info-contact { padding: 20px 0 10px 20px; background-color: #f7f7f7; border-left: 15px solid #e8e8e8;} .page-id-38 .wrap-gmap .info-contact { min-height: 400px; } .wrap-gmap .info-contact p { line-height: 20px} .wrap-gmap .info-contact a { font-weight: bold} /*================================ Category ================================*/ .wrap-category { padding-bottom: 80px} .wrap-category .row { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px dotted #CCC} .wrap-category .thumb { height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block} .wrap-category .thumb:hover { opacity: 0.8} /*================================ Evento Principale ================================*/ .main-event { height: 450px !important; background-position: right; background-repeat: no-repeat; background-size: contain; padding: 20px } .main-event h4 a { color: #FFF; display: block; font-size: 50px; padding-right: 30%; background: rgba(0,0,0,0.4); margin-bottom: 50px; padding: 10px 0} .main-event .excerpt { padding-right: 50%; margin-bottom: 40px} .main-event .excerpt p { color: #FFF; line-height: 25px; font-size: 18px; font-weight: 200} .main-event .icon-calendar { display: block; width: 100px; background-color: #ff0000; color: #FFF; padding: 10px; text-align: center; margin: 30px 0} .main-event .read-more { width: auto; display: inline-block; text-transform: uppercase} .main-event .read-more:hover { opacity: 0.5} .page-id-32 .wrap-main-event { background-color: #000; background-image: url(img/bg-sky.jpg); background-position: top left; background-repeat: no-repeat} /*================================ Font Awesome ================================*/ /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.3.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"} .fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /*================================ PhotoSwipe ================================*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*