@charset "UTF-8";
/*   
Theme Name: Swiss Theme by Rocquett 
Theme URI: http://rocquett.com
Author: Delwin Holeman
Author URI: http://rocquett.com
Description: Swiss Theme by Rocquett, created for CompanyName. For assistance contact <a href="https://rocquett.com">Rocquett Websites</a> | 706-338-1464 | <a href="mailto:help@rocquett.com">help@rocquett.com</a>
Version: 2.0

Common Breakpoints in order of most common to least - (percentage of market) from 
https://gs.statcounter.com/screen-resolution-stats/mobile/worldwide

Desktop  
1920 x 1080 (21%-D), 1366 x 768 (20%), 1536 x 864 (10%), 1440 x 900 (6%), 1280 x 720 (5%), 1600 x 900 (3%)

Tablet
768 x 1024 (42%), 1280 x 800 (7%), 800 x 1280 (6%), 601 x 962 (5%), 810 x 1080 (4%), 962 x 601 (4%)

Mobile
360 x 640 (11%), 414 x 896 (7%), 360 x 780 (6%), 375 x 667 (6%), 360 x 800 6%), 360 x 760 (5%)

Swiss Theme Breakpoints: 360, 601, 768, 1024, 1280, 1366, 1536, 1920, 2560;

COLORS - USE lowercase for letters
LOGO COLOR/S: #000
PRIMARY COLOR - Blue: #0465e5 RGB 4, 101, 229
SECONDARY COLOR -  Dark Blue: #022d66  RGB 2, 45, 102
TERTIARY COLOR: #e50465
LT GREY: #f5f5f5 RGB 245, 245, 245
MD GREY #6f6f6f RGB 111, 111, 111
DK GREY: #262626 RGB 38, 38, 38

Button color: #0465e5
Button hover color: #0158ca

Mobile menu background: RGB 2, 45, 102
Mobile menu background active: RGB 0, 52, 122

IE 10 and 11 hacks. Edit ".selector" with the style name
_:-ms-input-placeholder, :root .selector {}
*/

/* Use system font */
/*body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
}*/

/* Font sizing and div padding best practices 05-2019 - Pixels are fine according to https://hackernoon.com/rems-and-ems-and-why-you-probably-dont-need-them-664b9ce1e09f. */

/* RESET  ========================================================= */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
em,
img,
strong,
sub,
sup,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
embed,
footer,
header,
menu,
nav,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
footer,
header,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
em,
i {
  font-style: italic;
}
strong,
b {
  font-weight: bold;
}
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: none;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}
/* MODAL */
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}
.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* SCREENREADERS: https://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/ ========================= */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.screen-reader-text a:focus,
.screen-reader-text input:focus,
.screen-reader-text button:focus {
  position: static;
  width: auto;
  height: auto;
}

html,
body {
  /* overflow-x: hidden; */
}
html {
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
::selection {
  background: rgba(72, 72, 72, 0.99)
    /* Leave at .99 for browser (Chrome?) quirk */;
  color: #fff;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
html,
* {
  box-sizing: border-box; /* scroll-behavior: smooth; won't work with an offset that's needed on this site */
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  -webkit-tap-highlight-color: #ccc;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: acumin-pro, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 300;
  color: #333;
}

main {
  flex: 1 0 auto;
}

/* LINKS ==================================================================================================== */

a:focus {
  outline: none;
}
a {
  text-decoration: none;
}
a:active {
  outline: none;
}
a:focus {
  -moz-outline-style: none;
}

a:link {
  color: #0050c7;
}

a:visited {
  color: #0050c7;
}

a:hover {
  color: #0144a8;
  border-bottom: 1px solid #0144a8;
}

a.noborder {
  border-bottom: none !important;
}

.phone a {
  color: #fff !important;
}

a.white {
  color: #ccc !important;
}

a.white:hover {
  color: #ccc !important;
  border-bottom: 1px solid #ccc !important;
}

a.white:hover {
  color: #fff !important;
}

.four-columns p.smalltext a {
  font-size: 16px;
}

a.smalllink {
  font-size: 10px;
  text-transform: uppercase;
}

/* DISPLAY/HIDE, MAIN STRUCTURE ============================================================================= */

.hide,
.hidemobile,
.pagenav,
.abovetopnav,
.mega-content,
.single .mega-content,
.blog .mega-content,
.category .mega-content,
.main-nav-ul {
  display: none;
}

#maincontent {
  z-index: 1;
}

header {
  z-index: 2;
  height: 110px;
}

.home header {
  z-index: 2;
  height: 110px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
}

.page-template-pageNoImage header,
.error404 header,
.blog header,
.archive header,
.single header {
  background: none;
}

.page-template-pageNoImage
  #mega-menu-wrap-primary
  .mega-menu-toggle
  .mega-toggle-block-1:after,
.page-template-pageNoImage
  #mega-menu-wrap-primary
  .mega-menu-toggle
  .mega-toggle-block-1:after,
.error404 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after,
.blog #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after,
.archive #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after,
.single #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
  color: #000 !important;
}

#mega-menu-wrap-primary {
  clear: none !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
  margin: 10px 0 0 5px !important;
}

/*  TYPOGRAPHY AND ALIGNMENT  =============================================================================== */

p,
blockquote,
ol,
ul {
  margin-bottom: 25px;
}

p.largetext {
  font-size: 24px;
}

p.nopad {
  margin: 0;
}

.single .post-text-wrapper p,
.single .post-text-wrapper ul,
.single .post-text-wrapper ol {
  font-size: 23px;
  line-height: 1.5em;
}

.single .post-text-wrapper h3 {
  padding-top: 20px;
}

footer p,
address p,
#above-topnav p {
  margin-bottom: 0;
}

p.smalltext {
  font-size: 16px !important;
}

p.greytext {
  color: #575757;
}

p.wp-caption-text {
  font-size: 14px;
}

.section-content img,
.wp-caption {
  max-width: 100% !important;
  height: auto !important;
}

p img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

.alignleft {
  float: left;
  margin: 0 50px 30px 0;
}

.alignright {
  float: right;
  margin: 0 0 30px 50px;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}
.clearfloat {
  clear: both;
  float: left;
}

p.all-cap-eyebrow {
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
  letter-spacing: 0.4em;
  font-size: 16px;
  margin-left: 0;
  margin-bottom: 13px;
}

hr, .wp-block-separator {
  height: 1px;
  border: 0;
  margin: 30px 0;
  background: #999;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  padding-left: 2px;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ol,
ul {
  padding: 0 0 0 22px;
}

ul.nobullet {
  list-style: none;
  padding-left: 0;
}

.screenshotlist ul {
  border-bottom: 2px solid #cfcfcf;
  max-width: 60%;
  padding-bottom: 18px;
}

ol ol,
ul ul {
  padding: 10px 0 0 22px;
  margin-bottom: 0;
}

ol li,
ul li {
  padding: 0 0 10px 0;
}

/*ol li:last-child, ul li:last-child {
	padding: 0;
}*/

ol ol li:last-child,
ul ul li:last-child {
  padding-bottom: 0;
}

ul {
  list-style: square;
}

ul ul {
  list-style: disc;
}

ul.linklist {
  list-style: none;
  padding: 0;
}

ul.linklist li {
  margin: 10px 0 10px;
  border-bottom: 1px solid #efefef;
  padding: 10px 0 20px;
  font-size: 83%;
  line-height: 1.5;
}

svg#rocquett-logo {
  fill: #fff;
}

footer svg#rocquett-logo {
  fill: #fff;
}

.photo-bio {
  width: 100%;
  margin-bottom: 50px;
  float: left;
}

.photo-bio img,
.photo-bio p {
  padding-top: 40px;
  float: left;
}

.photo-bio p {
  padding-left: 20px;
  padding-top: 50px;
}

.photo-bio p span {
  display: block;
}

/* SECTION PADDING & MARGIN OPTIONS ====================================================== */

.wedocs-breadcrumb,
.wedocs-entry-footer,
.post-5167 .entry-header,
.post-5167 .article-child,
.docs-template-default .above-footer,
.article-child.well h3 {
  display: none !important;
}

.wedocs-single-wrap .wedocs-single-content {
  padding: 0 80px 0 80px !important;
}

.wedocs-doc-nav {
  margin-bottom: 260px;
}

.wedocs-sidebar .widget-title {
  font-size: 1.4rem;
  padding-left: 10px !important;
}

.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list > li.current_page_item > a {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.wedocs-single-wrap .wedocs-sidebar ul.doc-nav-list li a {
  border-bottom: none !important;
}

.wedocs-single-content h1.entry-title {
  font-size: 3.4rem;
  line-height: 1.2;
}

header.entry-header {
  height: auto !important;
  padding-bottom: 40px;
  border-bottom: 3px solid #000;
  margin-bottom: 40px;
}

article a.wedocs-print-article {
  top: auto !important;
  bottom: 90px !important;
}

.type-docs .subhead {
  padding-bottom: 60px !important;
}

.section-padding-top-40 {
  padding-top: 40px;
}

.section-margin-top-40 {
  margin-top: 40px;
}

.section-padding-bottom-40 {
  padding-bottom: 40px;
}

.section-margin-bottom-40 {
  margin-bottom: 40px;
}

.section-padding-top-60 {
  padding-top: 60px;
}

.section-margin-top-60 {
  margin-top: 60px;
}

.section-padding-bottom-60 {
  padding-bottom: 60px;
}

.section-margin-bottom-60 {
  margin-bottom: 60px;
}

.section-padding-top-80 {
  padding-top: 80px;
}

.section-margin-top-80 {
  margin-top: 80px;
}

.section-padding-bottom-80 {
  padding-bottom: 80px;
}

.section-margin-bottom-80 {
  margin-bottom: 80px;
}

.section-padding-top-100 {
  padding-top: 100px;
}

#overview.section-padding-top-100 {
  padding-top: 40px;
}

.section-margin-top-100 {
  margin-top: 100px;
}

.section-padding-bottom-100 {
  padding-bottom: 100px;
}

.section-margin-bottom-100 {
  padding-bottom: 100px;
}

.section-padding-top-120 {
  padding-top: 120px;
}

.section-margin-top-120 {
  padding-top: 120px;
}

.section-padding-bottom-120 {
  padding-bottom: 120px;
}

.section-margin-bottom-120 {
  margin-bottom: 120px;
}

.border-bottom .section-content {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 100px;
}

.page-article .wp-block-heading, .page-article p, .wp-block-button, .wp-block-columns {
  padding-left: 2%;
  padding-right: 2%;
}

.page-article .wp-block-separator {
  margin-left: 2%;
  margin-right: 2%;
}

.border-top .section-content {
  border-top: 1px solid #cfcfcf;
  padding-top: 100px;
}

#wordpress-hosting.border-bottom .section-content {
  border-bottom: none;
}

#casestudies,
#training {
  clear: both;
}

.training img {
  clear: both;
  float: left;
  padding-bottom: 90px;
  margin-left: 60px;
}

/* BOLD NUMBER OL - if bold numbers not desired remove the next four styles ================================== */

ol {
  padding: 0;
  counter-reset: item;
}

ol ol {
  padding-left: 0;
}

ol ol li:before {
  content: counters(item, ".") " " !important;
}

ol li {
  margin: 0;
  padding: 0 0 10px 28px;
  text-indent: -20px;
  list-style-type: none;
  counter-increment: item;
}

ol li:before {
  display: inline-block;
  width: 20px;
  padding-right: 10px;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

ol li:first-child:before {
  padding-right: 13px;
}

/* ICONS ================================== */

a svg.icon-arrow,
.theme-link svg.icon-arrow {
  fill: #1c77ff;
}

svg.icon-arrow-right,
svg.icon-arrow-left {
  fill: #fff;
}

.icon-arrow-right,
.icon-arrow-left {
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  text-align: center;
  transition: right ease 0.25s;
}

.page-numbers .icon-arrow-right,
.page-numbers .icon-arrow-left {
  width: 10px;
  height: 10px;
}

.icon-arrow-left {
  transform: rotate(180deg);
}

.ql-choices a:hover {
  border-bottom: none;
  align-content: ;
}
.icon-circle {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  text-align: center;
  background-color: #bbb;
}

.content-start-arrow {
  border-radius: 50%;
  border: 1px solid rgba(165, 165, 165, 0.5);
  width: 46px;
  height: 46px;
  bottom: 25px;
  position: absolute;
  right: 30px;
}

.icon-chevron-bottom {
  width: 34px;
  height: 34px;
  position: relative;
  top: 5px;
  display: block;
  margin: 0 auto;
  transition: top ease 0.25s;
}

.icon-chevron-bottom:hover {
  top: 8px;
}

footer a .icon-arrow-right,
.learn-more a .icon-arrow-right,
.quicklaunch-websites-mega a .icon-arrow-right,
.theme-link a .icon-arrow-right,
.nav-mega-column-2 a .icon-arrow-right,
#stats a .icon-arrow-right,
a .onetime-details .icon-arrow-right,
.ql-choices li a .icon-arrow-right {
  width: 12px;
  height: 10px;
  margin-left: 0;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}

#stats a .icon-arrow-right,
a .onetime-details .icon-arrow-right {
  width: 14px;
  height: 12px;
}

.nav-mega-column-2 a .icon-arrow-right,
.ql-choices li a .icon-arrow-right {
  width: 19px;
  height: 17px;
}

.learn-more a .icon-arrow-right {
  margin-bottom: 1px;
}

.learn-more a {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: -3px;
  margin-bottom: 40px;
  display: block;
}

footer a:hover .icon-arrow-right,
.learn-more a:hover .icon-arrow-right,
.quicklaunch-websites-mega a:hover .icon-arrow-right,
.theme-link a:hover .icon-arrow-right,
.nav-mega-column-2 a:hover .icon-arrow-right,
#stats a:hover .icon-arrow-right,
a:hover .onetime-details .icon-arrow-right,
.ql-choices li a:hover .icon-arrow-right {
  margin-left: 4px;
  opacity: 1;
}

a.white svg.icon-arrow {
  fill: #ccc;
}

a.white:hover svg.icon-arrow {
  fill: #fff;
}

a.white .icon-arrow-right {
  width: 12px;
  height: 10px;
  margin-left: 4px;
  text-align: center;
  opacity: 1;
}

/* BUTTONS  ================================================================================= */

.button a,
.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"],
.wp-block-button a {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0!important;
  background-color: #19a730;
  text-align: center;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1em;
  color: #fff;
  transition: background 75ms linear 0s;
  padding: 8px 22px 8px;
  letter-spacing: -0.03em;
  margin-top: 33px;
  border-bottom: none !important;
}

.wp-block-button.project a {
  margin-top: 0;
}

.button a:hover, 
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="button"]:hover,
.wp-block-button a:hover {
  background-color: #0d8f22;
}

.button.multiple.pad a {
  margin-top: 70px;
}

.site-footer .gform_wrapper form {
  display: flex;
}

.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"] {
  margin-top: 10px;
  border: none !important;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
}

.gform_page_footer {
  position: relative !important;
}

img.gform_ajax_spinner {
  position: absolute !important;
  top: 17px !important;
  right: 10px;
  width: 35px !important;
  height: auto;
  opacity: 0.5;
}

.icon-time {
  width: 24px;
  height: 24px;
  display: block;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  fill: #fff;
  float: right;
  margin-left: 30px;
}

ul.button-choice {
  margin: 0;
  padding: 0;
  background-color: #19a730;
  width: 460px;
  font-size: 24px;
  height: 47px;
  line-height: 42px;
  font-weight: 500;
  margin-top: 42px;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

ul.button-choice:hover {
  width: 1120px;
}

ul.button-choice li a {
  color: #fff;
  display: block;
  border-bottom: none !important;
  padding-left: 40px;
  height: 47px;
}

ul.button-choice li {
  display: block;
  transition-duration: 0.25s;
  margin: 0;
  padding: 0;
  position: relative;
}

ul.button-choice li:hover,
ul.button-choice li:focus-within {
  cursor: pointer;
}

ul.button-choice li:focus-within a {
  outline: none;
}

ul.button-choice li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0 0 15px;
  left: 0;
  width: 1120px;
  background-color: #ededed;
  column-count: 3;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

ul.button-choice li:hover > ul,
ul.button-choice li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul.button-choice li ul li {
  width: 100%;
  display: inline-block;
}

ul.button-choice li ul li a {
  color: #333;
  height: 47px;
  padding-top: 1px;
}

ul.button-choice li ul li a:hover {
  background-color: #fff;
}

ul.button-choice li.right-arrow::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 11px solid #fff;
}

ul.button-choice li.right-arrow:hover::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #fff;
}

.designtheme-block-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.designtheme-block-right ul li {
  border-bottom: 1px solid #cfcfcf;
  padding: 5px 0;
}

.designtheme-block-wrapper a {
  width: 100%;
  height: auto;
  cursor: pointer;
  border-bottom: none;
}

.designtheme-block-wrapper .button a {
  width: auto;
  margin-top: 0;
  margin-bottom: 25px;
}

.designtheme-block-wrapper .price-demo {
  float: right;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.03em;
}

.designtheme-block-wrapper .price-demo span {
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
  letter-spacing: 0;
}

a.content-start-arrow {
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.35);
  width: 46px;
  height: 46px;
  bottom: -60px;
  position: absolute;
  left: 0;
}

#maincontent a.content-start-arrow:hover {
  border: 2px solid rgba(255, 255, 255, 0.4) !important;
}

.icon-chevron-bottom {
  width: 35px;
  height: 35px;
  position: relative;
  top: 4px;
  left: 1px;
  display: block;
  margin: 0 auto;
  transition: top ease 0.25s;
  fill: #fff;
}

.icon-chevron-bottom:hover {
  top: 7px;
}

/* HEADINGS ===============================================================================================  */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800;
  color: #000;
  line-height: 1.35;
  font-family: acumin-pro-wide, sans-serif;
  letter-spacing: -0.03em;
}

h1 {
  font-weight: 800;
  font-size: 44px;
  padding: 0;
  line-height: 0.95em;
  color: #000;
}

.home h1 {
  font-weight: 800;
  font-size: 44px;
  padding: 0;
  line-height: 0.95em;
  color: #fff;
}

h1.small,
h1.smallmobile {
  font-size: 29px;
}

.page-template-pageNoImage h1 {
  line-height: 1.15em;
}

h1 span {
  color: #19a730;
}

h1 span.break {
  color: #fff;
}

h1 span.for-biz {
  font-size: 30px;
  display: block;
}

.page-template-pageNoImage h1,
.blog h1,
.single h1,
.archive h1,
.error404 h1 {
  color: #000;
  background-color: #fff;
}

.cs-heading-bg h1 {
  font-size: 32px;
  padding: 0;
  line-height: 1em;
  color: #fff;
  font-weight: 700;
}

.post-article h1 {
  color: #333;
  font-weight: 800;
  margin: 0;
  font-size: 30px;
  line-height: 1.3em;
  padding: 0 0 40px 0;
}

.post-article h1.blog-name {
  font-size: 60px;
}

.cat-description {
  color: #222;
  font-size: 26px;
}

.banner-section .subheading {
  font-size: 24px;
}

h2.subhead {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  padding: 25px 0 0;
  line-height: 1.4em;
  font-family: acumin-pro, sans-serif;
}

h2.subhead.lesspad {
  padding: 5px 0 0;
}

.page-template-pageNoImage h2.subhead,
.blog h2.subhead,
.single h2.subhead,
.archive h2.subhead,
.error404 h2.subhead {
  color: #333;
  padding: 40px 0 0;
}

.ql-left {
  float: left;
  width: 25% !important;
}

.ql-right {
  float: left;
  width: 25% !important;
  margin-left: 50px;
  margin-top: -67px;
}

.banner-section .subheading em {
  font-size: 15px;
  text-shadow: 5px 0 20px #000;
}

.above-heading-uppercase {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.09em;
  font-weight: 700;
  color: #5f5f5f;
  line-height: 1.25;
  padding-bottom: 10px;
}

.banner-section.noimage h1 {
  padding: 50px 0 0;
}

.banner-section.noimage h1:before {
  display: none;
}

h2 {
  font-size: 32px;
  padding: 0 0 30px;
  letter-spacing: -0.03em;
}

.category h2 {
  font-size: 66px;
  padding: 0 0 10px;
}

.category h2 span {
  font-size: 16px;
  text-transform: uppercase;
  color: #575757;
  letter-spacing: 0.06em;
}

h3 {
  font-size: 22px;
  padding: 0 0 30px 0;
}

.four-columns h3 {
  padding-bottom: 15px;
}

.single h3 {
  font-size: 24px;
}

.post-content-card-layout h3 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  font-family: acumin-pro, sans-serif;
}

.modal h3 {
  padding-bottom: 15px;
}

h4 {
  font-size: 24px;
  padding: 0 0 25px 0;
}

.theme-link h4 {
  padding: 0 0 9px 0;
}

.collapse-set h4 {
  font-size: 19px;
}

h5 {
  font-size: 18px;
  padding: 0 0 25px 0;
}

h6 {
  font-size: 16px;
  padding: 0 0 15px 0;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* MOBILE ADJUSTMENTS */

.video-wrapper {
  top: 0;
  left: 0;
  height: 500px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

video#bgvid {
  position: absolute;
  z-index: 0;
  height: 100%;
}

.video-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0.85) 40%,
    rgba(0, 0, 0, 0)
  );
  z-index: 2;
}

.four-columns,
.referral-top {
  margin-top: 50px;
}

.referral-top .span8-12 {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #cfcfcf;
}

