img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { min-width: 320px; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 16px; background-color: #111; color: #333; line-height: 1.5; text-align: center; } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; } h1, h2, h3, h4, h5, h6 { line-height: 1.4; color: #03254b; } body, .top ul, nav ul { padding: 0; margin: 0; } img, iframe { max-width: 100%; height: auto;} a img, iframe { border: none; } iframe { aspect-ratio: 16 / 9; } a, .top a:hover, .positions a:hover p, .contact a:hover, .sidebar li a:hover, .sidebar > div:nth-of-type(3) a:hover h3, footer a:hover, .subfoot a:hover { text-decoration: none; color: #ca0619; transition: ease-out 0.3s; } a:hover { text-decoration: underline; transition: ease-in 0.3s; } header a:hover, .banner a:hover, .sidebar > div:nth-of-type(3) a:hover, .btn:hover, .services a:hover, .career:hover, .positions a:hover, footer a:hover { text-decoration: none; } hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; } .imgLeft, .imgRight { max-width: 50%; } .imgLeft { float: left; margin: 5px 4% 1% 0; } .imgCenter { display: block; margin: 40px auto; } .imgRight { float: right; margin: 5px 0 1% 4%; } .clear { clear: both; } .center { text-align: center; } .hide { display: none !important; } .mobile-subnav { display: none } .nowrap, a[href^=tel] { white-space: nowrap; } .container { background-color: #fff; } .wrap { max-width: 1200px; display: block; margin: 0 auto; position: relative; } .table { display: table; width: 100%; } .table > div, .content, .sidebar { display: table-cell; vertical-align: top; } .table.half > div { width: 50%; } .table.half > div:first-of-type { padding-right: 4%; } .table.half > div:last-of-type { padding-left: 4%; } .table.third > div { width: 33%; } .table.third > div:nth-of-type(1) { padding-right: 4%; } .table.third > div:nth-of-type(2) { padding: 0 2%; } .table.third > div:nth-of-type(3) { padding-left: 4%; } .table.quad > div { width: 25%; } .grid { display: grid } .grid.third { grid-template-columns: repeat(3,1fr) } .grid.quad { grid-template-columns: repeat(4,1fr) } header .table > div, .cta .table > div, .testimonials p, .subfoot li { vertical-align: middle; } .top li, nav li, .testimonials p, .subfoot li { display: inline-block; } blockquote { padding: 20px 0 30px 30px; margin: 1em 30px; border-left: 10px solid #ae1927; font-size: 125% } section blockquote h1, section blockquote h2, section blockquote h3, section blockquote h4 { padding: 0; margin: 10px 0 } header { width: 100%; position: fixed; z-index: 999; font-size: 18px; font-weight: bold; background-color: rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(0,0,0,.2); transition: all 1s ease-in; } header .table > div:first-of-type { width: 250px; padding: 10px 10px 5px; text-align: left; } header .table > div:last-of-type { width: calc(100% - 270px); text-align: right; } .top { background-color: #111; } .top .table.half > div { width: 50%; padding: 0; } .top li { border-right: 1px solid #ae1927; } .top li:last-of-type { border: none; } .top a { color: #fff; padding: 5px 10px; } .top a, .top ul ul li { display: block; } .top ul ul { display: none; position: absolute; top: 37px; right: 0; z-index: 999; width: 295px; background-color: #ae1927; box-shadow: 0 0 10px rgba(0,0,0,.1); } .top ul ul li { border: none; } .top ul ul ul { width: 320px; top: 0; left: -320px; } .top ul ul li:nth-of-type(2) ul { top: 47px; } .top ul ul li a { padding: 10px; } .top ul ul li a:hover { background-color: #111; color: #fff; } .top ul li:hover > ul { display: block; z-index: 999; } nav a { color: #333; padding: 10px 0; margin: 0 10px; display: block; border-bottom: 3px solid transparent } nav a:hover { border-bottom-color: #ae1927; } .banner .down { display: none; position: absolute; bottom: 0; left: calc(50% - 32px); z-index: 888; font-size: 50px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.5); align-self: flex-end; animation-duration: 2s; animation-iteration-count: infinite; margin: 0 auto; transform-origin: bottom; animation-name: bounce; animation-timing-function: ease; } @keyframes bounce { 0% { transform: translateY(0); } 10% { transform: translateY(0); } 30% { transform: translateY(-50px); } 50% { transform: translateY(0); } 57% { transform: translateY(-5px); } 64% { transform: translateY(0); } 100% { transform: translateY(0); } } .banner { background-image: url(/images-design/banner-default.jpg); background-size: cover; background-position: 55% center; position: relative; background-color: rgba(0,0,0,.4); background-blend-mode: color; padding: 0 10px } .banner p { font-size: 20px; color: #fff; margin: 0; text-shadow: 1px 1px 1px #000, -1px -1px 1px #000 } .banner strong { display: block; font-size: 50px; line-height: 1.2; margin-bottom: 20px; } .banner .wrap { top: 75%; transform: translateY(-75%); padding: 0 } .banner .main { font-size: 20px; text-align: left; } .banner .main .wrap { top: 50%; transform: translateY(-50%); } .banner .main strong, .banner .main strong span { display: block; } .banner .main strong { font-size: 65px; line-height: 1; color: #111; margin-bottom: 20px; } .banner .main strong span { color: #ae1927; } .banner .main em { font-style: normal; font-weight: bold; margin: 0 15px; padding: 5px 0; border-width: 2px; border-color: #111; border-style: solid none; } .banner .main a { min-width: 270px; display: inline-block; font-size: 16px; font-weight: bold; text-align: center; background-color: rgba(6,45,89,.9); color: #fff; padding: 15px; margin-top: 30px; border-radius: 4px; } .banner .main .testim { padding: 30px 15px; margin-top: 60px } .banner .main a:hover { background-color: rgba(174,25,39,.9); } .banner .default { height: 800px; } .banner .thanks { height: 300px; } .banner .main .grid { grid-template-columns: 690px 1fr } .about { margin: 100px 0 300px; } .aboutBkg { height: 680px; background-image: url(/images-design/bg-about.jpg); background-repeat: no-repeat; padding: 5px 60px 40px; } .about h1 { color: #111; } .about h1, .about .table.quad p { text-align: center; } .about h1 em, .about .table.quad p, .red, .sidebar i, .career i, .career:hover span, .qualifications i, .testimonials i { color: #ae1927; transition: ease-in .3s; } .about h1 { font-size: 90px; line-height: 1.3; margin-bottom: 20px; } .about h1 span { display: block; font-size: 32px; font-weight: normal; } .about h1 span:before, .about h1 span:after { content: ""; height: 1px; width: 180px; background-color: #333; position: absolute; top: 100px; } .about h1 span:before { left: 60px; } .about h1 span:after { right: 60px; } .about h1 em { font-style: normal; } .about p { font-size: 18px; } .about img { border-radius: 100%; box-shadow: 0 10px 15px rgba(0,0,0,.2); } .about .table.quad { margin-top: 40px; } .about .table.quad p { font-size: 22px; margin-top: 10px; font-size: 16px; } .about .table.quad strong { display: block; color: #333; } .sidebar { width: 25%; } .sidebar > div { background-size: cover; background-position: center; margin: 30px 0; } .sidebar div.looking, .sidebar div.impacts { background-image: url(/images-design/bg-sidebar.jpg); color: #fff; padding: 10px 20px 30px; margin: 0 0 20px 0; } .sidebar div.looking h2, .sidebar div.impacts h2 { color: #fff; } .sidebar div.latest h2 { font-size: 21px; margin-top: 40px; } .sidebar div.latest h3, .sidebar h2 { color: #333; } .sidebar .contactthem a { border: 1px solid red; padding: 20px; display: block; background-color: #ebf5ff } .sidebar h2, .sidebar h3, .sidebar p { text-align: center; } .sidebar h3 { font-size: 16px; font-weight: normal; margin: 0 0 30px; } .sidebar p { font-size: 18px; } .sidebar .btn { width: 100%; margin: 10px 0; } .sidebar iframe { width: 100%; max-height: 150px; } .sidebar ul { list-style: none; padding: 0; margin-bottom: 40px; } .sidebar li a { display: block; color: #333; padding: 10px 0 5px 30px; border-top: 1px solid #eee; position: relative; } .sidebar i { margin-right: 10px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .sidebar .post p { text-align: left; font-size: 16px; } .content { width: 75%; padding-right: 5%; } section, footer .bg { padding: 40px 0 50px; } section h1, section h2, section h3, section h4, section h5, section h6, section p { padding-left: 10px; padding-right: 10px } section h1 { font-size: 26px; } section h2 { font-size: 24px; } section h3 { font-size: 22px; } section h4 { font-size: 20px; } section strong { font-size: 17px; } section ul { padding-left: 35px; } section li { margin: 5px 15px 5px 0; } .training-videos .grid > div { align-self: end; } .training-videos h3 { font-size: 18px; margin-bottom: 10px; } .training-videos iframe { width: calc(100% - 20px); height: 54vw; max-height: 225px; margin: 0 10px; } .btn { display: inline-block; min-width: 250px; font-size: 20px; text-align: center; background-color: #ae1927; color: #fff; padding: 10px 0; margin-top: 20px; border-radius: 4px; border-bottom: 3px solid #941521; } .btnStyle2 { display: inline-block; font-size: 20px; text-align: center; color: #fff; padding: 10px 20px; margin-top: 20px; border-radius: 4px; background: linear-gradient(to left, #ca0619 50%, #083a73 50%); background-position: right bottom; background-size: 200% 100%; transition: all ease .3s; } .btnStyle2:hover { background-position: left bottom; text-decoration: none; } .btnStyle3 { display: inline-block; font-size: 20px; text-align: center; color: #fff; padding: 10px 20px; margin-top: 20px; border-radius: 4px; background: linear-gradient(to left, #083a73 50%, #ca0619 50%); background-position: right bottom; background-size: 200% 100%; transition: all ease .3s; } .btnStyle3:hover { background-position: left bottom; text-decoration: none; } .career { display: block; font-size: 24px; font-weight: bold; background-color: #011830; color: #fff; padding: 50px; margin-top: 40px; position: relative; } .career i { font-size: 24px; position: absolute; left: 1px; top: 50%; transform: translateY(-50%); } .career span { transition: ease-out .3s } .qualifications { list-style: none; padding: 0; } .qualifications i { margin-right: 5px; vertical-align: middle; } .positions { margin-top: 40px; } .positions > div { background-image: url(/images-design/bg-career.jpg); background-size: cover; background-position: top; outline: 5px solid #fff; } .positions a { display: block; height: 145px; padding: 10px 20px 20px; background-color: rgba(0,0,0,.5); background-blend-mode: color; } .positions h2, .positions p, .contact h2, .contact h3 { color: #fff; } .positions h2, .positions p { text-align: center; transition: ease-out 0.3s; } .positions i { margin-left: 10px; } .positions > div:last-of-type h2 { padding-top: 20px; } .services { margin-top: 50px; } .services .table > div { outline: 5px solid #fff; } .services .table > div:nth-of-type(1) { background-color: #ae1927; } .services .table > div:nth-of-type(2) { background-color: #0465b4; } .services .table > div:nth-of-type(3) { background-color: #01447a; } .services .table > div:nth-of-type(4) { background-color: #03254b; } .services .table > div:nth-of-type(5) { background-color: #111; } .services .table > div { width: 20%; } .services h2, .services h3 { text-align: center; } .services h2 { font-size: 26px; } .services h3 { font-size: 20px; font-weight: normal; color: #fff; } .services a { display: block; padding: 100px 0; } .testimonials { font-size: 0; } .testimonials > div { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .testimonials > div:last-of-type { border: none; } .testimonials h2 { font-size: 26px; } .testimonials p { font-size: 20px; } .testimonials p:first-of-type { width: 200px; padding-right: 20px } .testimonials p:last-of-type { width: calc(100% - 220px - 1px - 3%); padding-left: 3%; border-left: 1px solid #f5f5f5; } .testimonials span { display: block; font-size: 14px; margin-top: 20px; } .contact { font-size: 18px; } .contact > div, .contact > div a { color: #fff; } .contact > div { background-color: rgba(0,0,0,.75); padding: 20px 40px 40px; margin: 50px 0 40px; } .contact .table.quad { margin-top: 50px; } .contact h2, .contact h3 { font-size: 24px; } .contact h2 { width: 65%; text-align: center; background-color: #ae1927; padding: 10px 20px; margin: -50px auto 40px; } .contact p:last-of-type { margin-bottom: 100px; } .contact ul { list-style: none; padding-left: 40px; position: relative; } .contact li { margin-bottom: 15px; } .contact i { position: absolute; left: 0; font-size: 24px; color: #ae1927; } .learn-more { text-align: center; } .vidyard_iframe { padding-top: 10px; } .questions h2 span, .testimonials-home h2 span, .testimonials-home h2 span, .article-insights h2 span { font-size: 28px; font-weight: normal; display: inline-block; position: relative; } .questions h2 span:before, .questions h2 span:after, .testimonials-home h2 span:before, .testimonials-home h2 span:after, .article-insights h2 span:before, .article-insights h2 span:after { content: ""; position: absolute; height: 5px; top: 0.73em; border-top: 1px solid #333; width: 200px; } .questions h2 span:before, .testimonials-home h2 span:before, .article-insights h2 span:before { right: 100%; margin-right: 15px; } .questions h2 span:after, .testimonials-home h2 span:after, .article-insights h2 span:after { left: 100%; margin-left: 15px; } .questions { background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(246,254,255,1) 100%); } .questions .table { padding-top: 5%; } .questions, .testimonials-home, .confidenceTimeline, .weavesection { padding: 3%; } .questions h2, .testimonials-home h2, .article-insights h2 { text-align: center; font-size: 50px; line-height: 1.3; margin-bottom: 20px; color: #111; } .questions h2 em { font-style: normal; color: #ae1927; transition: ease-in .3s; } .questions .quescol div a { min-height: 450px; color: #fff; display: block; border-radius: 0 0 0 40px; } .slideLinkContainer { overflow: hidden; display: inline-block; height: 100px; } .slideLinkContainer p.slideLink { left: 15px; position: relative; transition: all 1s; } .slideLink span { display: inline-block; position: relative; } .slideLink span:before, .slideLink span:after { content: ""; position: absolute; height: 5px; top: 0.73em; border-top: 1px solid #337ab7; width: 50px; } .slideLink span:before { right: 100%; margin-right: 5px; } .slideLink span:after { left: 100%; margin-left: 5px; } .questions div div:nth-of-type(2) { padding: 0 !important; } .quescol { border-collapse: separate; border-spacing: 5px 0; } .quescol > div { display: table-cell; position: relative; } .questions .quescol div img { min-height: 50%; display: block; } .questions .quescol div a:hover { text-decoration: none; } .questions .quescol div a:hover .slideLink { left: -15px; } .questions .quescol div p { padding: 20px; } .questions .quescol div p { min-height: 150px; } .questions .quescol div:nth-of-type(1) a { background: #092f5b; } .questions .quescol div:nth-of-type(2) a { background: #000; } .questions .quescol div:nth-of-type(3) a { background: #ae1a28; } .confidenceTimeline, .weavesection { padding: 3% 0; background: url('images-content/gradient-bg-61.png') repeat; } .confidenceTimeline h2, .weavesection h2 { text-align: center; font-size: 43px; line-height: 1.3; margin-bottom: 20px; color: #111; } .confidenceTimeline h2 span, .weavesection h2 span { color: #ae1927; } .confidenceTimeline p { text-align: center; } .testimonials-home .table { padding-top: 5%; } .testimonials-home .third div div { background: #fff; box-shadow: 0 5px 45px -28px #000000; border-top: 1px solid #c9d2e3; padding: 30px; min-height: 300px; border: 2px solid #333; } .testimonials-home h2 em { color: #000; font-style: normal; } .testimonials-home h2 span em, .article-insights h2 span em { font-style: normal; color: #ae1927; } .testimonials-home h3 { display: block; min-height: 80px; font-size: 16px; } .testimonials-home i { color: #ae1927; } .article-insights .blogs .posts > div { background: #fff; box-shadow: 0 5px 45px -28px #000000; border-top: 1px solid #c9d2e3; border: 2px solid #333; padding: 0 0 20px; } .article-insights .blogs .post h3 { font-size: 16px; } .article-insights .blogs .post h3 a { color: #03254b; } .article-insights .blogs .post p:nth-of-type(3) a { display: inline-block; font-size: 20px; text-align: center; color: #fff; padding: 10px 20px; margin-top: 20px; border-radius: 4px; background: linear-gradient(to left, #083a73 50%, #ca0619 50%); background-position: right bottom; background-size: 200% 100%; transition: all ease .3s; } .article-insights .blogs .post p:nth-of-type(3) a:hover { background-position: left bottom; text-decoration: none; } .article-insights .posttags, .article-insights .postcats { display: none } .newsblog .posts { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px 20px } .newsblog .post > h2, section .post > h3 { grid-area: title } .newsblog .post > .postThumbnail { grid-area: img; height: 250px } .newsblog .post > p:nth-of-type(1) { grid-area: date } .newsblog .post > p:nth-of-type(2) { grid-area: p } .newsblog .post > p:nth-of-type(3) { grid-area: btn } .newsblog .post > .posttags { grid-area: tags } .newsblog .post > .postcats { grid-area: cats } .newsblog .post { display: grid; grid-template-areas: "img" "title" "date" "p" "btn"; grid-template-columns: 1fr } .newsblog .posttags, .newsblog .postcats { display: none; } .newsblog .post { position: relative; padding-bottom: 50px } section .postThumbnail { overflow: hidden } section .postThumbnail:empty { display: none } section .postThumbnail img { float: none; display: block; width: 100% !important; height: 100% !important; max-width: 100%; margin: 0; padding: 0; object-fit: cover; object-position: 50% 35% } .newsblog h3, .newsblog p { padding: 0 20px } .newsblog p { margin-top: 0 } .newsblog .postThumbnail { border-bottom: 2px solid #333; } .bg-light {background-color:#F1F4F5; border-radius: 20px; padding: 30px;} .grid.half{ grid-template-columns: repeat(2,1fr); } .grid.third { grid-template-columns: repeat(3,1fr); } .grid.fourth { grid-template-columns: repeat(4,1fr); } .grid.fifth { grid-template-columns: repeat(5,1fr); } .grid.nineth { grid-template-columns: repeat(9,1fr); } .grid.half>img{height:100%;object-fit:cover} .mid { align-items: center; align-self: center; } .iso {max-width: 800px; min-width: 200px; padding-top: 50px;} .checklist { list-style: none; text-align: center; } .checklist li { padding-left: 20px; position: relative } .checklist li:before, .ebook-wrap ul li:before { content: "\2713"; font-weight: bold; color:#ae1927; position: absolute; left: 0; top: 2px } .article-insights { padding: 3% 0; } .article-insights .table { padding-top: 5%; } .article-insights h2 span em { color: #ae1927; } .article-insights .table div { width: 90%; overflow: hidden; } .article-insights-container a { display: block; } .article-insights-container a:hover { text-decoration: none; } .article-insights-container a:hover img { transform: scale(1.3); transform-origin: 50% 50%; } .article-insights-container { background: #fff; box-shadow: 0 5px 45px -28px #000000; border-top: 1px solid #c9d2e3; border: 2px solid #333; } .article-insights-container h3 { display: block; min-height: 150px; font-size: 16px; padding: 0 20px; } .article-insights-container p { margin: 3%; } .article-insights-image { overflow: hidden; width: 100% !important; height: 150px; } .article-insights-image img { transition: transform .4s; } form { margin: 20px 0; } form .table.half > div:first-of-type { padding-right: 7px; } form .table.half > div:last-of-type { padding-left: 7px; } form .table.third > div:nth-of-type(1), form .table.third > div:nth-of-type(3) { padding: 0; } form .table.third > div:nth-of-type(2) { padding: 0 14px; } form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form label, form select, form textarea { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 16px; } form input[type=text], form input[type=email], form input[type=tel], form label, form select, form textarea { width: calc(100% - 40px); background-color: #f5f5f5; margin-bottom: 15px; padding: 0 20px; border: none; } form input[type=text], form input[type=email], form input[type=tel] { height: 50px; } form input[type=file] { margin-left: 10px; } form label { display: inline-block; text-align: left; padding: 13px 20px; } form select { width: 100%; padding: 14px 20px; } form textarea { height: 150px; padding: 20px; } form input[type=submit] { width: 100%; max-width: 300px; font-size: 18px; background-color: #ae1927; color: #fff; padding: 13px 0; border-top: none; border-left: none; border-right: none; border-bottom: 3px solid #941521; border-radius: 4px; transition: ease-out .3s; } form input[type=submit]:hover, .btn:hover { cursor: pointer; text-decoration: none; background-color: #083a73; color: #fff; border-top: none; border-left: none; border-right: none; border-bottom: 3px solid #062d59; transition: ease-in .3s; } .cta img { position: absolute; top: -55px; left: -370px; } .cta { background-image: url(/images-design/bg-cta.jpg); background-size: cover; padding: 55px 0; } .cta h2, .cta p { width: 85%; color: #fff; } .cta h2 { font-size: 32px; margin-bottom: 40px; } .cta p { font-size: 20px; text-align: center; padding: 20px 0; border: 3px solid #ae1928; } .cta .table > div:nth-of-type(1) { width: 26%; } .cta .table > div:nth-of-type(2), .cta .table > div:nth-of-type(3) { width: 38%; } .cta .table.half > div { width: 50% } footer, footer h3, footer a, .subfoot, .subfoot a { color: #fff; } footer .bg { background-color: rgba(255,255,255,.1); background-image: url(/images-design/bg-footer.png); background-position: center bottom; background-repeat: no-repeat; } footer .wrap { padding: 0 10px } footer h3 { font-size: 26px; } footer ul { list-style: none; padding-left: 0; } footer .bg a { display: block; padding: 6px 0 12px; border-bottom: 1px solid #3a4857; } footer .fa { font-size: 24px; margin-right: 10px; } footer .solnav li { } footer .grid { grid-template-columns: 1fr 1fr; grid-gap: 10px 20px } footer li { font-size: 16px; } footer .connecxt { margin-top: 28px } footer .connect a { padding: 22px 0; } .ccpaNotice { margin-top: 50px } .subfoot { padding-bottom: 30px; } .subfoot ul { padding: 0 } .subfoot p { width: 85%; text-align: center; margin: 40px auto; } .subfoot li { padding-right: 10px; border-right: 1px solid rgba(255,255,255,.2); vertical-align: middle } .subfoot li:last-of-type { border: none; } .subfoot a { padding: 10px; } .grid.locs { grid-gap: 20px } .footlocmob span { display: inline-block; width: 90px; overflow: hidden; vertical-align: bottom; } @media(max-width:999px) { .sb-widget.reviewsWidget .reviews .carousel-wrap { width: 260px !important } .testimonials-home h2, .article-insights h2 { padding: 0 } section ul, section ol { padding-left: 35px } .about h1 span:before, .about h1 span:after { display: none } .about bkg { height: auto } .article-insights .posts .post:nth-of-type(3), .article-insights .posts .post:nth-of-type(4) { display: none !important } .questions .table.half > div { display: block; width: auto } .questions .quescol div a, .questions .quescol div p { min-height: unset } .testimonials-home .third div div { padding: 30px 5% } .testimonials p:last-of-type { width: calc(100% - 220px - 1px - 3% - 20px); } .cta img, .cta .wrap > .table > div:first-of-type { display: none } .cta .wrap > .table > div { padding: 0 10px } .cta h2, .cta p { width: auto; padding: 0 } .cta span { display: block; padding: 10px } .mobile-subnav { display: block } .grid.locs { grid-template-columns: repeat(2, 1fr) } .top .table.half > div { padding: 0 !important } .top a { margin: 4px } .banner .main .grid { grid-template-columns: 1fr } .banner .main p { text-align: center } .banner .main .wrap { top: 65% } footer .bg .grid { grid-template-columns: 1fr } footer .grid.solnav { grid-template-columns: 1fr 1fr 1fr } footer .grid.footlocs { grid-template-columns: 1fr 2fr } footer .footlocmob { grid-template-columns: 1fr 1fr; display: grid; grid-gap: 10px 20px } } @media(max-width:767px) { header { position: relative } .banner .default { height: auto; padding: 100px 0 } .banner .wrap, .banner .main .wrap { top: unset; transform: none } .banner .main p:last-of-type { text-align: center; margin: 1em auto } .banner .main a { margin: 0 } .banner .main p:last-of-type em { display: block; border-style: none } a.down { display: none !important } .testimonials-home .table.third > div { display: block; width: auto; padding: 0 !important; margin: 1em auto; } .testimonials-home .table.third > div, .testimonials-home h3, .testimonials-home .third div div { min-height: unset } .services .table { display: flex; flex-wrap: wrap } .services .table div { flex: 1 1 50% } .services a { padding: 10px } .top li { display: block; border: none } .top .table.half > div:last-of-type li { text-align: right } .questions h2 span:before, .questions h2 span:after { display: none } .questions { border-top: 1px solid black; } .aboutBkg { height: auto; } .about { margin-bottom: 0 } .training-videos .grid { grid-template-columns: repeat(2,1fr) } .newsblog .posts { grid-template-columns: 1fr } .newsblog .postThumbnail, .article-insights .blogs .posts > div { border: none } .weave.grid.mid{ grid-template-columns: 1fr } .nineth {grid-template-columns: repeat(4,1fr) !important } .weavesection .grid {grid-template-columns: 1fr} .weavesection ul li, .weavesection p {text-align: center;} .checklist li:before {display: none;} } @media(max-width:700px) { .logo > div { display: block; width: auto !important; text-align: center !important; margin: 1em auto } .cta .wrap > .table > div { display: block; width: auto !important } .cta h2 { text-align: center } .about .table.half > div { display: block; width: auto; padding: 0 !important } .aboutBkg { padding: 5px 20px 40px } footer .grid.footlocs { grid-template-columns: 1fr } footer ul.connect { display: flex; flex-wrap: wrap; margin-right: -10px } footer .connect li { margin-right: 20px; flex: 1 0 175px } footer .connect a { padding: 20px 20px 20px 0 } } @media(max-width:600px) { .contact > div { padding: 20px 10px 40px } .content, .sidebar { display: block; width: auto } .content { padding: 0 0 40px } .testimonials p { display: block; width: auto !important; padding: 0 10px; border: none } .faces.table.quad > div { display: block; width: auto; padding: 0 !important; text-align: left; margin: 1em auto; max-width: 400px } .faces img, .faces p { display: inline-block; vertical-align: middle } .faces img { max-width: 200px } .questions .table { padding-top: 0 } .quescol > div { display: block; margin: 1em auto } .quescol img { width: 100%; object-fit: cover; height: 150px; object-position: center } .questions .quescol div p { padding: 0 20px } .slideLinkContainer { height: auto } .slideLink { margin: 0 } .questions .quescol div a { padding-bottom: 1em; border-radius: 0 40px } .quescol img { border-radius: 0 40px 0 0 } .questions .quescol div:nth-of-type(2) a { border-radius: 40px 0 } .quescol div:nth-of-type(2) img { border-radius: 40px 0 0 0 } .testimonials-home h2 span:after, .testimonials-home h2 span:before, .article-insights h2 span:after, .article-insights h2 span:before { width: 25vw } .about h1 { font-size: 18vw } .training-videos .grid { grid-template-columns: 1fr } .training-videos iframe { max-height: 338px; } section .blogs .postThumbnail { float: none; margin: 0; max-width: 100%; width: auto; height: 250px } footer .grid.solnav { grid-template-columns: 1fr 1fr } } @media(max-width:500px) { .faces img, .faces p { display: block; margin: 2em auto } .grid.locs { display: block } .locs ul { display: inline-block; width: 280px } h3.connect { margin-bottom: 0 } .subfoot li { text-align: center; display: block; border: none; margin: 8px 0 } .ccpaNotice, .top ul, .top li { text-align: center !important } section .table.half > div { display: block; width: auto !important; padding: 0 !important } .banner strong { font-size: 10vw } .banner .main strong { font-size: 12vw } .banner { background-position: 64% center } .testimonials-home h2 > em, .article-insights h2 > em { font-size: 9vw } .footlocmob a span { display: block; text-align: center; width: auto } .footlocmob a { text-align: center } } @media(max-width:400px) { .top .table.half > div { display: block; width: auto; } section .blogsidebar ul:first-of-type { grid-template-columns: 1fr !important } .solnav a { font-size: 15px } footer .sb-widget.Standard.reviewsWidget.CSAT, footer .sb-widget.reviewsWidget .reviews { width: 100% !important; max-width: 320px } }