/** reson8 **/
/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  background-color:#eee;
  background-image:url(./images/background_bw.jpg);
    background-size: cover;
    font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
}
.page-header {
  border-width:0 !important;
}
.region-header {
  min-height:90px;
}
.logo {
  max-width:250px;
  display:inline-block;
}
.logo img {
  max-width:100%;
}
.navbar {
    margin-bottom: 0;
    position: fixed;
    width: 100%;
/* 
    top: -135px;
 */
}
	.main-container.container {
/* 
		width: 1170px;
 */
		padding:135px 0 0 0;
	}
.main-container > .row {
		padding:12px 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: ff-angie-pro, serif;
	font-weight: 900;
	font-style: normal;
	letter-spacing:1px;
}

ul.sf-menu a {
    color: #696969;
}
ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 1em 1em;
    position: relative;
}

#superfish-main ul {
    background-color: #eee !important;
}

.sf-accordion-toggle.sf-style-none  {
  margin-bottom:12px;
}
ul.sf-menu.sf-accordion {
  margin-top:36px;
}
ul.sf-menu.sf-accordion li {
  border-top:1px solid #ccc;
}
ul.sf-menu.sf-accordion li:hover {
  background-color:#ccc;
}
#superfish-main-toggle span {
    display: none;
}
.sf-accordion-toggle.sf-style-none  > a:after,
.sf-accordion-toggle.sf-style-default  > a:after {
  content: "≡";
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  top: 24px !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  speak: none;
}
#block-homepagelogoblock .main-logo img {
  max-width:350px;
  width:100%;
}
.paragraph.paragraph--width--full>.paragraph__column, .paragraph.paragraph--width--medium>.paragraph__column, .paragraph.paragraph--width--narrow>.paragraph__column, .paragraph.paragraph--width--tiny>.paragraph__column, .paragraph.paragraph--width--wide>.paragraph__column, .paragraph>.paragraph__column {
    padding-left: 0;    
    padding-right: 0;
}
/******************** product pages *************************/
#block-productsectiontopwithlogo {
  max-width:300px;
}
/* 
body.page-node-type-service-page,
body.page-node-type-products-service-page,
body.page-node-type-products-landing-page {
  background-color:#fff;
  background-image:none;
}
 */
.page-node-type-service-page .main-container.container ,
.page-node-type-products-service-page .main-container.container ,
.page-node-type-products-landing-page .main-container.container {
    max-width: 1250px;
    padding: 133px 0 40px 0;
/* 
    padding: 40px 0;
 */
/* 
 font-family: ottomat, sans-serif;
font-weight: 700;
font-style: normal;
 */
}
.product.blue {
  color:#01b0ee;
  color:#5bc0de;
  color:#000;
}
.product.orange {
  color:#f6921e;
  color:#000;
}
.product.white {
  color:#fff;
}
h1.product {
  font-size:50px;
  font-size:30px;
  text-align:center;
  font-style:italic;
}
.paragraph--type--r8-blue-bar-type  {
  max-width:666px;
  margin:80px auto;
  border-top:20px solid #01b0ee;
  border-bottom:20px solid #01b0ee;
  border-top:6px solid #5bc0de;
  border-bottom:6px solid #5bc0de;
}
.paragraph--type--r8-blue-bar-type .paragraph__column {
  padding:40px 0;
}

.paragraph--type--r8-blue-bar-type  .field--name-field-blue-bar-spacer-headline-t {
  text-align:center;
}
.paragraph--type--r8-blue-bar-type  .field--name-field-blue-bar-spacer-headline-t h2{
  font-size:55px;
   font-size:30px;
 line-height:55px;
  margin:0;
  text-transform:uppercase;
  font-style:italic;
}

.paragraph--type--r8-blue-alert-box {
	background-color:#01b0ee;
	background-color:#5bc0de;
		padding:58px;
		padding:30px;
}
.paragraph--type--r8-blue-alert-box .paragraph__column{
	background-color:#fff;
	padding-bottom:0;
}
.paragraph--type--r8-blue-alert-box .paragraph__column h3.alert-box{
	text-transform:uppercase;
	text-align:center;
	font-size:70px;
	font-size:25px;
	line-height:28px;
	margin:50px 40px 50px 40px;
	  font-style:italic;
}
.paragraph--type--r8-service-offerings-grid .paragraph__column {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}
.field--name-field-grid-headline {
  width:100%;
}
.paragraph--type--r8-service-offering-card {
  width:366px;
  height:350px;
  background-color:#01b0ee;
  background-color:#5bc0de;
    margin:24px 0;
}
.paragraph--type--r8-service-offering-card  .paragraph__column{
  display:block;
}
.paragraph--type--r8-service-offering-card  .paragraph__column .row {
  margin:0;
}
.paragraph--type--r8-service-offering-card  .row.service-offering-image-row{
  height:208px;
  background-color:#01b0ee;
  width:100%;
  margin-top:15px;
}
.paragraph--type--r8-service-offering-card  h3 {
  	margin:0;
}
.paragraph--type--r8-service-offering-card  h3 .field--name-field-service-offering-name{
  	font-family: ff-angie-pro, serif;
	font-weight: 900;
	letter-spacing:1px;
	text-align:center;
	font-size:35px;
	line-height:40px;
	font-style:italic;
	text-align:center;
	padding-top:12px;
	max-width: 400px;
    margin: 24px auto;
}
.paragraph--type--r8-service-offering-card .service-offering-name-row {
  height:140px;
}
.paragraph--type--r8-service-offerings-grid .field--name-field-grid-headline h4{
	font-style: italic;
	letter-spacing:1px;
	text-align:center;
	font-size:45px;
	line-height:40px;
	margin-bottom:60px;
	padding:0 15px;
}