.home .four-columns {
  margin-top: 90px;
}

.home .four-columns {
  margin-top: 90px;
}

.gform_required_legend {
  display: none;
}

/* CITY BANNERS ========================================== */

.city-banner h1 {
  color: #000;
  display: inline;
  font-size: 82px;
}

.city-banner h1 span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 8px 30px 11px;
  margin-top: 3px;
  color: #000;
}

.city-banner h1 span.city-name-header {
  font-size: 18px;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1px 30px 3px;
}

.city-banner .subheading {
  font-weight: 600;
}

.city-banner .subheading span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 6px 30px 7px;
  margin-top: 3px;
}

.city-banner .subheading {
  margin-top: 13px;
}

#rocquett-athens-map,
#rocquett-atlanta-map,
#rocquett-greenville-map,
#rocquett-three-map {
  width: 100%;
  height: 570px;
}

#rocquett-athens-map .gm-svpc div,
#rocquett-atlanta-map .gm-svpc div,
#rocquett-greenville-map .gm-svpc div,
#rocquett-three-map .gm-svpc div {
  height: 40px;
  width: 20px;
}

.map-heading-wrapper {
  margin-top: -510px;
  position: absolute;
  padding: 0 4%;
  z-index: 999;
}

/* BLOCKQUOTE AND QUOTE ============================================================= */

blockquote {
  float: right;
  width: 45%;
  padding: 25px 0 25px 0;
  margin: 25px 0 0 45px;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-style: italic;
  border-top: 5px solid #cfcfcf;
}

.single .post-text-wrapper blockquote p {
  font-size: 28px;
  padding-left: 0 !important;
}

.quote {
  padding: 70px 0 8px 0;
  background-color: #f9f9f9;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(249, 249, 249, 1) 100%
  );
}

.quote-text {
  font-size: 32px;
  line-height: 1.6em;
  padding: 10px 0 45px 15px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: capitolium-2, "Georgia", serif;
  font-weight: 300;
  background: url(images/quote.png) no-repeat top left;
}

.quote-author {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  word-spacing: 0.4em;
  font-weight: 700;
  text-align: center;
}

.quote-author:before {
  content: "";
  margin: 0 auto 40px auto;
  display: block;
  height: 4px;
  width: 100%;
  background-color: #bbb;
}

.quote-business-name {
  display: block;
  font-weight: 400;
  padding-top: 10px;
}

.serif-text {
  font-size: 30px;
  line-height: 1.6em;
  padding: 10px 0 0 0;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: capitolium-2, "Georgia", serif;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.2em;
}

/* SECTION ADJUSTMENTS ================================================================ */

.flexible-section,
.two-column-footer,
.abovefooter,
.banner-section.noimage {
  padding-right: 3%;
  padding-left: 3%;
}

.flexible-section.fullwidth {
  padding-left: 0;
  padding-right: 0;
}

.flexible-section.fullwidth .section-content {
  max-width: 100%;
}

.section-content {
  margin: 0 auto;
}

#faq.flexible-section {
  background-color: #f9f9f9;
  padding-top: 100px;
  padding-bottom: 100px;
}

#shopifypartner.flexible-section {
  background-color: #f9f9f9;
  padding-top: 100px;
  padding-bottom: 100px;
}

/* ABOVE TOPNAV & ABOVE HEADER ============================================================= */

.above-header {
  background-color: #efefef;
  color: #575757;
  text-align: center;
  font-weight: 700;
  padding: 3px 0;
  font-size: 14px;
}

.above-header p {
  margin: 0;
  padding: 0;
}

/* MOBILE AND MAIN NAV STYLES ===================================================================== */

a.logo {
  float: left;
  padding: 18px 35px 9px 35px;
  border-bottom: none !important;
  text-align: center;
  background-color: #19a730;
  margin: 13px 0 4px;
  color: #000;
}

ul.main-nav-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  clear: both;
  background-color: #f9f9f9;
}

ul.main-nav-ul li {
  display: block;
  float: left;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

body.noimage ul.main-nav-ul li a {
  color: #000;
}

body.noimage .smallnav ul.main-nav-ul li a {
  color: #fff;
}

/* BANNER ========================================================================= */

.banner-content-wrapper {
  padding: 0 10px 25px 12px;
  display: flex;
}

.banner-heading-wrapper {
  flex: 2;
  position: relative;
}

/* Form Chooser */

ul#form-choices {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.form-choice-wrapper,
.gform-body {
  padding-top: 5px;
}

.form-choice-label {
  font-weight: 700;
}

ul#form-choices li {
  list-style: none;
  flex: 1;
  padding: 0;
  margin-bottom: 10px;
}

ul#form-choices li a {
  display: block;
  cursor: pointer;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  text-align: left;
  color: #555;
  border-bottom: none;
  margin: 10px auto;
  padding: 6px 0 7px 59px;
}

#form-choices li a.inactive {
}

ul#form-choices li a:hover,
#form-choices li a.inactive:hover {
  color: #333;
}

ul#form-choices .form-gchoice {
  width: 100%;
  position: relative;
  display: flex;
  position: relative;
  float: left;
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #f7f7f7;
  border-radius: 8px;
  margin: 0;
  -webkit-transition: all 0.2s linear;
}

ul#form-choices .form-gchoice:hover {
  background: #ebebeb;
}

ul#form-choices .form-gchoice .radiocheck {
  display: block;
  position: absolute;
  border: 1px solid #afafaf;
  background-color: #fff;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  top: 19px;
  left: 20px;
  z-index: 5;
  transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
  background-color: #004c7f;
}

ul#form-choices .form-gchoice .radiocheck {
  background-color: #fff;
}

ul#form-choices .form-gchoice:hover .radiocheck {
  border: 1px solid #004c7f;
}

ul#form-choices .form-gchoice .radiocheck::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
}

.button.restart {
  z-index: 999999999;
  position: relative;
}

.banner-section .button.restart a {
  padding: 0px !important;
  margin-top: 0 !important;
  margin-left: 0;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  bottom: -15px;
  text-align: right;
  font-size: 11px !important;
  background-color: transparent !important;
  color: #fff !important;
  width: auto !important;
  transition: all 0.2s linear;
}

.banner-section .button.restart a:hover {
  color: #19a730 !important;
  border-bottom: none;
}

/* TESTIMONIAL  ================================================= */

.testimonial-section {
  padding: 120px 0 0;
}

.testimonial-section .section-content {
  padding-bottom: 90px;
  border-bottom: 1px solid #cfcfcf;
}

.strong-view.wpmtst-default .wpmtst-testimonial-field {
  text-align: left !important;
}

.wpmslider-viewport {
  padding: 0 !important;
  margin-top: 17px !important;
}
.wpmslider-controls a:hover {
  border-bottom: none !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial {
  border: none !important;
}

.testimonial-inner {
  font-weight: 300 !important;

  color: #000 !important;
  padding: 30px 30px 0 !important;
  border-radius: 10px !important;
  position: relative !important;
  quotes: "\201C""\201D""\2018""\2019" !important;
}

.testimonial-inner::before {
  content: open-quote;
  margin: 0 0 0 20px !important;
  font-weight: bold !important;
  font-size: 150px !important;
  color: #efefef !important;
  position: absolute !important;
  top: -50px !important;
  left: -19px !important;
  z-index: -1 !important;
}

.testimonial-inner:after {
  content: close-quote; /* required to show opening double quote */
  visibility: hidden;
}

.testimonial-name {
  font-style: italic !important;
  font-weight: normal !important;
  font-size: 20px !important;
  text-align: left !important;
  padding-top: 25px !important;
  padding-bottom: 0 !important;
}

.testimonial-company {
  font-size: 16px !important;
}

.testimonial-name:before {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 16px;
  right: 8px;
  margin-top: -2px;
  margin-left: 8px;
}

.wpmslider-controls {
  font-size: 10px !important;
  font-weight: bold !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
}

.wpmslider-controls .wpmslider-prev,
.wpmslider-controls .wpmslider-next {
  padding: 5px 10px !important;
}

.wpmslider-controls a {
  color: #cfcfcf !important;
}

.strong-view.controls-type-sides:not(.rtl) .wpmslider-prev {
  left: -110px !important;
}
.strong-view.controls-type-sides .wpmslider-prev,
.strong-view.controls-type-sides .wpmslider-next {
  top: calc(50% - 64px) !important;
}

.strong-view.controls-type-sides:not(.rtl) .wpmslider-next {
  right: -110px !important;
}

/* GRAVITY FORMS PRICE QUOTE STYLES */

.banner-form-heading {
  background-color: #43488b;
  padding: 20px 0 20px 40px;
  font-size: 32px;
  color: #fff;
  font-family: acumin-pro-wide, sans-serif;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
}

.banner-form-wrapper {
  flex: 1;
  background-color: rgba(255, 255, 255, 0.97);
  border-radius: 8px;
  box-shadow: 0 10px 40px -10px rgb(0, 0, 0, 0.2);
  border-collapse: separate;
}

.banner-form-content {
  padding: 5px 40px 40px 40px;
}

#gform_3 .gchoice,
#gform_6 .gchoice {
  color: #555;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #f7f7f7;
  border-radius: 8px;
  margin: 0 0 10px;
  -webkit-transition: all 0.2s linear;
}

#gform_3 .gchoice:hover,
#gform_6 .gchoice:hover {
  background: #ebebeb;
}

#gform_3 .gchoice input[type="radio"],
#gform_6 .gchoice input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

#gform_3 .gfield_label,
.form-choice-label,
.gfield_label,
#gform_6 .gfield_label,
.form-choice-label,
.gfield_label {
  margin-bottom: 15px !important;
  font-size: 21px !important;
  color: #000 !important;
  display: inline-block !important;
}

.largelabel .gfield_label {
  margin-bottom: 15px !important;
  font-size: 31px !important;
  font-size: 22px !important;
  line-height: 1.5em !important;
}

.largelabel {
  margin-top: 45px !important;
}

#gform_fields_7 .ginput_container.ginput_container_checkbox {
  column-count: 1;
}

.ginput_recaptcha {
  margin-top: 45px !important;
}

.gform_wrapper.gravity-theme .largelabel .gfield_checkbox label {
  font-size: 20px !important;
  line-height: 1.6em !important;
}

.gform_wrapper.gravity-theme .largelabel .gfield-choice-input {
  margin-top: 3px !important;
}

.gform_wrapper.gravity-theme .gravity-tooltip {
  font-size: 16px;
  padding: 7px;
}

.gform_wrapper.gravity-theme #gform_page_3_1 fieldset,
.gform_wrapper.gravity-theme #gform_page_3_2 fieldset,
.gform_wrapper.gravity-theme #gform_page_3_3 fieldset,
.gform_wrapper.gravity-theme #gform_page_6_1 fieldset,
.gform_wrapper.gravity-theme #gform_page_6_2 fieldset {
  position: relative;
}

#gform_page_3_1 .advanced-tooltip,
#gform_page_3_2 .advanced-tooltip,
#gform_page_3_3 .advanced-tooltip,
#gform_page_6_1 .advanced-tooltip,
#gform_page_6_2 .advanced-tooltip {
  position: absolute;
  top: -50px;
  left: 160px;
  width: 72%;
}

#gform_page_3_2 .advanced-tooltip {
  left: 232px;
}

#gform_page_3_3 .advanced-tooltip {
  left: 182px;
}

#gform_page_6_1 .advanced-tooltip {
  left: 102px;
}

#gform_page_6_2 .advanced-tooltip {
  left: 190px;
}

#gform_page_6_2 #field_6_4 .advanced-tooltip {
  left: 59px;
}

.tippy-content {
  font-size: 17px;
  padding: 15px 20px 15px 25px;
}

#gform_3 .gchoice label,
#gform_6 .gchoice label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 20px;
  padding: 6px 0 7px 39px;
  margin: 10px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
}

#gform_3 .gchoice label,
#gform_6 .gchoice label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 20px;
  padding: 6px 0 7px 39px;
  margin: 10px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
}

#gform_3 .gchoice:hover label,
#gform_6 .gchoice:hover label {
  color: #222;
}

#gform_3 .gchoice .radiocheck,
#gform_6 .gchoice .radiocheck {
  display: block;
  position: absolute;
  border: 1px solid #cfcfcf;
  background-color: #fff;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  top: 19px;
  left: 20px;
  z-index: 5;
  transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
}

#gform_3 .gchoice:hover .radiocheck,
#gform_6 .gchoice:hover .radiocheck {
  border: 1px solid #888;
}

#gform_3 .gchoice .radiocheck::before,
#gform_6 .gchoice .radiocheck::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
}

#gform_3 .gchoice input[type="radio"]:checked ~ .radiocheck,
#gform_6 .gchoice input[type="radio"]:checked ~ .radiocheck {
  border: 1px solid #43488b;
}

#gform_3 .gchoice input[type="radio"]:checked ~ .radiocheck::before,
#gform_6 .gchoice input[type="radio"]:checked ~ .radiocheck::before {
  background: #43488b;
}

#gform_3 .gchoice input[type="radio"]:checked ~ label,
#gform_6 .gchoice input[type="radio"]:checked ~ label {
  color: #000;
}

.form-price input[type="text"] {
  font-size: 46px !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  font-family: acumin-pro, Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  padding: 0 0 0 13px !important;
  letter-spacing: -0.03em !important;
}

#gform_page_3_4 .form-price input[type="text"] {
  font-size: 96px !important;
  padding: 30px 0 60px 13px !important;
}

#gform_page_6_3 .form-price input[type="text"] {
  font-size: 76px !important;
  padding: 30px 0 60px 13px !important;
}

#gform_page_3_4 .form-price::after {
  content: "per month";
  position: absolute;
  font-size: 24px;
  padding-top: 11px;
  font-weight: 500;
  left: 0px;
  top: 85px;
}

#gform_page_3_4 .form-price .ginput_container_number:before,
#gform_page_6_3 .form-price .ginput_container_number:before {
  font-size: 28px;
  width: 15px;
  padding-top: 57px;
}

#gform_page_6_3 .form-price .ginput_container_number:before {
  padding-top: 47px;
}

.form-price {
  position: relative;
}

.form-price .ginput_container_number:before {
  content: "$";
  position: absolute;
  font-size: 20px;
  width: 15px;
  padding-top: 13px;
  font-family: acumin-pro, Helvetica, Arial, sans-serif !important;
  font-weight: 700;
}

.form-price .ginput_container_number {
  margin-top: -46px !important;
}

.form-price-plan .plan-name {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.03em;
  border-top: none;
  padding-bottom: 15px;
}

.form-price-plan .dollar-sign {
  line-height: 52px;
  font-size: 26px;
  margin-right: 2px;
  margin-left: -1px;
}

.form-price-plan .setup-fee {
  margin: 0;
}

.form-price-plan .plan-price {
  display: flex;
  justify-content: flex-start;
  height: 66px;
}

.form-monthly-fee-wrapper .price-number {
  font-size: 75px;
}

.form-monthly-fee-wrapper .mo {
  padding-top: 39px;
  font-size: 24px;
}

.gform_wrapper textarea,
input[type="text"],
.gform_wrapper select,
.gform_wrapper textarea,
input[type="email"],
.gform_wrapper textarea,
input[type="tel"],
.gform_wrapper input[type="url"] {
  border-radius: 2px 2px 2px 2px !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-size: 16px !important;
  border-color: #eee !important;
  background-color: #f7f7f7 !important;
}

.border-top-thick .section-content {
  border-top: 10px solid #cfcfcf;
  padding-top: 80px;
  margin-top: 60px;
}

.border-top-thick-demo .section-content {
  padding-top: 150px;
  margin-top: 0;
}

.banner-form-content .smalltext {
  font-size: 12px;
  padding-bottom: 20px;
}

.gravity-tooltip {
  height: 18px !important;
  width: 25px !important;
  background: none !important;
  margin-left: 25px;
  cursor: help;
}

.gravity-tooltip::after {
  content: "";
  cursor: help;
  margin-left: 4px;
  content: url('data:image/svg+xml,<svg width="20px" height="20px" fill="rgba(155,155,155,1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="m11 8c-.5523 0-1 .44772-1 1h-2c0-1.65685 1.34315-3 3-3 1.6569 0 3 1.34315 3 3v.17157c0 .79565-.3161 1.55873-.8787 2.12133l-1.1213 1.1213v.5858h-2v-.5858c0-.5304.2107-1.0391.5858-1.4142l1.1213-1.12132c.1875-.18754.2929-.44189.2929-.70711v-.17157c0-.55228-.4477-1-1-1z"></path><path d="m12 14v2h-2v-2z"></path><path d="m11 2c-4.97056 0-9 4.02944-9 9 0 4.9706 4.02944 9 9 9 4.9706 0 9-4.0294 9-9 0-4.97056-4.0294-9-9-9zm-7 9c0-3.86599 3.13401-7 7-7 3.866 0 7 3.13401 7 7 0 3.866-3.134 7-7 7-3.86599 0-7-3.134-7-7z"></path></svg>');
}

.price-view {
  position: relative;
}

.price-link {
  position: absolute;
  right: 0;
  top: 75px;
  width: 44%;
  padding: 0 0 0 6%;
  border-left: 1px solid #cfcfcf;
  z-index: 999;
}

#gform_page_3_4 .price-link {
  position: absolute;
  right: 0;
  top: 80px;
  width: 44%;
  padding: 0 0 0 6%;
}

.aboveheading {
  font-weight: 700;
  color: #b2b2b2;
  letter-spacing: 0.06em;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 17px;
  font-family: acumin-pro-wide, arial, sans-serif;
}

.home .aboveheading {
  padding-left: 7px;
}

.banner-section .aboveheading {
  color: #fff;
}

.page-template-pageNoImage .banner-section .aboveheading,
.blog .banner-section .aboveheading,
.single .banner-section .aboveheading,
.archive .banner-section .aboveheading {
  color: #575757;
}

span.cs-aboveheading {
  font-size: 26px;
  font-weight: 700;
  color: #575757;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding-bottom: 0;
}

.value-amount {
  font-size: 62px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1em;
}

.value-amount span {
  font-size: 32px;
  display: inline-block;
  padding-right: 5px;
}

.value-amount .dollar-sign {
  font-size: 19px;
  display: inline-block;
  padding-right: 5px;
  margin-top: 0px;
}

.value-wrapper .aboveheading {
  font-size: 16px;
  padding-bottom: 0;
}

.flexible-section.cs-fullwidth-bg {
  color: #fff;
  position: relative;
  padding-top: 100px;
  height: 242px;
  background-repeat: no-repeat;
  background-position: top center; /*h - v*/
  background-size: 190% auto;
}

.flexible-section.cs-fullwidth-bg.buckingham {
  background-position: left center; /*h - v*/
}

.flexible-section {
  background-repeat: no-repeat;
  background-position: top center; /*h - v*/
}

.banner-section .section-content .span1-12 {
  z-index: 2;
}

body .banner-section.noimage {
  margin-bottom: 20px;
  padding-top: 120px;
  color: #333;
  height: 250px;
  background-image: none !important;
}

body .banner-section.noimage .section-content .span1-12 {
  background: none;
}

.blog body .banner-section.noimage {
  height: 200px;
  padding-top: 30px;
  background-image: none !important;
}

.category body .banner-section.noimage {
  height: 180px;
  padding-top: 20px;
  background-image: none !important;
}

body .banner-section.noimage .banner-content-wrapper {
  padding: 0;
  margin-bottom: 30px;
  margin-left: 0;
  margin-top: 0;
  background-color: transparent;
  min-width: 100%;
  max-width: 100%;
}

body .banner-section.noimage .section-content .span1-12 {
  height: auto;
}

.greybg {
  background-color: #f9f9f9;
}

.banner-section {
  background-size: 1200px auto;
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: -113px;
  padding-top: 110px;
  padding-bottom: 40px;
  height: 450px;
}

.page-template-pageNoImage .banner-section,
.error404 .banner-section,
.blog .banner-section,
.archive .banner-section {
  height: 190px;
  background-color: transparent;
}

.slug-athens-kids-specialists.page-template-pageNoImage .banner-section,
.slug-zrc-wealth-management.page-template-pageNoImage .banner-section,
.slug-kemper-capital-management.page-template-pageNoImage .banner-section,
.slug-buckingham-strategic-partners.page-template-pageNoImage .banner-section,
.slug-marine-extension-georgia-sea-grant.page-template-pageNoImage
  .banner-section,
.slug-komons-financial.page-template-pageNoImage .banner-section,
.slug-acorn-financial-services.page-template-pageNoImage .banner-section,
.slug-collective-wealth-advisors.page-template-pageNoImage .banner-section,
.slug-shopify-case-study-evergreen-nursery.page-template-pageNoImage
  .banner-section,
.slug-case-study-public-service-and-outreach-uga.page-template-pageNoImage
  .banner-section,
.slug-case-study-troika-wealth-advisors.page-template-pageNoImage
  .banner-section,
.slug-shopify-case-study-halifax-education-group.page-template-pageNoImage
  .banner-section {
  height: 250px;
}

.banner-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 450px;
  width: 100%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.7) 40%,
    rgba(0, 0, 0, 0)
  );
  z-index: 2;
}

.home .banner-section::before {
  display: none;
}

.banner-section .section-content {
  display: flex;
}

#mobile-navigation {
  width: 30%;
  float: right;
}

.quicklaunch-blocks .span1-4,
.quicklaunch-blocks .span5-8,
.quicklaunch-blocks .span9-12 {
  padding-top: 30px;
  border-top: 5px solid #efefef;
}

