/* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} .cc-revoke, .cc-window { font-size: 14px; font-weight: 400; } .cc-link { padding: 0; } body {background:#e7e7e7;font-family: 'Roboto', sans-serif;color:#777;} p {margin:0 0 20px 0;} h1,h2,h3,h4,h5,h6, input, select, button, radio {font-family: 'Roboto', sans-serif;} img {height: auto;max-width: 100%;} hr {border-style: dashed; border-color: #777;} a:hover, a:focus, a:active, .btn:focus, .btn:active, .btn:hover {outline:none;} #menu {background:#fff;-webkit-box-shadow: 0 0 12px #999; -moz-box-shadow: 0 0 12px #999; -ms-box-shadow: 0 0 12px #999; -o-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; } #bottom {background:#fff;} #bottom .container .row .col-md-4 {margin-top:35px;margin-bottom:35px;} #bottom ul {padding-left:15px;} #bottom ul li a {color: #55a173;} #bottom h4 {margin-bottom:30px;} #bottom .well {margin-bottom:0;} #slider.loading {min-height:300px;background:url("../img/slider/loader.gif") no-repeat center center #fff;} #footer {padding:20px 0;} #footer p {margin:0;} table.table-hover td:hover {color:#E2001A;} #logo {position: relative;} #logo a {position:absolute;right:0;top:-32px;} #main > .container > .row > .col-md-8 {margin-top:35px; margin-bottom:35px;} #main > .container > .row > .col-md-4 {margin-top:35px; margin-bottom:35px;} #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {border-bottom: 1px dashed #777;margin-bottom: 20px; padding-bottom:20px;} h1:before, h2:before, h3:before {font-family: FontAwesome; content: "\f0c8"; color: #E2001A; font-size:50%;margin-right:7px;} #main h1 {position: relative;padding-left:24px;} h1:before {position: absolute; top:16px; left:0;margin: 0;} a.scrolltop {position: fixed; right:20px;bottom:20px;} ul.toggles {list-style:none outside none;padding:0;margin:0;} ul.toggles li {background-color: #f2f2f2;border-bottom: 1px solid #E5E5E5;margin-bottom: 20px;} ul.toggles li .toggle-title {padding:10px 15px;position: relative;} ul.toggles li .toggle-title:hover {cursor:pointer;} ul.toggles li .toggle-title a, ul.toggles li .toggle-title a:hover {text-decoration:none;font-weight:bold;color:#666;} ul.toggles li .toggle-content {padding:0 15px 10px 15px;} ul.toggles li .toggle-content > *:last-child {margin-bottom:0;} ul.toggles li .toggle-title a span:before {font-weight: normal;font-style: normal;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 20px;height:20px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f067";vertical-align:middle;font-size:14px;margin:0;position: absolute;right:20px;top:12px;} ul.toggles li.current .toggle-title a span:before {content: "\f068";} ul.toggles.gallerylevel2 li .toggle-title {padding-left:35px;} ul.toggles li .toggle-content .gallery a.lightbox {margin:0 10px 10px 0;display:block;float:left;} .bigfont #main p, .bigfont #main ul li, .bigfont #bottom ul li a, .bigfont #bottom p {font-size: 20px;line-height:30px;} #menu {background: #fff; padding:15px;margin:0;} .maincontent {background: #fff; padding:20px;} .topcontainer {background:url("../img/background.jpg") no-repeat center top #fff;} .quicklinks {margin:0 -20px 20px -20px; background: #7a7062;padding:15px 20px;position: relative;} .quicklinks:after {font-family: FontAwesome; content: "\f12a";position: absolute; right:22px; top:0;color:#fff;opacity: .6; line-height:55px; font-size:40px; } .quicklinks ul {margin:0;} .quicklinks ul li {color:#fff;} .quicklinks ul li a {color:#fff; font-weight:bold;} .php_calendar_current_month a:first-child {margin-right:10px;} .php_calendar_current_month a:last-child {margin-left:10px;} .well {background: #e7e7e7; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;} #topbar ul.list-inline {margin:10px 0;} #topbar ul.list-inline li a {background: #000; background: rgba(0,0,0,.4); padding: 6px 10px;color:#fff;display: block;} #topbar ul.list-inline li a:hover, #topbar ul.list-inline li a:active, #topbar ul.list-inline li a:focus {text-decoration: none; background: #000; background: rgba(0,0,0,.7)} /* Menu */ .sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;} ul.sm li{position:relative;} ul.sm a{position:relative;display:block;} ul.sm a.disabled{cursor:default;} ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;} ul.sm li{float:left;} ul.sm-rtl{direction:rtl;} ul.sm-rtl li{float:right;} ul.sm ul li,ul.sm-vertical li{float:none;} ul.sm a{white-space:nowrap;} ul.sm ul a,ul.sm-vertical a{white-space:normal;} * html ul.sm-vertical li{float:left;width:100%;} * html ul.sm-vertical ul li{float:none;width:auto;} *:first-child+html ul.sm-vertical>li{float:left;width:100%;} ul.sm ul.sm-nowrap>li>a{white-space:nowrap;} ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;} * html ul.sm{height:1px;} *:first-child+html ul.sm{min-height:1px;} ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);} /* Menu box ===================*/ .sm-simple, .sm-simple ul { border:0; background: #fff; } /* Menu items ===================*/ .sm-simple a { padding:11px 20px; color:#555; font-size:14px; line-height:17px; text-decoration:none; } .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted { background:#fff; color:#E2001A; } /* current items - add the class manually to some item or check the "markCurrentItem" script option */ .sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active { background:#fff; color:#E2001A; } .sm-simple a.has-submenu { padding-right:32px; } .sm-simple ul a.has-submenu, .sm-simple-vertical a.has-submenu { padding-right:23px; } /* Sub menu indicators ===================*/ .sm-simple a span.sub-arrow { position:absolute; right:12px; top:50%; margin-top:-8px; width:16px; height:16px; line-height:16px; } .sm-simple ul a span.sub-arrow, .sm-simple-vertical a span.sub-arrow { right:auto; margin-left:-14px; } /* Items separators ===================*/ .sm-simple li { border-left:0; } .sm-simple li:first-child { border-left:0; } .sm-simple ul li, .sm-simple-vertical li { border-left:0; border-top:1px solid #f3f3f3; } .sm-simple ul li:first-child, .sm-simple-vertical li:first-child { border-top:0; } /* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package ===================*/ .sm-simple span.scroll-up, .sm-simple span.scroll-down { position:absolute; display:none; visibility:hidden; overflow:hidden; border:solid #bbb; border-width:1px 0; background:#fff; height:20px; /* width and position will be automatically set by the script */ } .sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow { position:absolute; top:-2px; left:50%; margin-left:-8px; /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */ width:0; height:0; overflow:hidden; border-width:8px; /* tweak size of the arrow */ border-style:dashed dashed solid dashed; border-color:transparent transparent #555 transparent; } .sm-simple span.scroll-down-arrow { top:6px; border-style:solid dashed dashed dashed; border-color:#555 transparent transparent transparent; } /* --------------------------------------------------------------- Responsiveness These will make the sub menus collapsible when the screen width is too small. ---------------------------------------------------------------*/ @media screen and (max-width: 640px) { /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */ ul.sm-simple{width:auto !important;} ul.sm-simple ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;} ul.sm-simple>li{float:none;} ul.sm-simple>li>a,ul.sm-simple ul.sm-nowrap>li>a{white-space:normal;} ul.sm-simple iframe{display:none;} /* Uncomment this rule to disable completely the sub menus for small screen devices */ /*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe { display:none !important; }*/ /* Menu box ===================*/ .sm-simple ul { border:0; /* darken the background of the sub menus */ background:rgba(100,100,100,0.1); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } /* Menu items ===================*/ .sm-simple a { padding-top:13px; padding-bottom:13px; background:transparent !important; color:#555 !important; } .sm-simple a.current { background:#555 !important; color:#fff !important; } .sm-simple a.has-submenu { padding-right:23px; } /* add some text indentation for the 2+ level sub menu items */ .sm-simple ul a { border-left:8px solid transparent; } .sm-simple ul ul a { border-left:16px solid transparent; } .sm-simple ul ul ul a { border-left:24px solid transparent; } .sm-simple ul ul ul ul a { border-left:32px solid transparent; } .sm-simple ul ul ul ul ul a { border-left:40px solid transparent; } /* Sub menu indicators ===================*/ .sm-simple a span.sub-arrow { left:auto; margin-left:0; } /* Hide sub indicator when item is expanded - we enable the item link when it's expanded */ .sm-simple a.highlighted span.sub-arrow { display:none !important; } /* Items separators ===================*/ .sm-simple li { border-left:0; border-top:1px solid rgba(0,0,0,0.05) !important; } .sm-simple li:first-child { border-top:0 !important; } } #menu-button { display:none; position: relative; } #menu-button:before { content:'Menu'; } #menu-button:after { content: "\f146"; font-family:'FontAwesome'; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; position: absolute; right:20px; top:16; } #menu-button.collapsed:before { content:'Menu'; } #menu-button.collapsed:after { content: "\f0fe"; font-family:'FontAwesome'; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; position: absolute; right:20px; top:16px; } @media screen and (max-width: 640px) { /* show the button on small screens */ #menu-button { display:block; /* ME */ padding:13px 20px; background: #d5d5d5; color: #666; font-weight:bold; text-decoration: none; } #menu-button:hover { cursor: pointer; text-decoration: none; } /*.sm-simple a span.sub-arrow, .sm-simple-vertical a span.sub-arrow { margin-left:10px !important; } ME */ /* hide the menu when it has the "collapsed" class set by the script */ #main-menu.collapsed { display:none; } } /* ME */ #contactform input, #contactform textarea { margin:5px 10px 5px 10px; width:80%; } #contactform textarea { height:100px; } #contactform a { margin:5px 10px 5px 10px; } /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 35px 0 35px 0; background: #fff; position: relative; zoom: 1; border:5px solid #fff;} .flexslider .slides li {position:relative;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; line-height:40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #000; background: #fff; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-align:center;} .flex-direction-nav .flex-prev { left: 50px; } .flex-direction-nav .flex-next { right: 50px; } .flexslider:hover .flex-prev { opacity: 1; left: 0px; } .flexslider:hover .flex-next { opacity: 1; right: 0px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; color: #E2001A; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: FontAwesome; font-size: 40px; display: inline-block; content: "\f104";} .flex-direction-nav a.flex-next:before { content: "\f105";} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .flex-caption {position: absolute; bottom:0; left:0;margin:0;padding: 20px 40px;color:#fff;font-size:28px;background: #E2001A; background: rgba(226, 0, 26, .6); } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /* Lightbox */ .nivo-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1; } .nivo-lightbox-wrap { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; } .nivo-lightbox-content { width: 100%; height: 100%; } .nivo-lightbox-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; text-align: center; } .nivo-lightbox-nav { display: none; } .nivo-lightbox-prev { position: absolute; top: 50%; left: 0; } .nivo-lightbox-next { position: absolute; top: 50%; right: 0; } .nivo-lightbox-close { position: absolute; top: 2%; right: 2%; } .nivo-lightbox-image { text-align: center; } .nivo-lightbox-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } .nivo-lightbox-content iframe { width: 100%; height: 100%; } .nivo-lightbox-inline, .nivo-lightbox-ajax { max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */ } .nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; text-shadow: 0 1px 1px #000; background: #000; } .nivo-lightbox-error p { display: table-cell; vertical-align: middle; } /* Effects **********************************************/ .nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, .nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, .nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, .nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, .nivo-lightbox-notouch .nivo-lightbox-effect-fall { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* fadeScale */ .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* slideLeft / slideRight / slideUp / slideDown */ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* fall */ .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px); } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: #666; background: rgba(0,0,0,0.6); } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url("../img/lightbox/loading.gif") no-repeat 50% 50%; } .nivo-lightbox-theme-default .nivo-lightbox-nav { top: 10%; width: 8%; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-nav:hover { opacity: 1; background-color: rgba(0,0,0,0.5); } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url("../img/lightbox/prev.png"); border-radius: 0 3px 3px 0; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url("../img/lightbox/next.png"); border-radius: 3px 0 0 3px; } .nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url("../img/lightbox/close.png") no-repeat 0px 0px; width: 16px; height: 16px; text-indent: -9999px; padding: 5px; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; } .nivo-lightbox-theme-default .nivo-lightbox-title { font-style: normal; font-weight: normal; background: #000; color: #fff; padding: 7px 15px; border-radius: 0; } .nivo-lightbox-theme-default .nivo-lightbox-image img { background: #fff; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); } .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline { background: #fff; padding: 40px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); } @media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background-image: url("../img/lightbox/loading@2x.gif"); background-size: 32px 32px; } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url("../img/lightbox/prev@2x.png"); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url("../img/lightbox/next@2x.png"); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url("../img/lightbox/close@2x.png"); background-size: 16px 16px; } } .well.news2 { background-color: #dddddd !important; } table.news2 { width:100%; } table.news2 tr { border-bottom: 1px solid #ababab; } table.news2 tr th, table.news2 tr td { padding: 5px 0 5px 0; } table.news2 td.leftcol { width: 25%; font-weight:bold; } /* Large desktop */ @media (min-width: 1200px) { } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { #logo a {position:relative;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .flex-caption {padding: 15px 30px;font-size:20px; } } /* Landscape phones and down */ @media (max-width: 480px) { .flex-caption {padding: 10px 20px;font-size:16px; } }