html { height:100%; }
body { padding:0px; margin:0px; font-family: 'Open Sans', sans-serif; font-size:15px; color:#666; font-weight:300; background:#f6f6f6; }
div, header, footer, form { margin:0px; padding:0px; position:relative; }
p { margin:0px; padding:0px 5px; font-size:18px; line-height:24px; }
li { font-size:18px; line-height:24px; }
a { text-decoration:underline; color:#526; }
a:hover { text-decoration:none; }
form { padding:0px; margin:0px; }
img { border:0px; }
strong { font-weight:700; }
h1, h2, h3, h3, h4, h6 { font-family: 'Comfortaa', cursive; color:#009ada; padding:5px; margin:0px; font-weight:700; }
h1 { font-size:28px; }
h2 { font-size:25px; }
h3 { font-size:23px; }
h4 { font-size:21px; }
h5 { font-size:19px; }
#bodyContent h1 { text-align:center; padding:2% 0; }
#bodyContent h1 span, #bodyContent h2 span { display:block; width:8%; margin:0 auto; border-bottom:5px solid #00A87D; padding-top:15px; }
#bodyContent h3 span { display:block; width:20%; margin:0 auto; border-bottom:5px solid #00A87D; padding-top:10px; }
.shadow { box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; -moz-box-shadow: 3px 3px 10px #999; }
.mobileElement { display:none; }
/* GENERAL SITE AREAS */
.section { margin:0px auto; width:1350px; min-height:100%; clear:left; }
.sectionPadded { padding:4% 0; }
#introHeader { text-align:right; color:#fff; background:#009bdb; height:35px; position:relative; }
#introHeader a { color:#fff; border-left:1px solid #fff; height:35px; line-height:25px; display:inline-block; padding:5px 10px; text-decoration:none; text-transform:uppercase; font-size:12px; }
/* #introHeader .section ul { z-index:2; background:#009bdb; position:absolute; right:0; text-align:left; top:35px; list-style:none; padding:0; margin:0; display:none; }
#introHeader .section ul li { padding:0; margin:0; }
#introHeader .section ul li span { opacity:0.7; }
#introHeader .section ul li a { border:0; display:block; font-weight:700; height:auto; line-height:auto; }
#introHeader .section ul li:hover { background:#0ad; } */
#introHeader .weglot_switcher { position:absolute; top:-9px; left:-50px; width:100px; border:0px; }
.wg-drop.country-selector ul { background:#009bdb !important; }
.wgcurrent { background:#009bdb !important; border:0px !important; }
.wg-drop.country-selector a { height:37px !important; padding:0 15px 0 10px !important; border:0px !important; line-height:37px; !important; position:relative; top:5px; font-weight:700; font-size:13px !important; }
header { background:#f9f9f9; height:100px; }
header #siteLogo { position: absolute; left:10px; top:10px; width:230px; }
header nav { padding:0; margin:0; position:relative; left:300px; display:inline-block; }
header nav ul { padding:0; list-style:none; display:inline-table; height:40px; margin:5px; }
header nav ul:after { content:""; clear:both; display:block; }
header nav ul li:hover > ul { display:block; z-index:2; }
header nav ul li { float:left; padding:1.5em 1.25em; margin:0; height:40px; line-height:40px; }
header nav ul li a { color:#222; font-size:14px; text-transform:uppercase; }
header nav ul li:hover { }
header nav ul li:hover a { color:#009ada; }
header nav ul li:hover ul li a { text-align:left; color:#000; }
header nav ul li a { display:block; text-decoration:none; padding:0; font-weight:300; }
header nav ul ul { display:none; height:auto; min-width:250px; background:#f6f6f6; padding:0px; position:absolute; width:auto; margin:20px 0 0 -23px; box-shadow: 7px 7px 10px #999; -webkit-box-shadow: 7px 7px 10px #999; -moz-box-shadow: 7px 7px 10px #999; }
header nav ul ul li { float:none; position:relative; margin:0px; padding:5px; line-height:normal; height:auto; }
header nav ul ul li:hover { }
header nav ul ul li a { padding:10px; display:block; color:#009ada; }
header nav ul ul li:hover a { color:#009ada !important; }
header nav ul ul ul { display:none; height:auto; min-width:250px; padding:0px; position:absolute; width:auto; margin:-43px 0 0 245px; box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; -moz-box-shadow: 3px 3px 10px #999; }
.newsIntro { float:left; width:27%; height:350px; margin:3%; overflow:hidden; background:#fff; cursor:pointer; transition: all .5s ease-in-out; }
.newsIntro:hover { box-shadow: 3px 3px 10px #999; -webkit-box-shadow: 3px 3px 10px #999; -moz-box-shadow: 3px 3px 10px #999; transform: scale(1.05); }
.newsIntro img { position:absolute; top:0%; bottom:20%; left:0; right:0; margin:auto; min-width:100%; max-width:120%; }
.newsIntro .datedPanel { background:#009ada; position:absolute; right:0px; bottom:0px; height:25%; width:100%; margin:0; }
.newsIntro .datedPanel a { display:block; font-size:14px; background:#fff; float:left; width:80px; margin:5px; position:relative; bottom:8px; padding:20px 0px; text-align:center; text-transform: uppercase; text-decoration:none; box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; -moz-box-shadow: 3px 3px 10px #999; }
.newsIntro .datedPanel a span { display:block; font-size:20px; }
.newsIntro .datedPanel p { padding:10px 20px; font-size:14px; line-height:24px; overflow:hidden; color:#fff; text-transform:uppercase; font-weight:400; }
/* footer */
footer { background:#0097cd; }
#footerHeader { background:url(../_images/page/footer.png) no-repeat center; height:80px; }
.footerHeaderWhite { background-color:#fff !important; }
footer .section { padding:10px 0px 20px 0px; margin-top:0px; color:#fff; overflow:auto; font-weight:400; }
footer .section .footerContent { float:left; padding:1%; width:13%; }
footer .section .footerContent p { font-size:14px; line-height:20px; }
footer .section .footerContent a { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; font-size:14px; line-height:26px; }
footer .section .footerContent strong { font-family: 'Comfortaa', cursive; font-size:12px; }
footer .section .footerContent strong a { border-bottom:0px; }
footer .section .footerContent a:hover { border-bottom:0; }
#footerContentLast { width:36%; }
#footerContentLast p { font-size:12px; }
.footerIcon { width:24px; float:left; margin:0 10px 80px 0; background:#136; padding:4px; border-radius:24px; }
#footerContentLast #footerAddress #trustLogos { padding:10px 0; }
#footerContentLast #footerAddress #trustLogos img { width:200px; }
#footerContentLast #socialContainer { padding-top:10px; }
#footerContentLast #socialContainer a { text-decoration:none !important; border:0px; }
#footerContentLast #socialContainer img { width:36px; text-decoration:none; }
footer .section .footerContent h2 { font-size:16px; color:#fff; padding:0 0 10px 0; margin:0; }
#footerEnd { clear:left; font-size:13px; background:#136; overflow:auto; color:#fff; }
#footerEnd .section { padding:10px; }
#footerEnd .section div { float:left; width:48%; padding:0.5% 0 1% 0; }
#footerEnd .section div img { height:24px; }
#footerEnd #footerEndRight { text-align:right; font-size:18px; }
#footerEnd #footerEndRight span { position:relative; top:-5px; cursor:pointer; }
#klStudios { text-align:right; color:#fff; display:block; font-size:11px; text-decoration:none; opacity:0.3; }
#klStudios:hover { opacity:1; }
#cookiePolicyContainer { position:fixed; bottom:2%; left:2%; padding:1%; text-align:left; width:500px; text-align:left; background:rgba(20,50,100,0.9); color:#fff; }
#cookiePolicyContainer p { font-size:14px; }
#cookiePolicyContainer p a { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; }
.cookieButtons { margin-top:20px; text-align:center; }
.cookieButtons .button, .cookieButtons .submit { padding:5px 0; margin:0 3%; font-size:13px; line-height:20px; height:auto; width:26%; background:#fff; }
.cookieButtons .submit { color:#062f87; }
.cookieControl { width:100%; }
.cookieControl th { text-align:left; padding:10px; background:#eee; min-width:150px; }
.cookieControl td { text-align:left; padding:10px; background:#fcfcfc; }
#pleaseWait { display:none; position:fixed; left:44%; top:275px; background:#fff; border:1px solid #000; padding:1%; width:10%; box-shadow: 2px 2px 16px #999; -webkit-box-shadow: 2px 2px 16px #999; -moz-box-shadow: 2px 2px 16px #999; text-align:center; border-radius:10px; z-index:3; }
#pleaseWait img { width:24px; padding-top:10px; }
.table { display:table; width:100%; }
.tableRow { display:table-row; }
.tableCell, .tableCellH { display:table-cell; }
/* FORMS */
input[type=text], input[type=number], input[type=password], select, textarea { font-family: 'Open Sans', sans-serif; display:inline-block; width:94%; padding:10px 2%; margin:1%; border:1px solid #eee; background:#fff; font-size:14px; }
input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, select:focus, textarea:focus { border:1px solid #ccc; }
input[type=text], input[type=number], input[type=password], textarea, button { -webkit-appearance: none; }
input[type=submit], .submit , .button { font-family: 'Open Sans', sans-serif; display:inline-block; border:0px; font-weight:600; text-align:center; font-size:14px; text-decoration:none; border-radius:5px; }
input[type=submit] { background:#062f87; border:1px solid #062f87; color:#fff; padding:10px 35px 15px 35px; height:56px; line-height:35px; }
.submit { background:#062f87; border:1px solid #062f87; color:#fff; padding:10px 35px 15px 35px; height:30px; line-height:35px; }
.button { background:#fff; border:1px solid #767676; color:#767676; padding:10px 35px 15px 35px; height:30px; line-height:35px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=submit]:hover, .submit:hover, .button:hover { cursor:pointer; box-shadow:2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; -moz-box-shadow:2px 2px 5px #666; }
select { width:98%; }
.formButtons { padding:10px; text-align:center; }
.formButtons span { display:inline-block; padding-right:50px; }
.formButtons img { position:relative; top:10px; display:none; }
.formButtons .submit, .formButtons .button { margin:5px; }
label { font-size:14px; }
label span { font-size:12px; padding-left:20px; }
.formLabelHelp { color:#d54743 !important; }
.formInputHelp { border:1px solid #d54743 !important; }
#mainBackground { position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:rgba(255,255,255,0.8); display:none; z-index:4; }
#ajaxContentContainer { position:fixed; top:5%; padding-bottom:3%; max-height:90%; max-width:94%; display:none; background:#fff; box-shadow: 5px 5px 15px #666; -webkit-box-shadow: 5px 5px 15px #666; -moz-box-shadow: 5px 5px 15px #666; padding-bottom:15px; z-index:5; }
#ajaxContentClose img { position:absolute; top:-10px; right:-10px; }
#ajaxContentClose { height:12px; }
#ajaxContentContainer h2 { padding:10px; text-align:center; }
#ajaxContentResponse { padding:1%; max-height:80vh; overflow-y:scroll; }
#mobileNav { display:none; }
@media only screen and (max-width:1500px) { /* LAPTOPS*/
}
@media only screen and (max-width:1350px) { /* LAPTOP */
.section { margin:0px; padding:1%; width:98%; }
.contentPadded { padding:1%; }
#introHeader .section { padding:0; }
header .section { padding:0; }
#mainNav .section { padding:0; }
header #medrayLogo { left:10px; }
header form { left:325px; width:50%; }
header form input[type=text] { width:95% }
header form input[type=image] { left:auto; right:1%; }
#footerEnd { clear:left; font-size:12px; color:#fff; background:#136; overflow:auto; }
#footerEnd .section { padding:1%; width:98%; }
#footerEnd .section div { float:left; width:50%; line-height:20px; }
#footerEnd .section div img { height:36px; }
#footerEnd #footerEndRight { text-align:right; font-size:12px; }
#klStudios { color:#0098DA; display:block; font-size:11px; text-decoration:none; padding:5px 0; }
#klStudios:hover { color:#fff; }
}
@media only screen and (max-width:1080px) { /* IPAD LANDSCAPE */
header { position:fixed; top:0; left:0; right:0; background:#fff; height:100px; z-index:3; border-bottom:1px solid #fff; box-shadow: 2px 2px 16px #999; -webkit-box-shadow: 2px 2px 16px #999; -moz-box-shadow: 2px 2px 16px #999; }
header #medrayLogo { height:80px; position:relative; top:10px; left:10px; }
header .section #mobileNavContainer { position:absolute; top:20px; right:10px; }
header .section #mobileNavContainer img { width:48px; }
header nav { display:none; }
.desktopElement { display:none !important; }
.mobileElement { display:block }
#pageSpacer { height:65px; }
#footerHeader { background:url(../_images/page/footer-tablet.png) no-repeat bottom center; height:70px; }
footer .section .footerContent { width:23%; }
#footerContentLast { width:98%; }
#footerContentLast #footerAddress .footerIcon { display:none; }
#footerContentLast div { text-align:center; }
#mobileNav { height:80vh; overflow-y:scroll; position:fixed; right:0; top:101px; width:50%; }
.mobileNav { padding:0px; margin:0px; height:auto; width:100%; background:#009bdb; box-shadow: 3px 3px 10px #333; -webkit-box-shadow: 3px 3px 10px #333; -moz-box-shadow: 3px 3px 10px #999; display:none; }
.mobileNav li { text-align:left; border-bottom:1px solid #6ce; padding:0; position:relative; display:block; }
.mobileNav li a { display:block; padding:15px; font-size:14px; text-decoration:none; width:80%; color:#fff; }
.mobileNav li em { position:absolute; right:10px; width:40px; top:5px; bottom:5px; text-align:center; line-height:40px; background:#6ce; color:#fff; }
.mobileNav li em img { width:40px; }
.mobileNavReturn { background:#6ce; position:relative; color:#fff; text-indent:20px; }
.mobileNavReturn span { position:absolute; left:-18px; top:6px; }
.mobilePortraitOn { display:none; }
#mobileNavButtons { background:#6ce; overflow:auto; }
#mobileNavButtons a { display:inline-block; width:19%; margin:0; padding:2%; }
#mobileNavButtons a img { width:96%; padding:2%; max-width:48px; }
#cookiePolicyContainer { padding:2%; bottom:0; left:0; width:auto; }
#introHeader .weglot_switcher { display:none; }
}
@media only screen and (max-width:810px) { /* IPAD PORTRAIT */
footer .section .footerContent { width:46%; }
footer .section .footerContent p { text-align:center; }
.cookieControl th { min-width:inherit; }
}
@media only screen and (max-width:550px) { /* MOBILE */
header #siteLogo { width:150px; margin-top:10px; }
p { margin:0px; padding:5px;line-height:normal; }
#mobileNav { width:100%; }
.mobileNav { width:100%; }
header nav { right:0px; width:100%; top:60px; }
.mobileSmall { display:none; }
header ul { width:100%; }
.newsIntro { width:94%; margin:6% 3%; }
.footerSection { float:none; width:auto; }
input[type=text], input[type=number], input[type=password], select, textarea { display:block; width:96%; height:35px; padding:1%; margin:1%; }
select { width:98%; height:50px; }
#footerHeader { background:url(../_images/page/footer-mobile.png) no-repeat bottom center; height:70px; }
footer { width:100%; padding:0; margin:0; }
footer .section { padding:1%; margin:0; width:98%; }
footer .section .footerContent, #footerContentLast { float:none; width:94%; padding:3%; }
#footerEnd { clear:left; font-size:12px; color:#fff; background:#136; overflow:auto; }
#footerEnd .section div { float:none; width:100%; text-align:center; padding:10px 0; }
#footerEnd .section div img { opacity:0.7; }
#footerEnd #footerEndRight { text-align:center; }
#klStudios { color:#0098DA; display:block; font-size:11px; text-decoration:none; padding:5px 0; }
#klStudios:hover { color:#fff; }
.float50 { float:none; width:100%; }
.cookieButtons .button, .cookieButtons .submit { display:block; margin-top:15px; width:auto; }
}