.page-node-type-service-page .page-header,
.page-node-type-products-service-page .page-header {
  border-top:10px solid #f6921e !important;
  color:#f6921e;
  font-style:italic;
  text-align:center;
  font-size:88px;
  line-height:100px;
  text-transform:uppercase;
  max-width: 70%;
    margin: 0 auto;
}
.page-node-type-service-page .page-header span::before,
.page-node-type-products-service-page .page-header span::before{
  border-top:10px solid #f6921e !important;
  content:"";
}
article.products-service-page .field--name-field-services-subhead {
  color:#01B0EE;
  color:#5bc0de;
  font-style:italic;
  text-align:center;
  font-size:60px;
  line-height:75px;
  text-transform:uppercase;
  	font-family: ff-angie-pro, serif;
	font-weight: 900;
	letter-spacing:1px;
	margin-bottom:120px;
}
.paragraph--type--r8-services-overview-card-set {
  width:100%;
  position:relative;
  min-height:830px;
}
.paragraph--type--r8-services-overview-card-set .paragraph__column.left .service-card {
	position:absolute;
	top:0;
	left:0;
}
.paragraph--type--r8-services-overview-card-set .paragraph__column.right .service-card {
	position:absolute;
	top:0;
	left:752px;
}
.paragraph--type--r8-services-overview-card-set .paragraph__column.right .service-card  .paragraph--type--r8-service-offering-card {
    background-color: #f6921e;
}
.paragraph--type--r8-services-overview-card-set  .paragraph__column.left .service-card-learn-more {
	position:absolute;
	top:65px;
	left:130px;
	width:1039px;
	height:764px;
	background-color:#f6921e;
}
.paragraph--type--r8-services-overview-card-set  .paragraph__column.right .service-card-learn-more {
	position:absolute;
	top:65px;
	left:130px;
	width:1039px;
	height:764px;
	background-color:#01B5EF;
}

.paragraph--type--r8-services-overview-card-set  .paragraph__column.left .service-card-text {
	position:absolute;
	top:151px;
	left:474px;;
	background-color:#fff;
	padding:20px 50px 50px 100px;
	width:788px;
	height:586px;
	border:1px solid #707070;
}
.paragraph--type--r8-services-overview-card-set  .paragraph__column.right .service-card-text {
	position:absolute;
	top:151px;
	left:0px;;
	background-color:#fff;
	padding:50px 100px 50px 50px;
	width:788px;
	height:586px;
	border:1px solid #707070;
}
.paragraph--type--r8-services-overview-card-set  .field--name-field-service-teaser-text h4 {
	font-family: ff-angie-pro;
	font-style: normal;
	font-weight:700;
	text-transform:none;
    font-size:35px;
    margin-bottom:24px;
}
.paragraph--type--r8-services-overview-card-set  .field--name-field-service-teaser-text p,
.paragraph--type--r8-services-overview-card-set  .field--name-field-service-teaser-text li {
	font-style: normal;
	text-transform:none;
    font-size:19px;
}
.paragraph--type--r8-services-overview-card-set .paragraph--type--r8-service-offering-card {
    width: 526px;
    height: 473px;
    background-color: #01b0ee;
    background-color: #5bc0de;
    margin: 24px 0;
}
.paragraph--type--r8-services-overview-card-set .row.service-offering-image-row  {
    height:298px;
}
.paragraph--type--r8-services-overview-card-set .field--name-field-service-learn-more-link  {
  position: absolute;
    right: 100px;
    bottom: 20px;
}
.paragraph--type--r8-services-overview-card-set .field--name-field-service-learn-more-link a {
  color:#fff;
  text-decoration:none;
  font-size:40px;
  font-style:italic;
}
.page-node-type-service-page .paragraph--type--r8-product-description-with-rule {
  max-width:1260px;
  width:100%;
  color:#01B5EF;
}
.paragraph--type--r8-product-description-with-rule  h2.field--name-field-product-detail-title {
    font-size: 70px;
    line-height: 100px;
    margin: 40px auto;
    text-transform: none;
    font-style: normal;
    font-weight:700;
    border-bottom:10px solid #01B0EE;
    border-bottom:10px solid #5bc0de;
    width:fit-content;
    padding:40px;
}
.page-node-type-service-page .paragraph--type--r8-product-description-with-rule .field--name-field-product-detail-body p{
    font-size: 34px;
    line-height: 40px;
    margin: 0px auto;
    text-transform: none;
    padding:12px 0px;
    font-family: ff-angie-pro, serif;
    font-style: normal;
    letter-spacing: 1px;
}
.paragraph--type--r8-product-description-highlight {
}
.paragraph--type--r8-product-description-highlight .paragraph__column .highlight-inner-content {
  padding:24px;
  border:38px solid #f6921e;
}
.paragraph--type--r8-product-description-highlight  h2.field--name-field-product-detail-title {
   font-size: 70px;
    line-height: 100px;
    margin: 40px auto;
    text-transform: none;
    font-style: normal;
    font-weight:700;
    border-bottom:10px solid #000;
    width:fit-content;
    color:#000;
    padding:40px 0;
}
.page-node-type-service-page .paragraph--type--r8-product-description-highlight  .field--name-field-product-detail-body p{
    font-size: 34px;
    line-height: 40px;
    margin: 0px auto;
    text-transform: none;
    padding:12px 0px;
    font-family: ff-angie-pro, serif;
    font-style: normal;
    letter-spacing: 1px;
}

