/* font-family: "Museo Sans W01_100", Arial, Helvetica, "sans-serif"; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; */ /* subscription purple - color: #5a469c; */ * { font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-weight: normal; box-sizing: border-box; } body { background: #084f91; color: #000; margin: 0; padding: 0; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-size: 13px; text-align: center; } img { border: none; } form { margin: 0; padding: 0; } label { display: inline-block; font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; font-weight: normal; margin: 5px 0 2px 5px; } label i { color: #aba9a9; font-style: normal; } input, select, textarea { display: inline-block; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-size: 15px; border: 1px solid #aba9a9; background: #fff; color: #000; padding: 5px; margin: 1px 0; width: 100%; } select { height: 26px; } input.checkbox { font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-size: 15px; border: 0; background: transparent; color: #000; padding: 0; } input[type=checkbox], input[type=radio] { margin: 0; padding: 0; width: auto; } button { display: inline-block; font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; border: 0; color: #fff; padding: 10px 40px; font-size: 12px; background: #084f91; margin: 5px 0; cursor: pointer; } h1 button { display: inline-block; font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; border: 0; color: #fff; padding: 10px 40px; font-size: 12px; background: #084f91; margin: 5px 0; cursor: pointer; } button.grey { background: #aba9a9; } .clear { clear: both; } .float_right { float: right; } input:focus { border-color: #f78f1e; outline: none; } .hidden { display: none; } a { text-decoration: none; color: #084f91; } #content p.orange b { color: #f78f1e; } a#fancybox-close { display: none !important; } .helper { padding: 10px 30px; margin: 0 0 15px 0; color: #fff; text-align: center; font-size: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #52b152; } .helper p { color: #fff; } .helper a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #fff; } .helper.threequarter { margin-right: 250px; } input.invalid, textarea.invalid, select.invalid, #content input.checkbox.invalid { border: 1px solid #900; background: #fee; color: #000; } ::selection { color: #fff; background: #084f91; } ::-moz-selection { color: #fff; background: #084f91; } div.alert { border: 1px solid #900; background: #fee; color: #000; padding: 1px 15px; margin: 0 0 15px 0; } b, strong { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } .mobile { display: none; } .desktop { display: block; } #new-teaching-units { position: absolute; top: 0; right: 0; width: 120px; height: 120px; z-index: 10; text-decoration: none; overflow: hidden; } #new-teaching-units .inner { width: 120px; height: 120px; background: url("/images/icon-new-teaching-units.png") no-repeat center center; background-size: 120px 120px; -webkit-animation: pulse_animation 2s infinite; -moz-animation: pulse_animation 2s infinite; -o-animation: pulse_animation 2s infinite; animation: pulse_animation 2s infinite; } @-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 60% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 80% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } header { background: #084f91; position: fixed; top: 0; right: 0; left: 0; height: 85px; text-align: center; z-index: 1001; } header section { position: relative; width: 990px; margin: 0 auto; padding: 0; text-align: left; } header section #logo { padding: 20px 0; } header section #logo a { display: block; text-decoration: none; text-indent: -999em; background: url("/images/pg-online-logo.png") no-repeat center center; width: 192px; height: 45px; background-size: 192px 45px; } header section nav { position: absolute; right: 0; top: 28px; } header section nav ul { list-style: none; padding: 0; margin: 0; } header section nav li { position: relative; float: left; margin: 0 0 0 40px; } header section nav li:last-of-type { margin-left: 10px; } header section nav a { display: block; cursor: pointer; margin: 0; padding: 0; text-decoration: none; font-weight: normal; color: #fff; font-size: 12px; line-height: 30px; } header section nav a#nav-your-order { padding-right: 30px; background: url("/images/icon-cart.png") no-repeat right center; background-size: contain; } header section nav a#nav-your-order .counter { position: absolute; top: -8px; right: -8px; background: #f78f1e; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; color: #fff; line-height: 18px; padding: 0 6px; text-align: center; } header section nav a.login { background: #fff; color: #084f91; padding: 0 20px; } #resources-nav { position: absolute; top: 25px; right: 479px; height: 50px; } #resources-nav a { display: block; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #fff; text-decoration: none; font-size: 20px; text-transform: uppercase; line-height: 35px; padding: 0 45px 15px 0; background: url("/images/icon-resources.png") no-repeat right top; background-size: 32px 31px; text-align: right; } #mega-nav { position: fixed; top: 85px; right: 0; left: 0; text-align: center; z-index: 9; display: none; background: #fff; text-align: center; background: url("/images/meganav-background.jpg") no-repeat center top; background-size: cover; } #mega-nav section { position: relative; margin: 0 auto; padding: 20px 0; width: 990px; background: transparent; text-align: left; } #mega-nav section .column { float: left; width: 25%; position: relative; padding: 0 10px; border-right: 1px solid #b7b6b8; min-height: 300px; } #mega-nav section .column:first-of-type { padding-left: 0; } #mega-nav section .column:last-of-type { border-right: 0; padding-right: 0; } #mega-nav section h3 { margin: 30px 0 15px 0; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #084c8b; font-size: 16px; line-height: 20px; } #mega-nav section h3 a { display: inline-block; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #084c8b; padding-right: 30px; background: url("/images/mega-nav-link.png") no-repeat 100% 0; background-size: 20px; } #mega-nav section h3:first-of-type { margin-top: 0; } #mega-nav section a { text-decoration: none; color: #084c8b; } #mega-nav section a strong { color: #f78f1e; } #mega-nav section p strong a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } #mega-nav section ul { list-style: none; margin: 0; padding: 0; } #mega-nav section ul li { margin-top: 10px; } #mega-nav section ul.information li { margin-top: 0; } #mega-nav section ul li a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } #mega-nav section ul li li a, #mega-nav section ul li li li a { font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; } #mega-nav section ul li li, #mega-nav section ul li li li { margin-top: 0; } #mega-nav section ul ul { margin-left: 0; } #mega-nav section ul ul li { margin-top: 10px; } #mega-nav section ul ul ul { margin-left: 0; } #mega-nav section ul ul ul li { margin-top: 0; } #mega-nav section ul ul ul li a { color: #808284; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; } #mega-nav section:after { content: ""; display: table; clear: both; } main { margin: 85px 0 0 0; text-align: center; padding: 20px 0 40px 0; background-position: center top; background-size: cover; background-repeat: no-repeat; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } main section { position: relative; width: 990px; margin: 0 auto; padding: 0; text-align: left; } main section .left-column { position: relative; float: left; width: 650px; } main section .right-column { position: relative; float: right; width: 300px; background: #e7e7e8; padding: 20px; } main section:after { content: ""; display: table; clear: both; } main section ul.masonry { list-style: none; margin: 0; padding: 0; } main section ul.masonry li { position: relative; float: left; margin: 0 10px 10px 0; overflow: hidden; } main section ul.masonry li.half-short { width: 490px; height: 150px; } main section ul.masonry li.half-tall { width: 490px; height: 310px; } main section ul.masonry li.quarter { width: 240px; height: 150px; } main section ul.masonry li.quarter-tall { width: 240px; height: 200px; } main section ul.masonry li.half { width: 600px; overflow: visible; } main section ul.masonry li.half .left-col { background: #e7e7e8; padding: 1px 20px; } main section ul.masonry li.half .right-col { float: right; background: #e7e7e8; padding: 1px 20px; } main section ul.masonry li.end { margin-right: 0; } main section { position: relative; color: #231f20; text-align: left; padding: 20px 0 40px 0; } main section h1 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #231f20; font-size: 24px; margin: 0 0 20px 0; line-height: 25px; } main section h1 small { font-size: 13px; } main section h2 { font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; color: #231f20; font-size: 18px; margin: 0 0 20px 0; } main section h3 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #231f20; font-size: 16px; line-height: 20px; } main section p { line-height: 1.5em; color: #231f20; } main section ol, main section ul {} main section ol li { line-height: 1.5em; } main section ul li { line-height: 1.5em; } main section li a { } main section blockquote { margin: 20px 0; padding: 10px 20px 20px 20px; background: #f5f5f5; } main section blockquote p { margin: 10px 0 0 0; width: 420px; } main section a { color: #084f91; text-decoration: none; } main section a:hover { } body.home main { text-align: center; background: #fff url("/library/headers/1a.jpg") no-repeat 50% 0; background-size: 100% 600px; } body.home main section.first { background: transparent; position: relative; width: 990px; margin: 0 auto; padding: 40px 0; text-align: left; } body.home main section.first img.bett-awards { position: absolute; top: 20px; right: -350px; } body.home main section.first h1 { position: relative; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; font-size: 50px; width: auto; color: #fff; margin: 10px 0; } body.home main section.first h2 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 30px; width: 600px; color: #fff; margin: 10px 0; } body.home main section.first a { color: #fff; text-decoration: none; } body.home main section { background: #fff; padding: 10px; } body.home main section h3 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 20px; color: #084f91; text-transform: uppercase; margin: 0 0 10px 0; line-height: 20px; } body.home main section .thirds {} body.home main section .thirds .item { position: relative; float: left; width: 316.6px; height: 305px; color: #fff; } body.home main section .thirds .item a { display: block; height: 350px; } body.home main section .thirds .item .pad { position: absolute; background: rgba(0,0,0,0.25); top: 20px; right: 20px; bottom: 20px; left: 20px; padding: 20px; } body.home main section .thirds .item .pad h1 { width: auto; font-size: 35px; margin: 0; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; color: #fff; line-height: 40px; } body.home main section .thirds .item .pad h2 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 24px; color: #fff; margin: 0 50px 10px 0; width: auto; } body.home main section .thirds .item .pad h3 { position: absolute; bottom: 20px; display: inline-block; text-transform: uppercase; font-size: 15px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 20px 0 0 0; padding: 0 10px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: contain; line-height: 34px; width: 175px; overflow: hidden; } body.home main section .thirds .item .pad h4 { margin: 20px 0 3px 0; padding-left: 30px; background: url("/images/icon-your-order.png") no-repeat left center; background-size: 21px 26px; line-height: 34px; color: #fff; opacity: 0.5; } body.home main section .thirds .item .pad p { color: #fff; font-size: 13px; margin: 10px 0; } body.home main section .thirds .item .pad.coming-soon h3 { width: 120px; text-align: center; } body.home main section .thirds .item:nth-of-type(1) { background: url("/library/units/home1.jpg") no-repeat 100% 0; background-size: cover; } body.home main section .thirds .item:nth-of-type(2) { background: url("/library/units/home2.jpg") no-repeat 100% 0; background-size: cover; margin: 0 10px; } body.home main section .thirds .item:nth-of-type(3) { background: url("/library/home/home3-2018.jpg") no-repeat 100% 0; background-size: cover; } body.home main section .thirds:after { content: ""; display: table; clear: both; } body.home main section .quarters { margin: 10px 0; } body.home main section .quarters .item { position: relative; float: left; width: 235px; height: 325px; } body.home main section .quarters .item.half { float: right; width: 480px; } body.home main section .quarters .item .pad { padding: 20px; position: absolute; top: 85px; right: 0; bottom: 0; left: 0; } body.home main section .quarters .item .pad h2 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 24px; color: #fff; margin: 0 0 10px 0; width: auto; } body.home main section .quarters .item .pad p { color: #fff; font-size: 13px; margin: 10px 0; } body.home main section .quarters .item .pad h3 { position: absolute; bottom: 20px; display: inline-block; text-transform: uppercase; font-size: 15px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 20px 0 0 0; padding: 0 10px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: contain; line-height: 34px; width: 175px; overflow: hidden; white-space: nowrap; } body.home main section .quarters .item .pad h4 { margin: 20px 0 3px 0; padding-left: 30px; background: url("/images/icon-your-order.png") no-repeat left center; background-size: 21px 26px; line-height: 34px; color: #fff; opacity: 0.5; } body.home main section .quarters .item.frame-4 { background: url("/library/home/home4-2018.jpg") no-repeat 50% -10px; background-size: cover; } body.home main section .quarters .item.frame-5 { background: url("/library/home/home5_2018.jpg") no-repeat 50% -10px; background-size: cover; margin: 0 0 0 10px; } body.home main section .quarters .item.blog { background: #084f91; color: #fff; padding: 0; box-sizing: border-box; overflow: hidden; } body.home main section .quarters .item.blog img { display: block; width: 100%; height: auto; } body.home main section .quarters .item.blog .body { padding: 20px 20px 0 20px; } body.home main section .quarters .item.blog .body h2 { color: #fff; font-size: 20px; font-family: "Museo Sans W01_100", Arial, Helvetica, "sans-serif"; margin: 0; } body.home main section .quarters .item.blog .body p { color: #fff; margin: 10px 0 0 0; } body.home main section .quarters:after { content: ""; display: table; clear: both; } body.home main section .halfs { } body.home main section .halfs .item { float: left; position: relative; width: 480px; height: 350px; } body.home main section .halfs .item.testimonial { background: #084f91; color: #fff; padding: 20px; box-sizing: border-box; overflow: hidden; } body.home main section .halfs .item.testimonial h2 { color: #fff; font-size: 24px; font-family: "Museo Sans W01_100", Arial, Helvetica, "sans-serif"; margin: 10px 0; } body.home main section .halfs .item.testimonial p { color: #f78f1e; margin: 20px 10px 0 10px; font-size: 12px; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; } body.home main section .halfs .item.testimonial .quote-highlight { position: relative; padding: 0 10px; } body.home main section .halfs .item.testimonial .quote-highlight .open { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: -13px; left: -8px; font-size: 50px; color: rgba(255,255,255,0.25); } body.home main section .halfs .item.testimonial .quote-highlight .close { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; bottom: -20px; right: 0; font-size: 50px; color: rgba(255,255,255,0.25); } body.home main section .halfs .item.frame-9 { background: url("/library/units/home9.jpg") no-repeat 50% 100%; background-size: cover; margin-left: 10px; } body.home main section .halfs .item.frame-9 .pad { padding: 120px 20px 0 20px; } body.home main section .halfs .item.frame-9 .pad h2 { color: #fff; font-size: 30px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; margin: 0 0 10px 0; } body.home main section .halfs .item.frame-9 .pad p { color: #fff; font-size: 12px; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; margin: 0 50px 5px 0; line-height: 18px; } body.home main section .halfs .item.frame-9 .pad h3 { display: inline-block; text-transform: uppercase; font-size: 15px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 5px 0 0 0; padding: 0 10px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: contain; line-height: 34px; width: 175px; overflow: hidden; } body.home main section .halfs .item.frame-9 .pad ul { list-style: disc; margin: 0 0 0 10px; padding: 0 0 0 10px; } body.home main section .halfs .item.frame-9 .pad ul li { float: none; margin: 0 50px 0 0; color: #fff; font-size: 12px; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; line-height: 18px; } body.home main section .halfs:after { content: ""; display: table; clear: both; } body.home main section .about-block { background: #f5f5f5; margin: 20px 0; padding: 10px 20px; } body.home main section .about-block p { font-size: 15px; line-height: 20px; font-family: 'Museo Sans W01_100', Arial, Helvetica, 'sans-serif'; } body.home main section .about-block p a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #084f91; text-decoration: none; } body.resources main section .header {} body.resources main section .header h1 { font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; font-size: 50px; color: #006ca8; margin: 0; line-height: 50px; } body.resources main section .header h3 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 18px; color: #084c8b; text-transform: uppercase; margin-top: 10px; } body.blog main section.image { margin: 0 auto 20px auto; } body.blog main section {} body.blog main section .image img { display: block; width: 100%; height: auto; border: 0; } body.blog main section .left-column { position: relative; float: left; width: 650px; padding: 0 0 40px 0; } body.blog main section .left-column .thanks-block { background: } body.blog main section .left-column img { display: block; width: 100%; height: auto; border: 0; margin: 20px 0; } body.blog main section .left-column h1 { font-size: 30px; } body.blog main section .left-column h2 { font-size: 24px; color: #084f91; margin: 25px 0 10px 0; } body.blog main section .left-column a { text-decoration: none; color: #084f91; } body.blog main section .left-column a p { color: #000; } body.blog main section .right-column { position: relative; float: right; width: 300px; background: #e7e7e8; } body.blog main section .right-column h2 { margin: 20px 0 10px 20px; line-height: 35px; font-size: 24px; color: #084f91; } body.blog main section .right-column .inside { padding: 0 20px 20px 20px; } body.blog main section .right-column .inside input, body.blog main section .right-column .inside textarea { width: 100%; } body.blog main section .right-column .inside ul { list-style: none; margin: 10px 0 0 0; padding: 0; } body.blog main section .right-column .inside ul ul { margin: 0 0 0 20px; padding: 0; } body.blog main section .right-column .inside ul a { font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; text-decoration: none; color: #084f91; } body.blog main section .right-column .inside ul a i { font-style: normal; color: #808284; } body.blog main section .right-column .inside .blockquote { border-top: 1px solid #ccc; margin: 10px 0 0 0; } body.blog main section .right-column .inside .blockquote.admin { padding: 10px; background: rgba(8,79,145,0.25); border: 1px solid #084f91; color: #084f91; } body.blog main section .right-column .inside .blockquote.admin p { margin: 0 0 10px 0; } body.blog main section .right-column .inside .blockquote.admin p:last-of-type { margin: 0; } body.blog main section:after { content: ""; display: table; clear: both; } body.about-us main section {} body.about-us main section .left-column h2 { margin: 30px 0 20px 0; } body.about-us main section .left-column ol { list-style: none; margin: 0; padding: 0; } body.about-us main section .left-column ol li { float: none; margin: 0; padding: 0; } body.about-us main section .left-column ul.tab-header { list-style: none; margin: 20px 0; padding: 0; border-bottom: 1px solid #d1d1d3; width: 100%; } body.about-us main section .left-column ul.tab-header li { display: inline-block; } body.about-us main section .left-column ul.tab-header li a { display: block; background: #d1d1d3; color: #000; font-weight: bold; font-size: 18px; line-height: 35px; padding: 0 10px; } body.about-us main section .left-column ul.tab-content { list-style: none; margin: 20px 0; padding: 0; width: auto; } body.about-us main section .left-column ul.tab-content li.tabs {} body.about-us main section .left-column ul.authors { list-style: none; margin: 0; padding: 0; width: 100%; } body.about-us main section .left-column ul.authors li { float: left; width: 33%; padding: 0 30px 10px 0; } body.about-us main section .left-column ul.authors li h3 { color: #084f91; font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; margin: 20px 0 10px 0; } body.about-us main section .left-column ul.authors li p { margin: 10px 0; } body.about-us main section .left-column h3 { margin: 30px 0 10px 0; clear: both; } body.about-us main section .left-column p.photo-image { float: right; margin: 0 0 20px 30px; } body.about-us main section .left-column table tr td:last-of-type { text-align: center; vertical-align: middle; } body.about-us main section .right-column h2 { margin: 0 0 10px 0; line-height: 35px; } body.about-us main section .right-column h2 a { display: inline-block; background: url("/images/back-arrow-on-blue.png") no-repeat left center; background-size: 30px 30px; padding-left: 40px; color: #807e7f; } body.about-us main section .right-column ul { list-style: none; margin: 0; padding: 0; } body.about-us main section .right-column ul li { position: relative; padding: 0 0 10px 60px; } body.about-us main section .right-column .navigation ul li { padding: 0 0 10px 0; } body.about-us main section .right-column .navigation ul li a { color: #084f91; } body.about-us main section .right-column .navigation ul li a.selected { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } body.about-us main section .right-column ul li .inside { padding: 1px 0 0 0; } body.about-us main section .right-column ul li h3 { margin: 0; color: #084f91; font-size: 18px; padding: 0 5px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } body.about-us main section .right-column ul li h3 a { display: block; color: #084f91; padding-right: 30px; background: url("/images/blue-arrow-down.png") no-repeat right center; background-size: 18px 12px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } body.about-us main section .right-column ul li h3 a.up { background: url("/images/blue-arrow-up.png") no-repeat right center; background-size: 18px 12px; } body.about-us main section .right-column ul li p { font-size: 12px; margin: 0; padding: 10px 5px; } body.about-us main section .right-column ul li:first-of-type p { border-top: 1px solid #bbb; padding: 5px 5px 0 5px; margin-top: 5px; } body.about-us main section .right-column ul li.odd { background: #e7e7e8; padding: 15px; } body.about-us main section .right-column ul li.even { background: #d1d1d3; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 15px; } body.about-us main section .right-column ul li table { width: 100%; border-collapse: collapse; margin-top: 10px; } body.about-us main section .right-column ul li table {} body.about-us main section .right-column ul li table { border-color: #bbb; } body.about-us main section .right-column ul li table td { border-color: #bbb; } body.about-us main section .right-column ul li.even table {} body.about-us main section .right-column ul li h4 a { border: 2px solid #8e8f93; color: #8e8f93; padding: 5px 5px 5px 25px; background: url("/images/icon-your-order-grey.png") no-repeat 5px center; background-size: 13px 17px; } body.resources main section ul.masonry li { background-color: #084f91; background-position: center center; background-repeat: no-repeat; background-size: cover; } body.resources main section ul.masonry li.half-short .pad, body.resources main section ul.masonry li.half-tall .pad { padding: 20px 80px 20px 20px; } body.resources main section ul.masonry li.quarter .pad { padding: 10px; } body.resources main section ul.masonry li.half-short .quote-highlight { position: relative; padding: 0 10px 0 20px; } body.resources main section ul.masonry li.half-short .quote-highlight .open { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: 10px; left: 10px; font-size: 50px; color: rgba(255,255,255,0.5); } body.resources main section ul.masonry li.half-short .quote-highlight .close { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; bottom: -20px; right: 10px; font-size: 50px; color: rgba(255,255,255,0.5); } body.resources main section ul.masonry li.quarter .quote-highlight { position: relative; padding: 0 10px 0 20px; } body.resources main section ul.masonry li.quarter .quote-highlight .open { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: 10px; left: 10px; font-size: 50px; color: rgba(255,255,255,0.5); } body.resources main section ul.masonry li.quarter .quote-highlight .close { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; bottom: -15px; right: 10px; font-size: 50px; color: rgba(255,255,255,0.5); } body.resources main section ul.masonry li .pad h2 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 24px; color: #fff; margin: 0 50px 10px 0; width: auto; } body.resources main section ul.masonry li .pad p { color: #fff; font-size: 13px; margin: 10px 0; } body.resources main section ul.masonry li .pad h3 { position: absolute; bottom: 20px; display: inline-block; text-transform: uppercase; font-size: 15px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 20px 0 0 0; padding: 0 10px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: 173px 34px; line-height: 34px; width: 153px; overflow: hidden; } body.resources main section ul.masonry li .pad.coming-soon h3 { width: 101px; text-align: center; } body.resources main section ul.masonry li .again { position: absolute; top: 20px; right: 100px; bottom: 20px; left: 20px; padding: 15px 10px; background: rgba(0,0,0,0.25); } body.resources main section ul.masonry li.quarter .again { right: 20px; } body.resources main section ul.masonry li.quarter .pad { padding: 15px 20px; } body.resources main section ul.masonry li.quarter h2 { color: #fff; font-size: 15px; margin: 20px 20px 10px 20px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } body.resources main section ul.masonry li.quarter p { font-size: 11px; margin: 10px 0 0 0; color: #fff; } body.resources main section ul.masonry li.quarter p.intro { margin: 10px 20px 0 20px; } body.resources main section ul.masonry li.quarter p strong { display: block; color: #fff; font-size: 13px; margin: 0 0 10px 0; } body.resources main section ul.masonry li.half-short p { color: #fff; font-size: 11px; margin: 10px 20px 0 20px; } body.resources main section ul.masonry li.half-short h2 { color: #fff; font-size: 15px; margin: 20px 20px 10px 20px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } body.resources main section ul.masonry li.half-short p strong { display: block; color: #fff; font-size: 13px; margin: 0 0 10px 0; } body.resources main section ul.masonry li .pad h2 { color: #fff; font-size: 36px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; margin: 0 0 10px 0; } body.resources main section ul.masonry li .pad .again p { color: #fff; font-size: 12px; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; margin: 10px 50px 0 0; line-height: 18px; } body.resources main section ul.masonry li .pad .again p strong { color: #fff; } body.resources main section ul.masonry.home li .pad h3 { bottom: 10px; display: inline-block; text-transform: uppercase; font-size: 13px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 5px 0 0 0; padding: 0 7px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: 142px 28px; line-height: 28px; width: 142px; overflow: hidden; } body.resources main section ul.masonry li .pad h1 { font-size: 30px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 0 0 5px 0; } body.resources main section ul.masonry li .pad h2 { font-size: 18px; margin: 5px 0; } body.resources main section ul.masonry li .pad p { color: #fff; } body.resources main section ul.masonry.home.dt { } body.resources main section ul.masonry.home.dt li.half-tall { height: 410px; } body.resources main section ul.masonry.home.dt li.half-short { height: 200px; } body.resources main section ul.masonry.home.dt li.quarter { height: 200px; } body.resources main section ul.masonry.home.dt li .again { background: none; } body.resources main.no-padding { padding-top: 0; } body.resources main article.certification-header { background: #084c8b; /* Old browsers */ background: -moz-linear-gradient(top, #074177 0%, #084c8b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#074177), color-stop(100%,#084c8b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #074177 0%,#084c8b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #074177 0%,#084c8b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #074177 0%,#084c8b 100%); /* IE10+ */ background: linear-gradient(to bottom, #074177 0%,#084c8b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#074177', endColorstr='#084c8b',GradientType=0 ); /* IE6-9 */ padding: 50px 0 0 0; background-size: cover; } body.resources main article.certification-header section { padding-bottom: 0; } body.resources main article.certification-header section.with-tabs { padding-bottom: 70px; } body.resources main article.certification-header section img.bett-awards { position: absolute; top: 20px; right: -350px; } body.resources main article.certification-header section .inner { margin: 30px 0 0 0; padding: 10px 10px 0 10px; background: #fff; } body.resources main article.certification-header section h1 { position: relative; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 35px; line-height: 35px; width: auto; color: #fff; margin: 0; } body.resources main article.certification-header section h2 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 30px; line-height: 30px; width: 600px; color: #fff; margin: 10px 0; margin: 0; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-size: 35px; } body.resources main article.certification-header section .back { position: absolute; top: -40px; left: 0; } body.resources main article.certification-header section .back a { display: block; color: #fff; padding-left: 40px; background: url("/images/white-arrow-invert.png") no-repeat left center; background-size: 30px 30px; line-height: 30px; font-size: 18px; text-decoration: none; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } body.resources main article.certification-header section .body { background: rgba(0,0,0,0.25); width: 690px; } body.resources main article.certification-header section .body .inside { padding: 20px; } body.resources main article.certification-header section .body h1 { width: auto; } body.resources main article.certification-header section .body h2 { width: auto; font-size: 24px; } body.resources main article.certification-header section .body h3 { color: #fff; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; font-size: 18px; } body.resources main article.certification-header section .body .left-col { float: left; width: calc(40% - 40px); border-right: 1px solid rgba(255,255,255,0.5); padding-right: 20px; } body.resources main article.certification-header section .body .right-col { float: right; width: 60%; } body.resources main article.certification-header section .order { position: absolute; bottom: 20px; left: 705px; } body.resources main article.certification-header section .order input { background: #fff; color: #000; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; padding: 9px; border: 1px solid #808285; text-align: right; width: 50px; } body.resources main article.certification-header section .order button { background: #fff; color: #000; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; padding: 10px 30px; } body.resources main article.certification-header section ul.tabs { position: absolute; bottom: 0; left: 0; list-style: none; margin: 0; padding: 0; } body.resources main article.certification-header section ul.tabs li { position: relative; float: left; margin: 0 10px 0 0; padding: 0; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: 235px 350px; height: auto; margin: 0 3px 0 0; background: rgba(255,255,255,0.25); } body.resources main article.certification-header section ul.tabs li a { display: block; color: #fff; padding: 0 13px; line-height: 40px; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; font-size: 20px; text-decoration: none; } body.resources main article.certification-header section ul.tabs li a i { font-size: 13px; font-style: normal; color: #ccc; } body.resources main article.certification-header section ul.tabs li a.selected { background: #fff; color: #084f91; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 20px; } body.resources main article.certification-header section .button { display: inline-block; } body.resources main article.certification-header section .button a { display: block; font-family: "Museo Sans W01_700", Arial, Helvetica, "sans-serif"; color: #000; padding: 10px 30px; font-size: 12px; background: #fff; margin: 5px 0; cursor: pointer; text-decoration: none; } body.resources main section.certification ul.masonry.units li { width: 220px; height: 180px; background-color: #084f91; background-position: center center; background-repeat: no-repeat; background-size: cover; } body.resources main section.certification ul.masonry.units li .delete { z-index: 2; position: absolute; top: 5px; right: 5px; } body.resources main section.certification ul.masonry.units li .pad { padding: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.2); } body.my-account body.resources main section ul.masonry.units li .pad.not-purchased { background: rgba(255,255,255,0.75); } body.resources main section.certification ul.masonry.units li .pad h2 { margin: 0; color: #fff; } body.resources main section.certification ul.masonry.units li .pad p { margin: 0; color: #fff; line-height: 17px; } body.resources main section.certification ul.masonry.units li .buy { position: absolute; bottom: 20px; left: 20px; right: 20px; line-height: 25px; z-index: 1; } body.resources main section.certification ul.masonry.units li .buy .number { float: left; display: block; border: 3px solid #fff; width: 25px; text-align: center; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 18px; margin-right: 10px; } body.resources main section.certification ul.masonry.units li .buy .arrow { float: right; display: block; border: 3px solid #fff; width: 25px; height: 25px; background: url("/images/white-arrow.png") no-repeat center center; background-size: 10px 16px; } body.resources main section.certification ul.masonry.units li .button { position: absolute; left: 20px; bottom: 20px; z-index: 1; } body.resources main section.certification ul.masonry.units li .button label { position: absolute; top: -23px; left: 0; width: 29px; text-align: center; color: #fff; font-size: 11px; } body.resources main section.certification ul.masonry.units li .button input { width: 25px; border: 3px solid #fff; text-align: center; line-height: 25px; padding: 0 5px; margin: 0; } body.resources main section.certification ul.masonry.units li .button button { border: 3px solid #fff; text-align: center; color: #fff; font-size: 11px; line-height: 25px; padding: 0 5px; margin: 0; background: transparent; } body.resources main section.certification ul.masonry.units li .button button.added { background: #fff; color: #084f91; } body.resources main section.unit .left-column { position: relative; float: left; width: 600px; } body.resources main section.unit .left-column .inside { padding: 0 40px 40px 0; } body.resources main section.unit .left-column h2 { font-size: 24px; color: #084f91; margin: 25px 0 10px 0; } body.resources main section.unit .left-column h2:first-of-type { margin: 10px 0; } body.resources main section.unit blockquote { margin: 0 0 20px 0; padding: 10px 20px 20px 20px; background: #e7e7e8; } body.resources main section.unit blockquote p { position: relative; font-size: 13px; padding: 0 0 0 20px; } body.resources main section.unit blockquote .quote { position: relative; padding: 0 0 0 20px; } body.resources main section.unit blockquote .quote p { position: relative; font-size: 15px; padding: 0; } body.resources main section.unit blockquote .quote .open { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: -10px; left: -10px; font-size: 50px; color: rgba(0,0,0,0.25); } body.resources main section.unit blockquote .quote .close { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; bottom: -40px; right: 0; font-size: 50px; color: rgba(0,0,0,0.25); } body.resources main section.unit #relevant-books { list-style: none; margin: 0; padding: 0; } body.resources main section.unit #relevant-books li { float: left; width: 280px; margin: 0; padding: 0; } body.resources main section.unit #relevant-books li a { display: block; padding: 0 20px 20px 0; } body.resources main section.unit #relevant-books li a .left-image { float: left; width: 100px; margin-right: 10px; } body.resources main section.unit #relevant-books li a .right-text { float: right; width: 150px; } body.resources main section.unit #relevant-books li a .right-text p { margin: 0; } body.resources main section.unit #relevant-books li a .right-text p i { font-style: normal; color: #999; } body.resources #unit-number { position: absolute; top: 150px; left: -130px; color: #000; width: 232px; line-height: 220px; height: 220px; font-size: 60px; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; opacity: 0.1; filter: alpha(opacity=10); text-align: center; } body.resources #unit-number.circle { background: url("/images/unit-icon-circle.png") no-repeat center center; background-size: 50%; } body.resources #unit-number.square { background: url("/images/unit-icon-square.png") no-repeat center center; background-size: 50%; } body.resources #unit-number.hexagon { background: url("/images/unit-icon-hexagon.png") no-repeat center center; background-size: 50%; } body.resources #unit-number.diamond { background: url("/images/unit-icon-diamond.png") no-repeat center center; background-size: 50%; line-height: 210px; } body.resources #unit-number.pentagon { background: url("/images/unit-icon-pentagon.png") no-repeat center center; background-size: 50%; line-height: 230px; } body.resources main section .right-column { margin-top: -20px; padding: 0; } body.resources main section .right-column pre { white-space: normal; } body.resources main section .right-column h2 { margin: 20px 0 10px 20px; line-height: 35px; font-size: 24px; color: #084f91; } body.resources main section .right-column button { padding: 10px 20px; } body.resources main section .right-column .image { text-align: center; margin: 20px 0; } body.resources main section .right-column .image img { width: 100%; height: auto; } body.resources main section .right-column h2 { margin-right: 15px; background: url("/images/icon-inside-eye.png") no-repeat right 5px; background-size: 30px 20px; } body.resources main section .right-column ul { list-style: none; margin: 0; padding: 0; } body.resources main section .right-column ul li { position: relative; padding: 15px; } body.resources main section .right-column ul li h2 { margin-left: 5px; padding-right: 30px; } body.resources main section .right-column ul li h3 { margin: 0; color: #084f91; font-size: 18px; padding: 0 5px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } body.resources main section .right-column ul li p { font-size: 12px; margin: 10px 0; padding: 0 5px; } body.resources main section .right-column ul li li { padding: 0 5px; margin: 2px 0 0 0; } body.resources main section .right-column ul li li em { font-style: normal; color: #aaa; } body.resources main section .right-column ul li.odd { background: #e7e7e8; } body.resources main section .right-column ul li.even { background: #d1d1d3; border-top: 2px solid #fff; border-bottom: 2px solid #fff; } body.resources main section .right-column table { border: 0; } body.resources main section .right-column ul li h4 a { border: 2px solid #8e8f93; color: #8e8f93; padding: 5px 5px 5px 30px; background: url("/images/icon-your-order-grey.png") no-repeat 5px center; background-size: 13px 17px; } body.resources main section .right-column ul li h4.sample a { border: 2px solid #084f91; color: #fff; padding: 5px 5px 5px 30px; background: #084f91 url("/images/download-sample.png") no-repeat 5px center; background-size: 19px 19px; } body.resources main section .right-column ul li h4.sample a i { color: rgba(255,255,255,0.5); font-style: normal; } main section table { color: #000; line-height: 1.5em; border-top: 1px solid #eee; } main section table th { font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px solid #eee; padding: 3px 10px 3px 3px; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } main section table th.normal { font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } main section table th h2 { font-size: 15px; margin: 10px 0 0 0; } main section table th i { font-style: normal; color: #999; font-weight: normal; } main section table td { font-weight: normal; text-align: left; vertical-align: top; border-bottom: 1px solid #eee; padding: 3px; } main section table td i { font-style: normal; color: #999; } main section table td input { font-size: 13px; } main section table td button { cursor: pointer; background: #fff; border: 0; padding: 2px 4px; color: #ccc; font-size: 12px; margin: 0; } main section table td button:hover { background: #999; color: #fff; } main section .left { float: left; width: calc(40% - 30px); border-right: 1px solid #aba9a9; padding: 15px 30px 0 0; } main section .right { float: right; width: 60%; } main section .left-col { float: left; width: calc(50% - 20px); margin-right: 40px; } main section .right-col { float: left; width: calc(50% - 20px); } main section #right { position: absolute; top: -20px; right: 0; bottom: -40px; width: 240px; padding: 40px 0 40px 0; background: #f0f0f0; } main section #right h2 { margin: 0 0 10px 0; padding: 0 20px; line-height: 35px; } main section #right h2 a { display: inline-block; background: url("/images/back-arrow-on-blue.png") no-repeat left center; background-size: 30px 30px; padding-left: 40px; color: #807e7f; } main section #right ul { list-style: none; margin: 0; padding: 0; } main section #right ul li { position: relative; padding: 0 0 10px 60px; } main section #right.navigation ul li { padding: 0 0 10px 20px; } main section #right.navigation ul li a { color: #084f91; } main section #right.navigation ul li a.selected { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } main section #right ul li .inside { padding: 1px 0 0 0; } main section #right ul li h3 { margin: 0; color: #084f91; font-size: 18px; padding: 0 5px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } main section #right ul li h3 a { display: block; color: #084f91; padding-right: 30px; background: url("/images/blue-arrow-down.png") no-repeat right center; background-size: 18px 12px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif"; } main section #right ul li h3 a.up { background: url("/images/blue-arrow-up.png") no-repeat right center; background-size: 18px 12px; } main section #right ul li p { font-size: 12px; margin: 0; padding: 10px 5px; } main section #right ul li:first-of-type p { border-top: 1px solid #bbb; padding: 5px 5px 0 5px; margin-top: 5px; } main section #right ul li.odd { background: #e7e7e8; padding: 15px; } main section #right ul li.even { background: #d1d1d3; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 15px; } main section #right ul li table { width: 100%; border-collapse: collapse; margin-top: 10px; } main section #right ul li table {} main section #right ul li table { border-color: #bbb; } main section #right ul li table td { border-color: #bbb; } main section #right ul li.even table {} main section #right ul li h4 a { border: 2px solid #8e8f93; color: #8e8f93; padding: 5px 5px 5px 25px; background: url("/images/icon-your-order-grey.png") no-repeat 5px center; background-size: 13px 17px; } main section #my-account-nav { margin: 0; } main section #my-account-nav ul { list-style: none; margin: 0; padding: 0; } main section #my-account-nav ul li { float: left; width: calc(33.3% - 10px); margin: 0 10px 10px 0; } main section #my-account-nav ul li:nth-of-type(3n) { margin-right: 0; } main section #my-account-nav ul li a { display: block; font-size: 20px; height: auto; line-height: 20px; padding: 15px 20px; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; color: #fff; background: #8f8f93 url("/images/icon-boxed-white-arrow.png") no-repeat 285px center; background-size: 21px 20px; } main section ul.related-units { list-style: none; margin: 0 0 50px 0; padding: 0; width: 740px; } main section ul.related-units:after { content: ""; display: table; clear: both; } main section ul.related-units li { position: relative; float: left; width: 50%; margin: 0 0 25px 0; } main section ul.related-units li a { position: relative; display: block; text-align: left; padding: 0; margin: 0 10px 0 75px; line-height: 17px; text-decoration: none; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } main section ul.related-units li i { position: absolute; display: block; top: 0; left: 0; width: 65px; height: 65px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } main section ul.related-units li i a { display: block; top: 0; left: 0; width: 65px; height: 65px; margin: 0; } main section ul.related-units li button { margin: 5px 0 0 75px; padding: 0 20px; line-height: 25px; } body.my-account main section ul.masonry.units { width: 990px; } body.my-account main section ul.masonry.units li:nth-of-type(4n) { margin-right: 0; } body.my-account main section ul.masonry.units li { height: 180px; background-color: #084f91; background-position: center center; background-repeat: no-repeat; background-size: cover; } body.my-account main section ul.masonry.units li .pad { padding: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.2); } body.my-account main section ul.masonry.units li .pad h2 { margin: 0 25px 0 0; color: #fff; } body.my-account main section ul.masonry.units li .pad h3 { position: absolute; bottom: 20px; display: inline-block; text-transform: uppercase; font-size: 15px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 20px 0 0 0; padding: 0 10px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: 173px 34px; line-height: 34px; width: 173px; overflow: hidden; } body.my-account main section ul.masonry.units li .pad p { margin: 0; color: #fff; } body.my-account main section ul.masonry.units li .pad .view { position: absolute; bottom: 20px; left: 20px; line-height: 25px; display: inline-block; border: 3px solid #fff; text-align: center; color: #fff; padding: 0 10px; } body.my-account main section ul.masonry.units li .pad .download { position: absolute; bottom: 20px; right: 20px; line-height: 25px; display: inline-block; border: 3px solid #fff; text-align: center; color: #fff; padding: 0 10px; } body.my-account main section ul.masonry.units li a.orange-alert { display: block; position: absolute; top: 10px; right: 10px; background: url("/images/icon-orange-alert.png") no-repeat center center; width: 20px; height: 19px; background-size: 20px 19px; -webkit-animation: pulse_animation 2s infinite; -moz-animation: pulse_animation 2s infinite; -o-animation: pulse_animation 2s infinite; animation: pulse_animation 2s infinite; z-index: 2; } body.my-account main section #plan-selector { margin: 20px 0; background: #f78f1e; padding: 10px; color: #fff; } body.my-account main section #plan-selector label { display: block; line-height: 20px; } body.my-account main section #plan-selector label.disabled { color: rgba(255,255,255,0.35); } body.my-account main section .budget-disclaimer { background: #f78f1e; } body.my-account main section .budget-disclaimer p { margin: 0; color: #fff; padding: 5px; } body.my-account main section .budget-disclaimer p strong { color: #fff; } body.my-account main section .left .budget-disclaimer { margin: 0 0 10px 0; text-align: left; box-sizing: border-box; padding: 6px 10px; } body.my-account main section .left .budget-disclaimer p { font-weight: normal; color: #fff; padding: 0; margin: 0; } body.my-account main section table thead.plan-statement th { padding: 0 0 10px 0; vertical-align: bottom; } body.my-account main section table thead.plan-statement th h2 { font-size: 18px; } body.my-account main section table thead.plan-statement th h3 { float: left; width: 30%; box-sizing: border-box; padding: 10px; background: #f78f1e; color: rgba(255,255,255,0.65); font-weight: normal; margin: 0 5% 0 0; font-size: 13px; line-height: 16px; } body.my-account main section table thead.plan-statement th h3:last-of-type { margin: 0; } body.my-account main section table thead.plan-statement th h3 strong { display: block; color: #fff; font-size: 24px; line-height: 40px; margin: 5px 0 0 0; height: 40px; } body.my-account main section table thead.plan-statement th:after { content: ""; display: table; clear: both; } body.my-account main section table thead.plan-statement th input { display: inline-block; width: 120px; border: 0; background: transparent; color: #fff; box-shadow: 0 2px 0 0 #fff; font-size: 24px; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } body.my-account main section table thead.plan-statement th input.invalid { background: red; } body.my-account main section table thead.plan-statement th h3 strong span { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } body.your-order main section ul.masonry.units { width: 750px; } body.your-order main section ul.masonry.units li:nth-of-type(3n) { margin-right: 0; } body.your-order main section ul.masonry.units li { height: 180px; background-color: #084f91; background-position: center center; background-repeat: no-repeat; background-size: cover; } body.your-order main section ul.masonry.units li .pad { padding: 20px 40px 20px 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.2); } body.your-order main section ul.masonry.units li .pad h2 { margin: 0 25px 0 0; color: #fff; } body.your-order main section ul.masonry.units li .pad h3 { position: absolute; bottom: 20px; display: inline-block; text-transform: uppercase; font-size: 15px; color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; margin: 20px 0 0 0; padding: 0 10px; background: url("/images/icon-home-unit-link.png") no-repeat left center; background-size: 173px 34px; line-height: 34px; width: 153px; overflow: hidden; } body.your-order main section ul.masonry.units li .pad p { margin: 0; color: #fff; } body.your-order main section ul.masonry.units li .pad .view { position: absolute; bottom: 20px; left: 20px; line-height: 25px; display: inline-block; border: 3px solid #fff; text-align: center; color: #fff; padding: 0 10px; } body.your-order main section ul.masonry.units li .pad .download { position: absolute; bottom: 20px; right: 20px; line-height: 25px; display: inline-block; border: 3px solid #fff; text-align: center; color: #fff; padding: 0 10px; } body.your-order main section ul.masonry.units li a.delete { display: block; position: absolute; top: 10px; right: 10px; z-index: 2; opacity: 0.5; } body.your-order main section ul.masonry.units li a.delete:hover { opacity: 1; } body.management main section .management ul { list-style: none; margin: 0 0 20px 0; padding: 0; } body.management main section .management ul li { display: inline-block; margin: 0 20px 0 0; } body.management main section .management ul li a { font-size: 15px; } body.management main section #admin-search { list-style: none; margin: 20px 0; padding: 0; display: flex; } body.management main section #admin-search li { margin-right: 5px; } body.management main section #admin-search li input { width: 100%; } body.management main section button { padding: 6px 10px; margin: 0; } body.management main section form input { width: 150px; } body.management main section form input[type=checkbox], body.management main section form input[type=radio] { width: auto; } #nextprev { margin: 20px 0 0; padding: 10px 0; background: #e7e7e8; text-align: center; font-size: 18px; color: #aba9a9; } #nextprev .disabled { color: #000; } #nextprev .selected a { color: #084f91; } footer { text-align: center; } footer section { position: relative; width: 990px; margin: 0 auto; padding: 40px 0 80px 0; text-align: left; color: #fff; font-weight: normal; font-size: 12px; } footer section a { text-decoration: none; color: #fff; } footer section ul { list-style: none; margin: 0; padding: 0; } footer section ul li { float: left; width: 25%; position: relative; padding: 0 30px 10px 0; } footer section ul li:last-of-type { padding-right: 0; } footer section ul li h3 { font-size: 15px; } footer section ul li h3.orange { color: #f78f1e; } footer section ul li p { line-height: 18px; } footer section ul li input { display: block; float: left; width: 160px; font-size: 12px; border: 0; margin: 0; } footer section ul li button { display: block; float: left; font-size: 12px; background: #808285; width: auto; padding: 5px 10px; margin: 0; } footer section ul:after { content: ""; display: table; clear: both; } footer section .copyright { color: #84a7c8; text-align: center; } footer section .copyright a { text-decoration: none; color: #84a7c8; } footer section .footer-block-section { position: relative; } footer section .footer-block-section h3 { text-align: center; } footer section .footer-block-section p { text-align: center; } footer section .footer-block-section img { display: block; margin: 0 auto; } #cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #000; line-height: 20px; color: rgba(255,255,255,0.75); text-align: center; padding: 10px 20px; z-index: 99; } #cookie-bar a { color: #fff; text-decoration: none; } /* #curriculum-map { position: absolute; top: 0; left: 620px; } #curriculum-map a { display: block; color: #000; text-decoration: none; background: #fff; line-height: 34px; padding: 0 30px; font-size: 12px; font-family: "Museo Sans W01_300", Arial, Helvetica, "sans-serif";} #quote-highlight { position: absolute; position: absolute; top: -15px; left: 550px; width: 440px; } #quote-highlight h3 { position: relative; color: #fff; font-size: 15px; padding: 0 10px 0 20px; } #quote-highlight p { color: #fff; padding: 0 10px 0 20px; } #quote-highlight .quote { position: relative; } #quote-highlight .open { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: -15px; left: -10px; font-size: 50px; color: rgba(255,255,255,0.5); } #quote-highlight .close { font-family: Georgia, "Times New Roman", Times, serif; position: absolute; bottom: -45px; right: 0; font-size: 50px; color: rgba(255,255,255,0.5); } #left { float: left; width: 200px; position: relative; padding: 0; } #left h2 { margin: 0; padding: 5px 10px; } #left h2 a { display: block; color: #666; text-decoration: none; } #left ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #eee; } #left ul li { margin: 0; } #left ul li a { display: block; cursor: pointer; margin: 0; padding: 0 10px; text-decoration: none; font-weight: normal; color: #999; font-size: 13px; border-bottom: 1px solid #eee; line-height: 25px; } #left ul li a:hover { color: #666; } #left ul li a.selected { background: #f5f5f5; color: #000; } body.resources #page-container.no-padding { padding: 0; } body.resources #content.no-padding { padding: 0; } #content form { margin: 15px 0; } #content form p a { color: #808285; } #content form label.normal { font-weight: normal; } #content form input { width: 210px; } #content form select { width: 220px; } #content form input.checkbox { width: auto; } #content #map { float: right; width: 350px; height: 350px; } #content .price { position: relative; } #content .price b { position: absolute; top: 0; right: 0; width: 125px; text-align: right; color: #fff; font-weight: normal; } #content form .price b { color: #fff; } .ui-autocomplete { text-align: left; max-height: 250px; overflow-y: auto; overflow-x: hidden; } #existing-user-box { position: relative; background: #f78f1e; z-index: 2; padding: 1px 15px; } #existing-user-box #existing-user-arrow { position: absolute; left: -100px; top: -110px; z-index: -1; } #existing-user-box p { color: #fff; } #existing-user-box p b, #existing-user-box a { color: #fff; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } */ #mega-nav-2 section.nav-section a.clearrevise, #mega-nav-2 section.nav-section a.clearrevise:hover, #mega-nav-2 section.nav-section a.clearrevise.selected { background: #e51a92; color: #fff; font-family: museo sans w01_500,Arial,Helvetica,"sans-serif"; font-weight: 400; } header section nav ul.social-media { display: inline-block; width: auto; margin: 0 20px 0 0; height: 20px; } header section nav ul.social-media li { width: 35px; text-align: center; margin: 0; height: 35px; } header section nav ul.social-media li a { display: block; margin: 0; height: 35px; line-height: 35px; } header section nav ul.social-media li a img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 1023px) { header section nav ul.social-media { display: none; } } header.new-for-2019 section nav { position: absolute; right: 0; top: 28px; } header.new-for-2019 section nav form { display: inline-block; position: relative; } header.new-for-2019 section nav form input { line-height: 28px; border: 0; border-bottom: 2px solid #fff; padding: 0 5px; background: rgba(255,255,255,0.1); color: #fff; width: 150px; } header.new-for-2019 section nav form input::placeholder { color: rgba(255,255,255,0.3); } header.new-for-2019 section nav form button { position: absolute; top: 0; right: 0; bottom: 0; padding: 0; text-indent: -999em; width: 25px; outline: none; background: url("/images/search-icon.png") no-repeat 50% 50%; background-size: 15px; } header.new-for-2019 section nav a { position: relative; display: inline-block; cursor: pointer; margin: 0 0 0 20px; padding: 0; text-decoration: none; font-weight: normal; color: #fff; font-size: 12px; line-height: 30px; } header.new-for-2019 section nav a.basket { padding-right: 30px; background: url("/images/icon-cart.png") no-repeat right center; background-size: contain; } header.new-for-2019 section nav a.basket .counter { position: absolute; top: -8px; right: -8px; background: #f78f1e; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; color: #fff; line-height: 18px; padding: 0 6px; text-align: center; } header.new-for-2019 section nav a.login { background: #fff; color: #084f91; padding: 0 10px; } header.new-for-2019 section nav a.logout { background: #fff; color: #084f91; padding: 0 10px; } #mega-nav-2 { position: fixed; top: 85px; background: #fff; right: 0; left: 0; z-index: 1000; text-align: center; } #mega-nav-2 section.nav-section { position: relative; width: 990px; margin: 0 auto; text-align: left; padding: 0; } #mega-nav-2 section.nav-section a { display: inline-block; margin: 0; padding: 0 10px; color: #084f91; line-height: 40px; cursor: pointer; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 16px; } #mega-nav-2 section.nav-section a:hover, #mega-nav-2 section.nav-section a.selected { background: #084f91; color: #fff; } #mega-nav-2 section.nav-section .orange { display: inline-block; margin: 0; padding: 0 10px; color: #f78f1e; line-height: 40px; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 16px; } #mega-nav-2 section.nav-section a.orange { position: absolute; right: 0; } #mega-nav-2 section.nav-section a.orange:hover, #mega-nav-2 section.nav-section a.orange.selected { background: #f78f1e; color: #fff; } #mega-nav-2 section.subnav-section { background: url("/images/meganav-background.jpg") no-repeat center top; background-size: cover; } #mega-nav-2 section.subnav-section .subnav-inner { position: relative; width: 990px; margin: 0 auto; padding: 20px 0 20px 10px; text-align: left; color: #000; } #mega-nav-2 section.subnav-section .subnav-inner h3 { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; font-size: 20px; margin: 0; color: #084c8b; } #mega-nav-2 section.subnav-section .subnav-inner h3 a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #084c8b; padding-right: 30px; background: url("/images/mega-nav-link.png") no-repeat 100% 0; background-size: 20px; display: inline-block; } #mega-nav-2 section.subnav-section .subnav-inner ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #mega-nav-2 section.subnav-section .subnav-inner ul li { width: calc(33.33% - 10px); margin: 0 10px 0 0; } #mega-nav-2 section.subnav-section .subnav-inner ul li strong { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } #mega-nav-2 section.subnav-section .subnav-inner ul li strong a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } #mega-nav-2 section.subnav-section .subnav-inner ul li a em { font-style: normal; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; color: #f78f1e; } #mega-nav-2 section.subnav-section .subnav-inner ul ul { display: block; } #mega-nav-2 section.subnav-section .subnav-inner ul ul li { width: 100%; padding: 10px 0 0 0; font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } #mega-nav-2 section.subnav-section .subnav-inner ul ul li a { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; } #mega-nav-2 section.subnav-section .subnav-inner ul ul ul li { padding: 0; font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; color: #808284; } #mega-nav-2 section.subnav-section .subnav-inner ul ul ul li a { font-family: "Museo Sans W01_500", Arial, Helvetica, "sans-serif"; color: #808284; } #mega-nav-2 section.subnav-section .subnav-inner ul ul ul li strong { display: inline-block; margin-top: 10px; } #mega-nav-2 section.subnav-section .subnav-inner ul ul ul li strong a { color: #084f91; } main { margin: 125px 0 0 0; } @media only screen and (max-width: 1023px){ header.new-for-2019 section nav { right: 20px; } #mega-nav-2 section.nav-section { width: auto; margin: 0 10px; } #mega-nav-2 section.nav-section .orange { display: none; } #mega-nav-2 section.nav-section a.orange { display: inline-block; } } @media only screen and (max-width: 767px){ header.new-for-2019 { height: 70px; } header.new-for-2019 section { height: 70px; } header.new-for-2019 section #logo { padding: 13px 0 0; } header.new-for-2019 section nav { top: 20px; right: 10px; } header.new-for-2019 section nav form { display: none; } header.new-for-2019 section nav a#nav-your-order { background-size: 25px; } #mega-nav-2 { top: 70px; } #mega-nav-2 section.nav-section { width: auto; margin: 0; padding: 5px 0; } #mega-nav-2 section.nav-section a { line-height: 30px; font-size: 15px; } #mega-nav-2 section.nav-section a.orange { bottom: 5px; line-height: 30px; font-size: 15px; } #mega-nav-2 section.subnav-section .subnav-inner { padding: 10px 10px 0 10px; } #mega-nav-2 section.subnav-section .subnav-inner ul { margin: 0 0 5px 0; } #mega-nav-2 section.subnav-section .subnav-inner ul ul { margin: 0; } #mega-nav-2 section.subnav-section .subnav-inner ul li { width: 100%; margin: 0 0 10px 0; } #mega-nav-2 section.subnav-section .subnav-inner ul ul li { margin: 0; } main { margin: 140px 0 0 0; } } @media only screen and (max-width: 320px){ #mega-nav-2 section.nav-section a, #mega-nav-2 section.nav-section a.orange { font-size: 13px; } } @media only screen and (max-width: 1023px) { .mobile { display: block; } .desktop { display: none; } } @media only screen and (max-width: 1023px) { img.fifty { width: 50% !important; height: auto; } img.auto { width: auto !important; height: auto; } header { z-index: 10; } header section { width: auto; margin: 0; padding: 0 20px; } header section nav { right: 20px; top: 15px; } header section nav li { margin-left: 20px; } header section nav a { line-height: 25px; } header section nav a#nav-your-order { padding-right: 22px; background-size: 15px; } header section nav a.login { padding: 0 10px; } header section #resources-nav { top: auto; right: 20px; bottom: 15px; height: auto; } header section #resources-nav a { position: relative; font-size: 15px; line-height: 20px; padding: 0 30px 0 0; background: transparent; } header section #resources-nav a:after { position: absolute; top: 0; right: 0; bottom: 0; content: "\2630"; color: #fff; font-size: 22px; } header section #management { display: none; } #mega-nav section { margin: 0; padding: 20px; width: auto; } #mega-nav section ul.information li { margin: 0 0 10px 0; } #mega-nav section h3.search-title { margin: 10px 0 5px 0; } #mega-nav form.search { position: relative; } #mega-nav form.search input {} #mega-nav form.search button { position: absolute; top: 0; right: 0; bottom: 0; content: "\2630"; padding: 0 0 0 26px; width: 26px; overflow: hidden; } #mega-nav form.search button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; line-height: 26px; content: "\1f50e"; color: #fff; background: #d0d0d0; } main section { width: auto; margin: 0; padding: 0 20px; } body.home main section.first { width: auto; margin: 0; padding: 50px 20px; } body.home main section.first img { width: 100%; height: auto; } body.home main section .thirds .item { width: calc(33.3% - 7px); height: auto; } body.home main section .thirds .item a { height: 250px; } body.home main section .thirds .item:last-of-type { float: right; margin-right: 0; } body.home main section .thirds .item .pad h1 { font-size: 30px; line-height: 32px; } body.home main section .quarters .item { height: 250px; } body.home main section .quarters .item:first-of-type { width: calc(50% - 5px); } body.home main section .quarters .item:nth-of-type(2) { float: right; width: calc(50% - 5px); } body.home main section .quarters .item.half { float: none; width: 100%; border-top: 10px solid #fff; } body.home main section .quarters .item.half .body { position: absolute; bottom: 0; background: #084f91; padding: 20px; } body.home main section .halfs {} body.home main section .halfs .item { float: none; width: 100%; height: auto; margin: 10px 0 !important; } body.home main section .halfs .item.frame-9 .pad { padding: 20px; } body.about-us main section .right-column { float: none; width: auto; margin: -20px -20px 20px -20px; text-align: center; } body.about-us main section .right-column .navigation h2 { display: none; } body.about-us main section .right-column .navigation ul { display: inline-block; margin: 0 auto; } body.about-us main section .right-column .navigation ul li { display: inline-block; margin: 0 10px; padding: 0 !important; } body.about-us main section .left-column { float: none; width: auto; } body.your-order main section .right-column { display: none; } body.your-order main section .left-column { float: none; width: auto; } body.your-order main section ul.related-units, body.your-order main section ul.masonry.units { width: auto; } main section #my-account-nav ul li a { font-size: 15px; background: #8f8f93 url("/images/icon-boxed-white-arrow.png") no-repeat calc(100% - 15px) center; background-size: 20px; } body.my-account main section table thead.plan-statement th h3 { width: calc(33.3% - 10px); margin-right: 10px; } body.my-account main section table thead.plan-statement th input { width: 95px; } body.resources main section.certification ul.masonry.units li .button button { font-family: "Museo Sans W01_900", Arial, Helvetica, "sans-serif"; background: rgba(0,0,0,0.25); } body.resources main article.certification-header section h1 { line-height: 35px; } body.resources main article.certification-header section ul.tabs { left: 20px; } body.resources main section .right-column { float: none; width: auto; padding: 1px 0 0 0; margin: 20px 0; } body.resources main section.certification ul.masonry.units li { width: calc(33.3% - 10px); margin: 0 10px 10px 0; } body.resources main article.certification-header section .back { left: 20px; } body.resources main article.certification-header section .body { width: auto; } body.resources main article.certification-header section .order { position: relative; bottom: 0; left: 0; } body.resources main article.certification-header section .order .addthis_inline_follow_toolbox { float: left; height: 70px; padding-top: 14px; margin-right: 20px; } body.resources main section.unit .left-column .inside { padding: 0 0 40px 0; } body.resources main section.unit .left-column { float: none; width: 100%; } main section blockquote p { width: auto; } body.my-account main section ul.masonry.units { width: auto; } body.resources main section ul.masonry li.half-tall { width: calc(100% - 10px); background-position: 100% 0; } body.resources main section ul.masonry li.half-short { width: calc(100% - 10px); background-position: 100% 0; } body.resources main section ul.masonry li.quarter { width: calc(50% - 10px); background-position: 100% 0; } body.blog main section .left-column { width: auto; float: none; } body.blog main section .right-column { float: none; width: auto; padding: 10px 0 0 0; } body.blog main section .right-column h2 { margin: 0 0 0 20px; } body.blog main section .right-column .inside ul li { display: inline-block; margin-right: 20px; } body.blog main section.image img { width: 100%; height: auto; } footer section { width: auto; margin: 0; padding: 0 20px; } footer section .footer-block-section { } footer section .footer-block-section img { width: 100%; height: auto; } } @media only screen and (max-width: 767px) { header section { padding: 0 10px; height: 85px; } header section #logo { padding: 10px 0 0 0; } header section #logo a { width: 180px; height: 43px; background-position: 0 0; background-size: contain; } header section nav li:first-of-type, header section nav li:last-of-type { display: none; } header section nav a#nav-your-order { text-indent: -999em; } header section nav a#nav-your-order .counter { text-indent: 0; } #mega-nav { position: absolute; } #mega-nav section { padding: 0; border-bottom: 1px solid #b7b6b8; } #mega-nav section .column { width: 50%; margin: 0; padding: 10px !important; min-height: auto; } #mega-nav section .column:nth-of-type(2) { border-right: 0; } #mega-nav section .column:nth-of-type(3) { clear: left; border-top: 1px solid #b7b6b8; } #mega-nav section .column:nth-of-type(4) { border: 0; border-top: 1px solid #b7b6b8; } body.resources main article.certification-header section ul.tabs li { margin: 1px 1px 0 0; } body.resources main article.certification-header section ul.tabs li a { padding: 0 13px; line-height: 30px; font-size: 15px; } body.resources main article.certification-header section ul.tabs li a.selected { font-size: 15px; } body.resources main section ul.masonry li.half-tall, body.resources main section ul.masonry li.half-short, body.resources main section ul.masonry li.quarter { width: 100%; margin: 0 0 10px 0; } body.resources main article.certification-header section.with-tabs { padding-bottom: 0; } body.resources main article.certification-header section ul.tabs { position: relative; left: 0; margin: 20px 0 0 0; } body.resources main article.certification-header section ul.tabs li { background: rgba(255,255,255,0.1); } body.resources main article.certification-header section h2 { width: auto; } body.resources main section ul.masonry li { width: 100%; margin: 0 0 10px 0; float: none; height: auto !important; } body.resources main section ul.masonry li .again { position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 15px 10px 50px 15px; } body.resources main section ul.masonry li .pad { padding: 20px !important; } main section ul.masonry li.quarter { width: 100%; } main section ul.related-units { margin: 0; width: auto; } main section ul.related-units li { float: none; width: 100%; } body.your-order main section button#complete-order-button { float: none !important; margin: 0 0 40px 0 !important; } body.resources main article.certification-header section h2 { margin-bottom: 20px; } body.my-account main section table thead.plan-statement th h3 { width: 100%; margin: 0 0 10px 0; float: none; } body.resources main section.certification ul.masonry.units li { width: 100%; } body.resources main section.certification ul.masonry.units li .pad { position: relative; } body.resources main section.certification ul.masonry.units li a { display: block; width: 100%; padding: 0 0 50px 0; } body.resources main article.certification-header section .body .left-col { float: none; width: 100%; border-right: 0; padding-right: 0; } body.resources main article.certification-header section .body .right-col { float: none; width: 100%; } body.resources main article.certification-header section .order button { padding: 10px 20px; } main section #my-account-nav ul li { float: none; width: 100%; } main section ul.masonry li.half { width: 100%; } main section table tbody tr { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; } main section table tbody tr td { width: 25%; } main section .left { float: none; width: 100%; border-right: 0; padding: 15px 0 0 0; } main section .right { float: none; width: 100%; border-top: 1px solid #b7b6b8; padding-top: 20px; margin-top: 20px; } body.home main section .thirds .item { float: none; width: 100% !important; margin: 0 0 10px 0 !important; } body.home main section .quarters .item { float: none; width: 100% !important; margin: 0 0 10px 0 !important; } body.home main section .quarters .item.half { border: 0; height: auto; } body.home main section .quarters .item.half .body { position: relative; } main section img { width: 100%; height: auto; } main section iframe { width: 100%; height: auto; } body.about-us main section .left-column ul.authors li { float: none; width: 100%; padding: 0 0 10px 0; } body.about-us main section table td { display: block; } footer section { padding-bottom: 75px; } footer section ul li { float: none; width: 100%; } } @media only screen and (max-width: 375px) { #mega-nav section .column { float: none; width: 100%; border-top: 1px solid #b7b6b8 !important; } } @media only screen and (max-width: 320px) { header section #logo { padding: 10px 0 0 0; } header section #logo a { width: 140px; height: 33px; background-size: contain; } } /* :after { content: ""; display: table; clear: both; } */