img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} .sort { display: none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 18px; background-color: #fff; color: #333; line-height: 1.4; text-align: center; min-width: 320px } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, address { text-align: left; } nav, h1, h2, h3, h4, h5, h6, .btn, .partners > div span, .logos a, .cycle-slideshow h1, .cycle-slideshow p, .testimonials p { font-family: 'Abel', calibri, sans-serif; font-weight: 400; } body, nav ul, aside ul, .headsoc ul { padding: 0; margin: 0; } section ul, section ol, .library ul { padding: 0; } img, iframe, video { max-width: 100%; display: block; margin: 0 auto; height: auto; } a img, iframe { border: none; } iframe { aspect-ratio: auto 16 / 9; display: block; width: 100%; height: auto; } a { text-decoration: none; color: #0790c8; } nav:not(.paging, .adNav) ul:first-of-type { visibility: hidden } a:hover, nav ul:first-of-type li a:hover, .training table a:hover, .members h2 a:hover, .convention h2 a:hover, .logos a:hover { color: #bbbdbf; } header a, nav a { text-decoration: none; } hr { width: 95%; border-width: 2px; border-color: #eee; border-style: none none solid; margin: 20px auto; } address { font-style: normal; } .imgLeft { float: left; margin: 5px 4% 1% 1%; } .imgCenter { display: block; margin: 0 auto; } .imgRight { float: right; margin: 5px 1% 1% 4%; max-width: 55% } .clear { clear: both; } .center { text-align: center; } .content { padding: 50px 0 40px; } .wrap { max-width: 1020px; display: block; margin: 0 auto; position: relative; } .nowrap { white-space: nowrap; } header, nav, .logos img, .partners > div .logo, .partners > div p, .partners > div h3, .partners > div span, .find .member a img, .find .member a > div { display: inline-block; vertical-align: middle; } nav li, .model h3, .halfCol, .triCol, .alerts .ads img, .sort li, .library #tabs ul, .library #tabs div, .sidelist li { display: inline-block; vertical-align: top; } .blue { color: #0790c8; } .highlight { background-color: #FFFF00 } .headsoc { padding: 10px 10px 0 0; } header > a { display: block } header { width: 25%; margin: 0 0 20px; background: #fff; } nav { width: calc(75% - 45px); font-size: 20px; font-weight: 300; } header, nav { padding: 0 10px 10px } nav ul, nav ul:first-of-type li { text-align: right; } nav ul:first-of-type { font-size: 24px; margin-bottom: 35px; } nav ul:first-of-type li { display: block; color: #bbbdbf; } nav ul:last-of-type li a:hover, nav ul button:hover { color: #0790c8; } nav ul:first-of-type li a, nav ul:last-of-type li a { color: #333; } nav ul:last-of-type li a { padding: 0 10px 0 5px; border-right: 1px solid #bbbdbf; } nav ul:last-of-type li:last-of-type a { padding-right: 0; border: none; } nav a { display: block; margin: 8px 0 } nav a:hover { font-weight: 400; } nav ul button { border: 0; background: transparent; color: #bbbdbf; font-size: large; color: #333; } nav ul li.for-watchguard-only { display: none; } .pia { font-weight: bold; color: #4A65AF; } .cycle-slideshow { height: 22.5vw; min-height: 500px; position: relative; overflow: hidden; z-index: 888; } .cycle-slideshow .wrap { top: 40%; transform: translateY(-40%); } .cycle-slideshow a { display: block; width: 100%; height: 100%; background-size: cover; margin: 0 auto; position: relative; text-decoration: none; background-position: center } .cycle-slideshow a:hover { text-decoration: none; } .cycle-slideshow h1, .cycle-slideshow p { text-align: left; color: #fff; text-shadow: 1px 1px 1px #000; } .cycle-slideshow h1 { font-size: 100px; font-weight: 900; line-height: 1; margin: 0; padding-bottom: 15px; border-bottom: 3px solid rgba(255, 255, 255, .5) } .cycle-slideshow h1 span { font-size: 110px; display: inline-block; vertical-align: text-top; } .cycle-slideshow p { font-size: 30px; font-weight: 400; margin-top: 15px; } .cycle-slideshow p, .cycle-slideshow h1 { padding-left: 10px; padding-right: 10px } .cycle-prev, .cycle-next { position: absolute; top: 0; width: 5%; z-index: 999; height: 100%; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; opacity: .5; } .cycle-prev { left: 0; background-image: url(/images-design/arrow-prev.png); } .cycle-next { right: 0; background-image: url(/images-design/arrow-next.png); } .cycle-prev:hover, .cycle-next:hover { opacity: .8; } .slide1 { background-image: url(/images-design/slides/1.jpg); } .slide2 { background-image: url(/images-design/slides/2.jpg); } .slide2 h1 { font-size: 85px; } .slide2 p { font-size: 29px; } .slide3 { background-image: url(/images-design/slides/5.jpg); } .slide3 h1 { font-size: 53px; } .slide4 { background-image: url(/images-content/hero-compete.jpg); } .slide4 h1 { font-size: 39px; } .banner { height: 400px; background-color: #eee; background-image: url(/images-design/banner.jpg); background-size: cover; background-position: center; } .banner .wrap { position: relative; top: 50%; transform: translateY(-50%); } .banner h2, .banner p { width: 60%; margin-left: 40%; } .banner h2 { font-size: 40px; color: #0790c8; margin-top: 0; } .banner strong { display: block; margin-bottom: 5px; } .banner p { font-size: 18px; color: #555; } .bannerInterior { height: 22.5vw; min-height: 400px; background-color: #eee; background-size: cover; background-repeat: no-repeat; position: relative; background-position: center } .bannerInterior > .wrap { top: 50%; transform: translateY(-50%); position: relative } .bannerInterior h1 { font-size: 60px; font-weight: bold; color: #0790c8; color: #fff; text-shadow: 2px 2px 4px #555,-1px -1px 2px #555; text-align: center; margin: 0; } .bannerMembership { background-image: url(/images-design/apply.jpg); background-position: center; } .contact { background-image: url(/images-design/contact.jpg); } .building { background-image: url(/images-design/banner2.jpg); } .bgblog { background-image: url(/images-design/convention.jpg); } .stars { background-image: url(/images-design/member-successes-stars.jpg); } .bannerInterior.order { background-image: url(/images-content/watchguard/boxes-for-shipping.jpg); } .faq { background-image: url(/images-content/watchguard/faq.jpg); } .mission { width: 80%; font-size: 19px; background-color: #0790c8; background-position: center; margin: -40px auto 80px; padding: 20px 40px; box-shadow: 0 12px 10px -10px rgba(0,0,0,.3); position: relative; z-index: 999; } .mission h2 { font-size: 50px; text-align: center; color: #fff; } .mission h2 { margin: 20px 0; } .mission strong { font-size: 24px; display: block; color: #ccc; margin-bottom: 5px; } .mission p { color: #454343; font-size: 21px; color: #fff; text-align: center; } .mission hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); } .box { min-height: 550px; position: relative; } .box > p:nth-of-type(1) { font-weight: bold; } .box > p:nth-of-type(3) { color: #0790c8; } .box .padBottom { bottom: 15px; position: absolute; } .centerBox { width: 500px; display: inline-block; } .centerBox > p:nth-of-type(1) { font-weight: bold; } .centerBox > p:nth-of-type(3) { color: #0790c8; } .tag p { text-align: center; margin: 0 15px 60px; font-size: 20px; } .model img { margin: 20px 0; } .model, .training, .tag { margin: 40px 0; } .model h2, .training h2, .team h2, .tag h2, .convention h2 { font-size: 50px; text-align: center; color: #555; margin-top: 60px; } .model h3 { width: 16%; height: 200px; font-size: 24px; line-height: 1.25; text-align: center; background-color: #bbbdbf; color: #fff; margin: 0; text-shadow: 1px 1px 0px #bbbdbf; } .model h3:nth-of-type(1) { background-image: url(/images-content/model/1.jpg); } .model h3:nth-of-type(2) { background-image: url(/images-content/model/2.jpg); } .model h3:nth-of-type(3) { background-image: url(/images-content/model/3.jpg); } .model h3:nth-of-type(4) { background-image: url(/images-content/model/4.jpg); } .model h3:nth-of-type(5) { background-image: url(/images-content/model/5.jpg); } .model h3:nth-of-type(6) { background-image: url(/images-content/model/6.jpg); } .model h3 span { display: block; position: relative; top: 50%; transform: translateY(-50%); } .model p { text-align: center; padding: 0 10px } .model a { line-height: 1; } .training { padding: 0 10px } .training img { float: left; margin-right: 8%; } .training table { font-size: 18px; padding-top: 40px; } .training table a, .convention h2 a, .apply a:hover { color: #0790c8; } .training td { padding: 10px 0; } .training td:first-of-type { text-align: right; padding-right: 20px; } .training td:last-of-type { text-align: center; padding-left: 20px; } .training p { text-align: right; margin-top: 60px; } .members, .convention, .springbreak { margin: 60px 0 50px; } .members iframe { width: 100%; height: 56vw; max-height: 280px } .members h2, .springbreak h2, .convention h3 { font-size: 32px; } .members h2 a { color: #0790c8; } .members p, .convention p, .springbreak p { font-size: 20px; } .members img { float: left; margin-right: 18%; } .springbreak img { float: left; margin-right: 80px } .members h2 { margin-top: 0; } .members p:last-of-type { text-align: right; margin-top: 60px; } .members i, .members h2 a:hover, .training table a:hover, .convention h2 a:hover { color: #333; } .carousel { height: 130px; overflow: hidden } .logos { padding: 20px 0; background-color: #eee; } .logos img { padding: 15px 40px 30px; max-height: 100px; max-width: 300px } .logos p { text-align: center; } .logos a { font-size: 24px; color: #333; margin-top: 20px; } aside { display: none; width: 15%; background-color: rgba(0,0,0,.6); } aside li { list-style-type: none; font-size: 17px; font-weight: bold; } aside li a { display: block; text-align: center; padding: 20px 10px; color: #bbbdbf } aside li a:hover { background-color: #fff; color: #bbbdbf; } aside .fa, aside img { display: block; margin: 0 auto 5px } aside .fa-4x { width: 87.5px; height: 68px } aside .fa-5x { width: 109.25px; height: 85px } section li { margin: 5px 0 5px 20px; } .nolist li { list-style-type: none; margin: 5px 0; } .halfCol, .library #tabs ul, .library #tabs div { width: 49%; } .triCol { width: 33%; } .table { display: table; width: 100%; } .table > div { display: table-cell; position: relative; vertical-align: top; } .table.half > div { width: 49%; } .table.half > div:nth-of-type(odd) { padding-right: 1%; } .table.half > div:nth-of-type(even) { padding-left: 1%; } .table.third > div:nth-of-type(1) { padding-right: 1%; } .table.third > div:nth-of-type(2) { padding-left: .5%; padding-right: .5% } .table.third > div:nth-of-type(3) { padding-left: 1%; } .grid { display: grid; grid-gap: 10px } .grid.third { grid-template-columns: 1fr 1fr 1fr } .grid.half { grid-template-columns: 1fr 1fr } .grid.twothirds { grid-template-columns: 2fr 1fr } .btn { display: inline-block; width: 100%; max-width: 370px; font-size: 32px; text-align: center; background-color: #0790c8; color: #fff; padding: 20px 0; outline: none; border: none; } .btn:hover { background-color: #555; color: #fff; cursor: pointer; } .btnStyle1 { display: inline-block; font-size: 32px; text-align: center; border: 3px solid #0790c8; color: #0790c8; padding: 20px 40px; margin: 40px 0; } .btnStyle1:hover { border: 3px solid #555; color: #555; } .btnStyle2 { display: inline-block; font-size: 18px; background-color: #0790c8; color: #fff; margin-right: 2%; padding: 10px 20px; } .btnStyle2:hover { color: #fff; background: #555; } .testimonials { padding: 40px 10px; } .testimonials p { max-width: 550px; font-size: 24px; font-weight: 300; text-align: center; margin: 10px auto 20px; } .testimonials span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; display: block; margin-top: 10px; } .testimonials hr { width: 50%; border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px auto; } .about > div:nth-of-type(odd) { background: #e5e6e7; } .aboutcontain div:nth-of-type(1) { vertical-align: middle; } .aboutcontain h2 { text-align: left; font-size: 50px; font-weight: bold; line-height: 51px; margin: 0 auto; width: 49%; } .valueList li { list-style-type: square; } .team { padding: 0 10px } .team p { text-align: center; } .team h2 { font-size: 50px; font-weight: bold; } .aboutteam { padding: 3% 0; } .aboutteam div:nth-of-type(1) { vertical-align: middle; } .aboutteam > div p { text-align: left; } .aboutteam > div p:nth-of-type(2) { color: #0790c8; } .aboutteam > div p:nth-of-type(3) { font-size: 20px; } .aboutteam > div p:nth-of-type(4) { color: #666666; } .aboutteam a, .individual a { color: #0790c8; } .aboutteam p:last-of-type { text-align: right; } .aboutteam a:hover, .individual a:hover { color: #bbbdbf; } .aboutteam img { width: 70%; border-radius: 50%; } .individual { padding: 0 10px } .individual h2 { font-size: 50px; font-weight: bold; text-align: center; } .individual .wrap > p:nth-of-type(1) { color: #0790c8; text-align: center; } .individual img { width: 40%; border-radius: 50%; } .team strong { font-size: 21px; } .alerts h2 { font-size: 32px; color: #333; margin-bottom: 5px; } .alerts h3 { font-weight: bold; font-size: 28px; color: #0790C8; text-transform: uppercase; } .recording { font-weight: bold; font-size: 28px; color: #0790C8; text-transform: uppercase; font-family: 'Abel', calibri, sans-serif; text-align: left; } .alerts > div { margin-bottom: 50px; } .alerts > div.ads { margin-bottom: 0; } .alerts .ads img { object-fit: fill; width: 380px; height: 360px; margin: 10px 20px 20px 0; box-shadow: 3px 3px 5px rgba(0,0,0,.3); } .alerts .ads .btnStyle2 { margin-bottom: 20px; } .alerts .new { background-color: #ddd; } .alerts .new a { display: block; padding: 20px; } .alerts .new .imgLeft { margin-top: 30px; } .alerts .new h3, .alerts .new h4 { text-align: center; } .alerts .new h3 { font-size: 32px; color: #000; margin-bottom: 0; } .alerts .new h4 { font-size: 59px; color: #0790c8; margin: 0; } .alerts img { width: 100%; max-width: 600px; margin: 0 auto } .alerts img.fullwidth { max-width: 100%; } .live-classes img { margin: 0 auto 0 0; } .live-classes { text-align: left; } .newads img { margin: 10px 0; box-shadow: 5px 5px 10px #ddd; } .tagbta { height: 549px; width: 435px; display: inline-block; } .more { font-size: 24px; text-align: center; margin-top: 40px; } .more a { color: #333; } .more i { margin-top: -20px; } .library #tabs ul li a { color: #333; display: block; padding: 15px 20px; } .library #tabs .ui-tabs-nav li a:hover, .library #tabs .ui-tabs-nav li a:focus { background-color: #fafafa; color: #0790c8; } .library #tabs li a:focus { outline: none; } .library #tabs div ul { width: 90%; margin: 30px 0 30px 10%; } .library #tabs div li a { color: #0790c8; } .library #tabs div li a:hover { color: #555; } .library #tabs #tabs-11 li { margin-bottom: 5px; } .library #tabs #tabs-11 li a { padding: 0; } .library li { list-style-type: none; font-size: 24px; } .sort { font-size: 18px; font-weight: bold; padding: 0; text-align: left; } .sort li { margin: 0 10px; } .sort li:first-of-type { margin-left: 5px; } .sort li a { padding: 10px; } .find .btn { width: 75%; padding: 5px 0; margin-bottom: 30px; } .find .btn i { font-weight: bold; color: rgba(0,0,0,.2); vertical-align: middle; margin-right: 20px; } .find .member { font-size: 0; } .find .member a { display: block; margin-bottom: 20px; } .find .member a:hover span { color: #0790c8; } .find .member a img { width: 33%; margin-right: 2%; } .find .member a > div { width: 60%; margin-left: 5%; } .find .member h2 { font-size: 40px; color: #333; margin: 0; } .find .member p { font-size: 20px; color: #717171; } .find .more { margin-top: 50px; } .internal h1:first-of-type, .parts h1:first-of-type { font-size: 50px; margin: 20px 0 0; } .internal h1:first-of-type + h2, .parts h1:first-of-type + h2 { font-size: 32px; color: #717171; margin-top: 0; display: block; } .pad { padding-left: 10px; padding-right: 10px } .partners p, .partners > div:last-of-type a:hover { color: #333; } .partners > div { padding: 10px; } .partners > div:last-of-type { padding-top: 0; } .partners > div a { display: block; margin-bottom: 20px; } .partners > div a:hover span { background-color: #555; } .partners > div:last-of-type a { color: #0790c8; margin-bottom: 0; } .partners > div:first-of-type { background-color: #eee; margin-top: 60px; } .partners > div .logo, .partners > div h3 { width: 30%; margin: 0 1% 0 2%; } .partners > div:last-of-type .logo, .partners > div:last-of-type h3 { width: 25%; font-size: 24px; text-align: center; } .partners > div p { width: 40%; color: #333; padding: 5px 2% 5px 3%; border-left: 2px solid #717171; } .partners > div:last-of-type p { width: 64%; padding-right: 0; } .partners > div span { width: 16%; font-size: 18px; background-color: #0790c8; color: #fff; padding: 10px; } .partners .more a, .videos .more a { color: #bbbdbf; } .atka div { border: 1px solid; border-color: #4ED6BE; border-radius: 15%; } .atka svg { margin: 0 40%; padding-top: 20px; } .atka p { margin: 5px 43px 15px; } .table.half.cont > div:first-of-type { padding: 0 10px } .table.half.cont > div:last-of-type { padding: 0 } .cont iframe { width: 100%; height: 300px } .small { font-size: small; } .getPrStarted { width: 65%; margin-top: 30px; margin-left: auto; margin-right: auto; } .getPrStarted ul li { list-style-type: decimal; } .press a, .pr .cta a:hover { color: #0790c8; } .prVidPlay { padding: 20px; background: #eee; } .prVidPlay div:nth-of-type(2) { vertical-align: middle; } .view { text-align: left; } .pr img { margin-top: 20px; box-shadow: 5px 5px 10px rgba(0,0,0,.2); } .pr .cta h3, .pr .cta p, .pr .button { text-align: center } .pr .cta h3 { font-size: 32px; } .pr .cta p { font-size: 20px; } .pr .cta p, .pr .cta a { color: #717171; } .pr .cta a { display: inline-block; margin: 0 5px; } .pr .button { margin-top: 100px; } .pr .button a { font-size: 24px; color: #0790c8; border: 2px solid #0790c8; padding: 30px 50px; } form { margin: 40px 0; text-align: left; } form input { font-family: 'Merriweather', serif; font-size: 15px; } #search { text-align: left; } #search label { font-size: 32px; font-weight: bold; vertical-align: middle; margin: 0 10px 0 5px; } #search input[type=search] { width: 83%; height: 25px; border: #fff; border-bottom: 1px solid #bbbdbf; } form .grid { grid-gap: 0 20px } .apply, .questions { background-color: #0790c8; padding: 40px 0; } .apply h2 { font-size: 87px; text-align: center; color: #fff; margin: 50px 0 0 0px; } .apply h3 { width: 35%; font-size: 36px; line-height: 1.25; padding: 100px 40px; margin: 0 auto; background-color: #0790c8; color: #fff; } .apply h3 span { display: block; font-size: 19px; line-height: 1.25; color: #045e83; margin-top: 10px; } .apply a { background-color: #555; max-width: 550px; display: inline-block; font-size: 32px; font-weight: bold; color: #fff; padding: 20px; margin: 40px 0; border: 3px solid #555; } .apply a:hover { border: 3px solid #bbbdbf; } .apply a:hover i { border: 2px solid #bbbdbf; } .apply i { margin-right: 5px; padding: 4px 10px 4px 15px; border: 2px solid #fff; border-radius: 100px; } .learnmore { background-color: #0790c8; padding: 40px 0; } .learnmore h2 { font-size: 87px; text-align: center; color: #fff; margin: 50px 0 0 0px; } .learnmore a { background-color: #555; width: 42%; display: inline-block; font-size: 32px; font-weight: bold; color: #fff; padding: 20px; margin: 40px 0; border: 3px solid #555; } .learnmore a:hover { border: 3px solid #bbbdbf; color: #bbbdbf; } .learnmore a:hover i { color: #bbbdbf; } .questions h2, .questions p { text-align: center; } .questions h2 { font-size: 50px; color: #fff; } .questions p { display: inline-block; font-size: 36px; margin-top: 0; } .questions p:first-of-type { line-height: 1; padding-right: 40px; margin-right: 40px; border-right: 2px solid #bbbdbf; } .questions a { color: #bbbdbf; } .questions a:hover { color: #fff; } footer { background: #111; } footer .wrap { padding: 40px 10px; } footer, footer a { color: #666; } footer a:hover { color: #bbbdbf; } footer .halfCol { font-size: 18px; font-weight: bold; margin-bottom: 40px; } footer .halfCol:last-of-type p { text-align: right; } footer ul { padding: 0; } footer li { list-style: none; } footer .center { font-weight: bold; } footer .a8bmark { display: inline-block; vertical-align: middle } footer img { margin: 20px; opacity: .5; } footer img:hover { opacity: .8; } .social { text-align: right; } .social li { display: inline-block; } .social a { display: inline-block; width: 28px; height: 28px; margin-left: 5px; } .blog { background: url(/images-design/social.png) no-repeat 0 0; } .facebook { background: url(/images-design/social.png) no-repeat -30px 0; } .twitter { background: url(/images-design/social.png) no-repeat -60px 0; } .linkedin { background: url(/images-design/social.png) no-repeat -90px 0; } .gplus { background: url(/images-design/social.png) no-repeat -120px 0; } .membership { display: block; background-color: #bbbdbf; background-image: url(/images-design/member-bg.jpg); background-size: cover; background-position: center; padding: 20px 0 } .membership a { display: inline-block; text-align: center; background-color: #555; color: #fff; font-weight: bolder; font-size: 20px; padding: 15px; max-width: 300px; } .membership a:hover { background-color: #0790c8; color: #fff; } .membership iframe { width: 100%; height: 56vw; max-height: 570px; } .membership p.center { margin-bottom: 0 } form { margin: 20px 0; } form input[type=password], form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form textarea, form input[type=number], form input[type=url], form input[type=date], select { font-family: 'Open Sans',sans-serif; font-size: 14px; } form input[type=password], form input[type=text], form input[type=email], form input[type=tel], form input[type=number], form input[type=url], form input[type=date], form textarea { display: block; width: 100%; background-color: #f3f3f3; padding: 0 15px; margin-bottom: 20px; border: none; box-sizing: border-box } form input[type=password], form input[type=text], form input[type=email], form input[type=tel], form input[type=number], form input[type=url], form input[type=date], select { height: 45px; } form textarea { height: 200px; padding: 15px; } select { display: block; width: 100%; background-color: #f3f3f3; padding: 0 15px !important; margin-bottom: 20px; border: none; box-sizing: border-box } select { color: #777777; } select option:checked { color: #eee; } form input[type=date] { width: auto; display: inline-block; } .calendar button, form button, form input[type=submit], button.smallbtn, input[type=button] { font-weight: bold; background: #0790c8; color: #fff; padding: 15px 30px; border: none; border-radius: 2px; } form button:hover, form input[type=submit]:hover, button.smallbtn:hover, input[type=button]:hover { color: #fff; background: #555; cursor: pointer; } form .error, .red { color: red; } #success-tagline { font-size: 36px; } .dtable { display: table; width: 100%; font-size: 13px; box-sizing: border-box } .dtable * { box-sizing: border-box } .dtable > div { display: table-row; } .dtable .header { font-weight: bold; } .dtable > div > div { display: table-cell; background-color: #f4f4f4; border: 1px solid #fff; padding: 2px; } .dtable > div > div:first-of-type { word-break: break-word } .dtable .day { display: none; } .dtable a { color: #333; } .calendar .live { background-color: #c7cdff; } .calendar .remote { background-color: #dfffd9; } .calendar .partner { background-color: #f0ff66; } .calendar .live, .calendar .remote, .calendar .legend, .calendar .partner { padding: 0.5em; margin-bottom: 1em; } .calendar a .time { font-weight: bolder; display: block; } .calendar span.legend { padding-left: 0; } .calendar h1 + p > span { white-space: nowrap; display: inline-block; font-size: 17px } .dtable h4 { text-align: center; } .info, .info2 { padding-left: 10px; padding-right: 10px } .grid.event { grid-template-columns: 1fr 240px 1fr; grid-gap: 5px 20px } .calendar .dtable > div > div:first-child, .calendar .dtable > div > div:nth-child(7) { display: none; } .calendarMonth { display: flex; background-color: #0790c8; border-radius: 2px; justify-content: stretch; height: 45px } .calendarMonth select { border: 0; color: #fff; font-weight: bold; background-color: #0790c8; flex: 1; text-align: center; display: block; padding: 5px 20px; } .calendarMonth select:first-of-type { flex: 1 } .calendarMonth select:last-of-type { flex: 0 0 90px } .calendarMonth select * { padding: 5px; height: 20px; display: block !important; line-height: 20px } .calendar .dtable { margin: 1em 0; } .invis { display: none !important; } #member-search .results li { color: #bbbdbf; } #member-search .results li a { color: #333; } #map-canvas { width: 100%; height: 300px; } .gallery.mail a { display: inline-block; width: 50%; } .gallery.mail a img { width: calc(100% - 10px); max-width: 100%; margin: 0 5px 40px; } .gallery.trifold a { display: inline-block; width: 50%; } .gallery.trifold a img { width: calc(100% - 10px); max-width: 100%; margin: 0 5px 40px; } .marketing-team img { border-radius: 50%; } .marketing-team { background-color: #eee; padding: 10px; } .email-marketing h1 { font-size: 60px; } .fineprint { font-size: small; } .campaigns a { display: block; border-bottom: 2px solid #eee; padding-bottom: 30px; margin-bottom: 100px } .campaigns a:last-of-type { border: none } .campaigns img { width: 60%; display: inline-block; vertical-align: middle; margin-right: calc(40% - 145px); } .campaigns a span { display: inline-block; margin: 12px 0; width: 120px; background-color: #0790c8; padding: 10px; color: #eee; } .campaigns a:hover span { background-color: #555; } .campaigns h2:nth-of-type(1) { margin-top: 15px; } .important { font-weight: bold; color: #991212; } .campaign { display: inline-block; width: 20%; margin: 5px; } .campaign img { width: 90%; height: 75%; } .campaign span { display: block; font-size: 0.8em; } .preview { width: 100%; height: 750px; } .alerts-ads ul { list-style: none; padding-left: 0px; } .alerts-ads li { margin: 20px auto 40px auto; } .alerts-ads img { display: block; margin: 1em auto; box-shadow: 5px 5px 5px #eeeeee; border: none; } #member-details dt { font-weight: bold; } #member-details dd { margin: 0 0 10px 0; } #member-details img { max-width: 300px; display: block; margin: 10px; } #partner { text-align: left; } #partner img.partnerLogo { margin: 10px 0 0 0; max-width: 50%; } .program h5 { font-size: 18px; margin: .833em 0 } .program table a:hover { color: #0790c8 } .partnercontacts { display: flex; align-items: stretch; gap: 10px; } .partnercontact p { margin: 0; } .partnercontact h4 { margin: 0 0 5px 0; border-bottom: 1px solid #777; padding: 0; font-weight: bold; } .partnercontact { border: 1px solid #777777; padding: 20px 40px; } .red-sg { color: #892123 !important } .sg-h2 { color: #fff !important; background-color: #892123; font-size: 30px !important; padding: 5px 5px 5px 5px } #library ul, #press-releases ul { list-style: none; } #recent table { width: 100%; display: block; border-collapse: collapse; } #recent table td, #recent table th { padding: 10px; border-bottom: 1px solid #e9e9e9; } #registrations div { text-align: left; } .dtable > div { padding-top: 5px; padding-bottom: 5px } .dtable > div > div { padding: 10px } #registrations div h2, #registrations div h3, #registrations div h4 { font-weight: bold; margin-bottom: 0; } #registrations div label { display: block; margin: 5px 0; } #registrations div label span { display: inline-block; width: 30%; } #registrations div label input, #registrations div label textarea, #registrations div label select { display: inline-block; width: 60%; padding: 5px; border-radius: 5px; outline: none; border: 1px solid #aaa; } #registrations div label.cr-cc-expiration select { width: 20% } #registration-details .dtable > div { display: table-row-group; padding: 2px 0; } #registration-details .dtable > div:nth-of-type(even) { background-color: #ddd; } #registration-details .dtable > div:nth-of-type(odd) { background-color: #f4f4f4; } #registration-details .dtable > div > div { display: table-row; background-color: inherit; } #registration-details .dtable > div > div > div { display: table-cell; vertical-align: middle; } #registration-details .confirm-number { width: 6em; } #classes .radiobtn select { display: inline-block; width: auto } #classes .radiobtn { margin-left: 15px; margin-right: 15px; white-space: nowrap } #classes .grid.course { grid-template-columns: 100px 1fr; align-items: baseline; } .info p { text-align: center; } #registrations.smaller { font-size: 0.75em; } .reports { margin-top: 1em; } .error, .red { color: #e33; } .hide { display: none; } .text-news p, .text-news h2 { text-align: center; } .text-news.new a { padding: 0; display: inline-block; } .text-news { padding: 20px; } .text-news h2 { color: #0790c8; } .text-news h2 span { font-size: 24px; } .text-news .lightbox-link { max-width: 75%; } #training-classes { border-collapse: collapse; width: 100%; font-size: 14px; } #training-classes td, table #training-classes th { border: 1px solid #ddd; padding: 8px; } #training-classes tr:nth-child(even) { background-color: #f2f2f2; } #training-classes tr:hover { background-color: #ddd; } #training-classes th { padding: 12px; text-align: left; background-color: #0790c8; color: #fff; } #alertTable { margin: 0 auto; width: 100%; border-collapse: collapse; } #alertTable th { background: #0790c8; color: #fff; } #alertTable th, #alertTable tr td { padding: 5px 10px; border: 1px solid #333; text-align: center; } .admintable table td, .admintable table th { padding: 0 5px; } .admintable td { border-right: 1px solid #eee; } .admintable table { border-collapse: collapse; } .admintable tr:nth-child(even) { background: #f4f4f4; } .border { border: 4px solid #eee; padding: 20px 40px; margin-top: 30px; } .border strong { color: #ed1b23; } .books a { display: block } .books div p { text-align: center; min-height: 130px; } .books img { max-height: 200px; max-width: 200px; display: block; margin: 0 auto; } .imagit { border-collapse: collapse; border: 1px solid #eee } .imagit th { background-color: #0790C8; color: #fff; border: 1px solid #0790C8 } .imagit th, .imagit td { padding: 5px 10px } .imagit tr:nth-of-type(even) { background-color: #eee } .imagit tr td:nth-of-type(3) { white-space: nowrap } .imagit td { border-bottom: 1px solid #eee } .imagit td:first-of-type { border-left: 1px solid #eee } .imagit td:last-of-type { border-right: 1px solid #eee } .imagit td:nth-of-type(2), .imagit td:nth-of-type(3) { text-align: center } #intro + img { max-width: 300px } .videos, .pr { padding-left: 20px; text-align: left; } .videos > ul, .pr > ul { list-style-type: none; } .videos li, .pr li { margin: 8px 0 8px 40px } .videos h4, .pr h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px } .videos ul h3, .videos ul h4, .pr ul h3, #press-releases ul li span, .ugBtn { margin: 0; padding: 8px 16px; border-radius: 5px; background-color: #068FC7; color: #fff; display: inline-block; min-width: 180px; box-shadow: 2px 2px 4px #000; margin-top: 8px; background-image: linear-gradient(135deg,#068FC7,#068FC7,#BBBDBF ); border-top: 1px solid #666; border-left: 1px solid #666 } #bulk-webinar-start { text-align: left; } #press-releases ul li span { margin-bottom: 10px; } #press-releases li:hover { cursor: pointer } .videos ul h5 { margin: 0 } .videos ul h3:hover, .videos ul h4:hover, .pr ul h3:hover { cursor: pointer } .videos ul ul, .pr ul ul { display: none } .videos ul ul ul ul, .videos iframe { display: block } .campaign-examples img { max-width: 500px; margin-bottom: 50px; } .width250 { max-width: 250px; } .tac h2 { text-align: center; font-weight: bold; font-size: 40px } .tac h3 { text-align: center; font-weight: bold; font-size: 24px; margin: 0 } .tac img { display: block; margin: 5px auto; max-height: 300px } .tac img:nth-of-type(odd) { max-height: 200px; max-width: 300px; } .tac img:nth-of-type(even) { border-radius: 500px; width: 300px; height: 300px; border: 1px solid #ddd } .tac ul { padding: 0; } .tac li { display: inline-block; vertical-align: middle; margin: 5px; line-height: 1 } .tac li:nth-of-type(2) { border-color: #0790c8; border-width: 2px; border-style: none solid; padding: 0 10px } #bulk-webinars li { list-style-type: none; margin: 20px 0; } #bulk-webinars label { display: grid; grid-template-columns: 80px 1fr; } #bulk-webinars label span { align-self: center; } #bulk-webinars label span:nth-of-type(2) { color: #717171; } #bulk-webinars label span:nth-of-type(2) strong { color: #000; display: block; } .prWrapper { display: grid; grid-template-columns: 350px 1fr; } .prWrapper div { align-self: flex-start; } #class-full { display: none; } .solutions-granted { border-collapse: collapse; width: 100%; font-size: 14px; } .solutions-granted td, table #training-classes th { border: 1px solid #ddd; padding: 8px; } .solutions-granted tr:nth-child(even) { background-color: #f2f2f2; } .solutions-granted tr:hover { background-color: #ddd; } .solutions-granted th { padding: 12px; text-align: left; background-color: #0790c8; color: #fff; } .previous-classes { margin-bottom: 20px; } #watchguard-internal header { width: 100%; } #watchguard-internal header img { padding: 10px 20px; display: inline-block; width: 250px; } #watchguard-internal nav ul { text-align: center; } #watchguard-internal header { margin: 0; padding: 0; } #watchguard-internal nav { background-color: #0790C8; } #watchguard-internal nav a { color: #fff; } #watchguard-internal nav { width: 100%; padding: 0; margin: 20px 0 0 0; } #watchguard-internal nav ul { margin: 0; padding: 10px 0; } #watchguard-internal dt { font-weight: bold; } #watchguard-internal dd { margin: 0 0 60px 0; } #watchguard-internal .bannerInterior { margin-bottom: 80px; } #watchguard-internal footer { margin-top: 100px; } .wg-images img { height: 160px; display: inline-block; margin: 0 20px; } .wg-requirements li { margin-bottom: 50px; } .liongard-list li { list-style-image: url(/images-content/arrow-right.png); } .liontable { width: 100%; margin-bottom: 20px } .bgblue { background-color: #002060; color: #fff; } .liontable th, .liontable td { text-align: center; } .bgyellow:nth-of-type(odd) { background-color: #FEEFBE; } .bgyellow:nth-of-type(even) { background-color: #FFE599; } .liontable strong { font-size: 22px; } .ninja { border-collapse: collapse; width: 100%; font-size: 14px; } .ninja table td { border: 1px solid #ddd; padding: 8px; } .ninja tr:nth-child(even) { background-color: #f2f2f2; } .ninja tr:hover { background-color: #ddd; } .ninja th { padding: 12px; text-align: left; background-color: #00A6CE; color: #fff; } .hire { border-collapse: collapse; width: 100%; font-size: 14px; } .hire table td { border: 1px solid #0f0000; padding: 8px; text-align: left; padding-left: 100px; } .hire tr:nth-child(odd) { background-color: #acaabe; } .hire tr:hover { background-color: #d2c5e2; } .hire th { padding: 12px; text-align: center; background-color: #ddd; border: 1 px solid black; } .tableh { height: 70px; text-align: center; } .lime { color: #3e7708; } .regadmin-company { margin: 5px; padding: 0 10px; } .regadmin-company:nth-child(even) { background-color: #aaa; } .regadmin-company h2 { font-weight: bold; margin: 0; padding: 0; font-size: 24px; } .regadmin-company-details { padding: 5px; } .regadmin-attendees { padding: 5px; } .flex { display: flex; } .flex.row { flex-direction: row; flex-wrap: wrap; } @media(max-width:999px) { .convention img, .springbreak img { float: none; margin: 12px auto; display: block; width: 100% } .convention h2, .convention p, .springbreak h2, .springbreak p { text-align: center !important } .grid.books { grid-template-columns: repeat(2,1fr) } .calendar h1, .calendar h1 + p { padding: 0 10px } } @media(max-width:700px) { .training img { float: none; margin: 12px auto; display: block; } .training p { text-align: center } .table.half, .table.half > div { display: block; padding: 0 !important; width: auto; } .members .table > div:last-of-type { padding: 0 10px !important } .members p:last-of-type, .headsoc ul { text-align: center } .headsoc { padding: 20px 10px; } .members iframe { max-height: none } header, nav { display: block; width: auto } nav ul, nav ul:first-of-type li { text-align: center } .about h2 br { display: none } .about h2 { text-align: center } .about .table { padding: 20px 10px 10px !important } .cont h3, .cont address, .cont p { text-align: center; padding: 0 10px } .box { max-width: 500px; display: inline-block; } .tac li:first-of-type { display: block; text-align: center } .tac li:nth-of-type(2) { border-style: none solid none none } .campaign { width: calc((100% / 3) - 10px - .25em); } .campaign img { width: 100% } #ads { text-align: left } } @media(max-width:600px) { .partners > div h3, .partners > div p, .partners > div span { display: block; width: auto !important; margin: 12px auto; } .partners > div p { border: none; padding: 0 } .partners > div a { border-top: 2px solid #000; padding: 10px 0 } .flyerShow:hover .flyer { display: none !important; } } @media(max-width:500px) { .dtable, .dtable > div, .dtable > div > div, #registration-details .dtable, #registration-details .dtable > div, #registration-details .dtable > div > div, #registration-details .dtable > div > div > div { display: block; } .dtable > div > div { width: 100% !important } .dtable .header, .dtable .empty, #registration-details .dtable .header { display: none; } .dtable .day { display: inline; } .calendar h4 { font-size: 18px; margin: 10px 0 } .grid.event { grid-template-columns: 260px; margin: 0 auto; width: 260px; } .calendar h1 + p { margin-bottom: 5px } .calendar h1 + p > span { display: block; width: 240px; margin: 5px auto !important; text-align: center; padding: 8px 10px !important; } #map-canvas { float: none; } .mission { width: auto; margin-top: 0 } footer .wrap { padding-bottom: 20px } footer .halfCol { display: block; width: auto; margin: 12px auto } footer ul, footer li, footer p { text-align: center !important } footer img { margin-top: 30px } .questions { padding-left: 10px; padding-right: 10px } .questions p { border: none !important; margin: 20px auto !important; text-align: center; padding: 0 !important } .campaigns img { width: auto } .campaigns img, .campaigns span { display: block; } .box p { padding: 0 3%; display: inline-block; } .tac li { border: none !important; display: block; text-align: center; line-height: 1.4 } .blogs .posts .postThumbnail { float: none; margin: 0 -10px; max-width: calc(100% + 20px); width: calc(100% + 20px) } .grid.half { grid-template-columns: 1fr } } @media(max-width:400px) { #recent td:last-of-type, #recent th:last-of-type { display: none } .campaign { width: calc(50% - 10px - .25em); } .grid.twothirds { grid-template-columns: 1fr } }