.section-padding-top-40.quicklaunch-blocks {
  padding-top: 0;
}

.p-item-wrapper {
  margin-bottom: 130px;
}

.about-content .span9-12 {
  clear: both;
}

/* BLOG ========================================================= */

.blog-brand {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.15em;
  color: #444;
  padding-bottom: 15px;
  padding-top: 30px;
  text-align: center;
}

.blog-brand a {
  border-bottom: none !important;
  color: #444;
}

.blog-brand:before {
  background-color: rgba(0, 0, 0, 0.66);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 38px;
  right: 16px;
  margin-top: -2px;
  margin-left: 16px;
}

.blog-brand:after {
  background-color: rgba(0, 0, 0, 0.66);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 38px;
  right: 0;
  margin-top: -2px;
  margin-left: 16px;
}

.section-content-blog-additional .post-single p {
  font-size: 15px;
}

.blog .post-single img,
.category .post-single img,
.archive .post-single img {
  width: 100%;
  height: auto;
}

.left-blog-column,
.right-blog-column {
  padding-top: 20px;
}

.single .blog-header {
  position: relative;
  max-width: 550px;
}

.post-meta-wrapper {
}

.post-meta {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  padding: 10px 0 20px;
  font-weight: 600;
  color: #575757;
}

.post-meta span.post-date,
.post-author {
  font-weight: 300;
  font-size: 15px;
  display: block;
  text-transform: none;
  letter-spacing: 0em;
  padding-top: 5px;
  color: #333;
}

.post-meta.updated,
.post-author {
  border-top: 1px solid #cfcfcf;
}

.post-author {
  margin-bottom: 40px;
}

.sticky_social {
  height: 120px !important;
  clear: both;
}

.post-single {
  position: relative;
  box-shadow: 0 0 2px 0 #afafaf;
}

.blog .post-single,
.category .post-single,
.post-single-more {
  margin-bottom: 40px;
  height: 400px;
}

.single .post-single {
  position: relative;
  box-shadow: none;
}

.search .post-single {
  border: none;
}

.cat-above-heading {
  font-size: 18px;
  padding-bottom: 15px;
}

.post-single-more {
  box-shadow: 0 0 2px 0 #cfcfcf;
}

.single .post-single {
  border: none;
}

.sharethis,
.post-author span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  padding: 19px 0 15px;
  font-weight: 600;
  color: #575757;
}

.post-author span {
  display: block;
  padding: 4px 0 8px;
}

.post-content-card-layout {
  padding: 9px 15px 0 20px;
  position: relative;
}

.category-link {
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 15px 0 0;
  color: #555;
}

.category-link a {
  border-bottom: none !important;
}

.category-link span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  color: #bbb;
  letter-spacing: 0.06em;
  text-align: left;
}

.blog-section {
}

.left-blog-column {
}

.three-blocks {
  margin-top: 50px;
}

.page-template-pageNoImage .banner-section::before,
.error404 .banner-section::before,
.blog .banner-section::before,
.archive .banner-section::before {
  background-image: none;
  height: 0;
}

/* MOBILE PRICING TABLES ======================================== */

/* Pricing Toggle =================================================== */

.plan-term {
  text-align: center;
  margin-bottom: 30px;
}

.bundle .plan-term {
  margin-bottom: 0;
}

.mo {
  padding-top: 26px;
  color: #575757;
  font-weight: 500;
}

.toggle,
.toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  color: #aaa;
}

.toggler {
  transition: 0.2s;
  cursor: pointer;
}

.toggler--is-active {
  color: #005a32;
}

.b {
  display: block;
}

.toggle {
  position: relative;
  width: 80px;
  height: 35px;
  border-radius: 100px;
  background-color: #c3c3c3;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

.check:checked ~ .switch {
  right: 2px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0.08s, 0s;
}

.switch {
  position: absolute;
  left: 2px;
  right: 57.5%;
  top: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, 0.08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.choosedesign {
  background-size: 0 0;
}

.choosedesign.section-padding-top-60 {
  padding-top: 0;
}

.buildwebsite {
  background-size: 0 0;
}

.launchwebsite {
  background-size: 0 0;
}

.choosedesign,
.buildwebsite,
.launchwebsite {
  margin-bottom: 50px;
}

/* Pricing Table Styles ========================================================= */

#pricing table,
td,
tr {
  display: block;
}

td.col-width {
  margin-bottom: 20px;
}

.col-width {
  text-align: center;
  clear: both;
}

.plans-include {
  background-color: #fff !important;
}

.pricingchart {
  margin-top: 30px;
}

.pricingchart tbody {
  display: block;
  width: 100%;
}

.pricingchart table,
.servicechart table {
  width: 100%;
  border-spacing: 0;
}

.feature-row.last .button.signup {
  border-bottom: none !important;
}

.feature-row.last .button.signup a {
  font-size: 15px !important;
  padding: 9px 30px 11px !important;
  line-height: 1em !important;
  margin-top: 10px !important;
}

.pricingchart table tr#pay-monthly,
.pricingchart table tr#pay-yearly {
}

.servicechart table {
  max-width: 370px;
}

.pricingchart tr:first-of-type,
.pricingchart tr.section-header {
  border-bottom: none;
}

#onetime {
  border-top: 10px solid #ccc;
}

#premium,
#pluginsweuse {
  clear: both;
}

th.nohighlight {
  display: flex;
  justify-content: center;
}

.feature-row td {
  padding: 10px 0 10px;
}

.plan-price {
  display: flex;
  justify-content: center;
  height: 56px;
  margin-bottom: 0;
}

#premium .plan-price {
  display: flex;
  justify-content: left;
  height: 56px;
  margin-bottom: 40px;
}

.plan-name {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.03em;
  border-top: 10px solid #ccc;
}

.hostmaintain .plan-name {
  font-size: 34px;
}

.seoplans .plan-name {
  font-size: 26px;
}

#pricing .plan-name {
  padding-top: 30px;
}

.plan-name span {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: #575757;
  letter-spacing: 0.03em;
}

.plan-name div {
  line-height: 1.2em;
}

.pay-term {
  padding: 0 0 15px 0;
  margin-top: -12px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.075em;
  color: #555;
}

.col-width.highlighted .plan-name {
  border-top: 10px solid #575757;
}

.dollar-sign {
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  font-size: 19px;
  margin-right: 3px;
  margin-left: -4px;
}

.pay-wrapper {
  height: 45px;
  padding-top: 2px;
  font-weight: 500;
  font-size: 12px;
}

.quicklaunch .pay-wrapper,
.seoplans .pay-wrapper {
  height: 105px;
}

.incentive,
.top-mind {
  padding-top: 90px;
}

.incentive .pay-wrapper {
  height: 140px;
}

.slug-website-development .paid-yearly {
  font-size: 19px;
}

.setup-fee {
  font-weight: 400;
  line-height: 1em;
  font-size: 15px;
  letter-spacing: -0.04em;
  color: #555;
  border-top: 1px solid #cfcfcf;
  padding: 16px 0 0 0;
  margin: 0 auto;
  margin-top: 10px;
  width: 160px;
  color: #575757;
}

.setup-fee span {
  font-weight: 700;
  font-size: 30px;
  display: block;
  padding-top: 16px;
  color: #000;
}

.incentive .setup-fee span {
  font-weight: 700;
  line-height: 1.3em;
  font-size: 55px;
  letter-spacing: -0.04em;
  padding-top: 6px;
  padding-bottom: 0;
}

.setup-fee-free {
  line-height: 1.3em;
  font-size: 17px;
  color: #555;
  padding: 19px 0 0 0;
  margin: 0 auto;
  margin-top: 10px;
  width: 160px;
  color: #575757;
}

.slug-website-development .pay-wrapper {
  height: 100px;
}

.price-number,
.price-quote {
  font-weight: 700;
  line-height: 1em;
  font-size: 55px;
  letter-spacing: -0.04em;
}

.price-quote {
  font-size: 36px;
  padding-top: 20px;
}

.eyebrow {
  text-align: left;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.07em;
  color: #fff;
}

.button.signup a {
  margin-bottom: 30px !important;
  margin-top: 0 !important;
}

.button.signup-free {
  height: 82px;
}

.view-designs {
  font-size: 13px;
  height: 32px;
}

.page-template-pageNoBanner .eyebrow {
  color: #000;
}

.plans-include,
td.pricing-details,
td.feature-cell {
  display: none;
}

.right-blog-column {
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
}

.right-blog-column img {
  width: 100%;
  height: auto;
}

/* PAGINATION ======================================================== */

.pagination {
  clear: both;
  position: relative;
  font-size: 13px;
  float: left;
  margin-top: 72px;
  margin-bottom: 20px;
  grid-column: col 1 / span 3;
}

.pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.pagination li {
  display: inline;
  font-size: 12px;
  padding: 0;
}

.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 0 2px;
  padding: 5px 10px 6px;
  text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: 600;
  background-color: #1c77ff;
  transition: background 0.15s ease-in-out;
  text-transform: uppercase;
  border-bottom: none !important;
}

.pagination a:hover {
  background-color: #464cdb;
}

.pagination .current {
  background-color: #464cdb;
  color: #fff;
}

.pagination a.prev,
.pagination a.next {
  padding: 9px 8px 10px;
  line-height: 9px;
}

.pagination a.next {
}

.pagination a.prev {
}

.pagination .icon-left-caret,
.pagination .icon-right-caret {
  top: 4px;
  fill: #fff;
}

.topicslabel {
  text-transform: uppercase;
  font-size: 12px;
  float: left;
  padding-bottom: 6px;
  letter-spacing: 0.07em;
  position: relative;
  display: block;
  width: 100%;
}

.category-choices {
  margin-top: 48px;
  margin-bottom: 20px;
  float: right;
}

ul.category-list {
  padding: 0;
  margin: 0;
}

ul.category-list li {
  list-style: none;
  float: left;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 4px;
}

ul.category-list li a {
  display: block;
  padding: 4px 14px 6px;
  background-color: #1c77ff;
  margin: 0 2px;
  color: #fff;
  font-weight: 600;
  transition: background 0.15s ease-in-out;
}

ul.category-list li a:hover {
  background-color: #464cdb;
  border-bottom: none !important;
}

.blog-name a {
  float: left;
  padding-right: 40px;
  font-size: 22px;
  color: #333;
  font-family: acumin-pro-wide, sans-serif;
}

.blog-name a:hover {
  border-bottom: none;
  color: #1c77ff;
}

.section-content.blog-section.nav {
  padding: 20px 0 20px;
  position: relative;
}

.border-bottom-blog {
  background-color: #cfcfcf;
  height: 1px;
  left: 0;
  width: 100%;
  position: absolute;
}

.nav .category-choices {
  float: right;
  margin: 0;
  padding: 0;
}

ul.category-nav {
  padding: 0;
  margin: 0;
}

ul.category-nav li {
  list-style: none;
  float: left;
  display: block;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

ul.category-nav li a {
  display: block;
  padding: 5px 30px 0 30px;
  margin: 0 2px;
  color: #333;
  font-weight: 300;
  border-bottom: none;
}

ul.category-nav li:last-child a {
  padding-right: 10px;
}

ul.category-nav li a:hover {
  color: #1c77ff;
}

/* SPECIAL SECTION CLASSES ========================================================= */

.info-box {
  margin: 50px 0 50px 0;
  transform: translateY(0px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.info-heading {
  background-color: #059a32;
  padding: 13px 10px 10px 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.info-content {
  padding: 20px 10px 30px 30px;
  font-size: 17px;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

/* FLIPBOXES JQUERY COLLAPSE https://webcloud.se/jQuery-Collapse/ ========================================================= */

.collapse-set {
  margin: 0;
  padding: 0;
}

#premium .collapse-title a {
  width: 30%;
  margin-right: 3.33%;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding-bottom: 20px;
}

#pluginsweuse .collapse-title a {
  font-size: 24px;
}

.collapse-title a {
  color: #333;
  border-bottom: none;
  display: block;
  margin: 0;
  padding: 20px 0 14px;
  text-align: left;
  cursor: pointer;
  font-weight: 300;
  transition: all 0.3s;
  width: 100%;
  border-top: 1px solid #cfcfcf;
}

.collapse-title.first a {
  border-top: none;
}

h4.collapse-title.open a {
  font-weight: 700;
}

.collapse-title a:hover {
  color: #333;
}

h4.collapse-title {
  padding-bottom: 10px;
}

#collapse p {
  margin-bottom: 30px;
}

.collapse-title a:after {
  content: "";
  display: block;
  margin-top: 3px;
  width: 30px;
  height: 30px;
  float: right;
  background: linear-gradient(#666, #666), linear-gradient(#666, #666);
  background-position: center;
  background-size: 50% 2px, 2px 50%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat: no-repeat;
}

.collapse-title.open a:after {
  background: linear-gradient(#333, #333);
  background-position: center;
  background-size: 50% 2px; /*thickness = 2px, length = 50% (25px)*/
  background-repeat: no-repeat;
}

/* CASE STUDIES ========================================================== */

.cs-item-wrapper {
  float: left;
  transition: all 0.15s ease-in-out;
  margin-top: 50px;
  max-width: 426px;
}

.cs-item-wrapper:hover {
  box-shadow: 0 0 25px 0 #ccc;
  margin-top: 44px;
}

#casestudies a,
.casestudies a {
  color: #333 !important;
}

.cs-item-image {
  z-index: 1;
  float: left;
}

.cs-item-name,
.cs-item-stats-wrapper {
  padding: 0 30px 0 30px;
}

.cs-item-stats-wrapper {
  float: left;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: none;
}

#stats .cs-item-stats-wrapper {
  border: none;
}

#stats {
  display: none;
}

.cs-item-wrapper:hover .cs-item-stats-wrapper {
  border: none;
}

.cs-item-name {
  margin-top: -85px;
  color: #fff;
  font-size: 21px;
  letter-spacing: -0.03em;
  padding-top: 20px;
  transition: all 0.15s ease-in-out;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3) !important;
  width: 100%;
  height: 80px;
  z-index: 9;
  float: left;
}

.cs-item-name.small {
  font-size: 22px;
}

.cs-item-wrapper:hover .cs-item-name {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.cs-item-wrapper.buckingham:hover .cs-item-name {
  background-color: rgba(48, 53, 191, 0.3) !important;
}

.cs-item-stat {
  float: left;
  font-weight: 600;
  font-size: 42px;
  width: 28%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #dfdfdf;
}

.cs-item-stat.first {
  width: 33%;
}

.cs-item-stat.last {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
  width: 26%;
}

.cs-item-stat span {
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
}

#stats .cs-item-stat {
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 0;
  margin-right: 30px;
  width: 16%;
}

#stats .cs-item-stat.first {
  width: 18%;
}

.slug-acorn-financial-services #stats .cs-item-stat.last {
  width: 22%;
}

#stats a {
  margin-top: 70px;
  margin-bottom: 0;
  display: block;
  float: right;
}

#stats a.botgarden {
  width: 260px;
}

#stats a:hover {
  border-bottom: none;
}

#csdesign {
  margin-left: 4%;
  margin-right: 4%;
}

img.cs-display,
img.cs-mobile {
  box-shadow: 0 0 25px 0 #ccc;
}

.colorblock-wrapper {
  box-shadow: 0 0 5px 0 #ddd;
  width: 180px;
  font-weight: 700;
  font-size: 18px;
  padding: 0 0 17px;
  float: left;
  margin: 18px 15px 0 0;
}

.colorblock-wrapper .colorblock.black {
  background-color: #000;
}

.colorblock-wrapper .colorblock.white {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
}

.colorblock-wrapper .colorblock {
  float: left;
  width: 100%;
  height: 106px;
}

.colorblock-wrapper.botgarden .colorblock.red {
  background-color: #ba0c2f;
}

.colorblock-wrapper.botgarden .colorblock.hedges {
  background-color: #b7bf10;
}

.colorblock-wrapper.botgarden .colorblock.olympic {
  background-color: #004e60;
}

.colorblock-wrapper.botgarden .colorblock.herrick {
  background-color: #00a3ad;
}

.colorblock-wrapper.botgarden .colorblock.sanford {
  background-color: #554f47;
}

.colorblock-wrapper.aks .colorblock.trueblue {
  background-color: #0f0061;
}

.colorblock-wrapper.aks .colorblock.bluejeans {
  background-color: #5573c9;
}

.colorblock-wrapper.aks .colorblock.atomictangerine {
  background-color: #f27347;
}

.colorblock-wrapper.acorn .colorblock.blue {
  background-color: #070747;
}

.colorblock-wrapper.acorn .colorblock.sky {
  background-color: #abadd5;
}

.colorblock-wrapper.acorn .colorblock.cloud {
  background-color: #efefef;
}

.colorblock-wrapper.acorn .colorblock.khaki {
  background-color: #c5a96b;
}

.colorblock-wrapper.marine .colorblock.ltgrey {
  background-color: #dfdfdf;
}

.colorblock-wrapper.komons .colorblock.texassky {
  background-color: #008cc7;
}

.colorblock-wrapper.komons .colorblock.komons {
  background-color: #004c7f;
}

.colorblock-wrapper.komons .colorblock.grey {
  background-color: #cfcfcf;
}

.colorblock-wrapper.komons .colorblock.cloud {
  background-color: #efefef;
}

.colorblock-wrapper.zrc .colorblock.dkteal {
  background-color: #436079;
}

.colorblock-wrapper.zrc .colorblock.ltgrey {
  background-color: #efefef;
}

.colorblock-wrapper.zrc .colorblock.lava {
  background-color: #e36445;
}

.colorblock-wrapper.zrc .colorblock.dkgrey {
  background-color: #333;
}

.colorblock-wrapper.kemper .colorblock.kempred {
  background-color: #ba0c2f;
}

.colorblock-wrapper.kemper .colorblock.teal {
  background-color: #4a84a0;
}

.colorblock-wrapper.kemper .colorblock.seafoam {
  background-color: #a5bdc9;
}

.colorblock-wrapper.kemper .colorblock.ltgrey {
  background-color: #efefef;
}

.colorblock-wrapper.collective .colorblock.steelblue {
  background-color: #bdcbce;
}

.colorblock-wrapper.collective .colorblock.camel {
  background-color: #d2a274;
}

.colorblock-wrapper.collective .colorblock.sand {
  background-color: #d4c6bd;
}

.colorblock-wrapper.collective .colorblock.terracotta {
  background-color: #a96049;
}

.colorblock-wrapper.collective .colorblock.navy {
  background-color: #2a3b4b;
}

.colorblock-wrapper.buckingham .colorblock.buck {
  background-color: #3099bf;
}

.colorblock-wrapper.buckingham .colorblock.dkteal {
  background-color: #1e2021;
}

.colorblock-wrapper.buckingham .colorblock.ltteal {
  background-color: #b5dae1;
}

.colorblock-wrapper.buckingham .colorblock.ltgrey {
  background-color: #f4f4f4;
}

.colorblock-wrapper.halifax .colorblock.halifaxblue {
  background-color: #014896;
}

.colorblock-wrapper.halifax .colorblock.halifaxltgrey {
  background-color: #ddd;
}

.colorblock-wrapper.halifax .colorblock.ltblue {
  background-color: #6190c5;
}

.colorblock-wrapper.evergreen .colorblock.evergreen-green {
  background-color: #04683f;
}

.colorblock-wrapper.evergreen .colorblock.tan {
  background-color: #d8c6b2;
}

.colorblock-wrapper.evergreen .colorblock.grey {
  background-color: #cfcfcf;
}

.colorblock-wrapper.troika .colorblock.growth {
  background-color: #639874;
}

.colorblock-wrapper.troika .colorblock.cloud {
  background-color: #f3efeb;
}

.colorblock-wrapper.troika .colorblock.sky {
  background-color: #b4d8e2;
}

.colorblock-wrapper.troika .colorblock.trust {
  background-color: #084742;
}

.colorblock-wrapper.troika .colorblock.suit {
  background-color: #858782;
}

.colorname,
.hex {
  padding: 12px 0 0 15px;
  float: left;
  clear: both;
}

.hex {
  color: #aaa;
  font-size: 12px;
  font-weight: 500;
  padding-top: 5px;
}

.cs-mobile-heading {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: capitolium-2, "Georgia", serif;
  font-weight: 300;
  font-size: 290px;
  letter-spacing: -0.03em;
  line-height: 1.1em;
  color: #b7bf10;
  position: relative;
}

.cs-mobile-heading.aks {
  color: #f27347;
}

.cs-mobile-heading.acorn {
  color: #abadd5;
}

.cs-mobile-heading.marine {
  color: #00a3ad;
}

.cs-mobile-heading.buckingham {
  color: #3099bf;
}

.cs-mobile-heading.collective {
  color: #a96049;
}

.cs-mobile-heading.kemper {
  color: #ba0c2f;
}

.cs-mobile-heading.komons {
  color: #008cc7;
}

.cs-mobile-heading.marex {
  color: #ba0c2f;
}

.cs-mobile-heading.zrc {
  color: #e36445;
}

.cs-mobile-heading span {
  display: none;
  position: absolute;
  top: 140px;
  left: 200px;
  font-style: normal;
  font-family: acumin-pro, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 0em;
  line-height: 1.2em;
  color: #000;
  border-bottom: 3px solid #000;
}

#csservices ul {
  font-size: 15px;
  list-style: none;
  padding: 75px 0 0;
  margin: 0;
  column-count: 2;
  column-gap: 60px;
}