.field--name-field-good-icon ,
.field--name-field-better-icon ,
.field--name-field-best-icon {
  background: url(./images/circles.svg);
  background-repeat:no-repeat;
  background-position:0 0;
  width:230px;
  height:230px;
}
.field--name-field-good-icon img,
.field--name-field-better-icon img,
.field--name-field-best-icon img{
  max-width:50%;
  margin-left:78px;
  padding-top:58px;
}
.paragraph--type--r8-good-better-best-array .field--name-field-title  {
    font-size: 70px;
    line-height: 100px;
    margin: 40px auto;
    text-transform: none;
    font-style: normal;
    font-weight: 900;
    border-bottom: 10px solid #01B0EE;
     border-bottom: 10px solid #5bc0de;
   border-bottom: 10px solid #5bc0de;
    width: fit-content;
    padding: 40px;
}
.paragraph--type--r8-good-better-best-array .three-pack {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.paragraph--type--r8-good-better-best-array .gbb-column {
    padding: 24px;
}
.paragraph--type--r8-good-better-best-array .field--name-field-title {
    font-size: 55px;
    line-height: 100px;
    margin: 24px auto;
    text-transform: uppercase;
    padding:12px 0px;
    font-family: ff-angie-pro, serif;
    font-style: italic;
    letter-spacing: 1px;
    color:#01B0EE;
}
.paragraph--type--r8-good-better-best-array .field--name-field-good-icon ,
.paragraph--type--r8-good-better-best-array .field--name-field-better-icon ,
.paragraph--type--r8-good-better-best-array .field--name-field-best-icon {
    margin:0 auto;
}
.paragraph--type--r8-good-better-best-array .gbb-label {
    font-size: 40px;
    line-height: 100px;
    margin: 24px auto;
    text-transform: uppercase;
    padding:12px 0px;
    font-family: ff-angie-pro, serif;
    font-style: italic;
    letter-spacing: 1px;
    color:#01B0EE;
     color:#5bc0de;
   font-weight:900;
    text-align:center;
}
.paragraph--type--r8-good-better-best-array .field--name-field-good-body p,
.paragraph--type--r8-good-better-best-array .field--name-field-better-body p,
.paragraph--type--r8-good-better-best-array .field--name-field-best-body p{
   font-size: 32px;
    line-height: 40px;
    margin: 0 auto;
    text-transform: none;
    padding:12px 0px;
    font-family: ff-angie-pro, serif !important;
    font-style: normal;
    letter-spacing: 1px;
    color:#01B0EE;
    color:#5bc0de;
    font-weight:500;
    text-align:center;
}

.alias-services-seo .paragraph--type--r8-product-description-with-rule h2.field--name-field-product-detail-title {
     font-style: italic;
     text-transform:uppercase;
 }
.alias-services-seo.page-node-type-service-page .paragraph--type--r8-product-description-with-rule .field--name-field-product-detail-body p {
    font-style: italic;
    font-weight:700;
}

.paragraph--type--r8-package-set .field--name-field-gbb-level {
   font-size: 65px;
    line-height: 75px;
  	font-family: ff-angie-pro, serif;
	font-weight: 900;
	font-style: italic;
	letter-spacing:1px;
    text-transform:uppercase;
    color:#f6921e;
    text-align:center;
    width:100%;
}
.paragraph--type--r8-package-set .field--name-field-offering-title{
   font-size: 50px;
    line-height: 75px;
	font-weight: 300;
	font-style: normal;
	letter-spacing:1px;
    text-transform:none;
    color:#f6921e;
    text-align:center;
    width:max-content;
    max-width:100%;
    margin:0 auto 90px auto;
        border-bottom: 10px solid #f6921e;
}
.paragraph--type--r8-package-set .paragraph__column .service-offering-box {
    max-width:1250px;
    margin:0 auto;
    background-color:#01B0EE;
     background-color:#5bc0de;
   display:flex;
    flex-direction:row;
}
.paragraph--type--r8-package-set .paragraph__column.left .service-offering-box {
    background-color:#f6921e;
    flex-direction:row-reverse;
}
.paragraph--type--r8-package-set  .service-offering-image  {
    width:45%;
    padding:32px;
}
.paragraph--type--r8-package-set  .service-offering-inner-box {
    width:55%;
}
/* 
.paragraph--type--r8-package-set .paragraph__column.left .service-offering-image img  {
    margin:0 auto;w
}
 */
.paragraph--type--r8-package-set  .service-offering-image .field--name-field-offering-image  {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 
.paragraph--type--r8-package-set .paragraph__column.left .service-offering-image .field--name-field-offering-image  .media--image {
	height: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
 */
.paragraph--type--r8-package-set .paragraph__column .service-offering-inner-box {
    max-width:1250px;
    margin:50px 70px;
    background-color:#f6921e;
}
.paragraph--type--r8-package-set .paragraph__column.left .service-offering-inner-box {
    background-color:#01B0EE;
    background-color:#5bc0de;
}
.paragraph--type--r8-package-set .paragraph__column .service-offering-body {
    background-color:#fff;
    margin:24px -50px 24px 24px;
    padding:24px;
}
.paragraph--type--r8-package-set .paragraph__column .service-offering-body p,
.paragraph--type--r8-package-set .paragraph__column .service-offering-body li {
    padding-bottom:1.5em;
    font-size:20px;
}
.paragraph--type--r8-package-set .paragraph__column .service-offering-body h3 {
    font-weight:700;
    font-size:40px;
    margin-bottom:1em;
}

.paragraph--type--r8-blue-extensions-box {
/* 
  border:24px solid #01B0EE;
 */
  -webkit-box-shadow:inset 0px 0px 0px 24px #01B0EE;
    -moz-box-shadow:inset 0px 0px 0px 24px #01B0EE;
    box-shadow:inset 0px 0px 0px 24px #01B0EE;
  -webkit-box-shadow:inset 0px 0px 0px 24px #5bc0de;
    -moz-box-shadow:inset 0px 0px 0px 24px #5bc0de;
    box-shadow:inset 0px 0px 0px 24px #5bc0de;
 max-width:100%;
  padding:48px;
}
.paragraph--type--r8-blue-extensions-box h4,
.paragraph--type--r8-blue-extensions-box p {
  text-align:center;
  font-style:italic;
}
.paragraph--type--r8-blue-extensions-box h4  {
  font-size:30px;
}
.paragraph--type--r8-blue-extensions-box p {
  font-size:30px;
  margin-top:1em;
}
.field--name-field-service-opening-image {
  margin:24px auto 0 auto;
  min-width:300px;
  width:50%;
}
.field--name-field-service-opening-image img {
  margin: 0 auto;
}

.field--name-field-product-detail-body li {
  font-size:2.5rem;
  line-height:3rem;
  padding-bottom:1rem;
}

.region-content ul {
  padding:12px;
  margin:12px 24px;
}

#views-bootstrap-our-work-page-1 .row.wow.fadeIn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#views-bootstrap-our-work-page-1 .row.wow.fadeIn > div {
    margin-bottom:12px;
}

/*** active directory forms **/
._form-branding {
    color: #333;
    display: none;
}
form[id*='form'] {
	background: transparent !important;
/* 
	width:unset !important;
 */
	margin-top:36px !important;
	margin-bottom:36px !important;
	
}
.page-node-type-ad-landing-page .region-content,
.page-node-type-thank-you-lp .region-content  {
  padding:0px 15px;
}
.page-node-type-ad-landing-page article p,
.page-node-type-ad-landing-page article li {
  font-size:18px;
  margin-bottom:12px;
  font-weight:bold;
}
.page-node-type-ad-landing-page article ul {
    width: fit-content;
    margin: 12px auto;
}
.page-node-type-thank-you-lp p {
  font-size:18px;
  margin-bottom:12px;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}