/** LIGHT **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-light-webfont.eot'); src: url('fonts/lato/lato-light-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-light-webfont.woff') format('woff2'), url('fonts/lato/lato-light-webfont.woff') format('woff'), url('fonts/lato/lato-light-webfont.ttf') format('truetype'), url('fonts/lato/lato-light-webfont.svg') format('svg'); font-weight: 300; font-style: normal; } /** LIGHT ITALIC **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-lightitalic-webfont.eot'); src: url('fonts/lato/lato-lightitalic-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-lightitalic-webfont.woff') format('woff2'), url('fonts/lato/lato-lightitalic-webfont.woff') format('woff'), url('fonts/lato/lato-lightitalic-webfont.ttf') format('truetype'), url('fonts/lato/lato-lightitalic-webfont.svg') format('svg'); font-weight: 300; font-style: italic; } /** REGULAR **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-regular-webfont.eot'); src: url('fonts/lato/lato-regular-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-regular-webfont.woff') format('woff2'), url('fonts/lato/lato-regular-webfont.woff') format('woff'), url('fonts/lato/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato/lato-regular-webfont.svg') format('svg'); font-weight: 400; font-style: normal; } /** REGULAR ITALIC **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-italic-webfont.eot'); src: url('fonts/lato/lato-italic-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-italic-webfont.woff') format('woff2'), url('fonts/lato/lato-italic-webfont.woff') format('woff'), url('fonts/lato/lato-italic-webfont.ttf') format('truetype'), url('fonts/lato/lato-italic-webfont.svg') format('svg'); font-weight: 400; font-style: italic; } /** BOLD **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-bold-webfont.eot'); src: url('fonts/lato/lato-bold-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-bold-webfont.woff') format('woff2'), url('fonts/lato/lato-bold-webfont.woff') format('woff'), url('fonts/lato/lato-bold-webfont.ttf') format('truetype'), url('fonts/lato/lato-bold-webfont.svg') format('svg'); font-weight: 700; font-style: normal; } /** BOLD ITALIC **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-bolditalic-webfont.eot'); src: url('fonts/lato/lato-bolditalic-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-bolditalic-webfont.woff') format('woff2'), url('fonts/lato/lato-bolditalic-webfont.woff') format('woff'), url('fonts/lato/lato-bolditalic-webfont.ttf') format('truetype'), url('fonts/lato/lato-bolditalic-webfont.svg') format('svg'); font-weight: 700; font-style: italic; } /** ULTRA BOLD **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-black-webfont.eot'); src: url('fonts/lato/lato-black-webfont.eot#iefix') format('embedded-opentype'), url('fonts/lato/lato-black-webfont.woff') format('woff2'), url('fonts/lato/lato-black-webfont.woff') format('woff'), url('fonts/lato/lato-black-webfont.ttf') format('truetype'), url('fonts/lato/lato-black-webfont.svg') format('svg'); font-weight: 900; font-style: normal; } /** ULTRA BOLD ITALIC **/ @font-face { font-family: 'Lato'; src: url('fonts/lato/lato-blackitalic-webfont.eot'); src: url('fonts/lato/lato-blackitalic-webfont.eot#iefix') format('embedded-opentype'), url('https://www.dynalabs.us/wp-content/themes/dynalabs/css/fonts/lato/lato-blackitalic-webfont.woff2') format('woff2'), url('https://www.dynalabs.us/wp-content/themes/dynalabs/css/fonts/lato/lato-blackitalic-webfont.woff') format('woff'), url('fonts/lato/lato-blackitalic-webfont.ttf') format('truetype'), url('fonts/lato/lato-blackitalic-webfont.svg') format('svg'); font-weight: 900; font-style: italic; } /*** ELEMENTAL STYLES ***/ *{margin: 0; padding: 0; border: 0;} body, html {margin: 0; padding: 0px; border: 0; font-family: 'Lato'; color: #000; height: 100%;} body {background: #435266; font-size: 16px;} a {color: #0067b1; text-decoration: none;} a:hover {color: #009ddc;} p {margin: 0 0 1.1em 0; padding: 0; line-height: 1.4em;} hr {height: 2px; background-color: #82cee2; margin-bottom: 20px;} td {vertical-align: top;} input, select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0px;} h1, h2, h3, h4, h5, h6 {margin: 0 0 7px 0; line-height: 1.1em;} h1 a, h2 a, h4 a, h5 a, h6 a {font-weight: normal;} h1 {font-size: 36px; font-weight: 300; color: #435266; margin: 0 0 10px 0;} h2 {font-size: 24px; font-weight: 600; color: #007fb1; margin: 0 0 15px 0;} h3 {font-size: 20px; color: #007fb1;} h4 {font-size: 16px; color: #007fb1; text-transform: uppercase;} h5 {font-size: 14px; color: #007fb1;} h6 {font-size: 12px; color: #007fb1;} /*** CLASSES ***/ .clear {clear: both;} .group:after { content: ""; display: table; clear: both; } .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter, img.aligncenter {display: block; margin: 0 auto 1.1em;} .wp-caption-text{font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;} .gallery-hidden {display: none;} .btnBlue {display: inline-block; background-color:#009ddb; color: #ffffff; font-size: 15px; font-weight: bold; padding: 8px 24px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;} .btnBlue:hover {color: #fff; background-color: #221f1f;} .btnBlue:active {position: relative; top: 1px;} .navigation {padding: 10px; margin: 30px 0; background-color: #eff0f0; font-size: 14px; font-weight: bold; clear: both;} .navigation.top {margin-top: 0;} .navigation.bot {margin-top: 1.1em; margin-bottom: 0px; border-top: 0px;} .navigation a {color: #003e7e; font-size: 15px; font-weight: bold;} .navigation a:hover {color: #666;} .navigation .page-numbers {border: 1px solid #ccc; padding: 3px 6px;} .navigation .page-numbers:hover, .navigation .current {text-decoration: none; background-color: #009ddb; color: #fff;} .navigation .current {color: #fff;} .navigation .dots {color: #003e7e;} .navigation .tblContainer {display: table; margin: 0 auto;} .navigation a, .navigation span {margin-right: 4px;} .navigation .right {float: right; width: 150px; height: 16px; text-align: right;} .navigation .left {float: left; width: 150px; height: 16px; text-align: left;} #pagination {padding: 20px 0; font-size: 14px;} #pagination a {color: #000;} #pagination a:hover {color: #009ddc;} /*** LAYOUT STYLES ***/ #mainHeader, #topNav, #site_alert, #mainBanner, #pageBanner, #content, #mainFooter {max-width: 1300px; width: auto; margin: 0 auto;} /* Fixing Position: Fixed Styles */ #homeWrapper #contentWrapper, #alertWrapper+#contentWrapper {padding-top: 0px;} #homeWrapper #mainBannerWrapper.sa, #pageBannerWrapper.sa {padding-top: 0;} /* Alert */ #alertWrapper {background-color: #f1f1f1; padding-bottom: 20px;} #site_alert > *:last-child:not(div) {margin-bottom: 0;} /*** HEADER STYLES ***/ #headerWrapper {position: fixed; width: 100%; z-index: 999; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); background: rgb(230,230,230); background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 30%, rgba(230,230,230,1) 100%, rgba(230,230,230,1) 100%, rgba(230,230,230,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 30%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%); background: -o-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 30%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%); background: -ms-linear-gradient(left, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 30%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%); background: linear-gradient(to right, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 30%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%,rgba(230,230,230,1) 100%); } #mainHeader #logo {margin-bottom: 15px; float: left;} #mainHeader #logo img:hover {opacity:0.6; filter:alpha(opacity=60);} #mainHeader #utility {margin: 25px 8px 0 0;} /* Utility Navigation */ #utilityNav {float: right;} #utilityNav ul {list-style: none;} #utilityNav li {color: #0067b1; margin: 0 0 10px 22px; font-size: 17px; font-weight:bold;display: inline-block;} #utilityNav li.info {color: #000; font-size: 14px; font-weight: 600;} #utilityNav li.social img {margin: 0 3px;} #utilityNav li.social img:hover {opacity:0.6; filter:alpha(opacity=60);} #accountLinks li .login {background: url('../images/ico_login.png') no-repeat left; padding-left: 21px;} #accountLinks li .register {background: url('../images/ico_register.png') no-repeat left; padding-left: 21px;} #utilityNav a {color: #0067b1;} #utilityNav a:hover {color: #999999;} #mainIcons,#accountLinks {display:inline-block;} /* Mobile Utility */ #mobileIcons {display: none;} #mobileIcons span.fa-envelope {font-size: 22px; position: relative; top: -2px;} #mobileIcons li a {display: block; } #mobileIcons li a.mobileLogin {background: url('../images/ico_login.png') no-repeat left; padding-left: 21px;} #mobileIcons li a.mobileRegister{background: url('../images/ico_register.png') no-repeat left; padding-left: 21px;} #mobileIcons li .fa-phone-square{display: none;} /* Navigation */ #mainNav {float: right;} #mainNav ul {list-style: none;} #mainNav > ul {float: left;} #mainNav li {float: left;} #mainNav li.login, #mainNav li.register, #mainNav li.acctregister {display: none;} #mainNav a {color: #999999; padding: 10px 12px 30px; font-size: 20px; display: block;} #mainNav > ul > li.hover > a, #mainNav > ul > li.current_page_parent > a, #mainNav > ul > li.current-page-ancestor > a, #mainNav > ul > li.current_page_item > a, #mainNav > ul > li.menu-item:hover > a {color: #0067b1; background: url('../images/hover_arrow.png') no-repeat bottom center;} /* Sub Navigation */ #mainNav ul .childrenContainer {display: none; position: absolute; z-index: 10;} #mainNav ul > li:hover .childrenContainer {display: block;} #mainNav .childrenContainer {background-color: #e6e6e6; padding: 9px 12px; border: 1px solid #c1c1c1; border-top: 0; min-width: 200px;} #mainNav .childrenContainer .col img, #mainNav .childrenContainer .col span {display: block;} #mainNav .childrenContainer .col img {margin-bottom: 10px;} #mainNav .childrenContainer .col {float: left;} #mainNav .childrenContainer a.col {display: block; width: 103px; min-height: 208px; padding: 6px; font-size: 12px; line-height: 14px; color: #000;} #mainNav .childrenContainer a.col .col-title{text-transform: uppercase;} #mainNav .childrenContainer a.current_page_item, #mainNav .childrenContainer a.col:hover {background-color: #b8b8b8;} #mainNav .childrenContainer ul li {float: none; display: block;} #mainNav .childrenContainer ul li a {display: block; color: #000; font-size: 14px; padding: 7px 18px;} #mainNav .childrenContainer ul li.current_page_item > a, #mainNav .childrenContainer ul li a:hover {color: #b8b8b8;} #mainNav .childrenContainer ul ul {display: none; width: 250px; background-color: #e6e6e6; position: absolute; margin-top: -30px; right: -250px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); border: 6px solid #fff;} #mainNav .childrenContainer ul ul:hover, #mainNav .childrenContainer ul li a:hover + ul{display: block;} #mainNav form.search-form {position: relative; top: 4px; margin-left: 8px; background-color: #fff; border: 1px solid #c1c1c1; border-radius: 8px; float: right;} #mainNav form.search-form .search-field {border: 0; padding: 8px; padding-right: 45px; border-radius: 8px; width: 100%; box-sizing: border-box;} #mainNav form.search-form .search-submit {display: block; position: absolute; top: 4px; right: 8px; background: #fff url( '../images/ico_search.jpg' ) no-repeat center; width: 28px; height: 28px;} /* Mobile Styles */ #openMobileMenu {display: none; float: left; font-size: 20px; background: none; color: #999; padding: 10px 40px 30px 0;} #mobileClose {display: none;} #closeMobileMenu {display: block; width: 100%; border: 0; padding: 20px 30px 20px 20px; text-align: center; font-weight: bold; background-color: #000; color: #fff;} html.mobileMenu-open, body.mobileMenu-open {overflow: hidden;} body.mobileMenu-open #main-menu {left: 0;} #mobileMask {position: fixed; top: 0; left: 0; z-index: 899; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } /*** HOME STYLES ***/ /* Slideshow */ #homeWrapper #mainBannerWrapper {padding-bottom: 20px;} #mainBannerWrapper {background: #f1f1f1;} #mainBanner {height: 375px; overflow: hidden;} #slideshow {position: relative; max-width: 1300px;} #slideshow ul {margin: 0; padding: 0; list-style: none;} #slideshow li {position: absolute; top: 0; left: 0; z-index: 1;} #slideshow li.selected {z-index: 3;} #slideshow li.lastSelected {z-index: 2;} #slideshow #prevSlide, #slideshow #nextSlide {position: absolute; top: 150px; z-index: 8; width: 35px; height: 75px; opacity: 0.65; filter: alpha(opacity=65);} #slideshow #prevSlide:hover, #slideshow #nextSlide:hover {opacity: 1; filter: alpha(opacity=100);} #slideshow #prevSlide {left: 0; background: url( '../images/slide_arrow_left.png' ) no-repeat center;} #slideshow #nextSlide {right: 0; background: url( '../images/slide_arrow_right.png' ) no-repeat center;} .slideContent {width: 660px; position: absolute; top: 80px; left: 70px; z-index: 100; font-size: 21px; color: #fff;} .slideContent a {color: #fff;} .slideContent a:hover {color: #82cee2;} .slideContent .slideTitle {margin: 0 0 20px 0; color: #fff; font-size: 42px; font-weight: 300; line-height: 1.6em;} /* efficion - new metaslider stuff */ #content .metaslider ul.slides {padding-left: 0;} #content .metaslider ol.flex-control-nav {padding-left: 0; bottom: -45px;} .metaslider .flexslider .caption-wrap { position: absolute; background:transparent; top: 20%; left: 5%; font-size:21px; color: white; opacity: 1; margin: 0; width: 100%; max-width:660px; text-shadow: 0px 0px 3px #333; } .metaslider .flexslider .ms-image img {min-height:200px;} .metaslider .flexslider h2 {font-size: 42px;font-weight: 300;color:white;} .metaslider .flexslider a {color:white;} .metaslider-1187 .flexslider h2, .metaslider-1187 .flexslider a, .metaslider-1187 .flexslider .caption-wrap { color: #1e73be;text-shadow: 0px 0px 4px #FFF;} /*** PAGE STYLES ***/ #pageBannerWrapper {background: #f1f1f1;} #pageBanner {overflow: hidden;} #contentWrapper {background: #f1f1f1;} #content {padding: 20px 0;} #content img {max-width: 100%; height: auto;} #content table {margin-bottom: 1.1em;} #content ul, #content ol {padding-left: 35px; margin-bottom: 1.1em;} #content ul ul, #content ol ol {padding-left: 30px; margin-bottom: 1.1em;} #content ul li, #content ol li {margin-bottom: 4px;} #content ul > li:last-child, #content ol > li:last-child {margin-bottom: 0;} #content #inner {width: 69.25%; max-width: 960px; padding: 0 0 30px 0; float: left;} .threeCol {margin: 10px 0;} .threeCol .col {width: 30.75%; max-width: 400px; padding-right: 50px; float: left;} .threeCol .col img {display: block; max-width: 100%; height: auto;} .threeCol .col.last {padding-right: 0;} .threeCol .col:nth-child( 3n ) {width: 400px; padding: 0; float: left;} /* Contact Forms */ .contact label {cursor: pointer;} .contact input, .contact select, .contact textarea {box-sizing: border-box; width: 100%; padding: 4px 10px;} .contact input.wpcf7-captchar, .contact input.wpcf7-submit, .contact .wpcf7-checkbox input, .contact .wpcf7-radio input {width: auto; margin-bottom: 1.1em;} .contact img.wpcf7-captchac {position: relative; top: 5px;} .contact .wpcf7-list-item {display: inline-block; margin: 0 15px;} .contact .wpcf7-list-item.first {margin-left: 0;} .wpcf7-form {width: 100%;max-width:700px;margin:auto;padding:10px;} .webinar-registration-form .wpcf7 input[type="text"],.webinar-registration-form .wpcf7 input[type="email"], .webinar-registration-form .wpcf7 textarea { width: 300px; } .webinar-registration-form {float:right;width:320px;margin-left:20px;border:1px solid #aaa;border-radius:8px;background:#EEEEEE;} .webinar-registration-form h2 {background:#004A79;color:white;text-align:center;padding:15px;} /*** BLOG STYLES ***/ .caseStudy {width: 89%; padding: 17px 20px; background: #fff url('../images/btn_arrow.jpg') no-repeat right; text-align: center; -webkit-box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.23); -moz-box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.23); box-shadow: 2px 2px 8px 3px rgba(0,0,0,0.23); } .caseStudy a {display: block; font-size: 16px; font-weight: 600; color: #000;} .caseStudy a:hover {color: #009ddc;} .caseStudy .title {font-size: 38px; font-weight: 300;} #content div.hentry {border-bottom: 2px solid #82cee2; margin-bottom: 1.1em;} #content div.hentry h1 {font-size: 26px;} #content div.hentry h1 + small {color: #999999} /*** Image Maps Styles ***/ body.page-template-template-image-map #content a.alignright {display: inline-block; margin-left: 12px;} body.page-template-template-image-map #content a.alignright:hover img {opacity: 0.8;} .mapWrapper {display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background: url( '../image-maps/arrow_transparent.png' ) no-repeat 74% 50%;} .mapWrapper > * {position: relative;} .mapWrapper .mapImages {z-index: 1;} .mapWrapper .mapImages > img {position: absolute; top: 0; left: 0; right: 0; z-index: 2; max-width: 100%; height: auto; margin: 0 auto; opacity: 0;} .mapWrapper .mapImages > img.active {position: relative; opacity: 1;} .mapWrapper .mapContent {z-index: 2; overflow-x: hidden; font-size: 16px; color: #000000;} .mapWrapper .mapContent > * {position: absolute; top: 0; right: 0; z-index: -1; display: none; width: 100%; height: 100%; max-height: 409px; padding: 20px 0px 20px 60px; box-sizing: border-box; overflow-x: hidden;} .mapWrapper .mapContent > .active {position: relative; z-index: 1; display: block;} .mapWrapper .mapContent > * > :last-child {margin-bottom: 0;} .mapWrapper .mapContent h2 {margin-bottom: 0; font-size: 22px; color: #0096d6;} .mapWrapper .mapContent h2 a {font-weight: 700;} .mapWrapper .mapContent h5 {margin-top: 8px; margin-bottom: 0;} .mapWrapper .mapContent a {color: #0096d6;} .mapWrapper .mapContent a:hover {color: #999999;} /* Mobile Accordion */ .mapAccordionWrapper {display: none;} .mapAccordionWrapper .accordion_title {margin: 0; padding: 12px; border-bottom: 1px solid #dfdfe1; cursor: pointer; background-color: #fff;} .mapAccordionWrapper .accordion_content {padding: 12px 20px 0; display: none;} #cqiAssurance {text-align: right; font-size: 29px; color: #231f20;} #cqiAssurance h3 {margin-bottom: 8px; font-size: 33px; color: #231f20;} #cqiAssurance p {line-height: 1.2;} #cqiAssurance p a {color: #0096d6;} #cqiAssurance p a:hover {color: #999999;} /** Contact Template **/ #contactBlocks .flex {display: -webkit-flex; display: flex; border-top: 1px solid #ccc;} #contactBlocks .flex > * {width: 25%; padding: 20px; box-sizing: border-box; text-align: center;} #contactBlocks .flex a {position: relative; white-space: nowrap;} #contactBlocks .flex a span {display: inline-block; margin-right: 4px;} #contactBlocks .flex a:before {content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; width: 0px; margin: 0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0067b1;} #contactBlocks .flex .active, #contactBlocks .flex a:hover {font-weight: 700; color: #fff; background-color: #0067b1;} #contactBlocks .flex .active:before, #contactBlocks .flex a:hover:before {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff;} #contactBlocks .block-title {font-size: 20px; font-weight: 700; background-color: #009ddc; color: #fff;} #contactBlocks .contactForms > * {display: none;} #contactBlocks .contactForms > .active {display: block;} #contactBlocks .wpcf7-form {max-width: none; box-sizing: border-box;} /*** SIDEBAR STYLES ***/ #sidebar {width: 275px; float: right; background: #fff; border: 2px solid #c5c5c5;} #sidebar h3 {background: #999999; font-size: 18px; padding: 15px 20px 12px 20px; color: #fff; font-weight: 300;} #sidebar ul {margin: 0; padding: 10px 20px 20px 20px; list-style: none;} #sidebar li {padding: 10px 0;} #sidebar li a {color: #0096d6;} #sidebar li a:hover {color: #0067b1;} /*** FOOTER STYLES ***/ #footerWrapper {background: #435266;} #mainFooter {font-size: 14px; color: #fff;} #mainFooter a {color: #fff;} #mainFooter a:hover {color: #78cae0;} #mainFooter #footLogos {width: 260px; padding: 40px 40px 20px 40px; background: #000; float: left;} #mainFooter #credits {max-width: 920px; padding: 50px 0 0 0; float: right; font-size: 14px;} #mainFooter #credits p {line-height: 1.8em;} #mainFooter #credits img.alignright {margin: 0; max-width: 100%; height: auto;} #mainFooter #credits .contact {font-size: 19px;} #mainFooter #credits .contact a {color: #78cae0;} #mainFooter #credits .contact a:hover {color: #e1e1e1;} #mainFooter #credits #copy {margin-top: 65px;}