#csservices ul li {
  padding: 6px 0 10px;
  margin: 0;
  border-bottom: 1px solid #cfcfcf;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
}

.cscolor {
  float: left;
  padding-bottom: 90px;
}

.cstypography {
  float: left;
  padding-bottom: 90px;
}

#csservices.section-padding-top-100 {
  padding-top: 0;
}

.csDesignStack.section-margin-top-100 {
  margin-top: 0;
}

.csDesignStack {
  height: 380px;
}

.csDesignStack.flexible-section {
  background-position: center center;
}

#visit.section-padding-bottom-100 {
  padding-bottom: 50px;
}

#visit.section-padding-top-100 {
  padding-top: 50px;
}

#visit a {
  font-size: 20px;
}

#visit h3 {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: capitolium-2, "Georgia", serif;
  font-weight: 300;
  font-size: 80px;
  letter-spacing: -0.03em;
  line-height: 1.5em;
  color: #000;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#visit h3 a {
  font-size: 36px;
  display: inline-block;
  clear: both;
  letter-spacing: 0;
  border-bottom: 3px solid #fff;
  line-height: 1.1em;
  text-shadow: 2px 2px white, 2px -2px white, -2px 2px white, -2px -2px white;
}

#visit h3 a:hover {
  border-bottom: 3px solid #1c77ff;
}

/* PRICING STYLES - COMBINE WITH OTHERS LATER ================ */

#onetime .span4-12 {
  margin-top: 63px;
}

.onetime-wrapper {
  float: left;
  width: 100%;
  padding: 20px 20px 20px 20px;
  letter-spacing: -0.03em;
  transition: all 0.15s ease-in-out;
  border-bottom: 1px solid #dfdfdf;
}

.onetime-wrapper:nth-child(-n + 3) {
  border-top: 1px solid #dfdfdf;
}

.onetime-wrapper:hover {
  background-color: #f9f9f9;
}

.onetime-wrapper:nth-child(4n) {
  clear: both;
}

.onetime-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4em;
  padding-bottom: 40px;
}

.onetime-title span {
  display: block;
}

.onetime-details {
  font-size: 17px;
}

a .onetime-title {
  color: #000;
}

.onetime-info {
  font-size: 16px;
  font-weight: 300;
  padding-top: 20px;
  height: 110px;
}

#modalspeed.modal,
#modalhacked.modal,
#modalimage.modal,
#modalwcag.modal,
#modalmobile.modal,
#modalplugin.modal {
  max-width: 800px;
}

.onetime-modal-wrapper {
  float: none;
  width: 100%;
  padding-bottom: 20px;
  letter-spacing: -0.03em;
  transition: all 0.15s ease-in-out;
  border-bottom: none;
}

.onetime-modal-price,
.onetime-modal-turnaround {
  float: left;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -0.03em;
  width: 52%;
  margin-top: 30px;
  margin-bottom: 30px;
  border-right: 1px solid #dfdfdf;
}

.onetime-modal-turnaround {
  border-right: none;
  padding-left: 20px;
  width: 48%;
}

.onetime-modal-price span,
.onetime-modal-turnaround span {
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.03em;
}

.onetime-modal-title {
  font-weight: 700;
  font-size: 35px;
  line-height: 1.25em;
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: acumin-pro-wide, sans-serif;
}

.onetime-modal-title span {
  display: block;
}

.onetime-modal-details {
  font-size: 17px;
}

a .onetime-modal-title {
  color: #000;
}

.button.onetime a {
  width: 100%;
  margin-top: 0;
}

ul.three-column-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 17px;
  column-count: 1;
  width: 100%;
}

.premium-wrap {
  width: 70%;
}

.premium-wrap h2 {
  padding-top: 40px;
}

.premium-wrap ul {
  list-style: none;
  padding: 0 0 60px;
  margin: 0;
  max-width: 530px;
}

.premium-wrap ul li {
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #dfdfdf;
}

.premium-wrap ul li a {
  font-size: 11px;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 10px;
}

.devplugin-wrapper {
  padding: 20px 0 20px;
  border-bottom: 1px solid #cfcfcf;
}

.modal-info {
  font-size: 17px;
  padding: 5px 0;
}

/* PORTFOLIO ======================================================================== */

.portfolio-image a {
  display: block;
  width: 385px;
  height: 330px;
  z-index: 9999999999;
}

.portfolio-name,
.portfolio-link {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -0.02em;
  padding: 0 0 4px 0;
  margin-top: 9px;
  float: left;
}

.portfolio-link a {
  font-size: 12px;
}

.portfolio-link a:hover {
}

.portfolio-name span {
  font-size: 0.7em;
  padding-left: 6px;
}
.portfolio-link {
  clear: left;
  padding: 0 0 0 0;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 70px;
  margin-top: -6px;
}

/* #portfolioOutreach, #portfolioCharleston, #portfolioBJWSA, #portfolioZRC, #portfolioCobalt, #portfolioPennington, #portfolioBotGarden, #portfolioAcornFinancial, #portfolioVickery, #portfolioRehab, #portfolioFive, #portfolioMarine, #portfolioLoring, #portfolioJ3P, #portfolioGeorgialina, #portfolioTenet, #portfolioTroika, #portfolioReciprocity, #portfolioFanning, #portfolioFire, #portfolioCooke, #portfolioPennDis, #portfolioMesa, #portfolioGessner, #portfolioWJS, #portfolioAequitas, #portfolioPres, #portfolioCWA, #portfolioAffinity, #portfolioAcornTax, #portfolioMore, #portfolioOneill, #portfolioTailor, #portfolioInsight, #portfolioBarrow, #portfolio3D, #portfolioArchway, #portfolioMollot, #portfolioGovRel, #portfolioLWHoliday, #portfolioKemper, #portfolioCixion, #portfolioLWNewYear, #portfolioBroadwing, #portfolioCross, #portfolioCross, #portfolioNCSD, #portfolioShrader, #portfolioAyden, #portfolioWatson, #portfolioJMC, #portfolioArrow, #portfolioNEXT, #portfolioTutschulte, #portfolioWMG, #portfolioBSP, #portfolioCollective, #portfolioHayden, #portfolioAKS, #portfolioSTL, #portfolioLakesStreams, #portfolioRapids, #portfolioCooper, #portfolioMYFRS, #portfolioHal, #portfolioBuckHoliday, #portfolioCampbell, #portfolioBuckinghamTwoTwo, #portfolioAugulis, #portfolioTimeTarget, #portfolioCeaser, #portfolioCruz, #portfolioFirstNebraska, #portfolioMDARG, #portfolioHolloway, #portfolioLegacy, #portfolioMitchell, #portfolioPathway, #portfolioOlson, #portfolioStreff, #portfolioAronson, #portfolioBurkart, #portfolioKemler, #portfolioStonehenge, #portfolioNAW, #portfolioSpain, #portfolioMIC, #portfolioPaschall, #portfolioBoone {
	height: 330px;
	position: relative;	
	width: 385px;
	background-size:385px 660px;
} */

.portfolio-image {
  height: 330px;
  position: relative;
  width: 385px;
  background-size: 385px 660px;
}
#portfolioServiceLearning {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioServiceLearning.jpg)
    no-repeat;
}
#portfolioDugginsRoofing {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioDugginsRoofing.jpg)
    no-repeat;
}
#portfolioToTheTop {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioToTheTop.jpg)
    no-repeat;
}
#portfolioClear {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioClearDisclosure.jpg)
    no-repeat;
}
#portfolioCHCapital {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCHCapital.jpg)
    no-repeat;
}
#portfolioRayOlsonNew {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRayOlsonNew.jpg)
    no-repeat;
}
#portfolioOutreachNew {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioOutreachNew.jpg)
    no-repeat;
}
#portfolioOutreach {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioOutreach.jpg)
    no-repeat;
}
#portfolioCharleston {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCharleston.jpg)
    no-repeat;
}
#portfolioBJWSA {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBJWSA.jpg)
    no-repeat;
}
#portfolioZRC {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioZRC.jpg)
    no-repeat;
}
#portfolioEvergreen {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioEvergreen.jpg)
    no-repeat;
}
#portfolioPennington {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPennington.jpg)
    no-repeat;
}
#portfolioBotGarden {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBotGarden.jpg)
    no-repeat;
}
#portfolioAcornFinancial {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAcornFinancial.jpg)
    no-repeat;
}
#portfolioVickery {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioVickery.jpg)
    no-repeat;
}
#portfolioRehab {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRehab.jpg)
    no-repeat;
}
#portfolioFive {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFive.jpg)
    no-repeat;
}
#portfolioMarine {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMarine.jpg)
    no-repeat;
}
#portfolioLoring {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLoringWard.jpg)
    no-repeat;
}
#portfolioJ3P {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioJ3P.jpg)
    no-repeat;
}
#portfolioGeorgialina {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioGeorgialina.jpg)
    no-repeat;
}
#portfolioTenet {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTenet.jpg)
    no-repeat;
}
#portfolioTroika {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTroika.jpg)
    no-repeat;
}
#portfolioReciprocity {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioReciprocity.jpg)
    no-repeat;
}
#portfolioFanning {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFanning.jpg)
    no-repeat;
}
#portfolioFire {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFire.jpg)
    no-repeat;
}
#portfolioCooke {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCooke.jpg)
    no-repeat;
}
#portfolioPennDis {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPennDis.jpg)
    no-repeat;
}
#portfolioMesa {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMesa.jpg)
    no-repeat;
}
#portfolioWJS {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioWJS.jpg)
    no-repeat;
}
#portfolioAequitas {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAequitas.jpg)
    no-repeat;
}
#portfolioPres {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPres.jpg)
    no-repeat;
}
#portfolioCWA {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCWA.jpg)
    no-repeat;
}
#portfolioAffinity {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAffinity.jpg)
    no-repeat;
}
#portfolioAcornTax {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAcornTax.jpg)
    no-repeat;
}
#portfolioMore {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMore.jpg)
    no-repeat;
}
#portfolioOneill {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioONeill.jpg)
    no-repeat;
}
#portfolioTailor {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTailor.jpg)
    no-repeat;
}
#portfolioInsight {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioInsight.jpg)
    no-repeat;
}
#portfolioArchway {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioArchway.jpg)
    no-repeat;
}
#portfolioMollot {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMollot.jpg)
    no-repeat;
}
#portfolioGovRel {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioGovRel.jpg)
    no-repeat;
}
#portfolioLWHoliday {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLWHoliday.jpg)
    no-repeat;
}
#portfolioKemper {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioKemper.jpg)
    no-repeat;
}
#portfolioLWNewYear {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLWNewYear.jpg)
    no-repeat;
}
#portfolioBroadwing {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBroadwing.jpg)
    no-repeat;
}
#portfolioCross {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCross.jpg)
    no-repeat;
}
#portfolioNCSD {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioNCSD.jpg)
    no-repeat;
}
#portfolioShrader {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioShrader.jpg)
    no-repeat;
}
#portfolioWatson {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioWatson.jpg)
    no-repeat;
}
#portfolioArrow {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioArrow.jpg)
    no-repeat;
}
#portfolioNEXT {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioNEXT.jpg)
    no-repeat;
}
#portfolioTutschulte {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTutschulte.jpg)
    no-repeat;
}
#portfolioWMG {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioWMG.jpg)
    no-repeat;
}
#portfolioBSP {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBSP.jpg)
    no-repeat;
}
#portfolioCollective {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCollective.jpg)
    no-repeat;
}
#portfolioAKS {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAKS.jpg)
    no-repeat;
}
#portfolioHayden {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPaulHayden.jpg)
    no-repeat;
}
#portfolioSTL {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioSTL.jpg)
    no-repeat;
}
#portfolioLakesStreams {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLakesStreams.jpg)
    no-repeat;
}
#portfolioRapids {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRapids.jpg)
    no-repeat;
}
#portfolioCooper {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCooper.jpg)
    no-repeat;
}
#portfolioMYFRS {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMYFRS.jpg)
    no-repeat;
}
#portfolioHal {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioHal.jpg)
    no-repeat;
}
#portfolioBuckHoliday {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBuckHoliday.jpg)
    no-repeat;
}
#portfolioCampbell {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCampbell.jpg)
    no-repeat;
}
#portfolioBuckinghamTwoTwo {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBuckinghamNewYear2022.jpg)
    no-repeat;
}
#portfolioBuckinghamTwoThree {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBuckinghamNewYear2023.jpg)
    no-repeat;
}
#portfolioAugulis {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAugulis.jpg)
    no-repeat;
}
#portfolioTimeTarget {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTimeTarget.jpg)
    no-repeat;
}
#portfolioCeaser {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCeaser.jpg)
    no-repeat;
}
#portfolioCruz {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCruz.jpg)
    no-repeat;
}
#portfolioFirstNebraska {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFirstNebraska.jpg)
    no-repeat;
}
#portfolioMDARG {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMDARG.jpg)
    no-repeat;
}
#portfolioHolloway {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioHolloway.jpg)
    no-repeat;
}
#portfolioLegacy {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLegacy.jpg)
    no-repeat;
}
#portfolioMitchell {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMitchell.jpg)
    no-repeat;
}
#portfolioPathway {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPathway.jpg)
    no-repeat;
}
#portfolioOlson {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRayOlson.jpg)
    no-repeat;
}
#portfolioStreff {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioStreff.jpg)
    no-repeat;
}
#portfolioAronson {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAronson.jpg)
    no-repeat;
}
#portfolioBurkart {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBurkart.jpg)
    no-repeat;
}
#portfolioKemler {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioKemler.jpg)
    no-repeat;
}
#portfolioStonehenge {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioStonehenge.jpg)
    no-repeat;
}
#portfolioNAW {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioNAW.jpg)
    no-repeat;
}
#portfolioSpain {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioSpain.jpg)
    no-repeat;
}
#portfolioMIC {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMIC.jpg)
    no-repeat;
}
#portfolioPaschall {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPaschall.jpg)
    no-repeat;
}
#portfolioBoone {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBoone.jpg)
    no-repeat;
}
#portfolioInspire {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioInspire.jpg)
    no-repeat;
}
#portfolioRegulatory {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRegulatory.jpg)
    no-repeat;
}
#portfolioSelectFence {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioSelectFence.jpg)
    no-repeat;
}
#portfolioBoom {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBoom.jpg)
    no-repeat;
}

#portfolioServiceLearning:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioServiceLearning.jpg)
    no-repeat;
}

#portfolioDugginsRoofing:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioDugginsRoofing.jpg)
    no-repeat;
}

#portfolioToTheTop:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioToTheTop.jpg)
    no-repeat;
}
#portfolioClear:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioClearDisclosure.jpg)
    no-repeat;
}
#portfolioCHCapital:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCHCapital.jpg)
    no-repeat;
}
#portfolioRayOlsonNew:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRayOlsonNew.jpg)
    no-repeat;
}
#portfolioOutreachNew:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioOutreachNew.jpg)
    no-repeat;
}
#portfolioOutreach:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioOutreach.jpg)
    no-repeat;
}
#portfolioCharleston:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCharleston.jpg)
    no-repeat;
}
#portfolioBJWSA:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBJWSA.jpg)
    no-repeat;
}
#portfolioZRC:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioZRC.jpg)
    no-repeat;
}
#portfolioCobalt:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCobaltSea.jpg)
    no-repeat;
}
#portfolioPennington:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPennington.jpg)
    no-repeat;
}
#portfolioBotGarden:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBotGarden.jpg)
    no-repeat;
}
#portfolioEvergreen:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioEvergreen.jpg)
    no-repeat;
}
#portfolioAcornFinancial:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAcornFinancial.jpg)
    no-repeat;
}
#portfolioVickery:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioVickery.jpg)
    no-repeat;
}
#portfolioRehab:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRehab.jpg)
    no-repeat;
}
#portfolioFive:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFive.jpg)
    no-repeat;
}
#portfolioMarine:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMarine.jpg)
    no-repeat;
}
#portfolioLoring:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLoringWard.jpg)
    no-repeat;
}
#portfolioJ3P:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioJ3P.jpg)
    no-repeat;
}
#portfolioGeorgialina:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioGeorgialina.jpg)
    no-repeat;
}
#portfolioTenet:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTenet.jpg)
    no-repeat;
}
#portfolioTroika:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTroika.jpg)
    no-repeat;
}
#portfolioReciprocity:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioReciprocity.jpg)
    no-repeat;
}
#portfolioFanning:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFanning.jpg)
    no-repeat;
}
#portfolioFire:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFire.jpg)
    no-repeat;
}
#portfolioCooke:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCooke.jpg)
    no-repeat;
}
#portfolioPennDis:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPennDis.jpg)
    no-repeat;
}
#portfolioMesa:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMesa.jpg)
    no-repeat;
}
#portfolioGessner:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioGessner.jpg)
    no-repeat;
}
#portfolioWJS:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioWJS.jpg)
    no-repeat;
}
#portfolioAequitas:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAequitas.jpg)
    no-repeat;
}
#portfolioPres:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPres.jpg)
    no-repeat;
}
#portfolioCWA:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCWA.jpg)
    no-repeat;
}
#portfolioAffinity:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAffinity.jpg)
    no-repeat;
}
#portfolioAcornTax:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAcornTax.jpg)
    no-repeat;
}
#portfolioMore:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMore.jpg)
    no-repeat;
}
#portfolioOneill:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioONeill.jpg)
    no-repeat;
}
#portfolioTailor:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTailor.jpg)
    no-repeat;
}
#portfolioInsight:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioInsight.jpg)
    no-repeat;
}
#portfolioBarrow:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBarrow.jpg)
    no-repeat;
}
#portfolio3D:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolio3D.jpg)
    no-repeat;
}
#portfolioArchway:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioArchway.jpg)
    no-repeat;
}
#portfolioMollot:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMollot.jpg)
    no-repeat;
}
#portfolioGovRel:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioGovRel.jpg)
    no-repeat;
}
#portfolioLWHoliday:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLWHoliday.jpg)
    no-repeat;
}
#portfolioKemper:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioKemper.jpg)
    no-repeat;
}
#portfolioLWNewYear:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLWNewYear.jpg)
    no-repeat;
}
#portfolioBroadwing:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBroadwing.jpg)
    no-repeat;
}
#portfolioCross:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCross.jpg)
    no-repeat;
}
#portfolioNCSD:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioNCSD.jpg)
    no-repeat;
}
#portfolioShrader:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioShrader.jpg)
    no-repeat;
}
#portfolioAyden:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAyden.jpg)
    no-repeat;
}
#portfolioWatson:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioWatson.jpg)
    no-repeat;
}
#portfolioJMC:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioJMC.jpg)
    no-repeat;
}
#portfolioArrow:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioArrow.jpg)
    no-repeat;
}
#portfolioNEXT:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioNEXT.jpg)
    no-repeat;
}
#portfolioTutschulte:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTutschulte.jpg)
    no-repeat;
}
#portfolioWMG:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioWMG.jpg)
    no-repeat;
}
#portfolioBSP:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBSP.jpg)
    no-repeat;
}
#portfolioCollective:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCollective.jpg)
    no-repeat;
}
#portfolioAKS:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAKS.jpg)
    no-repeat;
}
#portfolioSTL:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioSTL.jpg)
    no-repeat;
}
#portfolioHayden:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPaulHayden.jpg)
    no-repeat;
}
#portfolioLakesStreams:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLakesStreams.jpg)
    no-repeat;
}
#portfolioRapids:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRapids.jpg)
    no-repeat;
}
#portfolioMYFRS:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMYFRS.jpg)
    no-repeat;
}
#portfolioCooper:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCooper.jpg)
    no-repeat;
}
#portfolioHal:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioHal.jpg)
    no-repeat;
}
#portfolioBuckHoliday:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBuckHoliday.jpg)
    no-repeat;
}
#portfolioCampbell:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCampbell.jpg)
    no-repeat;
}
#portfolioBuckinghamTwoTwo:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBuckinghamNewYear2022.jpg)
    no-repeat;
}
#portfolioBuckinghamTwoThree:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBuckinghamNewYear2023.jpg)
    no-repeat;
}
#portfolioAugulis:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAugulis.jpg)
    no-repeat;
}
#portfolioTimeTarget:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioTimeTarget.jpg)
    no-repeat;
}
#portfolioCeaser:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCeaser.jpg)
    no-repeat;
}
#portfolioCruz:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioCruz.jpg)
    no-repeat;
}
#portfolioFirstNebraska:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioFirstNebraska.jpg)
    no-repeat;
}
#portfolioMDARG:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMDARG.jpg)
    no-repeat;
}
#portfolioHolloway:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioHolloway.jpg)
    no-repeat;
}
#portfolioLegacy:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioLegacy.jpg)
    no-repeat;
}
#portfolioMitchell:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMitchell.jpg)
    no-repeat;
}
#portfolioPathway:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPathway.jpg)
    no-repeat;
}
#portfolioOlson:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRayOlson.jpg)
    no-repeat;
}
#portfolioStreff:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioStreff.jpg)
    no-repeat;
}
#portfolioAronson:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioAronson.jpg)
    no-repeat;
}
#portfolioBurkart:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBurkart.jpg)
    no-repeat;
}
#portfolioKemler:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioKemler.jpg)
    no-repeat;
}
#portfolioStonehenge:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioStonehenge.jpg)
    no-repeat;
}
#portfolioNAW:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioNAW.jpg)
    no-repeat;
}
#portfolioSpain:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioSpain.jpg)
    no-repeat;
}
#portfolioMIC:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioMIC.jpg)
    no-repeat;
}
#portfolioPaschall:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioPaschall.jpg)
    no-repeat;
}
#portfolioBoone:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBoone.jpg)
    no-repeat;
}
#portfolioInspire:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioInspire.jpg)
    no-repeat;
}
#portfolioRegulatory:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioRegulatory.jpg)
    no-repeat;
}
#portfolioSelectFence:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioSelectFence.jpg)
    no-repeat;
}
#portfolioBoom:after {
  background: url(https://rocquett.com/wp-content/themes/swisstheme/images/portfolioBoom.jpg)
    no-repeat;
}

