body.activities div.list { width: 100%; overflow: hidden; } body.activities div.list > div { float: left; width: 33.33%; padding: 10px; } body.activities div.list > div:nth-child(3n+1) { clear: left; } body.activities div.list > div a.photo { display: table; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; text-decoration: none; } body.activities div.list > div a.photo > span { display: table-cell; vertical-align: bottom; background: url(/Web/Images/gradient.png) repeat-x bottom left; padding: 20px; } @media all and (max-width: 760px) { body.activities div.list > div { width: 50%; } body.activities div.list > div:nth-child(3n+1) { clear: none; } body.activities div.list > div:nth-child(2n+1) { clear: left; } } @media all and (max-width: 540px) { body.activities div.list > div { width: 100%; clear: both; padding: 0 0 40px 0; } } /* details */ body.activities ul.activity { margin: 1em 0; padding: 10px 0; border-top: dotted 1px #ccc; list-style-type: none; width: 100%; overflow: hidden; } body.activities ul.activity li { float: left; width: 20%; padding: 5px; } @media all and (max-width: 720px) { body.activities ul.activity li { width: 25%; } } @media all and (max-width: 580px) { body.activities ul.activity li { width: 33.33%; } } @media all and (max-width: 460px) { body.activities ul.activity li { width: 50%; } } body.activities ul.activity li a, body.activities ul.activity li img { display: block; width: 100%; } body.activities .detail .lft { width: 75%; padding-right:30px; } body.activities .detail .rgt { vertical-align: top; } body.activities .detail .rgt .rate { width: 150px; height: 150px; background: #062618; border-radius: 150px; display: table; margin-bottom: 2em; margin: 0 auto 2em auto; } body.activities .detail .rgt .button { width: 100%; text-align: center; } body.activities .detail .rgt .rate > div { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } body.activities .detail .rgt .rate > div small { text-transform: uppercase; color: #fff; display: block; } body.activities .detail .rgt .rate > div big { font-size: 2em; } @media all and (max-width: 620px) { body.activities .detail .tbl, body.activities .detail .tbl > div { width: 100% !important; display: block !important; } } body.articles div.list { width: 100%; overflow: hidden; } body.articles div.list > div { float: left; width: 33.33%; padding: 0 10px 40px 10px; } body.articles div.list > div:nth-child(3n+1) { clear: both; } @media all and (max-width: 760px) { body.articles div.list > div { width: 50%; } body.articles div.list > div:nth-child(3n+1) { clear: none; } body.articles div.list > div:nth-child(2n+1) { clear: left; } } @media all and (max-width: 540px) { body.articles div.list > div { width: 100%; clear: both; padding: 0 0 40px 0; } } body.articles div.list > div a.photo { width: 100%; display: block; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; } body.articles div.list > div small { text-transform: uppercase; color: #999; display: block; } body.articles div.list > div a.title { display: block; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #; } body.articles img.hero { width: 100%; display: block; margin: 1em 0; } * { font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; } @font-face { font-family: 'icomoon'; src: url('/web/common/fonts/icomoon.eot?xs0zik'); src: url('/web/common/fonts/icomoon.eot?xs0zik#iefix') format('embedded-opentype'), url('/web/common/fonts/icomoon.ttf?xs0zik') format('truetype'), url('/web/common/fonts/icomoon.woff?xs0zik') format('woff'), url('/web/common/fonts/icomoon.svg?xs0zik#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e900"; } .icon-book:before { content: "\e91f"; } .icon-envelop:before { content: "\e945"; } .icon-menu:before { content: "\e9bd"; } .icon-circle-down:before { content: "\ea43"; } .icon-checkbox-checked:before { content: "\ea52"; } .icon-checkbox-unchecked:before { content: "\ea53"; } .icon-radio-checked:before { content: "\ea54"; } .icon-radio-unchecked:before { content: "\ea56"; } .icon-facebook:before { content: "\ea90"; } .icon-instagram:before { content: "\ea92"; } .icon-twitter:before { content: "\ea96"; } .icon-youtube:before { content: "\ea9e"; } .icon-blogger:before { content: "\eab7"; } .icon-linkedin:before { content: "\eaca"; } input[type=submit] { -webkit-appearance: none; } img { border: 0; } html, body, form { margin: 0; height: 100%; } body, select, textarea, input, td { font-size: 1em; font-family: 'Raleway', sans-serif; color: #000; } a { color: #000; } a:hover { color: #aaa; text-decoration: none; } div.column { width: 100%; max-width: 960px; margin: 0 auto; position: relative; padding: 0 20px; overflow: hidden; } div.tbl { width: 100%; display: table; } div.tbl > div { display: table-cell; vertical-align: top; } p.status, p.error { position: relative; margin: 0 0 2em 0; padding: 10px 0; text-align: center; width: 100%; background: #333; cursor: pointer; display: none; border-radius: 3px; } p.status, p.error, p.status a, p.error a { color: #fff; } pre { width: 100%; overflow: auto; } .center-image { overflow: hidden; } .center-image img { display: block; width: 100%; height: 100%; object-fit: cover; } body.contact div.content { padding-bottom: 0; } body.contact div.newsletter { margin-top: 0; } body.contact div.content > div.column { max-width: 100%; padding: 0; } body.contact div.content div.tbl > div { vertical-align: top; width: 50%; margin: 1em 0; } body.contact div.content div.tbl > div.lft { padding-right: 50px; } body.contact .navMap { margin-top: 50px; height: 300px; } div.content { padding: 50px 0; line-height: 1.5; position: relative; z-index: 1; } body.two-columns div.content div.left { float: left; width: 70%; } body.two-columns div.content div.right { float: right; width: 25%; } div.content a.back { font-size: .7em; color: #999; text-transform: uppercase; } @media all and (max-width: 800px) { div.content { padding: 30px 0; } body.two-columns div.content div.left { float: none; width: 100%; } body.two-columns div.content div.right { margin-top: 2em; padding-top: 1em; float: none; width: 100%; border-top: solid 2px #ccc; } } .button { background: #01633d; display: inline-block; border-bottom: solid 3px #00472b; color: #fff; font-weight: bold; padding: 15px 20px; text-decoration: none; box-shadow: rgba(0, 0, 0, .2) 0 3px 3px; cursor: pointer; } .button:hover { background: #079960; color: #fff; } body.editor h2, div.content h2 { color: #ff841a; font-weight: normal; font-size: 2em; } body.editor big, div.content big { font-size: 1.4em; } body.editor small, div.content small { color: #999; } body.editor div.caption, div.content div.caption { margin: 1em 0; background: #eee; padding: 20px; text-align: center; font-style: italic; border-radius: 5px; color: #666; } body.editor div.caption img, div.content div.caption img { display: block; width: 100% !important; max-width: 600px; margin: 0 auto; margin-bottom: 10px; } div.content ul { list-style-type: none; padding: 0; } div.content ul li { background: url(/Web/Images/bullett.png) no-repeat top left; padding-left: 25px; } /*documents*/ ul.document-list, ul.analyst { list-style-type: none; margin: 1em 0 !important; padding: 0; overflow: hidden; } .downloads ul { margin: 0 !important; overflow: hidden; padding: 0; width: 180px; overflow: hidden; } ul.document-list li { background: url("/web/images/doctypes/all.png") no-repeat scroll 0 5px transparent; color: #B0B0B0; float: left; height: 50px; line-height: 1.2em; overflow: hidden; padding: 5px 20px 5px 45px !important; position: relative; width: 280px; } ul.document-list li a { text-decoration: none; } ul.document-list li small, ul.document-list li span { display: block; font-size: 0.8em; text-transform: uppercase; } /* Youtube video embeded */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; margin: 50px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ytvideobg { display:none; } /* doc types*/ .mp3 { background-image: url(/web/images/doctypes/icon_audio.gif) !important; } .doc, .docx { background-image: url(/web/images/doctypes/icon_doc.gif) !important; } .avi, .mov, .wmv, .flv, .mpg, .mpeg { background-image: url(/web/images/doctypes/icon_film.gif) !important; } .fla { background-image: url(/web/images/doctypes/icon_fla.gif) !important; } .htm, .html { background-image: url(/web/images/doctypes/icon_html.gif) !important; } .jpg, .jpeg, .gif, .png, .tif, .tiff, .bmp { background-image: url(/web/images/doctypes/icon_image.gif) !important; } .js { background-image: url(/web/images/doctypes/icon_js.gif) !important; } .pdf { background-image: url(/web/images/doctypes/icon_pdf.gif) !important; } .psd { background-image: url(/web/images/doctypes/icon_photoshop.gif) !important; } .ppt, .pptx { background-image: url(/web/images/doctypes/icon_ppt.gif) !important; } .swf { background-image: url(/web/images/doctypes/icon_swf.gif) !important; } a.txt { background-image: url(/web/images/doctypes/icon_txt.gif) !important; } .xls, .xlsx { background-image: url(/web/images/doctypes/icon_xls.gif) !important; } .xml { background-image: url(/web/images/doctypes/icon_xml.gif) !important; } .zip { background-image: url(/web/images/doctypes/icon_zip.gif) !important; } .pdf { background-image: url(/web/images/doctypes/pdf.png) !important; } /* CK editor stylesheet */ body.editor { margin: .5em; height: auto; width: auto; background: #fff; overflow: auto !important; } body.cke_panel_frame { background: #fff; height: auto; overflow: auto; } /* newsletter sign up */ div.newsletter { background: #222; background-size: cover; text-align: center; padding: 60px 20px 80px 20px; position: relative; color: #fff; margin-top: 80px; } div.newsletter h3 { margin: 0; padding: 0; font-size: 2em; font-weight: 400; } div.newsletter p { margin: 1em auto 2em auto; } div.newsletter input { display: inline-block; width: 100%; max-width: 200px; border: 0; padding: 10px; border-radius: 2px; } div.newsletter input:nth-child(1), div.newsletter input:nth-child(2) { max-width: 150px; } div.newsletter input:nth-child(3) { max-width: 250px; } div.newsletter input[type=submit] { max-width: 100px; } @media all and (max-width: 760px) { div.newsletter h3 { font-size: 2.4em; } div.newsletter input { display: block; max-width: 100% !important; width: 100%; margin: 10px 0; } } /* copyright, etc */ div.footer { background: #000; padding: 30px 20px; color: #fff; font-size: .8em; line-height: 1.5; } div.footer img.logo { width: 100%; max-width: 414px; } div.footer .tbl > div { vertical-align: top; } div.footer small, div.footer small a { color: #999; } div.footer .tbl > div.rgt { text-align: right; } div.footer .tbl > div.rgt ul { margin: 0; padding: 0; padding-top: 30px; list-style-type: none; display: inline-block; } div.footer .tbl > div.rgt li { display: inline-block; } div.footer .tbl > div.rgt li a { display: inline-block; text-decoration: none; font-size: 1.8em; margin: 0 5px; color: #fff; } /*div.footer .tbl > div.rgt li a::before { font-family: "icomoon"; } div.footer .tbl > div.rgt li a.facebook::before { content: "\ea8c"; } div.footer .tbl > div.rgt li a.twitter::before { content: "\ea91"; } div.footer .tbl > div.rgt li a.youtube::before { content: "\ea99"; } div.footer .tbl > div.rgt li a.blogger::before { content: "\eab9"; }*/ div.footer .tbl > div.rgt small { position: absolute; bottom: 1px; right: 20px; } @media all and (max-width: 760px) { div.footer { text-align: center; } div.footer .column, div.footer .column > div { display: block !important; width: 100% !important; text-align: center !important; } div.footer .tbl > div.rgt { padding-top: 30px; } div.footer .tbl > div.rgt ul { padding-top: 0; } div.footer .tbl > div.rgt small { display: block; position: relative; bottom: auto; right: auto; } } div.form p { margin-bottom: 2em; } div.form div.row { margin: 0 0 1.5em 0; width: 100%; overflow: hidden; position: relative; } div.form div.row em.help { display: block; padding-top: 5px; font-size: .8em; color: #999; } div.form div.row label { display: block; color: #999; font-size: .8em; font-weight: bold; padding-bottom: 5px; } div.form div.row input, div.form div.row textarea, div.form div.row div.input-select, div.form div.row div.input-checkbox { background: #eee; padding: 0 10px; border: 0; width: 100%; border-radius: 3px; display: block; margin: 0; height: 40px; line-height: 40px; } div.form div.row textarea { padding: 10px; resize: vertical; height: 130px; line-height: normal; } div.form div.row div.input-select { cursor: pointer; background-image: url(/web/images/dropdown_arrow.png); background-repeat: no-repeat; background-position: right center; } div.form div.row span.validate { position: absolute; right: 5px; top: 28px; font-size: 1.4em; transition: all 0.4s ease; color: #FFF !important; background: red; width: 30px; height: 30px; border-radius: 15px; line-height: 30px; text-align: center; } div.form input.button { display: block; width: 100%; background: #333; border: 0; border-bottom: solid 5px #111; padding: 10px; color: #fff; text-transform: uppercase; text-decoration: none; transition: all 0.4s ease; text-align: center; cursor: pointer; font-size: .8em; } div.form input.button:hover { background: #666; transition: all .4s ease; } div.form div.row div.captcha { display: table; width: 100%; } div.form div.row div.captcha > div { display: table-cell; vertical-align: middle; position: relative; } div.form div.row div.captcha > div.inp input { border-radius: 5px 0 0 5px; } div.form div.row div.captcha > div.img { width: 160px; padding: 0 5px; background: #eee; border-radius: 0 5px 5px 0; } div.form div.row div.captcha div.img input { padding: 0; width: 160px; height: 30px; margin: 0; } ul.select-list { position: absolute; top: -999px; left: -999px; background: #999; margin: 0; padding: 5px; border-radius: 3px; list-style-type: none; } ul.select-list > li { color: #fff; padding: 5px; cursor: pointer; } ul.select-list > li:hover { background: #666; border-radius: 2px; } div.form div.title { font-size: 1.2em; font-weight: bold; margin: 1em 0 .5em 0; padding-bottom: 5px; border-bottom: solid 1px #ddd; } div.form div.info { color: #666; margin: 1em 0; } div.form div.checkbox-row { width: 100%; overflow: hidden; } div.form div.checkbox-row div.input-checkbox { float: left; width: 20px; margin-right: 10px; background: url(/web/images/checkbox.png) no-repeat 0 0; cursor: pointer; } div.form div.checkbox-row div.input-checkbox-checked { background: url(/web/images/checkbox.png) no-repeat -20px 0; } div.form div.checkbox-row label { float: left; height: 40px; line-height: 40px; } div.form div.required { display: none; } body.galleries div.list { width: 100%; overflow: hidden; } body.galleries div.list > div { float: left; width: 33.33%; padding: 10px; } body.galleries div.list > div:nth-child(3n+1) { clear: left; } body.galleries div.list > div a.photo { display: table; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; text-decoration: none; } body.galleries div.list > div a.photo > span { display: table-cell; vertical-align: bottom; background: url(/Web/Images/gradient.png) repeat-x bottom left; padding: 20px; } @media all and (max-width: 760px) { body.galleries div.list > div { width: 50%; } body.galleries div.list > div:nth-child(3n+1) { clear: none; } body.galleries div.list > div:nth-child(2n+1) { clear: left; } } @media all and (max-width: 540px) { body.galleries div.list > div { width: 100%; clear: both; padding: 0 0 40px 0; } } /* details */ body.galleries ul.gallery { margin: 1em 0; padding: 10px 0; border-top: dotted 1px #ccc; list-style-type: none; width: 100%; overflow: hidden; } body.galleries ul.gallery li { float: left; width: 20%; padding: 5px; } @media all and (max-width: 720px) { body.galleries ul.gallery li { width: 25%; } } @media all and (max-width: 580px) { body.galleries ul.gallery li { width: 33.33%; } } @media all and (max-width: 460px) { body.galleries ul.gallery li { width: 50%; } } body.galleries ul.gallery li a, body.galleries ul.gallery li img { display: block; width: 100%; } body.galleries .detail .lft { width: 75%; padding-right:30px; } body.galleries .detail .rgt { vertical-align: top; } body.galleries .detail .rgt .rate { width: 150px; height: 150px; background: #062618; border-radius: 150px; display: table; margin-bottom: 2em; margin: 0 auto 2em auto; } body.galleries .detail .rgt .button { width: 100%; text-align: center; } body.galleries .detail .rgt .rate > div { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } body.galleries .detail .rgt .rate > div small { text-transform: uppercase; color: #fff; display: block; } body.galleries .detail .rgt .rate > div big { font-size: 2em; } @media all and (max-width: 620px) { body.galleries .detail .tbl, body.galleries .detail .tbl > div { width: 100% !important; display: block !important; } } div.header { position: relative; z-index: 98; } div.header div.column { width: 100%; overflow: hidden; padding: 30px; } div.header div.column > div { width: 33.33%; } div.header div.book a { text-decoration: none; text-transform: uppercase; font-size: .8em; font-weight: bold; } div.header div.book a::before { content: "\e91f"; padding-right: 10px; } div.header div.logo { text-align: center; } div.header div.logo img { width: 100%; max-width: 250px; } div.header div.social { text-align: right; } div.header div.social a { display: inline-block; text-decoration: none; font-size: 1.4em; margin: 0 5px; } /*div.header div.social a.facebook::before { content: "\ea8c"; } div.header div.social a.twitter::before { content: "\ea91"; } div.header div.social a.youtube::before { content: "\ea99"; } div.header div.social a.blogger::before { content: "\eab7"; }*/ div.header a { color: #0e8a4b; transition: all .4s ease; } div.header a::before { font-family: "icomoon"; } div.header a:hover { color: #000; } @media all and (max-width: 650px) { div.header div.column { padding: 0; } div.header div.tbl, div.header div.tbl > div { display: block; width: 100%; text-align: center; } div.header div.book { padding: 10px; text-align: center; background: #eee; } div.header div.logo { padding: 10px; } div.header div.social { display: none !important; } } body.homepage div.pagetitle { display: none; } body.homepage div.content { padding: 0; } body.homepage div.content > div.column { max-width: 100%; padding: 0; } body.homepage div.newsletter { margin-top: 0; } /* slideshow */ body.homepage ul.slideshow { margin: 0; padding: 0; list-style-type: none; position: relative; width: 100%; height: 450px; overflow: hidden; } body.homepage ul.slideshow li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; } body.homepage ul.slideshow li a { display: table-cell; text-align: center; vertical-align: bottom; padding-bottom: 70px; text-decoration: none; font-size: 2em; color: #fff; } body.homepage ul.slideshow li div { background-color: rgba(0,0,0,0.5); padding-top: 20px; padding-bottom: 20px; } body.homepage ul.slideshow li span { opacity: 0; } body.homepage ul.slideshow li:last-child span { opacity: 1; } /* touts */ body.homepage div.touts { padding: 40px 0; } body.homepage div.touts div.column { overflow: hidden; } body.homepage div.touts div.column > div { float: left; width: 33.33%; padding: 0 20px; text-align: center; font-size: .8em; } body.homepage div.touts div.column > div div { height: 200px; width: 100%; margin: 0 0 10px 0; } body.homepage div.touts div.column strong { display: block; text-align: center; background: #0e8a4b; padding: 10px; text-transform: uppercase; color: #fff; } body.homepage div.touts div.column a.more { font-weight: bold; text-decoration: none; color: #0e8a4b; text-transform: uppercase; } body.homepage div.touts div.column a.more::after { content: " >"; } @media all and (max-width: 740px) { body.homepage div.touts div.column > div { width: 100%; padding-bottom: 40px; padding: 0 0 40px 0; } } /* about */ body.homepage div.about { background: #ebebeb; padding: 40px 0; } body.homepage div.about .tbl > div { vertical-align: top; } body.homepage div.about div.lft { color: #0e8a4b; font-size: 2em; padding-right: 30px; width: 20%; padding: 10px 0; } @media all and (max-width: 740px) { body.homepage div.about .tbl, body.homepage div.about .tbl > div { width: 100% !important; display: table !important; } } /* map */ body.homepage .navMap { height: 300px; } #player { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9) url(/web/images/loader-black.gif) no-repeat center center; z-index: 999; } #player table, #player tr, #player td { width: 100%; height: 100%; text-align: center; vertical-align: middle; } #player div { padding: 0 30px; background: url(/web/images/close-button.png) no-repeat top right; cursor: pointer; width: 700px; margin: auto; } /* Youtube row */ body.homepage #ctl00_youTubeVideo { display: none; } body.homepage .videoWrapper { display: block; margin: 0; transition: all 0.5s; } div.youtubebar { display: table; width: 100%; } div.ytvideo { display: table-cell; width: 50%; height: 100%; background-color: #eeeeee; /*background-image: url('/web/images/home-video.jpg');*/ background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } div.ytvideoname { display: table-cell; height: 100%; background-color: #01633d; vertical-align: middle; } div.ytvideoname a { display: block; text-align: center; color: #fff; cursor: pointer; } div.ytvideoname a h4 { color: #fff; margin-bottom: 0; font-size: 1.5em; font-weight: 300; } div.ytvideoname a:hover, div.ytvideoname a:hover h4 { color: #000; } div.ytvideo > div { text-align: center; vertical-align: middle; } div.ytvideo a.play { display: block; background-image: url('/web/images/button_play_youtube.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 110px; height: 121px; margin: 3em auto; overflow: hidden; cursor: pointer; transition: all 0.5s; } div.ytvideo a.play:hover { background-image: url('/web/images/button_play_youtube_h.png'); } div.ytvideo div.intro { color: #fff; text-align: center; text-transform: uppercase; font-size: 1.4em; letter-spacing: .2em; } div.ytvideo div.intro span.big { font-size: 1.4em; } div.ytvideo div.intro span.big { font-size: 1.4em; } @media all and (max-width: 900px) { div.ytvideo a.play { width: 50px; height: 60px; } div.ytvideo a.play:hover { background-position: 0 0; } div.ytvideo div.intro { font-size: .8em; padding: 10% 0; } div.youtubebar, div.ytvideoname, div.ytvideo { display: block; width: 100%; } div.ytvideoname a { padding: 10% 0; } .ytvideoname a h4 { margin: 0; } } /* jQuery lightbox by Brad */ #lightbox-overlay { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9000; background: #000; } #lightbox-frame { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 9001; margin: 0; padding: 0; } #lightbox-frame table { background: #fff; font-size: .8em; } #lightbox-picture { padding: 10px 10px 0 10px; background: url(/web/images/lightbox-loader.gif) no-repeat center center; } #lightbox-picture div { min-height: 200px; min-width: 200px; } #lightbox-description { padding: 10px; } #lightbox-description, #lightbox-frame a { color: #000; } #lightbox-frame ul { margin: 0; padding: 10px; list-style-type: none; float: right; } #lightbox-frame ul li { display: block; float: left; } #lightbox-frame ul li a { float: left; margin-left: 3px; font-size: .8em; text-transform: uppercase; } #lightbox-frame ul li.disabled a { color: #ccc; } #lightbox-frame ul a { display: block; width: 21px; height: 0; padding-top: 21px; overflow: hidden; background-image: url(/web/images/lightbox-nav.png); } #lightbox-previous a { background-position: 0 0; } #lightbox-previous a:hover { background-position: 0 -21px; } #lightbox-previous a.disabled { background-position: 0 -42px; } #lightbox-next a { background-position: -21px 0; } #lightbox-next a:hover { background-position: -21px -21px; } #lightbox-next a.disabled { background-position: -21px -42px; } #lightbox-close a { background-position: -42px 0; } #lightbox-close a:hover { background-position: -42px -21px; } .spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; top: 45%; -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .working { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); } .working .feedback { color: #fff; display: table; width: 100%; height: 100%; } .working .feedback p { display: table-cell; vertical-align: middle; text-align: center; } .working .loader { position: absolute; top: 0; left: 0; } div.nav { background: #062618; z-index: 99; position: relative; } div.nav div.column { overflow: visible; position: relative; z-index: 99; } div.nav ul.navigation { margin: 0; padding: 0; list-style-type: none; display: table; width: 100%; border-left: solid 1px rgba(255, 255, 255, .2); height: auto; position: relative; z-index: 999; font-weight: bold; } div.nav ul.navigation > li { display: table-cell; text-align: center; height: 50px; line-height: 50px; position: relative; } div.nav ul.navigation > li > a { display: block; color: #fff; font-size: .8em; text-decoration: none; border-right: solid 1px rgba(255, 255, 255, .2); white-space: nowrap; text-overflow: ellipsis; transition: all .4s ease; } div.nav ul.navigation > li > a.selected, div.nav ul.navigation > li > a.highlighted, div.nav ul.navigation > li > a:hover, div.nav ul.navigation > li.active > a { background-color: #01633d; } div.nav span { display: none; padding: 20px 0; color: #fff; cursor: pointer; font-size: .8em; } div.nav span::after { content: "\e9bd"; font-family: "icomoon"; float: right; } div.nav ul.navigation ul { display: none; position: absolute; top: 50px; left: 0; background: #01633d; margin: 0; padding: 10px; list-style-type: none; z-index: 99; width: 200px; box-shadow: rgba(0, 0, 0, .2) 0 3px 3px; font-size: .8em; } div.nav ul.navigation ul > li { line-height: 1; } div.nav ul.navigation ul > li a { display: block; text-align: left; color: #fff; padding: 10px; text-decoration: none; } div.nav ul.navigation ul > li a:hover { color: #fff; background: rgba(0, 0, 0, .2); } div.nav ul.navigation > ul ul { display: none !important; } @media all and (max-width: 780px) { div.nav span { display: block; } div.nav ul.navigation { display: none; padding-bottom: 10px; border: 0; } div.nav ul.navigation > li { display: block; text-align: left; padding: 0; width: 100% !important; overflow: hidden; height: auto; line-height: 1em; } div.nav ul.navigation > li a { border: 0; padding: 5px; } div.nav ul.navigation ul { display: block !important; position: relative; top: 0; width: 100%; background: none; padding: 0; font-size: .8em; } div.nav ul.navigation ul li { padding-left: 20px; } div.nav ul.navigation ul li a:hover { transition: all .4s ease; } div.nav ul.navigation a { padding: 10px !important; } } div.pagetitle { padding: 50px 0 30px 0; position: relative; z-index: 1; background: #006a41; overflow: hidden; } div.pagetitle img { position: absolute; z-index: 1; top: 0; left: 0; } div.pagetitle h1 { position: relative; font-weight: normal; margin: 0; font-size: 3em; color: #fff; z-index: 2; } div.pagetitle p { position: relative; margin: 0; padding-top: 5px; font-size: 1.6em; color: #fff; line-height: 1.5; z-index: 2; } div.pagetitle div.column { text-shadow: 1px 2px #222 } div.paging { width: 100%; overflow: hidden; display: table; border-top: solid 2px #eee; padding-top: 20px; font-size: .8em; } div.paging > a { display: table-cell; vertical-align: middle; text-align: center; width: 120px; text-transform: uppercase; background: #333; color: #fff; padding: 10px 0; font-size: .8em; text-decoration: none; transition: all 0.4s ease; } div.paging > a:hover { background: #000; transition: all 0.4s ease; } div.paging > a.disabled { background: #eee; } div.paging > div { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; } div.paging > div a { display: inline-block; padding: 5px; } div.paging > div a.selected { background: #000; border-radius: 100px; padding: 5px 10px; color: #fff; text-decoration: none; } @media all and (max-width: 580px) { div.paging > div a { display: none; padding: 0 2px; } } iframe.pop-up { width: 100%; max-width: 500px; position: absolute; z-index: 9999; height: 400px; border: 0; background: #fff; box-shadow: rgba(0, 0, 0, .25) 10px 10px 10px; } body.rooms div.list { width: 100%; overflow: hidden; } body.rooms div.list > div { float: left; width: 33.33%; padding: 10px; } body.rooms div.list > div:nth-child(3n+1) { clear: left; } body.rooms div.list > div a.photo { display: table; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; text-decoration: none; } body.rooms div.list > div a.photo > span { display: table-cell; vertical-align: bottom; background: url(/Web/Images/gradient.png) repeat-x bottom left; padding: 20px; } @media all and (max-width: 760px) { body.rooms div.list > div { width: 50%; } body.rooms div.list > div:nth-child(3n+1) { clear: none; } body.rooms div.list > div:nth-child(2n+1) { clear: left; } } @media all and (max-width: 540px) { body.rooms div.list > div { width: 100%; clear: both; padding: 0 0 40px 0; } } /* details */ body.room-details div.pagetitle { padding-top: 200px; } @media all and (max-width: 580px ){ body.room-details div.pagetitle { padding-top: 100px; } } body.rooms ul.gallery { margin: 1em 0; padding: 10px 0; border-bottom: dotted 1px #ccc; list-style-type: none; width: 100%; overflow: hidden; } body.rooms ul.gallery li { width: 100%; padding: 5px 0; } /* body.rooms ul.gallery li { float: left; width: 20%; padding: 5px; } @media all and (max-width: 720px) { body.rooms ul.gallery li { width: 25%; } } @media all and (max-width: 580px) { body.rooms ul.gallery li { width: 33.33%; } } @media all and (max-width: 460px) { body.rooms ul.gallery li { width: 50%; } } */ body.rooms ul.gallery li a, body.rooms ul.gallery li img { display: block; width: 100%; } body.rooms .detail .lft { width: 75%; padding-right:30px; } body.rooms .detail .rgt { vertical-align: top; } body.rooms .detail .rgt .rate { width: 150px; height: 150px; background: #062618; border-radius: 150px; display: table; margin-bottom: 2em; margin: 0 auto 2em auto; } body.rooms .detail .rgt .button { width: 100%; text-align: center; } body.rooms .detail .rgt .rate > div { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } body.rooms .detail .rgt .rate > div small { text-transform: uppercase; color: #fff; display: block; } body.rooms .detail .rgt .rate > div big { font-size: 2em; } @media all and (max-width: 620px) { body.rooms .detail .tbl, body.rooms .detail .tbl > div { width: 100% !important; display: block !important; } } div.results > div { margin-top: 40px; padding-bottom: 40px; border-bottom: dashed 1px #ddd; } div.results > div a.title { display: block; font-size: 1.4em; color: #00483a; } div.results > div a.link { display: block; font-size: .8em; color: #999; } /* tooltip */ #tooltip { position: absolute; z-index: 999999; width: 200px; font-size: .8em; border-radius: 3px; } #tooltip span { display: block; background: #000; padding: 5px 10px; text-align: center; color: #fff; }