/* ------------------------------------------------*/
/* Global Styles
/* ------------------------------------------------*/

:root { 
    --grey_trans: rgba(70,70,70,.3);
    --cookie_bg: rgba(12,66,107,.75);
    --black: #000;
    --white: #fff;
    --dark_blue: #0c426b;
    --light_blue: #00ade8;
    --light_grey: #ccc;
    --mid_grey: #c0c3c6;
    --regular_grey: #b7b8ba;
    --near_black: #22272d;
    --dark_grey: #404040;
    --red: #ff0000;
}

.preview { background-image: url(/img/bg-preview-dk.png); }

.border-red { border: 1px solid var(--red); }
.border-blue { border: 1px solid #00f; }
.border-green { border: 1px solid green; }
.border-orange { border: 1px solid orange; }

.border-top { border-top: 1px solid var(--red); }
.border-right { border-right: 1px solid var(--red); }
.border-bottom { border-bottom: 1px solid var(--red); }
.border-left { border-left: 1px solid var(--red); }
.border-top-white { border-top: 1px solid var(--white); }

/* .bg { background: #fc0; } */
#logged-in-panel { position: fixed; bottom: 0; z-index: 9999; width: 100%; padding: 1% 2%;  background-color: rgba(194, 196, 197, 0.75); }
#logged-in-panel a { color: var(--white) !important; font-weight: 300; font-size: 16px; padding-top: 5px; padding-right: 10px; }
#logged-in-panel span.closemgr { display: block; float: right; color: var(--white)!important; }
#logged-in-panel #close-mgr { display: block; color: var(--white)!important; padding: 0; font-size: 26px; }
#logged-in-panel #close-mgr:hover { text-decoration: none; color: var(--black)!important; }
#logged-in-panel .fa-horizontal-rule { color: var(--white); padding-left: 10px; padding-right: 10px; }

.clear { clear: both; }

.hidden { display: none; visibility: hidden; }

.off,.referrer { position: absolute; width: 1px; border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; padding: 0; overflow: hidden; }
.off.focusable:active,.off.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
@-moz-document url-prefix() { fieldset { display: table-cell; }
 }

 .google-maps { position: relative; padding-bottom: 65%; height: 0; overflow: hidden; }

 .videowrapper,.videowrapper-modal { padding-bottom: 56.25%; padding-top: 25px; }

 .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

 .videowrapper { position: relative; height: 0; }

 .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; }
 .videowrapper-modal { position: relative; height: 0; }
.videowrapper-modal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90% !important; }

a.shiftedanch { position: relative; top: -135px; margin: 0; padding: 0; float: left; color: var(--white) !important; }

#cookies,.fixed { position: fixed; }

.print-only { display: none; }

.img { width: 100%; }

.fluid { width: 100%; height: auto; }

.fixed { z-index: 9000; width: 100%; top: 0; }

hr { border: none; border-bottom: 1px solid var(--light_grey); padding: 0; margin: 15px 0; background: var(--mid_grey); }

strong { font-weight: 600 !important; }

img#captcha { width: 200px !important; }

.fadeit { opacity: 1; transition: opacity .25s ease-in-out; }
.fadeit:hover { opacity: .5; }

.fade2 { opacity: 1; transition: opacity .25s ease-in-out; }
.fade2:hover { opacity: .5; }

.fadein { opacity: 0; }

.faded { opacity: .5; transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }

.transition { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }

/* input[type=number]:: -webkit-inner-spin-button,
input[type=number]:: -webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } */
input[type=number] { -moz-appearance: textfield; }

.drpshdw { box-shadow: 1px 1px 5px 0 rgba(0,0,0,.75); }
.drpshdw1 { -webkit-box-shadow: 0 0 10px 3px var(--grey-trans); -moz-box-shadow: 0 0 10px 3px var(--grey-trans); box-shadow: 0 0 10px 3px var(--grey-trans); }