#portfolioServiceLearning:after,
#portfolioDugginsRoofing:after,
#portfolioToTheTop:after,
#portfolioClear:after,
#portfolioCHCapital:after,
#portfolioRayOlsonNew:after,
#portfolioOutreach:after,
#portfolioOutreachNew:after,
#portfolioCharleston:after,
#portfolioBJWSA:after,
#portfolioZRC:after,
#portfolioCobalt:after,
#portfolioPennington:after,
#portfolioBotGarden:after,
#portfolioEvergreen:after,
#portfolioAcornFinancial:after,
#portfolioVickery:after,
#portfolioRehab:after,
#portfolioFive:after,
#portfolioMarine:after,
#portfolioLoring:after,
#portfolioJ3P:after,
#portfolioGeorgialina:after,
#portfolioTenet:after,
#portfolioTroika:after,
#portfolioReciprocity:after,
#portfolioFanning:after,
#portfolioFire:after,
#portfolioCooke:after,
#portfolioPennDis:after,
#portfolioMesa:after,
#portfolioGessner:after,
#portfolioWJS:after,
#portfolioAequitas:after,
#portfolioPres:after,
#portfolioCWA:after,
#portfolioAffinity:after,
#portfolioAcornTax:after,
#portfolioMore:after,
#portfolioOneill:after,
#portfolioTailor:after,
#portfolioInsight:after,
#portfolioBarrow:after,
#portfolio3D:after,
#portfolioArchway:after,
#portfolioMollot:after,
#portfolioGovRel:after,
#portfolioLWHoliday:after,
#portfolioKemper:after,
#portfolioCixion:after,
#portfolioLWNewYear:after,
#portfolioBroadwing:after,
#portfolioCross:after,
#portfolioNCSD:after,
#portfolioShrader:after,
#portfolioAyden:after,
#portfolioWatson:after,
#portfolioJMC:after,
#portfolioArrow:after,
#portfolioNEXT:after,
#portfolioTutschulte:after,
#portfolioWMG:after,
#portfolioBSP:after,
#portfolioCollective:after,
#portfolioHayden:after,
#portfolioAKS:after,
#portfolioSTL:after,
#portfolioLakesStreams:after,
#portfolioRapids:after,
#portfolioMYFRS:after,
#portfolioCooper:after,
#portfolioHal:after,
#portfolioBuckHoliday:after,
#portfolioCampbell:after,
#portfolioBuckinghamTwoTwo:after,
#portfolioBuckinghamTwoThree:after,
#portfolioAugulis:after,
#portfolioTimeTarget:after,
#portfolioCeaser:after,
#portfolioCruz:after,
#portfolioFirstNebraska:after,
#portfolioMDARG:after,
#portfolioHolloway:after,
#portfolioleagcy:after,
#portfolioMitchell:after,
#portfolioPathway:after,
#portfolioOlson:after,
#portfolioStreff:after,
#portfolioAronson:after,
#portfolioBurkart:after,
#portfolioKemler:after,
#portfolioStonehenge:after,
#portfolioNAW:after,
#portfolioSpain:after,
#portfolioMIC:after,
#portfolioPaschall:after,
#portfolioBoone:after,
#portfolioInspire:after,
#portfolioRegulatory:after,
#portfolioSelectFence:after,
#portfolioBoom:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-position: 0 -330px;
  background-size: 385px 660px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}

#portfolioServiceLearning:hover:after,
#portfolioToTheTop:hover:after,
#portfolioDugginsRoofing:hover:after,
#portfolioClear:hover:after,
#portfolioCHCapital:hover:after,
#portfolioRayOlsonNew:hover:after,
#portfolioOutreach:hover:after,
#portfolioOutreachNew:hover:after,
#portfolioCharleston:hover:after,
#portfolioBJWSA:hover:after,
#portfolioZRC:hover:after,
#portfolioCobalt:hover:after,
#portfolioPennington:hover:after,
#portfolioBotGarden:hover:after,
#portfolioEvergreen:hover:after,
#portfolioAcornFinancial:hover:after,
#portfolioVickery:hover:after,
#portfolioRehab:hover:after,
#portfolioFive:hover:after,
#portfolioMarine:hover:after,
#portfolioLoring:hover:after,
#portfolioJ3P:hover:after,
#portfolioGeorgialina:hover:after,
#portfolioTenet:hover:after,
#portfolioTroika:hover:after,
#portfolioReciprocity:hover:after,
#portfolioFanning:hover:after,
#portfolioFire:hover:after,
#portfolioCooke:hover:after,
#portfolioPennDis:hover:after,
#portfolioMesa:hover:after,
#portfolioGessner:hover:after,
#portfolioWJS:hover:after,
#portfolioAequitas:hover:after,
#portfolioPres:hover:after,
#portfolioCWA:hover:after,
#portfolioAffinity:hover:after,
#portfolioAcornTax:hover:after,
#portfolioMore:hover:after,
#portfolioOneill:hover:after,
#portfolioTailor:hover:after,
#portfolioInsight:hover:after,
#portfolioBarrow:hover:after,
#portfolio3D:hover:after,
#portfolioArchway:hover:after,
#portfolioMollot:hover:after,
#portfolioGovRel:hover:after,
#portfolioLWHoliday:hover:after,
#portfolioKemper:hover:after,
#portfolioCixion:hover:after,
#portfolioLWNewYear:hover:after,
#portfolioBroadwing:hover:after,
#portfolioCross:hover:after,
#portfolioNCSD:hover:after,
#portfolioShrader:hover:after,
#portfolioAyden:hover:after,
#portfolioWatson:hover:after,
#portfolioJMC:hover:after,
#portfolioArrow:hover:after,
#portfolioNEXT:hover:after,
#portfolioTutschulte:hover:after,
#portfolioWMG:hover:after,
#portfolioBSP:hover:after,
#portfolioCollective:hover:after,
#portfolioHayden:hover:after,
#portfolioAKS:hover:after,
#portfolioSTL:hover:after,
#portfolioLakesStreams:hover:after,
#portfolioRapids:hover:after,
#portfolioMYFRS:hover:after,
#portfolioCooper:hover:after,
#portfolioHal:hover:after,
#portfolioBuckHoliday:hover:after,
#portfolioCampbell:hover:after,
#portfolioBuckinghamTwoTwo:hover:after,
#portfolioBuckinghamTwoThree:hover:after,
#portfolioAugulis:hover:after,
#portfolioTimeTarget:hover:after,
#portfolioCeaser:hover:after,
#portfolioCruz:hover:after,
#portfolioFirstNebraska:hover:after,
#portfolioMDARG:hover:after,
#portfolioHolloway:hover:after,
#portfolioLegacy:hover:after,
#portfolioMitchell:hover:after,
#portfolioPathway:hover:after,
#portfolioOlson:hover:after,
#portfolioStreff:hover:after,
#portfolioAronson:hover:after,
#portfolioBurkart:hover:after,
#portfolioKemler:hover:after,
#portfolioStonehenge:hover:after,
#portfolioNAW:hover:after,
#portfolioSpain:hover:after,
#portfolioMIC:hover:after,
#portfolioPaschall:hover:after,
#portfolioBoone:hover:after,
#portfolioInspire:hover:after,
#portfolioRegulatory:hover:after,
#portfolioSelectFence:hover:after,
#portfolioBoom:hover:after {
  opacity: 1;
}

/* DESIGN THEME AND CASE STUDY PAGES ================================================= */

.designtheme-block-wrapper {
  margin-bottom: 50px;
  float: left;
  width: 100%;
}

.designtheme-block-left,
.designtheme-block-right {
  float: left;
}

.designtheme-block-left {
  width: 100%;
}

.designtheme-block-right {
  padding: 10px 0 0 0;
  width: 100%;
}

.designtheme-block-left img {
  position: relative;
  top: 0;
  border: 1px solid #efefef;
  transition: all 0.15s ease-in-out;
}

.designtheme-block-wrapper:hover .designtheme-block-left img {
  transform: scale3d(1, 1, 1.25);
  border: none;
  box-shadow: 0 0 25px 0 #ccc;
}

.theme-name {
  font-size: 50px;
  font-weight: 500;
  line-height: 1.1em;
  color: #333 !important;
  padding-bottom: 20px;
  padding-top: 140px;
}

.theme-info {
  font-size: 22px;
  color: #333 !important;
  padding-bottom: 20px;
  max-width: 85%;
}

.theme-link {
  font-size: 18px;
  margin-bottom: 30px;
}

.theme-note {
  font-size: 12px;
  font-style: italic;
  color: #575757;
  padding-bottom: 7px;
}

#design.flexible-section {
  padding-top: 100px !important;
  background-position: top -80px center; /*h - v*/
}

#design .span1-12 {
  background-color: #191919;
  color: #fff !important;
  padding: 40px 20px;
}

#design h2 {
  color: #fff !important;
}

/* SECTION AND BLOCK STYLES ========================================================= */

.icon-block {
  background-color: #f9f9f9;
  padding: 20px 20px 5px 30px;
  margin: 0 0 5px;
}

.icon-block h3 {
  font-weight: 300;
  font-size: 26px;
}

.icon-block p,
.heading-list-item {
  font-size: 18px;
  line-height: 1.5em;
}

.heading-list {
  margin-top: 65px;
}

.heading-list-item {
  border-bottom: 1px solid #cfcfcf;
  margin: 0 0 25px;
  clear: both;
  float: left;
  width: 100%;
  line-height: 1.35em;
}

.heading-column {
  font-weight: bold;
  width: 30%;
  margin-right: 5%;
  float: left;
  padding-bottom: 15px;
}

.heading-list-item p {
  margin: 0 0 20px;
  width: 65%;
  float: left;
}

/* PRICING TABLES ===================================================== */

/*tr.feature-row, tr#pay-monthlyBuild td:first-child {
	display:none;
}

tr#pay-monthlyBuild td {
	display:block;
}*/

/* CONTACT PAGE ========================================================= */

#contactform {
  padding-top: 60px;
}

.contact-block {
  background-color: #19a730;
  height: 166px;
  margin: 0 0 60px;
  text-align: center;
  color: #fff;
  position: relative;
}

.contact-block.support,
.contact-block.call {
  margin-top: 60px;
}

.contact-block-heading {
  font-size: 28px;
  font-weight: 700;
  padding-top: 50px;
}

.social .contact-block-heading {
  padding-bottom: 25px;
}

.contact-block a {
  color: #fff;
}

.contact-block a:hover {
  border-bottom: 1px solid #fff;
}

.contact-block a svg.icon-arrow {
  fill: #fff;
}

.contact-block.email .contact-block-icon,
.contact-block.call .contact-block-icon,
.contact-block.address .contact-block-icon,
.contact-block.map .contact-block-icon,
.contact-block.social .contact-block-icon,
.contact-block.support .contact-block-icon,
.contact-block.schedule .contact-block-icon,
.contact-block.form .contact-block-icon {
  background: #f1f1f1;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: -35px;
  display: inline-block;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-block.email:hover .contact-block-icon,
.contact-block.call:hover .contact-block-icon,
.contact-block.address:hover .contact-block-icon,
.contact-block.map:hover .contact-block-icon,
.contact-block.social:hover .contact-block-icon,
.contact-block.support:hover .contact-block-icon,
.contact-block.schedule:hover .contact-block-icon,
.contact-block.form:hover .contact-block-icon {
  box-shadow: 0 0 10px 0 #ccc;
  top: -38px;
}

.contact-block.email .contact-block-icon:before,
.contact-block.call .contact-block-icon:before,
.contact-block.address .contact-block-icon:before,
.contact-block.map .contact-block-icon:before,
.contact-block.social .contact-block-icon:before,
.contact-block.support .contact-block-icon:before,
.contact-block.schedule .contact-block-icon:before,
.contact-block.form .contact-block-icon:before {
  position: absolute;
  transform: translateX(-50%);
}

.contact-block.form .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="35px" height="35px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.137 10.15c.312-.146.638-.18.943-.125.649.119 1.197.646 1.276 1.37-.225-.25-.515-.405-.825-.462-.315-.056-.651-.013-.964.133-.622.292-.987.913-.889 1.584-.744-.767-.513-2.044.459-2.5zm.965 9.247c.642.355 2.649 1.328 4.766 3.603l5.132-2.407c-.876-1.866-.34-2.963-1.208-4.816-.594-1.266-1.047-1.368-1.907-1.366l.306.652c.185.393-.412.67-.594.278l-.272-.583c-.223-.473-.851-.318-1.406-.293l.372.792c.184.392-.408.671-.594.277l-.322-.686c-.227-.485-.879-.308-1.439-.271l.393.839c.185.394-.41.669-.592.278l-1.597-3.395c-.494-1.056-2.133-.332-1.62.759l2.351 5.02c-.317-.187-.892-.412-1.282-.483-1.206-.218-1.909 1.017-.487 1.802zm-7.102-13.397h2v-2h-2v2zm10 3h4v-2h-4v2zm2-3h2v-2h-2v2zm-11 3h2v-2h-2v2zm-5-5v2h3v-2h-3zm7.297 6.922c.06-.326.179-.631.323-.922h-3.62v2h3.286c-.045-.356-.055-.717.011-1.078zm-7.297-1.922h4v-2h-4v2zm7-3h2v-2h-2v2zm6 0h2v-2h-2v2zm-4.758 8.042c-.295-.304-.506-.664-.674-1.042h-8.568v-10h20v9.53c.825.19 1.465.627 2 1.366v-12.896h-24v14h12.17l-.928-.958zm-.242-5.042h2v-2h-2v2zm3 0h2v-2h-2v2zm-1-3h2v-2h-2v2z"></path></svg>');
  top: 21px;
}

.contact-block.call .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="48px" height="48px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M20.629 5h-9.257a1.6 1.6 0 0 0-1.601 1.603V25.4a1.6 1.6 0 0 0 1.601 1.601h9.257c.883 0 1.6-.718 1.6-1.601V6.603c0-.885-.717-1.603-1.6-1.603zm-6.247 1.023h3.302v.768h-3.302v-.768zm1.619 19.395a1.024 1.024 0 0 1-1.023-1.021 1.023 1.023 0 0 1 2.044 0c-.001.494-.46 1.021-1.021 1.021zm5.028-3.501H10.971V7.704h10.058v14.213z"></path></svg>');
  top: 10px;
}

.contact-block.email .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="26px" height="26px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z"></path></svg>');
  top: 23px;
}

.contact-block.address .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="26px" height="26px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.127 22.562l-7.127 1.438 1.438-7.128 5.689 5.69zm1.414-1.414l11.228-11.225-5.69-5.692-11.227 11.227 5.689 5.69zm9.768-21.148l-2.816 2.817 5.691 5.691 2.816-2.819-5.691-5.689z"></path></svg>');
  top: 21px;
}

.contact-block.social .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="30px" height="30px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 9.352c0-4.852-4.751-8.352-10-8.352-5.281 0-10 3.526-10 8.352 0 1.711.615 3.391 1.705 4.695.047 1.527-.851 3.718-1.661 5.312 2.168-.391 5.252-1.258 6.649-2.115 7.697 1.877 13.307-2.842 13.307-7.892zm-14.5 1.38c-.689 0-1.25-.56-1.25-1.25s.561-1.25 1.25-1.25 1.25.56 1.25 1.25-.561 1.25-1.25 1.25zm4.5 0c-.689 0-1.25-.56-1.25-1.25s.561-1.25 1.25-1.25 1.25.56 1.25 1.25-.561 1.25-1.25 1.25zm4.5 0c-.689 0-1.25-.56-1.25-1.25s.561-1.25 1.25-1.25 1.25.56 1.25 1.25-.561 1.25-1.25 1.25zm8.383 8.789c-.029 1.001.558 2.435 1.088 3.479-1.419-.258-3.438-.824-4.352-1.385-3.365.818-6.114-.29-7.573-2.1 4.557-.66 8.241-3.557 9.489-7.342 1.48.979 2.465 2.491 2.465 4.274 0 1.12-.403 2.221-1.117 3.074z"></path></svg>');
  top: 21px;
}

.contact-block.map .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="30px" height="30px" fill="rgba(26,61,76,1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"></path></svg>');
  top: 21px;
}

.contact-block.support .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="29px" height="29px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.605 0h-10.605v10.609l13.391 13.391 10.609-10.604-13.395-13.396zm-4.191 6.414c-.781.781-2.046.781-2.829.001-.781-.783-.781-2.048 0-2.829.782-.782 2.048-.781 2.829-.001.782.782.781 2.047 0 2.829z"></path></svg>');
  top: 23px;
  left: 38px;
}

.contact-block.schedule .contact-block-icon:before {
  content: url('data:image/svg+xml,<svg width="29px" height="29px" fill="rgba(243, 0, 45, 1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 20h-4v-4h4v4zm-6-10h-4v4h4v-4zm6 0h-4v4h4v-4zm-12 6h-4v4h4v-4zm6 0h-4v4h4v-4zm-6-6h-4v4h4v-4zm16-8v22h-24v-22h3v1c0 1.103.897 2 2 2s2-.897 2-2v-1h10v1c0 1.103.897 2 2 2s2-.897 2-2v-1h3zm-2 6h-20v14h20v-14zm-2-7c0-.552-.447-1-1-1s-1 .448-1 1v2c0 .552.447 1 1 1s1-.448 1-1v-2zm-14 2c0 .552-.447 1-1 1s-1-.448-1-1v-2c0-.552.447-1 1-1s1 .448 1 1v2z"></path></svg>');
  top: 20px;
}

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">

/* ABOVE FOOTER - CTA or other content ================================================================================ */

#above-footer {
}

.abovefooter-wrapper {
  position: relative;
}

.cta {
  background-repeat: no-repeat;
  background-position: center top; /*h - v*/
  margin-top: 100px;
  padding-top: 0;
  position: relative;
  color: #eaeaea;
}

.cta-wrapper {
  margin: 0 auto;
}

.limited {
  float: right;
  font-size: 13px;
  font-style: italic;
  padding-top: 5px;
  color: #999;
}

.cta-details sup {
  font-size: 60%;
}

.cta-details {
  padding: 34px 0 34px 34px;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3em;
  float: left;
  background-color: #000;
}

.cta-details ul {
  list-style: none;
  padding: 10px 0 0;
  margin: 0;
  font-size: 28px;
  clear: left;
}

.cta-details ul li {
  padding: 0 0 13px;
  margin: 0;
}

.cta-details em {
  font-size: 14px;
  float: left;
  font-weight: 600;
}

.cta-text {
  padding-right: 34px;
  padding-top: 17px;
}

.cta .button a {
  text-align: left;
  font-size: 34px !important;
  font-weight: 400;
  line-height: 1.2em;
  color: #fff;
  padding: 34px 34px 34px 34px;
  margin-top: 0;
  float: right;
  height: 280px;
  width: 280px;
  position: relative;
  text-transform: none;
  letter-spacing: 0em;
}

.cta .button a span {
  text-align: right;
  display: block;
  position: absolute;
  font-weight: 600;
  bottom: 24px;
  right: 34px;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cta .button a svg.icon-arrow {
  fill: #fff;
}

/* FOOTER ==================================================================================================  */

footer {
  /*    background: linear-gradient(90deg, rgba(15,15,15,1) 0%, rgba(15,15,15,1) 66%, rgba(0,0,0,1) 66.1%, rgba(0,0,0,1) 100%);*/
  background: rgb(16, 16, 16);
  position: relative;
}

.two-column-footer {
  padding-top: 70px;
}

.footercontact {
  color: #333;
  padding: 120px 0 100px;
  width: 100%;
  background-color: #f9f9f9;
  text-align: center;
}

.footercontact h2 {
  font-weight: 200;
  font-size: 50px;
  padding: 0 0 12px;
  margin: 0;
}

.footercontact p {
  font-size: 20px;
  padding: 0;
  margin: 0;
}

p.footer-phone {
  font-size: 60px;
  font-weight: 500;
  padding: 40px 0 0;
  letter-spacing: -0.03em;
}

p.footer-formlink {
  font-size: 16px;
  padding-bottom: 40px;
}

p.footer-location {
  background: url(images/state.png) no-repeat center 0;
  padding: 36px 0 50px 0;
  font-size: 16px;
}

ul.footer-nav {
  list-style: none;
  padding: 30px 0 80px;
  margin: 0;
  font-size: 17px;
  column-count: 1;
  width: 100%;
}

ul.footer-nav li {
  padding: 0;
  line-height: 34px;
}

ul.footer-nav li a {
  color: #c2c2c2;
}

ul.footer-nav li a:hover {
  border-bottom: none !important;
  color: #fff;
}

footer a svg.icon-arrow {
  fill: #c2c2c2;
}

footer a:hover svg.icon-arrow {
  fill: #fff;
}

.ready-talk {
  color: #000;
  font-size: 34px;
  font-weight: 800;
  padding: 100px 0 30px;
  text-align: center;
  line-height: 0.9em;
  letter-spacing: -0.05em;
  font-family: acumin-pro-wide, sans-serif;
}

.ready-talk span {
  font-size: 24px;
  font-weight: 500;
  display: block;
  letter-spacing: 0em;
}

.ready-talk .us-based {
  font-size: 24px;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 0;
  line-height: 1.4em;
  letter-spacing: 0em;
}

.ready-talk .located-athens {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 300;
  letter-spacing: 0em;
  padding-top: 10px;
}

.ready-talk .use-form {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  font-style: italic;
}

.ready-talk .use-form a:hover {
  border-bottom: none;
}

.one-column-footer.acf-row-1 {
  background-color: #191919;
}

footer .social-icons,
.social-icons.contact {
}

footer .social-icons svg,
.social-icons.contact svg {
  width: 18px;
  height: 18px;
  position: relative;
  text-align: center;
}

footer .social-icons svg.icon-facebook {
  width: 17px;
  height: 17px;
}

footer .social-icons a svg {
  fill: #09c6e5;
  margin: 0 8px 0 0;
}

.social .contact-block-content a svg {
  fill: #fff;
  margin: 0 8px 0 0;
}

.social .contact-block-content a:hover svg {
  fill: #fff;
}

.social .contact-block-content a svg {
  margin: 0 16px 0 0;
}

.social .contact-block-content a svg.last {
  margin: 0;
}

.social .contact-block-content svg {
  width: 28px;
  height: 28px;
}

.social .contact-block-content svg.icon-facebook {
  width: 23px;
  height: 23px;
}

.copyright {
  font-size: 11px;
  color: #9e9e9e;
  border-top: 2px solid #323232;
  width: 100%;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  padding-top: 8px;
  margin-bottom: 10px;
  float: left;
}

.copyright .alignleft,
.copyright .alignright {
  margin: 0;
  padding: 0;
}

.copyright span {
  display: inline-block;
  padding: 0 10px;
}

.copyright a {
  color: #9e9e9e;
}

.copyright a:hover {
  color: #666;
  border-bottom: 1px solid #444;
}

/* FORMS ==================================================================================================  */

.gform_wrapper .gfield_error .gfield_repeater_cell label,
.gform_wrapper .gfield_error legend,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper [aria-invalid="true"] + label,
.gform_wrapper label + [aria-invalid="true"],
.gform_wrapper .gfield_error .gfield_label {
  color: #e60d0d !important;
}
.gform_wrapper .gform_validation_errors {
  background: #fff !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.gform_wrapper textarea,
input[type="text"],
.gform_wrapper select,
.gform_wrapper textarea,
input[type="email"],
.gform_wrapper textarea,
input[type="tel"],
.gform_wrapper input[type="url"] {
  border-radius: 2px 2px 2px 2px !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-size: 16px !important;
  border-color: #eee !important;
  background-color: #f7f7f7 !important;
}

table.timeline {
  text-align: left;
  max-width: 80%;
  border-top: 5px solid #999;
  border-bottom: 5px solid #999;
  margin: 10px 0 15px 0;
  padding-bottom: 3px;
}

table.timeline th {
  border-bottom: 3px solid #ddd;
  padding: 9px 0 9px 0;
  font-weight: bold;
}

table.timeline td {
  padding: 9px 20px 9px 0;
  border-bottom: 1px solid #ccc;
}

table.timeline tr:last-child td {
  border-bottom: none;
}

.pad-top-p {
  padding-top: 60px;
}

/* MODAL ================================================================================== */

.jquery-modal.blocker {
  z-index: 999999 !important;
  padding: 0;
}

.modal {
  clear: both;
  display: none;
  width: auto;
  padding: 12px 40px 12px;
  border-radius: 0;
  z-index: 9999999 !important;
  max-width: 1060px;
}

.modal a.close-modal {
  position: absolute;
  top: 10px;
  right: 15px;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  opacity: 0.3;
}

.modal a.close-modal:hover {
  opacity: 1;
  border-bottom: none !important;
}

.modal a.close-modal:before,
.modal a.close-modal:after {
  position: absolute;
  left: 10px;
  content: " ";
  height: 23px;
  width: 2px;
  background-color: #333;
  transition: background 75ms linear 0s;
}

.modal a.close-modal:before {
  transform: rotate(45deg);
}

.modal a.close-modal:after {
  transform: rotate(-45deg);
}

.modal p,
.modal ul {
  font-size: 16px;
}

/* 360px Android phones ============================================================================================ */

@media (min-width: 360px) {
}

@media (min-width: 400px) {
  h1 {
    font-size: 49px;
  }

  .page-template-pageNoImage .banner-section,
  .error404 .banner-section,
  .blog .banner-section,
  .archive .banner-section {
    height: 190px;
  }
}

/* 601px Tablets ============================================================================================ */

@media (min-width: 601px) {
  .slug-payment-professional-hosting-maintenance-monthly #maincontent,
  .slug-payment-premium-hosting-maintenance-monthly #maincontent,
  .slug-payment-premium-plus-hosting-maintenance-monthly #maincontent,
  .slug-payment-professional-hosting-maintenance-yearly #maincontent,
  .slug-payment-premium-hosting-maintenance-yearly #maincontent,
  .slug-payment-premium-plus-hosting-maintenance-yearly #maincontent,
  .slug-payment-quicklaunch-standard #maincontent,
  .slug-payment-quicklaunch-form #maincontent,
  .slug-payment-quicklaunch-form-blog #maincontent,
  .slug-payment-quicklaunch-restaurant-with-banner-slider #maincontent,
  .slug-payment-quicklaunch-restaurant-with-pdf-menu #maincontent,
  .slug-payment-quicklaunch-restaurant-with-banner-slider-and-web-page-menu
    #maincontent,
  .slug-payment-professional-seo #maincontent,
  .slug-payment-professional-plus-seo #maincontent,
  .slug-payment-diy-tom-referral #maincontent,
  .slug-payment-quarterly-tom-referral #maincontent,
  .slug-payment-monthly-tom-referral #maincontent,
  .slug-payment-card-referral #maincontent,
  .slug-payment-web-referral #maincontent,
  .slug-payment-tracking-referral #maincontent {
    background-color: rgba(243, 244, 247, 1);
  }
}

/* 768px Tablets ============================================================================================ */

@media (min-width: 768px) {
}

/* 1024px Baseline for full display ============================================================================================ */

@media (min-width: 1024px) {
  body {
    font-size: 20px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
  }

  .hidemobile,
  .rightnav,
  .abovetopnav,
  .mega-content,
  .main-nav-ul {
    display: block;
  }

  .single .mega-content,
  .blog .mega-content,
  .category .mega-content,
  .hidedesktop {
    display: none !important;
  }

  .flexible-section,
  .two-column-footer,
  .abovetopnav,
  .abovefooter,
  .banner-section.noimage {
    padding-right: 2%;
    padding-left: 2%;
  }

  #overview.section-padding-top-100 {
    padding-top: 100px;
    text-align: center;
  }

  .csDesignStack {
    height: 780px;
  }

  .cs-mobile-heading span {
    display: block;
  }

  #visit a {
    font-size: 76px;
  }

  #visit h2 {
    padding-bottom: 10px;
  }

  #visit a:hover {
    border-bottom-width: 4px;
  }

  .flexible-section#csdesign {
    padding-left: 7%;
    padding-right: 7%;
    overflow-x: hidden;
  }

  #horiz-scroll {
    overflow-x: hidden;
  }

  .abovetopnav {
    padding-right: 0;
    padding-left: 0;
  }

  p.largetext {
    font-size: 30px;
  }

  .designtheme-block-right p.largetext {
    font-size: 26px;
  }

  p.largetext span {
    display: block;
  }

  .smallnav svg#rocquett-logo {
    fill: #19a730;
  }

  /* TESTIMONIAL  ================================================= */

  .wpmslider-viewport {
    margin-top: 0 !important;
  }

  /* CSS GRID + FLEXBOX ==================================================================================  */

  /* Grid fallback for IE 10 - IE 11 - From my browserling.com testing it works in IE 9 too */
  .section-content,
  ul.mega-content {
    display: flex;
    flex-wrap: wrap;
  }

  @supports (display: grid) {
    .section-content {
      display: grid;
      grid-column-gap: 1rem;
      grid-row-gap: 0;
      grid-template-columns: repeat(12, [col] 1fr);
      max-width: 1700px;
    }

    #csdesign .section-content {
    }

    .flexible-section#csdesign .section-content .span2-11 {
      max-width: 4000px;
      width: 4000px;
    }

    .section-content .span1-12 {
      flex-basis: 100%;
    }

    @supports (display: grid) {
      .section-content .span1-12 {
        grid-column: col 1 / span 12;
      }
    }

    @supports (display: grid) {
      .section-content .span1-4 {
        grid-column: col 1 / span 4;
      }
    }

    @supports (display: grid) {
      .section-content .span5-8 {
        grid-column: col 5 / span 4;
      }
    }

    @supports (display: grid) {
      .section-content .span9-12 {
        grid-column: col 9 / span 4;
      }
    }

    /* Reset mobile columns */
    .section-content .span1-4,
    .section-content .span5-8,
    .section-content .span9-12 {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none;
    }

    .quicklaunch-blocks .span1-4,
    .quicklaunch-blocks .span5-8 {
      margin-right: 30px !important;
    }

    .quicklaunch-blocks .span1-4,
    .quicklaunch-blocks .span5-8,
    .quicklaunch-blocks .span9-12 {
      padding-top: 30px;
      border-top: 5px solid #efefef;
    }

    .quicklaunch-blocks .span1-4:hover,
    .quicklaunch-blocks .span5-8:hover,
    .quicklaunch-blocks .span9-12:hover {
      border-top: 5px solid #cfcfcf;
    }

    .mobileScreen,
    .mobileText {
      float: left;
    }

    .mobileScreen {
      width: 30%;
    }

    .mobileText {
      width: 70%;
      margin-top: -15px;
    }

    .mobile-section {
      margin-top: -290px;
    }

    .cscolor {
      float: left;
      padding-right: 180px;
    }

    #visit.section-padding-bottom-100 {
      padding-bottom: 100px;
    }

    #visit.section-padding-top-100 {
      padding-top: 100px;
    }

    .cscolor,
    .cstypography {
      padding-bottom: 0;
    }

    /* BANNERS ===================================================== */

    .banner-section {
      height: 800px;
      margin-top: -110px;
    }

    .page-template-pageNoImage .banner-section {
      height: 320px;
      margin-bottom: 40px;
      margin-top: -110px;
      padding-left: 2%;
    }

    .blog .banner-section,
    single .banner-section,
    .archive .banner-section {
      height: 180px;
      margin-bottom: 0;
      margin-top: 0;
      padding-left: 2%;
    }

    .page-template-pageNoImage.slug-case-studies .banner-section,
    .error404 .banner-section {
      height: 360px;
    }

    .error404 .banner-section {
      padding-top: 190px;
    }

    .portfolio-image {
      height: 330px;
      position: relative;
      width: 300px;
      background-size: 385px 660px;
    }

    /*.slug-home-2 .banner-section::before, .slug-contact .banner-section::before, .slug-hosting-maintenance .banner-section::before, .slug-website-development .banner-section::before, .slug-quicklaunch-websites .banner-section::before, .slug-faq .banner-section::before {
    content:'';
    position: absolute;
    top:0;
    left:0;
	right:0;
	height:800px;
	width:100%;
    background-image: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,.7) 40%, rgba(0,0,0,0));
	z-index:2;
}*/

    .banner-section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 800px;
      width: 100%;
      background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.9),
        rgba(0, 0, 0, 0.7) 40%,
        rgba(0, 0, 0, 0)
      );
      z-index: 2;
    }

    .home .banner-section::before,
    .page-template-pageNoImage .banner-section::before,
    .error404 .banner-section::before,
    .blog .banner-section::before,
    .archive .banner-section::before {
      background-image: none;
      height: 0;
    }

    header {
      background-color: transparent;
    }

    .noimage .banner-section {
      height: auto;
    }

    .banner-section {
      background-size: auto auto;
      background-repeat: no-repeat;
      background-color: #000;
      padding-top: 0;
      padding-bottom: 0;
      background-position: left top;
    }

    .home .banner-section {
      background-color: transparent;
    }

    .border-top-thick-demo .section-content {
      border-top: 10px solid #cfcfcf;
    }

    /*https://stackoverflow.com/questions/9097605/how-to-make-a-loading-image-when-loading-html5-video/24470253*/
    video.loading {
      background: black
        url(https://rocquett.com/wp-content/themes/swisstheme/images/spinner.gif)
        center center no-repeat;
    }

    .video-wrapper {
      top: 0;
      left: 0;
      height: 800px;
      width: 100%;
      overflow: hidden;
      position: absolute;
      z-index: 1;
      background-color: #000;
    }

    video#bgvid {
      position: absolute;
      right: -290px;
      z-index: 0;
      height: 100%;
      background-color: #000;
    }

    .video-wrapper::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 1),
        rgba(0, 0, 0, 0.85) 40%,
        rgba(0, 0, 0, 0)
      );
      z-index: 2;
    }

    /*video#bgvid {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/j3phome.jpg) no-repeat;
    background-size: cover;
}*/

    /* ABOVE HEADER ALERT ========================================================== */

    .above-header {
      padding: 6px 0;
      font-size: 16px;
    }

    /* ABOVE HEADER ALERT ========================================================== */

    /* MAIN NAV =============================================================================*/

    header {
      z-index: 2;
      height: 110px;
    }

    .page-template-pageNoImage header,
    .blog header,
    .single header,
    .archive header,
    .error404 header,
    .slug-athens-ga-website-design header,
    .slug-atlanta-ga-wordpress-website-design-development-hosting-and-maintenance
      header,
    .slug-greenville-sc-wordpress-website-development-hosting-and-maintenance
      header {
      background: #fff;
    }

    main {
      z-index: 1;
    }

    .blog main,
    .single main,
    .archive main {
      margin-top: 0;
    }

    .page-id-2184 main,
    .page-id-2222 main,
    .page-id-2226 main {
      margin-top: 0px;
    }

    .main-nav {
      clear: both;
      width: 100%;
      padding-right: 3%;
      padding-left: 0;
    }

    ul.main-nav-ul {
      float: right;
      text-align: right;
      clear: none;
      background-color: transparent;
    }

    a.logo {
      padding: 18px 35px 10px 35px;
      text-align: left;
      background-color: #19a730;
      margin: 13px 0 0;
    }

    ul.main-nav-ul li a {
      text-align: right;
      float: right;
      display: block;
      font-size: 18px;
      border-right: none;
      letter-spacing: -0.03em;
      padding: 10px 0 5px;
      margin: 0 13px;
      color: #333;
    }

    .home ul.main-nav-ul li a {
      color: #eee;
    }

    ul.main-nav-ul li a:hover {
      color: #000;
      border-bottom: 2px solid #000;
    }

    .home ul.main-nav-ul li a:hover {
      color: #fafafa;
      border-bottom: 2px solid #fff;
    }

    ul.main-nav-ul li.last a {
      padding-right: 0;
      margin-right: 0;
    }

    .page-template-pageNoImage ul.main-nav-ul li a,
    .blog ul.main-nav-ul li a,
    .single ul.main-nav-ul li a,
    .archive ul.main-nav-ul li a,
    .error404 ul.main-nav-ul li a,
    .slug-athens-ga-website-design ul.main-nav-ul li a,
    .slug-atlanta-ga-wordpress-website-design-development-hosting-and-maintenance
      ul.main-nav-ul
      li
      a,
    .slug-greenville-sc-wordpress-website-development-hosting-and-maintenance
      ul.main-nav-ul
      li
      a {
      color: #555;
    }

    .page-template-pageNoImage ul.main-nav-ul li a:hover,
    .blog ul.main-nav-ul li a:hover,
    .single ul.main-nav-ul li a:hover,
    .archive ul.main-nav-ul li a:hover,
    .error404 ul.main-nav-ul li a:hover,
    .slug-athens-ga-website-design ul.main-nav-ul li a:hover,
    .slug-atlanta-ga-wordpress-website-design-development-hosting-and-maintenance
      ul.main-nav-ul
      li
      a:hover,
    .slug-greenville-sc-wordpress-website-development-hosting-and-maintenance
      ul.main-nav-ul
      li
      a:hover {
      color: #000;
      border-bottom: 2px solid #000;
    }

    ul.main-nav-ul li {
      position: relative;
      text-align: right;
      margin-top: 20px;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* SMALL NAV ==================================================== */

    .main-nav,
    .main-nav.smallnav a {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .main-nav.smallnav {
      top: 0;
      background: #fff;
      -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.11);
      box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.11);
    }

    .main-nav.smallnav ul.main-nav-ul li {
      margin-top: 7px;
    }

    .main-nav.smallnav a.logo {
      padding: 18px 20px 10px 35px;
      margin: 0;
      background-color: #fff;
    }

    .main-nav .logo svg {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .main-nav.smallnav svg#rocquett-logo {
      /*    width:120px;
	height:50px;*/
    }

    .main-nav.smallnav .logo img {
      width: 100px;
      height: auto;
    }

    .main-nav.smallnav ul.main-nav-ul li a {
      color: #555;
      font-weight: 300;
      border-bottom: none;
    }

    .main-nav.smallnav ul.main-nav-ul li a:hover {
      color: #222;
    }

    .main-nav.smallnav ul.main-nav-ul li.last a {
      padding-right: 0;
    }

    /*.main-nav.smallnav ul.main-nav-ul li:hover a {
	background-color:#f1f1f1!important;
	color:#000;
}

.main-nav.smallnav ul.main-nav-ul li.sibling a {
	background-color:#fff!important;
	color:#000;
}*/

    /* BANNERS ========================================================================== */

    .above-heading-uppercase {
      font-size: 20px;
    }

    .banner-content-wrapper {
      padding: 170px 2% 0;
    }

    .slug-attorney-websites .banner-content-wrapper,
    .slug-consultant-websites .banner-content-wrapper,
    .slug-cpa-websites .banner-content-wrapper,
    .slug-financial-advisor-websites .banner-content-wrapper,
    .slug-veterinarian-websites .banner-content-wrapper,
    .slug-construction-contractor-websites .banner-content-wrapper,
    .slug-electrician-websites .banner-content-wrapper,
    .slug-hvac-plumber-websites .banner-content-wrapper,
    .slug-mechanic-websites .banner-content-wrapper {
      padding: 145px 2% 0;
    }

    .page-template-pageNoImage .banner-content-wrapper,
    .blog .banner-content-wrapper,
    .single .banner-content-wrapper,
    .archive .banner-content-wrapper,
    .error404 .banner-content-wrapper {
      padding: 160px 0 0;
    }

    .sharethis,
    .post-author span {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.25em;
      padding: 19px 0 15px;
      font-weight: 600;
      color: #575757;
    }

    .post-author span {
      display: block;
      padding: 19px 0 15px;
    }

    .post-content-card-layout {
      padding: 9px 15px 0 20px;
      position: relative;
    }

    /* SEARCH Button setup: https://codepen.io/kristyjy/pen/zGOXYb */

    .searchagain {
      float: right;
      margin-top: -50px;
      margin-left: 50px;
      margin-bottom: 50px;
    }
    .searchagain p {
      text-transform: uppercase;
      font-size: 11px;
      text-align: right;
      padding: 0 0 6px;
      margin: 0;
    }
    .searchagain .searchform div {
      width: 300px;
      border-top: 1px solid #bfbfbf;
      border-bottom: 1px solid #bfbfbf;
    }
    .searchagain .searchform div:before {
      height: 38px;
      margin: 0;
      position: absolute;
    }
    .searchagain .searchform div .search-button {
      background-color: #575757;
    }
    .searchagain .searchform div .search-icon {
      border: 3px solid #f9f9f9;
    }
    .searchagain .searchform div .search-icon:before,
    .searchagain .searchform div .search-icon:after {
      background-color: #f9f9f9;
    }
    .widget_search {
      float: right;
      margin-left: 20px;
    }

    form#searchform {
      float: right;
    }

    .searchform div {
      width: 40px;
      height: 40px;
      margin: 0 0 0;
      background-color: transparent;
      position: relative;
      overflow: hidden;
      transition: all 0.25s ease;
    }

    .searchform div:before {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      position: relative;
      transition: all 0.25s ease;
    }

    .searchform div.open {
      width: 300px;
    }

    .searchform div.open:before {
      height: 40px;
      margin: 0;
      position: absolute;
    }

    input[type="text"].search-box {
      width: 100% !important;
      height: 40px !important;
      box-shadow: none !important;
      background: #fff !important;
      color: #6d6d6d !important;
      padding: 10px 40px 10px 10px !important;
      font-size: 20px !important;
      border-bottom-width: 0 !important;
      border-left-width: 0px !important;
      border-top-width: 0px !important;
      border-bottom-color: #fff !important;
      border-left-color: #ddd !important;
      border-radius: 0 !important;
      border-style: solid !important;
    }

    .search-box:focus {
      outline: none;
    }

    .search-button {
      width: 40px;
      height: 40px;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      padding: 12px 8px 6px 12px;
      cursor: pointer;
      transition: all 0.1s ease;
    }

    .search-button:hover {
      /*	background-color:rgba(255,255,255,0.1);*/
    }

    .open .search-button {
      border-bottom: none;
      background-color: #f3002d;
    }

    .home .open .search-button {
      background-color: #f3002d;
    }

    .slug-website-development .open .search-button {
      background-color: #0db32d;
    }

    .slug-hosting-maintenance .open .search-button {
      background-color: #e29a00;
    }

    .slug-quicklaunch-websites .open .search-button {
      background-color: #1c77ff;
    }

    .search-icon {
      width: 13px;
      height: 13px;
      border-radius: 13px;
      border: 2px solid #000;
      display: block;
      position: relative;
      margin-left: 2px;
      transition: all 0.5s ease;
    }

    .search-icon:before {
      content: "";
      width: 2px;
      height: 4px;
      position: absolute;
      right: -2px;
      top: 8px;
      display: block;
      background-color: #000;
      transform: rotate(-45deg);
      transition: all 0.5s ease;
    }

    .search-icon:after {
      content: "";
      position: absolute;
      width: 2px;
      right: -4px;
      top: 10px;
      height: 4px;
      display: block;
      background-color: #000;
      transform: rotate(-45deg);
      transition: all 0.5s ease;
    }

    .open .search-icon {
      border: 2px solid #f9f9f9;
    }
    .open .search-icon:before,
    .open .search-icon:after {
      background-color: #f9f9f9;
    }

    .referral-top .span8-12 {
      margin-top: 0px;
      padding-top: 0px;
      border-top: none;
    }

    /* PAGENAV ============================================================= */

    .pagenav {
      display: block;
      background-color: #1c77ff;
      position: -webkit-sticky;
      position: sticky;
      top: 55px;
      z-index: 10;
      height: 70px !important;
    }

    .pagenav.casestudy {
      display: block;
      margin-top: 60px;
      background-color: #fff;
      border-top: 1px solid #ececec;
      border-bottom: 1px solid #ececec;
      position: -webkit-sticky;
      position: sticky;
      top: 55px;
      z-index: 1;
      height: 70px !important;
    }

    .pagenav ul {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .pagenav ul li {
      padding: 0;
      margin: 0;
      display: inline-block;
    }

    .pagenav ul li a {
      display: block;
      padding: 22px 40px 24px;
      color: #fff;
      font-weight: 400;
      font-size: 18px;
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .pagenav ul li a:hover {
      color: #f9f9f9;
      border-bottom: none;
    }

    .pagenav ul li:first-child a {
      padding-left: 0;
    }

    .pagenav.casestudy ul li a {
      color: #575757;
    }

    .pagenav.casestudy ul li a:hover {
      color: #222;
    }

    .single .blog-header {
      position: relative;
      height: 500px; /* must match .blog-banner */
      max-width: 550px;
    }

    /* BUTTONS ================================================================================================= */

    .button a,
    .gform_wrapper input[type="submit"] {
      padding: 12px 50px 17px;
      margin-top: 40px;
    }

    .button.multiple a {
      float: left;
      margin-right: 40px;
    }

    .learn-more a {
      margin-bottom: 0;
    }

    .page-article .wp-block-heading, .page-article .wp-block-separator, .page-article p {
      padding-right 2%;
      padding-left 2%;
    }

    /* HEADINGS ================================================================================================ */

    h1,
    h1.smallmobile {
      font-size: 64px;
      letter-spacing: -0.03em;
      position: relative;
    }

    .home h1,
    .home h1.smallmobile {
      font-size: 114px;
      letter-spacing: -0.03em;
      position: relative;
    }

    .slug-uga h1 {
      font-size: 91px;
    }

    .parent-pageid-1080 h1 {
      font-size: 74px;
    }

    h1.small {
      font-size: 45px;
    }

    h1 span {
      display: block;
    }

    /* Home animated text https://github.com/slixites/cycleable */

    h2 {
      font-size: 38px;
      padding: 0 0 30px;
    }

    .designtheme-block-right h2 {
      font-size: 28px;
    }

    #howworks h2 {
      font-size: 68px;
      padding: 0 0 30px;
    }

    .slug-quicklaunch-websites #howworks h2 {
      font-size: 38px;
    }

    h2.subhead {
      color: #fff;
      font-size: 36px;
      font-weight: 300;
      padding: 35px 0 0;
      line-height: 1.6em;
      font-family: acumin-pro, sans-serif;
    }

    h2 span {
      display: block;
    }

    h2 span.light {
      display: inline-block;
      font-weight: 200;
      font-size: 77%;
      border-left: 2px solid #000;
      padding-left: 10px;
      margin-left: 3px;
    }

    h2 span.light.small {
      font-size: 58%;
    }

    h2.subhead span {
      clear: both;
      display: block;
    }

    h3 {
      font-size: 27px;
      padding: 0 0 14px 0;
    }

    h3.questions {
      margin-top: 200px;
    }

    .slug-about h3 {
      padding-top: 40px;
    }

    .slug-about .span9-12 h3 {
      padding-top: 0;
      font-size: 44px;
    }

    #visit h3 a {
      font-size: 60px;
    }

    .three-blocks h3 {
      padding-bottom: 15px;
    }

    .three-blocks {
      margin-top: 0;
    }

    .four-columns h3 {
      padding-bottom: 30px;
    }

    .single h3 {
      font-size: 40px;
    }

    #design.flexible-section {
      padding-top: 120px !important;
      background-position: top center; /*h - v*/
    }

    .post-content-card-layout h3 {
      font-size: 28px;
      padding: 0;
    }

    .collapse-set h4 {
      font-size: 24px;
    }

    #casestudies h4 {
      font-size: 36px;
      padding-top: 20px;
    }

    .shopifycasestudies {
      height: 600px;
    }
  }

  .feature-list h4 {
    padding-right: 40px;
  }

  .casestudy-wrapper::after {
    top: 68px;
  }

  .flexible-section.cs-fullwidth-bg {
    padding-top: 100px;
    height: 572px;
    background-size: auto auto;
  }

  /* PORTFOLIO ======================================================================== */

  .portfolio-items {
    display: grid;
    grid-template-columns: 32.33% 32.33% 32.33%;
    grid-row-gap: 0px;
    margin-top: 70px;
  }
  .portfolio-items.nomobile {
    display: grid;
  }
  .portfolio-items div:nth-child(3n + 2) {
    justify-self: center;
  }
  .portfolio-items div:nth-child(3n) {
    justify-self: end;
  }

  .p-item-wrapper {
    margin-bottom: 0;
  }

  ul.button-choice {
    margin: 0;
    padding: 0;
    background-color: #19a730;
    width: 460px;
    font-size: 24px;
    height: 47px;
    line-height: 42px;
    font-weight: 500;
    margin-top: 82px;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  }

  ul.button-choice ul li {
    font-size: 17px;
    height: 37px;
  }

  .home ul.button-choice {
    margin-top: 54px;
  }

  ul.button-choice li a {
    color: #fff;
    display: block;
    border-bottom: none !important;
    padding-left: 40px;
    height: 47px;
  }

  ul.button-choice li {
    display: block;
    transition-duration: 0.25s;
    margin: 0;
    padding: 0;
    position: relative;
  }

  ul.button-choice li:hover,
  ul.button-choice li:focus-within {
    cursor: pointer;
  }

  ul.button-choice li:focus-within a {
    outline: none;
  }

  ul.button-choice:hover {
    width: 980px;
  }

  ul.button-choice li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin: 0;
    padding: 30px 0 28px;
    left: 0;
    width: 980px;
    background-color: #ededed;
    column-count: 4;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  ul.button-choice li:hover > ul,
  ul.button-choice li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
  }

  ul.button-choice li ul li {
    width: 100%;
    display: inline-block;
  }

  ul.button-choice li ul li a {
    color: #333;
    height: 47px;
    padding-top: 1px;
  }

  ul.button-choice li ul li a:hover {
    background-color: #fff;
  }

  ul.button-choice li.right-arrow::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #fff;
  }

  ul.button-choice li.right-arrow:hover::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #fff;
  }

  /* BLOG ========================================================= */

  .section-content.blog-header-wrapper {
    margin-bottom: 50px;
  }

  .blog .post-single,
  .category .post-single,
  .post-single-more {
    width: 30.3%;
    margin: 0 3% 3% 0;
    float: left;
    height: 490px;
    transition: all 0.15s ease-in-out;
  }

  .post-single-more {
    width: 31%;
    margin: 0 3% 2% 0;
    float: left;
    height: 380px;
    transition: all 0.15s ease-in-out;
  }

  .insights-wrapper .post-single-more:nth-child(3) {
    margin-right: 0;
  }

  .blog .post-single:hover,
  .category .post-single:hover,
  .post-single-more:hover {
    box-shadow: 0 0 8px 0 #cfcfcf;
  }

  .category .post-single,
  .post-single-more {
    height: 430px;
  }

  .blog .post-single:nth-child(6),
  .blog .post-single:nth-child(12),
  .blog .post-single:nth-child(16),
  .category .post-single:nth-child(6),
  .category .post-single:nth-child(12),
  .category .post-single:nth-child(16),
  .post-single-more:nth-child(7) {
    margin-right: 0;
  }

  /*.blog .post-single:nth-child(3), .blog .post-single:nth-child(9), .category .post-single:nth-child(3), .category .post-single:nth-child(9) {
	width:49%;
	margin-right:0;
	margin-left:2%;
}

.blog .post-single:nth-child(3) img, .blog .post-single:nth-child(4) img, .blog .post-single:nth-child(9) img, .category .post-single:nth-child(3) img, .category .post-single:nth-child(4) img, .category .post-single:nth-child(9) img {
	margin-top:-90px;
}


.blog .post-single:nth-child(3) .featured-thumbnail, .blog .post-single:nth-child(9) .featured-thumbnail, .category .post-single:nth-child(3) .featured-thumbnail, .category .post-single:nth-child(9) .featured-thumbnail, .blog .post-single:nth-child(4) .featured-thumbnail, .category .post-single:nth-child(4) .featured-thumbnail {
	height:310px;
	overflow:hidden;
}

.blog .post-single:nth-child(4), .category .post-single:nth-child(4) {
	width:49%;
}*/

  .more-insights {
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #cfcfcf;
  }

  .blog-nav-bg {
    border-top: 1px solid #cfcfcf;
  }

  .blog-banner {
    margin-top: 1px;
    height: 600px;
    overflow: hidden;
    /*box-shadow: inset 0px 11px 8px -10px #CCC;*/
  }

  .blog-header {
    background-color: transparent;
    z-index: 1;
    padding-top: 65px;
  }

  .single .blog-header {
    padding-top: 145px;
  }

  .blog .blog-header {
    min-height: auto;
  }

  .blog-thumbnail img {
    position: absolute;
    top: 165px;
    right: 0;
    width: 800px;
    height: auto;
  }

  .blog-section {
    padding-top: 60px;
  }

  .sharethis {
    padding: 9px 0 15px;
    text-align: right;
  }

  .addthis_inline_share_toolbox {
    text-align: right;
  }

  .post-author span {
    padding: 9px 0 5px;
  }

  .post-article h1 {
    font-size: 46px;
    padding: 20px 20px 30px 0;
  }

  .post-article h1.blog-name {
    font-size: 94px;
  }

  #stats {
    display: block;
    padding-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }

  #csdesign {
    margin-left: 0;
    margin-right: 0;
  }

  ul.two-col {
    column-count: 2;
    column-gap: 60px;
    margin-top: 40px;
  }
  .aboveheading {
    font-weight: 700;
    color: #5f5f5f;
    letter-spacing: 0.06em;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 17px;
    font-family: acumin-pro-wide, arial, sans-serif;
  }

  .aboveheading.light {
    color: #a6a6a6;
  }

  .home .aboveheading {
    padding-left: 7px;
  }

  #wordpress-hosting.border-bottom .section-content {
    border-bottom: 1px solid #cfcfcf;
  }

  .cs-item-image {
    float: left;
    max-height: 254px;
  }

  .photo-bio p {
    padding-left: 20px;
    padding-top: 70px;
  }

  .photo-bio p span {
    display: inline;
  }

  #contactform {
    padding-top: 0;
  }

  .ginput_container.ginput_container_checkbox {
    column-count: 2;
  }

  /* PRICING TABLE ================================== */

  #pricing table {
    display: table;
    width: 100%;
  }

  #pricing.incentive table,
  #pricing.top-mind table {
    margin-top: 140px;
  }

  tr {
    display: table-row;
  }

  td {
    display: table-cell;
  }

  td.col-width {
    margin-bottom: 0;
  }

  .plans-include,
  td.pricing-details,
  td.feature-cell {
    display: table-cell;
  }

  #pay-monthly h3,
  #pay-yearly h3 {
    padding: 103px 0 62px;
    display: block;
    border-bottom: 1px solid #dfdfdf !important;
  }

  .slug-hosting-maintenance #pay-monthly h3,
  .slug-hosting-maintenance #pay-yearly h3 {
    padding-top: 120px;
  }

  #pay-monthlyBuild h3,
  #pay-yearlyBuild h3 {
    padding: 221px 0 56px;
    display: block;
    border-bottom: 1px solid #dfdfdf !important;
  }

  .top-mind #pay-monthlyBuild h3 {
    padding: 207px 0 56px;
  }

  .incentive #pay-monthlyBuild h3 {
    padding: 168px 0 56px;
  }

  .pricingchart.build #pay-monthlyBuild h3,
  .pricingchart.build #pay-yearlyBuild h3 {
    padding: 233px 0 45px;
  }

  .pricingchart {
    margin-top: 0;
  }

  .pricingchart tbody {
    display: table-row-group;
  }

  th.nohighlight {
    display: table-cell;
  }

  #onetime {
    border-top: none;
  }

  .value-wrapper {
    margin-top: 61px;
    float: right;
    padding-left: 50px;
    border-left: 10px solid #cfcfcf;
  }

  #premium .plan-price {
    display: flex;
    justify-content: center;
    height: 56px;
    margin-bottom: 0;
  }

  ul.three-column-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 17px;
    column-count: 3;
    width: 100%;
  }

  .cell-content {
    font-size: 20px;
  }

  .feature-row.last .cell-content {
    font-size: 25px;
    font-weight: 600;
    margin-top: 18px;
  }

  .feature-row.last .cell-content span {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #575757;
    letter-spacing: 0.03em;
  }

  .feature-row.last h3 {
    margin-top: 56px;
    padding: 0;
  }

  .col-width {
    width: 24%;
    margin-left: 40px;
    vertical-align: bottom;
    text-align: center;
    background-color: #fefefe;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
  }

  .button.signup,
  .button.signup-free {
    border-bottom: 1px solid #dfdfdf !important;
  }

  tr.feature-row:hover,
  tr.feature-row:hover .col-width {
    background-color: #f6f6f6;
  }

  .feature-row {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
  }

  .feature-row.last {
    border-bottom: 10px solid #dfdfdf;
  }

  .home tr.feature-row:hover {
    background-color: transparent;
  }

  tr.feature-row.last:hover,
  tr.feature-row.last:hover .col-width {
    background-color: transparent;
  }

  .tooltip-pricing {
    padding-left: 3px;
  }

  .highlighted,
  .bundle td:nth-child(1).highlighted {
    background-color: #fcfcfc;
  }

  .nohighlight.highlighted {
    background-color: transparent;
  }

  td:nth-child(1).highlighted {
    background-color: transparent;
  }

  .checkmark:after {
    content: "";
    margin: 0;
    display: inline-block;
    transform: rotate(45deg);
    height: 18px;
    width: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
  }

  .pricing-details {
    position: relative;
  }

  .bundle table {
    margin-bottom: 90px;
  }

  .bundle-savings {
    font-size: 16px;
    padding: 6px 0 12px;
    color: #666;
  }

  .bundle-savings span {
    display: block;
    font-size: 13px;
  }

  .choosedesign.section-padding-top-60 {
    padding-top: 60px;
  }

  .choosedesign {
    background-size: auto auto;
    background-position: top 0px right -565px;
    height: 590px;
  }

  .buildwebsite {
    background-size: auto auto;
    background-position: top left -390px;
    height: 700px;
  }

  .launchwebsite {
    background-size: auto auto;
    background-position: top right -460px;
    height: 900px;
  }

  .buildwebsite .aboveheading,
  .launchwebsite .aboveheading {
    padding-top: 70px;
  }

  .onetime-wrapper {
    width: 30%;
    margin-left: 3.33%;
  }

  .feature-list .section-content {
    border-bottom: 1px solid #cfcfcf;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .feature-list.last-item .section-content {
    border-bottom: none;
  }

  /* TOOLTIPSTER =================================================== */

  .tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute;
  }

  .tooltipster-box {
    flex: 1 1 auto;
  }

  .tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
  }

  .tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
  }

  .tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
  }

  .tooltipster-fade.tooltipster-show {
    opacity: 1;
  }

  @keyframes tooltipster-fading {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .tooltipster-update-fade {
    animation: tooltipster-fading 0.4s;
  }

  .tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
  }

  .tooltipster-sidetip .tooltipster-arrow-background,
  .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
  }

  .tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
  }

  .tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
  }

  .tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 0;
    box-shadow: 0 6px 15px rgba(42, 87, 128, 0.07);
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: #666;
    padding: 14px 20px 19px 25px;
    font-size: 15px;
    line-height: 1.4em;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-content p {
    margin: 0;
    padding: 0;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-box {
    margin-right: 9px;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent;
  }

  .tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: -8px;
    margin-top: -9px;
    width: 9px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow {
    height: 18px;
    right: 1px;
    margin-top: -9px;
    width: 9px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-right
    .tooltipster-arrow-background {
    border-right-color: #fafafa;
    left: 1px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left
    .tooltipster-arrow-background {
    border-left-color: #fafafa;
    left: -1px;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-right
    .tooltipster-arrow-border {
    border-right-color: #aaa;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-left
    .tooltipster-arrow-border {
    border-left-color: #aaa;
  }

  .tooltipster-sidetip.tooltipster-light.tooltipster-right
    .tooltipster-arrow-uncropped {
    left: -9px;
  }

  /* TOOLTIP PRICING & SERVICES */

  .tooltip-pricing,
  .tooltip-services {
    cursor: help;
    display: inline-block;
  }

  .tooltip-pricing::after,
  .tooltip-services::after {
    content: "";
    cursor: help;
    margin-left: 10px;
    margin-right: 15px;
    content: url('data:image/svg+xml,<svg width="20px" height="20px" fill="rgba(155,155,155,1)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="m11 8c-.5523 0-1 .44772-1 1h-2c0-1.65685 1.34315-3 3-3 1.6569 0 3 1.34315 3 3v.17157c0 .79565-.3161 1.55873-.8787 2.12133l-1.1213 1.1213v.5858h-2v-.5858c0-.5304.2107-1.0391.5858-1.4142l1.1213-1.12132c.1875-.18754.2929-.44189.2929-.70711v-.17157c0-.55228-.4477-1-1-1z"></path><path d="m12 14v2h-2v-2z"></path><path d="m11 2c-4.97056 0-9 4.02944-9 9 0 4.9706 4.02944 9 9 9 4.9706 0 9-4.0294 9-9 0-4.97056-4.0294-9-9-9zm-7 9c0-3.86599 3.13401-7 7-7 3.866 0 7 3.13401 7 7 0 3.866-3.134 7-7 7-3.86599 0-7-3.134-7-7z"></path></svg>');
  }

  .heading-list-item {
    margin: 0 0 20px;
  }

  .heading-list-item p {
    margin: 0 0 20px;
  }

  .ready-talk {
    color: #000;
    font-size: 84px;
    font-weight: 800;
    padding: 130px 0 30px;
    text-align: center;
    line-height: 0.9em;
    letter-spacing: -0.05em;
    font-family: acumin-pro-wide, sans-serif;
  }

  h1 span.for-biz {
    font-size: 60px;
  }

  a.content-start-arrow {
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.35);
    width: 56px;
    height: 56px;
    bottom: -112px;
    position: absolute;
    left: 0;
  }

  .icon-chevron-bottom {
    width: 45px;
    height: 45px;
    position: relative;
    top: 4px;
    left: 1px;
    display: block;
    margin: 0 auto;
    transition: top ease 0.25s;
    fill: #fff;
  }

  .designtheme-block-wrapper {
    margin-bottom: 130px;
  }

  .designtheme-block-right ul {
    font-size: 20px;
  }

  .designtheme-block-wrapper .price-demo {
    font-size: 10px;
  }

  .designtheme-block-wrapper .price-demo span {
    font-size: 20px;
  }

  .designtheme-block-left {
    width: 50.5%;
  }

  .designtheme-block-right {
    padding: 10px 0 0 90px;
    width: 49.5%;
  }

  .gform_wrapper.gravity-theme #gform_fields_13.gform_fields {
    grid-row-gap: 36px;
  }

  /* SPECIAL SECTION CLASSES ========================================================= */

  .two-column .span2-6 {
    padding-right: 40px;
  }

  .two-column .span7-11 {
    padding-left: 40px;
  }

  .four-columns,
  .three-columns {
    padding-bottom: 90px;
    margin-top: 0;
  }

  .four-columns div div,
  .three-columns div div {
    padding-right: 22px;
  }

  .quote {
    padding: 100px 0 140px 0;
  }

  .quote-text {
    font-size: 34px;
    line-height: 1.6em;
    padding: 10px 0 45px 15px;
  }

  .quote-business-name {
    display: inline-block;
    padding-left: 30px;
    padding-top: 0;
  }

  .quote-author:before {
    width: 620px;
  }

  ul.bio-link li {
    float: left;
    padding: 0 20px 0 20px;
    margin-bottom: 20px;
    border-right: 1px solid #333;
  }

  .contact-blocks .span1-3 {
    margin-right: 10px;
  }

  .contact-blocks .span4-6 {
    margin-left: 10px;
  }

  .contact-block.map {
    height: 110px;
    margin: -270px 0 30px;
  }

  .cities-served {
    padding-bottom: 40px;
  }

  .cities-served ul {
    column-count: 3;
  }

  .fullbleed {
    height: 500px;
    width: 100%;
    background-color: #cfcfcf;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .info-box {
    width: 30%;
  }

  .serif-text {
    font-size: 50px;
    padding: 10px 0 45px 15px;
  }

  #csservices ul {
    font-size: 19px;
  }

  /* SECTION AND BLOCK STYLES ========================================================= */

  .icon-block h3 {
    font-size: 32px;
  }

  .cs-item-stat.first {
    width: 30%;
  }

  .cs-item-stat {
    float: left;
    font-weight: 600;
    font-size: 32px;
    width: 28%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #dfdfdf;
  }

  .cs-item-name {
    margin-top: -76px;
    font-size: 18px;
    padding-top: 20px;
    height: 73px;
  }

  .section-padding-top-40.quicklaunch-blocks {
    padding-top: 40px;
  }

  /* BIO ============================================================== */

  .biowrapper .section-content {
    margin-top: 100px;
    border-top: 7px solid #cfcfcf;
    padding-top: 90px;
  }

  .biocaption {
    margin: 150px 0 0 0;
    position: relative;
    top: 0;
  }

  .title {
    margin: 0 0 30px;
  }

  .top-mind #pay-monthlyBuild h3 {
    padding: 159px 0 56px;
  }

  /* FLIPBOXES JQUERY COLLAPSE https://webcloud.se/jQuery-Collapse/ ========================================================= */

  .collapse-title {
  }

  /* FOOTER  ========================================================================================== */

  footer p,
  footer {
    font-size: 15px;
  }

  .footerlogo img {
    width: 234px;
    height: auto;
    margin-bottom: 30px;
  }

  ul.footer-nav {
    font-size: 18px;
    column-count: 2;
    padding-top: 0;
  }

  footer a .icon-arrow-right,
  a.white .icon-arrow-right {
    width: 14px;
    height: 12px;
  }

  .theme-link .icon-arrow-right {
    width: 17px;
    height: 15px;
  }

  .quicklaunch-websites a .icon-arrow-right {
    width: 17px;
    height: 15px;
  }

  .two-column-footer .section-content .span9-12 {
    grid-column: col 9 / span 4;
    padding: 0 0 0 70px;
  }

  .copyright {
    font-size: 14px;
  }

  .modal a.close-modal {
    top: 20px;
    right: 25px;
    width: 30px;
    height: 30px;
  }

  .modal a.close-modal:before,
  .modal a.close-modal:after {
    left: 15px;
    height: 33px;
    width: 2px;
  }
}