.page404 { background: #edeff0; font-family: Tahoma,Geneva,sans-serif; }
.page404 #container-404 { border: 1px solid var(--light_grey); margin: 50px auto; width: 760px; background: url(/img/404/404-body-bg.gif) repeat-x var(--white); }
.page404 #container-404 h1 { font-size: 20px; color: var(--mid_grey); margin: 50px 0 10px; }
.page404 #container-404 #logo-404 { background: url(/img/404/404.png) -15px -15px no-repeat; padding: 75px; }
#page404 dd,#page404 li,#sitemap dd { background: url(/img/404/404-arrow-r.gif) 0 7px no-repeat; padding: 0 0 0 20px; }

#logo-404 p { color: var(--mid_grey); }
#logo-404 p.error-404 { color: var(--light_grey); font-weight: 700; margin-bottom: 15px; }

#page404 ul { list-style-type: none; }
#page404 dl,#page404 ul { margin: 5px; }
#page404 dd,#page404 li { color: var(--mid_grey); }
#page404 dd.sub,#page404 li.sub { margin-left: 5px; }
#page404 li a { color: var(--mid_grey); }

#sitemap dl { margin: 15px; }
.cookbtns,.cooktxt { padding-top: 25px; }
#sitemap dd.sub { margin-left: 20px; }
@media screen and (max-height: 575px) { .g-recaptcha { transform: scale(.77); -webkit-transform: scale(.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
 }

/* cookies  */
#cookies { bottom: 0; z-index: 9999; width: 100%; }
#cookies p { color: var(--white); font-size: 16px; font-weight: 200; }

#cookies p.cooktxt a { color: var(--white); font-size: 16px; font-weight: 200; text-decoration: underline; }

.cookie-item { background: var(--cookie_bg); padding: 15px; margin: 15px; }

.cookie-item a.agreed,
.cookie-item a.closed { padding: 5px; margin-right: 10px; color: var(--near_black); text-decoration: none; font-size: 16px; }

.cookie-item a.agreed { background: var(--white); }
.cookie-item a.closed { background: var(--light_blue); color: var(--white); }

.cookie-item p:nth-of-type(2) { text-align:  center;}

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.bounce { display: inline-block; position: relative; -moz-animation: bounce 1.5s infinite linear; -o-animation: bounce 1.5s infinite linear; -webkit-animation: bounce 1.5s infinite linear; animation: bounce 1.5s infinite linear; }
@-webkit-keyframes bounce { 0%,100% { top: 0 }
50% { top: -.2em }
70% { top: -.3em }
 }
@-moz-keyframes bounce { 0%,100% { top: 0 }
50% { top: -.2em }
70% { top: -.3em }
 }
@-o-keyframes bounce { 0%,100% { top: 0 }
50% { top: -.2em }
70% { top: -.3em }
 }
@-ms-keyframes bounce { 0%,100% { top: 0 }
50% { top: -.2em }
70% { top: -.3em }
 }
@keyframes bounce { 0%,100% { top: 0 }
50% { top: -.2em }
70% { top: -.3em }
 }

.top-scroll:hover { color: transparent !important; }
.top-scroll { padding-top: 20px; text-align: center; }
.top-scroll a { display: block; height: 72px; width: 72px; text-decoration: none; font-size: 40px; color: var(--light_blue); }
.top-scroll a:hover { color: var(--dark_blue); }

.top-scroll-orig { position: fixed; }
.top-scroll-orig:hover { color: transparent !important; }
.top-scroll-orig { right: 1.5%; bottom: 2.5em; z-index: 9999999; }
.top-scroll-orig a { display: block; height: 72px; width: 72px; text-decoration: none; font-size: 40px; color: var(--light_blue); }
.top-scroll-orig a:hover { color: var(--dark_blue); }

@media only screen and (max-width: 1279px) { 
    .top-scroll-orig { right: 1.5em; margin-right: 0; }
 }
@media only screen and (max-width: 1090px) { 
    .top-scroll-orig { display: none; }
 }

 .clickable:hover { cursor: pointer !important; }