/* iPad Pro Portrait ====================================================================== */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* 1280px MacBook Pro 13" without height restriction ================================================== */

@media (min-width: 1280px) {
  .section-content {
    max-width: 1200px;
  }

  .main-nav .section-content {
    max-width: 100%;
  }

  .cta {
    margin-top: 140px;
    padding-top: 0;
    height: 310px;
  }

  .cta-wrapper {
    width: 1060px;
    margin: 0 auto;
    margin-top: -140px;
    position: relative;
  }

  .cta-text {
    float: right;
    text-align: right;
    width: 40%;
    padding-right: 34px;
    padding-top: 127px;
  }

  .cta-details {
    padding: 34px 0 34px 34px;
    width: 780px;
    height: 280px;
    float: left;
  }

  .cta-details ul {
    padding: 10px 0 0;
    margin: 0;
    font-size: 28px;
    float: left;
  }

  .banner-content-wrapper {
    padding: 170px 2% 0 0;
  }

  ul.button-choice ul li {
    font-size: 22px;
    height: 42px;
  }

  ul.button-choice:hover {
    width: 1180px;
  }

  ul.button-choice li ul {
    width: 1180px;
  }

  ul.footer-nav li a {
    padding-right: 60px;
  }

  #design .span1-12 {
    padding: 90px;
  }

  h2 span.light.small {
    font-size: 58%;
  }

  /*.banner-section .section-content .span1-12 {
    background: linear-gradient(90deg, rgba(255,255,255,1) 504px, rgba(255,255,255,0) 505px, rgba(255,255,255,0) 100%);
}*/
}

/* MacBook Pro 13" Laptop with height restriction 1280 x 800 ====================================================================== */

@media only screen and (min-width: 1280px) and (max-height: 800px) {
  .banner-content-wrapper {
    padding-top: 120px;
  }

  ul.button-choice li ul {
    padding: 34px 0 44px;
  }

  .choosedesign {
    background-position: top 0px right -400px;
    height: 590px;
  }

  .buildwebsite {
    background-position: top left -260px;
    height: 700px;
  }

  .launchwebsite {
    background-position: top right -320px;
    height: 900px;
  }
}

/* 1366px ( 768px typical height) Laptops ======================================================================== */

@media (min-width: 1366px) {
  .banner-content-wrapper {
    padding-top: 170px;
  }

  .section-content {
    max-width: 1300px;
  }

  .main-nav {
    padding-right: 3%;
    padding-left: 0;
  }

  ul.main-nav-ul li a {
    font-size: 20px;
    padding: 10px 0 5px;
    margin: 0 30px;
  }

  ul.button-choice:hover {
    width: 1290px;
  }

  ul.button-choice li ul {
    width: 1290px;
  }

  h1.small {
    font-size: 55px;
  }

  .plan-name span {
    font-size: 16px;
  }

  .designtheme-block-left {
    width: 57.5%;
  }

  .designtheme-block-right {
    padding: 10px 0 0 90px;
    width: 42.5%;
  }

  .choosedesign {
    background-position: top 0px right -360px;
    height: 590px;
  }

  .buildwebsite {
    background-position: top left -190px;
    height: 700px;
  }

  .launchwebsite {
    background-position: top right -290px;
    height: 900px;
  }

  h2 span.light.small {
    font-size: 68%;
  }

  .designtheme-block-wrapper .price-demo {
    font-size: 12px;
  }

  .page-template-pageNoImage .banner-section {
    padding-left: 0;
  }

  .blog .banner-section,
  single .banner-section,
  .archive .banner-section {
    padding-left: 0;
  }

  .portfolio-image {
    height: 330px;
    position: relative;
    width: 385px;
    background-size: 385px 660px;
  }

  .top-mind #pay-monthlyBuild h3 {
    padding: 142px 0 56px;
  }

  .post-article h1 {
    font-size: 44px;
    padding: 0 60px 40px 0;
  }
}

/* 1366px x 768px EXACT HEIGHT typical height Laptop ====================================================================== */

@media only screen and (min-width: 1366px) and (max-height: 768px) {
  .video-wrapper {
    height: 659px;
  }

  .banner-section {
    height: 657px;
  }

  .banner-section::before {
    height: 657px;
  }

  h2.subhead {
    font-size: 27px;
    padding: 30px 0 0;
  }

  h1 {
    font-size: 93px;
  }

  .aboveheading {
    font-size: 15px;
  }

  .banner-content-wrapper {
    padding-top: 120px;
  }

  ul.button-choice li ul {
    padding: 34px 0 44px;
  }

  h3 {
    font-size: 30px;
    padding: 0 0 25px 0;
  }

  #pay-monthlyBuild h3,
  #pay-yearlyBuild h3 {
    padding: 212px 0 56px;
  }

  #pay-monthly h3,
  #pay-yearly h3 {
    padding: 66px 0 62px;
  }

  .post-article h1 {
    font-size: 44px;
    padding: 0 60px 40px 0;
  }
}

/* 1536px Laptops ======================================================================== */
@media (min-width: 1536px) {
  video#bgvid {
    right: -260px;
  }

  .section-content,
  ul.mega-content {
    max-width: 1460px;
  }

  .designtheme-block-right h2 {
    font-size: 38px;
  }

  h1.small {
    font-size: 65px;
  }

  .designtheme-block-right p.largetext {
    font-size: 30px;
  }

  .single .post-text-wrapper p,
  .single .post-text-wrapper ul,
  .single .post-text-wrapper ol,
  .single .post-text-wrapper h3,
  .single .post-text-wrapper h2,
  .single .post-text-wrapper h4 {
    padding-left: 7%;
    padding-right: 7%;
  }

  .single .post-text-wrapper ul,
  .single .post-text-wrapper ol {
    margin-left: 25px;
  }

  h2 span.light.small {
    font-size: 48%;
  }

  ul.footer-nav {
    column-count: 3;
  }

  .single .blog-header {
    max-width: 100%;
  }

  .post-article h1 {
    font-size: 54px;
    padding: 0 60px 40px 0;
  }

  #design.flexible-section {
    padding-top: 300px !important;
  }

  .seoplans .plan-name {
    font-size: 36px;
  }

  .feature-list .section-content {
    padding-bottom: 50px;
  }

  /*.blog .post-single:nth-child(3) .featured-thumbnail, .blog .post-single:nth-child(9) .featured-thumbnail, .category .post-single:nth-child(3) .featured-thumbnail, .category .post-single:nth-child(9) .featured-thumbnail, .blog .post-single:nth-child(4) .featured-thumbnail, .category .post-single:nth-child(4) .featured-thumbnail {
    height: 340px;
}

.blog .post-single:nth-child(3) .post-content-card-layout, .blog .post-single:nth-child(4) .post-content-card-layout, .blog .post-single:nth-child(9) .post-content-card-layout, .category .post-single:nth-child(3) .post-content-card-layout, .category .post-single:nth-child(4) .post-content-card-layout, .category .post-single:nth-child(9) .post-content-card-layout {
	padding-top:18px;
}*/

  /* CASE STUDIES ========================================================== */

  .cs-item-wrapper {
    margin-top: 50px;
    max-width: 426px;
  }

  .cs-item-image {
    height: 254px;
  }

  .cs-item-wrapper:hover {
    margin-top: 44px;
  }

  .cs-item-name,
  .cs-item-stats-wrapper {
    padding: 0 30px 0 30px;
  }

  .cs-item-name {
    margin-top: -85px;
    font-size: 23px;
    letter-spacing: -0.03em;
    padding-top: 20px;
    height: 85px;
    opacity: 0;
  }

  .cs-item-name.small {
    font-size: 22px;
  }

  .cs-item-stat {
    font-size: 42px;
    width: 28%;
    margin-top: 14px;
    margin-bottom: 19px;
    padding-right: 15px;
    margin-right: 15px;
  }

  .cs-item-stat.first {
    width: 33%;
  }

  .cs-item-stat.last {
    width: 26%;
  }

  .cs-item-stat span {
    font-size: 10px;
  }

  #stats .cs-item-stat {
    margin-top: 0;
    margin-bottom: 20px;
    padding-right: 0;
    margin-right: 30px;
    width: 16%;
  }

  #stats .cs-item-stat.first {
    width: 18%;
  }

  .slug-acorn-financial-services #stats .cs-item-stat.last {
    width: 22%;
  }

  #stats a {
    margin-top: 70px;
    margin-bottom: 0;
  }

  .choosedesign {
    background-position: top 0px right -175px;
    height: 590px;
  }

  .buildwebsite {
    background-position: top left -60px;
    height: 700px;
  }

  .launchwebsite {
    background-position: top right -160px;
    height: 900px;
  }

  ul.button-choice ul li {
    font-size: 24px;
    height: 47px;
  }

  ul.button-choice:hover {
    width: 1380px;
  }

  ul.button-choice li ul {
    width: 1380px;
  }

  h2 span.light.small {
    font-size: 58%;
  }
}

/* 1620px Home Banner width fix ======================================================================== */
@media (min-width: 1620px) {
  .section-content,
  .noimage .section-content,
  ul.mega-content {
    max-width: 1500px;
  }

  .single .post-text-wrapper p,
  .single .post-text-wrapper ul,
  .single .post-text-wrapper ol,
  .single .post-text-wrapper h3,
  .single .post-text-wrapper h2,
  .single .post-text-wrapper h4 {
    padding-left: 8%;
    padding-right: 8%;
  }

  .slug-home-2 .banner-section {
    background-position: top right calc(50% - 200px);
  }

  ul.button-choice:hover {
    width: 1420px;
  }

  ul.button-choice li ul {
    width: 1420px;
  }

  h2 span.light.small {
    font-size: 58%;
  }

  .slug-uga h1 {
    font-size: 111px;
  }
}

/* 1700px Home Banner width fix ======================================================================== */
@media (min-width: 1700px) {
  video#bgvid {
    right: 0;
    left: 0;
  }

  .section-content,
  .noimage .section-content,
  ul.mega-content {
    max-width: 1580px;
  }

  .choosedesign {
    background-position: top 0px right -175px;
    height: 590px;
  }

  .buildwebsite {
    background-position: top left -30px;
    height: 700px;
  }

  .launchwebsite {
    background-position: top right -160px;
    height: 900px;
  }

  h2 span.light.small {
    font-size: 68%;
  }

  .cs-item-name {
    font-size: 24px;
  }
}

/* 1840px Home Banner width fix ======================================================================== */
@media (min-width: 1840px) {
  .section-content,
  .noimage .section-content,
  ul.mega-content {
    max-width: 1700px;
  }

  .choosedesign {
    background-position: top 0px right -175px;
    height: 590px;
  }

  .buildwebsite {
    background-position: top left -30px;
    height: 700px;
  }

  .launchwebsite {
    background-position: top right -160px;
    height: 900px;
  }

  h2 span.light.small {
    font-size: 68%;
  }

  .mobile-section {
    margin-top: -150px;
  }
}

/* 1920px Home Banner width fix ======================================================================== */
@media (min-width: 1920px) {
  .video-wrapper {
    top: 0;
    left: 0;
    height: 790px;
    width: 100%;
    overflow: hidden;
    position: absolute;
  }
  video#bgvid {
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
  }
}

/* 2240px Home Banner width fix ======================================================================== */
@media (min-width: 2240px) {
  header {
    width: 2140px;
    margin: 0 auto;
  }
}

/* 2440px Home Banner width fix ======================================================================== */
@media (min-width: 2440px) {
}

/* 2560px Widescreen TV */
@media (min-width: 2560px) {
}

/* FLEXIBLE COLUMNS MINIFIED. 
Edits can be made to unminified /css/flexible-columns.css with header stylesheet link ================== */

@media (min-width: 1024px) {
  .flexible-section .section-content .span1-2 {
    flex-basis: 13%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-2 {
      grid-column: col 1 / span 2;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-3 {
    flex-basis: 21%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-3 {
      grid-column: col 1 / span 3;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-4 {
    flex-basis: 30%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-4 {
      grid-column: col 1 / span 4;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-5 {
    flex-basis: 37%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-5 {
      grid-column: col 1 / span 5;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-6 {
    flex-basis: 47%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-6 {
      grid-column: col 1 / span 6;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-7 {
    flex-basis: 57%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-7 {
      grid-column: col 1 / span 7;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-8 {
    flex-basis: 63%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-8 {
      grid-column: col 1 / span 8;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-9 {
    flex-basis: 73%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-9 {
      grid-column: col 1 / span 9;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-10 {
    flex-basis: 81%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-10 {
      grid-column: col 1 / span 10;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-11 {
    flex-basis: 87%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-11 {
      grid-column: col 1 / span 11;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span1-12 {
    flex-basis: 100%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span1-12 {
      grid-column: col 1 / span 12;
    }
  }
  .flexible-section .section-content .span2-3 {
    flex-basis: 13%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-3 {
      grid-column: col 2 / span 2;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span2-4 {
    flex-basis: 21%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-4 {
      grid-column: col 2 / span 3;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span2-5 {
    flex-basis: 30%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-5 {
      grid-column: col 2 / span 4;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span2-6 {
    flex-basis: 37%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-6 {
      grid-column: col 2 / span 5;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span2-7 {
    flex-basis: 47%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-7 {
      grid-column: col 2 / span 6;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span2-8 {
    flex-basis: 57%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-8 {
      grid-column: col 2 / span 7;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span2-9 {
    flex-basis: 63%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-9 {
      grid-column: col 2 / span 8;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span2-10 {
    flex-basis: 73%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-10 {
      grid-column: col 2 / span 9;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span2-11 {
    flex-basis: 81%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-11 {
      grid-column: col 2 / span 10;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span2-12 {
    flex-basis: 87%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span2-12 {
      grid-column: col 2 / span 11;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span3-4 {
    flex-basis: 13%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-4 {
      grid-column: col 3 / span 2;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span3-5 {
    flex-basis: 21%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-5 {
      grid-column: col 3 / span 3;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span3-6 {
    flex-basis: 30%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-6 {
      grid-column: col 3 / span 4;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span3-7 {
    flex-basis: 37%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-7 {
      grid-column: col 3 / span 5;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span3-8 {
    flex-basis: 47%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-8 {
      grid-column: col 3 / span 6;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span3-9 {
    flex-basis: 57%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-9 {
      grid-column: col 3 / span 7;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span3-10 {
    flex-basis: 63%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-10 {
      grid-column: col 3 / span 8;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span3-11 {
    flex-basis: 73%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-11 {
      grid-column: col 3 / span 9;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span3-12 {
    flex-basis: 81%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span3-12 {
      grid-column: col 3 / span 10;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span4-5 {
    flex-basis: 13%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-5 {
      grid-column: col 4 / span 2;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span4-6 {
    flex-basis: 21%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-6 {
      grid-column: col 4 / span 3;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span4-7 {
    flex-basis: 30%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-7 {
      grid-column: col 4 / span 4;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span4-8 {
    flex-basis: 37%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-8 {
      grid-column: col 4 / span 5;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span4-9 {
    flex-basis: 47%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-9 {
      grid-column: col 4 / span 6;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span4-10 {
    flex-basis: 57%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-10 {
      grid-column: col 4 / span 7;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span4-11 {
    flex-basis: 63%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-11 {
      grid-column: col 4 / span 8;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span4-12 {
    flex-basis: 73%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span4-12 {
      grid-column: col 4 / span 9;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span5-6 {
    flex-basis: 13%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-6 {
      grid-column: col 5 / span 2;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span5-7 {
    flex-basis: 24%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-7 {
      grid-column: col 5 / span 3;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span5-8 {
    flex-basis: 30%;
    margin-right: 3%;
    margin-right: 0;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-8 {
      grid-column: col 5 / span 4;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span5-9 {
    flex-basis: 37%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-9 {
      grid-column: col 5 / span 5;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span5-10 {
    flex-basis: 47%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-10 {
      grid-column: col 5 / span 6;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span5-11 {
    flex-basis: 57%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-11 {
      grid-column: col 5 / span 7;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span5-12 {
    flex-basis: 63%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span5-12 {
      grid-column: col 5 / span 8;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span6-7 {
    flex-basis: 13%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span6-7 {
      grid-column: col 6 / span 2;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span6-8 {
    flex-basis: 21%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span6-8 {
      grid-column: col 6 / span 3;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span6-9 {
    flex-basis: 30%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span6-9 {
      grid-column: col 6 / span 4;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span6-10 {
    flex-basis: 37%;
    margin-right: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span6-10 {
      grid-column: col 6 / span 5;
      margin-right: 0;
    }
  }
  .flexible-section .section-content .span6-11 {
    flex-basis: 50%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span6-11 {
      grid-column: col 6 / span 6;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span6-12 {
    flex-basis: 57%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span6-12 {
      grid-column: col 6 / span 7;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span7-8 {
    flex-basis: 13%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span7-8 {
      grid-column: col 7 / span 2;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span7-9 {
    flex-basis: 21%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span7-9 {
      grid-column: col 7 / span 3;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span7-10 {
    flex-basis: 30%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span7-10 {
      grid-column: col 7 / span 4;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span7-11 {
    flex-basis: 37%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span7-11 {
      grid-column: col 7 / span 5;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span7-12 {
    flex-basis: 47%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span7-12 {
      grid-column: col 7 / span 6;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span8-9 {
    flex-basis: 13%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span8-9 {
      grid-column: col 8 / span 2;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span8-10 {
    flex-basis: 21%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span8-10 {
      grid-column: col 8 / span 3;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span8-11 {
    flex-basis: 30%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span8-11 {
      grid-column: col 8 / span 4;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span8-12 {
    flex-basis: 37%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span8-12 {
      grid-column: col 8 / span 5;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span9-10 {
    flex-basis: 13%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span9-10 {
      grid-column: col 9 / span 2;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span9-11 {
    flex-basis: 21%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span9-11 {
      grid-column: col 9 / span 3;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span9-12 {
    flex-basis: 30%;
    margin-left: 3%;
    margin-right: 0;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span9-12 {
      grid-column: col 9 / span 4;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span10-11 {
    flex-basis: 13%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span10-11 {
      grid-column: col 10 / span 2;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span10-12 {
    flex-basis: 21%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span10-12 {
      grid-column: col 10 / span 3;
      margin-left: 0;
    }
  }
  .flexible-section .section-content .span11-12 {
    flex-basis: 13%;
    margin-left: 3%;
  }
  @supports (display: grid) {
    .flexible-section .section-content .span11-12 {
      grid-column: col 11 / span 2;
      margin-left: 0;
    }
  }
}

/* Unused breakpoints ============= */

/* 1920px Desktop */
@media (min-width: 1920px) {
}