{"version":3,"sources":["_utilities.scss","_mixins.scss","_variables.scss","bob-martin-home.css","_decorations.scss","theme/_home.scss"],"names":[],"mappings":"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","file":"bob-martin-home.css","sourcesContent":["#responsive-tell{\r\n    content: 'xs';    \r\n    width: 0;\r\n    display: none;\r\n\r\n    @include bp(sm) {\r\n        width: $screen-sm-min;\r\n        content: 'sm';\r\n    }\r\n\r\n    @include bp(md) {\r\n        width: $screen-md-min;\r\n        content: 'md';\r\n    }\r\n\r\n    @include bp(lg) {\r\n        width: $screen-lg-min;\r\n        content: 'lg';\r\n    }\r\n}\r\n","\r\n@mixin bp($point : sm, $width-setting: min-width) {\r\n  @if $point == xs {\r\n    @media (max-width: $screen-xs-max) { @content; }\r\n  }\r\n  @if $point == sm {\r\n    @media (min-width: $screen-sm-min) { @content; }\r\n  }\r\n  @else if $point == md {\r\n    @media (min-width: $screen-md-min) { @content; }\r\n  }\r\n  @else if $point == lg {\r\n    @media (min-width: $screen-lg-min) { @content; }\r\n  }\r\n  @else if $point == xl {\r\n    @media (min-width: $screen-xl-min) { @content; }\r\n  }\r\n  @else if $point == xxl {\r\n    @media (min-width: $screen-xxl-min) { @content; }\r\n  }\r\n  @else {\r\n      @media ($width-setting: $point) { @content; }\r\n  }\r\n}\r\n\r\n@mixin bps($point : sm) {\r\n  @if $point == xs {\r\n    @media (min-width: $screen-xs-min) and (max-width: $screen-sm-min) { @content; }\r\n  }\r\n  @else if $point == sm {\r\n    @media (min-width: $screen-sm-min) and (max-width: $screen-md-min) { @content; }\r\n  }\r\n  @else if $point == md {\r\n    @media (min-width: $screen-md-min) and (max-width: $screen-lg-min) { @content; }\r\n  }\r\n  @else if $point == lg {\r\n    @media (min-width: $screen-lg-min) and (max-width: $screen-xl-min) { @content; }\r\n  }\r\n  @else if $point == xl {\r\n    @media (min-width: $screen-xl-min) and (max-width: $screen-xxl-min) { @content; }\r\n  }\r\n}\r\n\r\n\r\n@mixin transition($args...) {\r\n  -webkit-transition: $args;\r\n  -moz-transition: $args;\r\n  -ms-transition: $args;\r\n  -o-transition: $args;\r\n  transition: $args;\r\n}\r\n\r\n@mixin transform($args...) {\r\n  -webkit-transform: $args;\r\n  -moz-transform: $args;\r\n  -ms-transform: $args;\r\n  -o-transform: $args;\r\n  transform: $args;\r\n}\r\n@mixin transform-origin($args...) {\r\n  -webkit-transform-origin: $args;\r\n  -moz-transform-origin: $args;\r\n  -ms-transform-origin: $args;\r\n  -o-transform-origin: $args;\r\n  transform-origin: $args;\r\n}\r\n\r\n@mixin opacity($opacity) {\r\n  opacity: $opacity;\r\n  $opacity-ie: $opacity * 100;\r\n  filter: alpha(opacity=$opacity-ie); //IE8\r\n}\r\n\r\n\r\n@mixin cursive-font() {\r\n    font-family: \"boucherie-cursive\", sans-serif;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n}\r\n\r\n@function headings($from:1, $to:6) {\r\n    @if $from == $to {\r\n        @return 'h#{$from},.h#{$from},';\r\n    } @else {\r\n        @return 'h#{$from},.h#{$from},' + headings($from+1, $to);\r\n    }\r\n}\r\n\r\n@mixin multi-columns($column-count: 2)\r\n{\r\n    -webkit-column-count: $column-count; /* Chrome, Safari, Opera */\r\n    -moz-column-count: $column-count; /* Firefox */\r\n    column-count: $column-count;\r\n    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */\r\n    -moz-column-gap: 30px; /* Firefox */\r\n    column-gap: 30px;\r\n}\r\n\r\n@mixin gradient($top-color, $bottom-color) {\r\n    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#04102e+0,150d4e+100 */\r\n    background: $top-color; /* Old browsers */\r\n    background: -moz-linear-gradient(top, $top-color 0%, $bottom-color 100%); /* FF3.6-15 */\r\n    background: -webkit-linear-gradient(top, $top-color 0%,$bottom-color 100%); /* Chrome10-25,Safari5.1-6 */\r\n    background: linear-gradient(to bottom, $top-color 0%,$bottom-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top-color', endColorstr='$bottom-color',GradientType=0 ); /* IE6-9 */\r\n}\r\n\r\n\r\n@mixin gradient-diagonal($top-color, $bottom-color) {\r\n    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#04102e+0,150d4e+100 */\r\n    background: $top-color; /* Old browsers */\r\n    background: -moz-linear-gradient(-45deg, $top-color 0%, $bottom-color 100%); /* FF3.6-15 */\r\n    background: -webkit-linear-gradient(-45deg, $top-color 0%,$bottom-color 100%); /* Chrome10-25,Safari5.1-6 */\r\n    background: linear-gradient(135deg, $top-color 0%,$bottom-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top-color', endColorstr='$bottom-color',GradientType=1 ); /* IE6-9 */\r\n}\r\n","//Media query breakpoints\r\n$screen-xs-min: 380px;\r\n$screen-sm-min: 480px;\r\n$screen-md-min: 768px;\r\n$screen-lg-min: 992px;\r\n$screen-xl-min: 1150px;\r\n$screen-xxl-min: 1300px;\r\n$screen-xs-max: ($screen-sm-min - 1);\r\n$screen-sm-max: ($screen-md-min - 1);\r\n$screen-md-max: ($screen-lg-min - 1);\r\n\r\n$grid-gutter-width:         30px !default;\r\n$container-tablet:          (420 + $grid-gutter-width) !default;\r\n$container-desktop:         (720px + $grid-gutter-width) !default;\r\n$container-large-desktop:   (940px + $grid-gutter-width) !default;\r\n\r\n$brand-one: #232450;        // navy\r\n$brand-two: #F38E34;        // mustard\r\n$brand-three: #FF4049;      // coral\r\n$brand-four: #4A9539;       // hunter green\r\n$brand-five: #1E8FCD;       // ocean blue\r\n\r\n$brand-one-light: #232450;\r\n$brand-two-light: #FAF7F4; \r\n$brand-three-light: #f88187;\r\n$brand-four-light: #7db770;\r\n$brand-five-light: #E7F7FF;\r\n\r\n$body-font-color: #232450;\r\n$heading-font-color: #232450;\r\n\r\n// Font Sizes\r\n$body-size: 16px;\r\n$heading-size: 2.25em;\r\n\r\n$brand-font-heading: cronos-pro-display, sans-serif;\r\n$brand-font-body: franklin-gothic-urw, sans-serif;\r\n","#responsive-tell {\n  content: 'xs';\n  width: 0;\n  display: none;\n}\n\n@media (min-width: 480px) {\n  #responsive-tell {\n    width: 480px;\n    content: 'sm';\n  }\n}\n\n@media (min-width: 768px) {\n  #responsive-tell {\n    width: 768px;\n    content: 'md';\n  }\n}\n\n@media (min-width: 992px) {\n  #responsive-tell {\n    width: 992px;\n    content: 'lg';\n  }\n}\n\n.decoration {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: -1;\n  pointer-events: none;\n}\n\n.decoration:before, .decoration:after {\n  content: '';\n  background-image: url(../images/ovals/oval-green.svg);\n  background-size: contain;\n  background-repeat: no-repeat;\n  position: absolute;\n}\n\n.arrow-scroll {\n  padding: 20px 0 0;\n  clear: both;\n  text-align: center;\n  font-size: 3.25em;\n}\n\n@media (min-width: 768px) {\n  .arrow-scroll {\n    padding-top: 40px;\n  }\n}\n\n.animated.animate-now.animate-bounce {\n  animation-name: bounce-sink, bounce;\n  animation-duration: .3s, 1.5s;\n  animation-delay: 0s, .3s;\n  animation-timing-function: ease-out, ease-in-out;\n  animation-iteration-count: 1, 3;\n  animation-fill-mode: forwards;\n  animation-direction: normal, alternate;\n}\n\n@keyframes bounce {\n  0% {\n    transform: translateY(15px);\n  }\n  50% {\n    transform: translateY(7px);\n  }\n  100% {\n    transform: translateY(15px);\n  }\n}\n\n@keyframes bounce-sink {\n  100% {\n    transform: translateY(15px);\n  }\n}\n\n@keyframes breath {\n  0% {\n    transform: scale(1);\n  }\n  25% {\n    transform: scale(0.95);\n  }\n  60% {\n    transform: scale(1.04);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes breath-rotate-small {\n  0% {\n    transform: scale(1) rotate(0deg);\n  }\n  25% {\n    transform: scale(0.96) rotate(-9deg);\n  }\n  60% {\n    transform: scale(0.92) rotate(6deg);\n  }\n  100% {\n    transform: scale(1) rotate(0deg);\n  }\n}\n\n@keyframes breath-rotate {\n  0% {\n    transform: scale(1) rotate(0deg);\n  }\n  25% {\n    transform: scale(0.9) rotate(-9deg);\n  }\n  60% {\n    transform: scale(0.82) rotate(6deg);\n  }\n  100% {\n    transform: scale(1) rotate(0deg);\n  }\n}\n\n@keyframes breath-rotate-big {\n  0% {\n    transform: scale(1) rotate(0deg);\n  }\n  25% {\n    transform: scale(0.82) rotate(-14deg);\n  }\n  60% {\n    transform: scale(0.74) rotate(18deg);\n  }\n  100% {\n    transform: scale(1) rotate(0deg);\n  }\n}\n\n@keyframes bounce-icon {\n  0% {\n    transform: translateY(-7px);\n  }\n  50% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-7px);\n  }\n}\n\n.scrolljacker-wrapper {\n  position: relative;\n}\n\n.scrolljacker-wrapper #scrolljacker-menu {\n  bottom: 8vh;\n  padding: 0;\n  position: fixed;\n  right: 50px;\n  z-index: 5;\n}\n\n.scrolljacker-wrapper #scrolljacker-menu ul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.scrolljacker-wrapper #scrolljacker-menu ul > li {\n  display: block;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #fff;\n  cursor: pointer;\n}\n\n.scrolljacker-wrapper #scrolljacker-menu ul > li.active {\n  background-color: #232450;\n}\n\n.scrolljacker-wrapper #scrolljacker-menu.inactive {\n  position: absolute;\n}\n\n.scrolljacker-wrapper .scrolljacker {\n  position: relative;\n  padding: 50px 0 80px;\n  overflow: hidden;\n}\n\n.scrolljacker-wrapper .scrolljacker.bkg-blue {\n  background: linear-gradient(323.49deg, #1E8FCD 0%, #BBE7FF 100%);\n}\n\n.scrolljacker-wrapper .scrolljacker.bkg-green {\n  background: linear-gradient(323.49deg, #4A9539 0%, #B6EBAA 99.95%);\n}\n\n.scrolljacker-wrapper .scrolljacker.bkg-orange {\n  background: linear-gradient(323.49deg, #F38E34 0%, #F7B57B 100%);\n}\n\n.scrolljacker-wrapper .scrolljacker.bkg-pink {\n  background: linear-gradient(323.49deg, #FF4049 0%, #FF9A8D 100%);\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper {\n  position: relative;\n  height: 100%;\n  max-width: 1100px;\n  padding: 0 30px;\n  margin: 0 auto;\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content {\n  font-size: 1.125em;\n  color: #232450;\n  text-align: center;\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content h1 {\n  font-size: 3em;\n  line-height: 0.902;\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content .sj-ctas {\n  margin: 50px 0 0;\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content .sj-ctas .btn {\n  min-width: 180px;\n  margin: 0 0 15px;\n  padding: 15px 25px;\n  box-shadow: 0 20px 21px -7px rgba(51, 52, 89, 0.27);\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-image {\n  margin: 30px 0;\n}\n\n.scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-image img {\n  max-width: 100%;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] {\n  padding-top: 130px;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image {\n  margin-top: 70px;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-bkg {\n  position: relative;\n  width: 100%;\n  height: auto;\n  z-index: 1;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-bkg:before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  background: url(../images/home-banners/1/BackgroundCircle.png) no-repeat center center/contain;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-1, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-2 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:before, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:after, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:after {\n  content: '';\n  position: absolute;\n  animation: breath-rotate 2s ease-in-out 0s infinite forwards;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:before {\n  background: url(../images/home-banners/1/Circle-Green-M.png) no-repeat center center/contain;\n  top: -48px;\n  left: 60px;\n  width: 81px;\n  height: 72px;\n  z-index: -1;\n  animation-duration: 3s;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:after {\n  background: url(../images/home-banners/1/Circle-Navy-L-Transparent.png) no-repeat center center/contain;\n  bottom: 0;\n  left: -30px;\n  width: 123px;\n  height: 111px;\n  z-index: 2;\n  animation-duration: 4s;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before {\n  background: url(../images/home-banners/1/Circle-Navy-XS.png) no-repeat center center/contain;\n  top: 0;\n  right: 60px;\n  width: 19px;\n  height: 20px;\n  z-index: -1;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:after {\n  background: url(../images/home-banners/1/Circle-Green-S.png) no-repeat center center/contain;\n  bottom: 0;\n  right: 40px;\n  width: 43px;\n  height: 40px;\n  z-index: 2;\n  animation-duration: 4s;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"1\"] .sj-content-wrapper .sj-image img {\n  width: auto;\n  max-height: 100%;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-bkg {\n  position: relative;\n  width: 100%;\n  height: auto;\n  z-index: 1;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-bkg:before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: -1;\n  background: url(../images/home-banners/2/BackgroundCircle.png) no-repeat center center/contain;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-bkg:after {\n  content: '';\n  background: url(../images/home-banners/2/Circle-Orange-M.png) no-repeat center center/contain;\n  position: absolute;\n  top: 20%;\n  right: 0;\n  width: 20px;\n  height: 16px;\n  z-index: -1;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-1, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-2 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:before, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:after, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:after {\n  content: '';\n  position: absolute;\n  animation: breath-rotate 2s ease-in-out 0s infinite forwards;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:before {\n  background: url(../images/home-banners/2/Circle-Navy-L.png) no-repeat center center/contain;\n  top: 54px;\n  left: 50%;\n  width: 120px;\n  height: 109px;\n  z-index: -1;\n  animation-duration: 4s;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:after {\n  background: url(../images/home-banners/2/Circle-Orange-M.png) no-repeat center center/contain;\n  top: 25%;\n  left: 19%;\n  width: 80px;\n  height: 69px;\n  z-index: 2;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before {\n  background: url(../images/home-banners/2/Circle-Orange-XL.png) no-repeat center center/contain;\n  bottom: 13%;\n  left: 23%;\n  width: 158px;\n  height: 148px;\n  z-index: 1;\n  animation: breath-rotate-small 3s ease-in-out 0s infinite forwards;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:after {\n  background: url(../images/home-banners/2/Circle-Navy-M-Transparent.png) no-repeat center center/contain;\n  bottom: 29%;\n  right: 0;\n  width: 63px;\n  height: 59px;\n  z-index: 2;\n  animation-duration: 2s;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image img {\n  position: relative;\n  width: auto;\n  max-height: 100%;\n  z-index: 2;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-bkg {\n  position: relative;\n  width: 100%;\n  height: auto;\n  z-index: 1;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-bkg:before {\n  content: '';\n  width: 90%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  background: url(../images/home-banners/3/BackgroundCircle.png) no-repeat center center/contain;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-1, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-2 {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:before, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:after, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before, .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:after {\n  content: '';\n  position: absolute;\n  animation: breath-rotate-small 4s ease-in-out 0s infinite forwards;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:before {\n  background: url(../images/home-banners/3/Circle-Navy-L.png) no-repeat center center/contain;\n  top: 54px;\n  right: 90px;\n  width: 120px;\n  height: 109px;\n  z-index: -1;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-1:after {\n  background: url(../images/home-banners/3/Circle-Pink-S-Transparent.png) no-repeat center center/contain;\n  top: 24%;\n  left: 11px;\n  width: 40px;\n  height: 39px;\n  z-index: 2;\n  animation: breath-rotate 2s ease-in-out 0s infinite forwards;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before {\n  background: url(../images/home-banners/3/Circle-Pink-XL-Transparent.png) no-repeat center center/contain;\n  bottom: 23%;\n  right: 0;\n  width: 120px;\n  height: 109px;\n  z-index: 3;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:after {\n  background: url(../images/home-banners/3/Circle-Navy-XS.png) no-repeat center center/contain;\n  top: 56%;\n  left: 56px;\n  width: 20px;\n  height: 20px;\n  z-index: 2;\n  animation: breath-rotate 2s ease-in-out 0s infinite backwards;\n}\n\n.scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image img {\n  position: relative;\n  width: auto;\n  max-height: 100%;\n  z-index: 2;\n}\n\n.scrolljacker-wrapper .scrolljacker .arrow-scroll {\n  position: absolute;\n  bottom: 30px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 10;\n}\n\n.scrolljacker-wrapper .scrolljacker .arrow-scroll i {\n  animation: bounce-sink .3s ease-out 0s 1 normal, bounce 1.5s ease-in-out .3s infinite alternate;\n}\n\n@media (min-width: 768px) {\n  .scrolljacker-wrapper .scrolljacker {\n    padding: 60px 0 0 0 !important;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper {\n    display: flex;\n    align-items: center;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content {\n    width: 50%;\n    padding: 0 80px 0 0;\n    text-align: left;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content h1 {\n    font-size: 4.5556em;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content .sj-ctas .btn {\n    margin: 0 0 15px;\n    padding: 15px 35px;\n    min-width: 200px;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-image {\n    display: block;\n    margin: 0;\n    width: 50%;\n    padding: 0 0 0 50px;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-image img {\n    width: auto;\n    max-height: 100%;\n  }\n  .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"2\"] .sj-content-wrapper .sj-image .sj-image-bkg:before {\n    width: 420px;\n  }\n  .scrolljacker-wrapper .scrolljacker[data-sj-section-id=\"3\"] .sj-content-wrapper .sj-image .sj-image-decoration-2:before {\n    width: 160px;\n    height: 149px;\n  }\n  .scrolljacker-wrapper .scrolljacker .arrow-scroll {\n    bottom: 30px;\n  }\n}\n\n@media (min-width: 992px) {\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content .sj-ctas .btn {\n    margin: 0;\n  }\n  .scrolljacker-wrapper .scrolljacker .sj-content-wrapper .sj-content .sj-ctas .btn + .btn {\n    margin-left: 15px;\n  }\n}\n","// common styles to set the decorative element container\r\n.decoration {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: -1;\r\n    pointer-events: none;\r\n\r\n    &:before, &:after {\r\n        content: '';\r\n        background-image: url(../images/ovals/oval-green.svg);\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        position: absolute;\r\n    }\r\n}\r\n\r\n.arrow-scroll {\r\n    padding: 20px 0 0;\r\n    clear: both;\r\n    text-align: center;\r\n    font-size: 3.25em;\r\n}\r\n\r\n@include bp(md) {\r\n    .arrow-scroll {\r\n        padding-top: 40px;\r\n    }\r\n}\r\n\r\n.animated.animate-now {\r\n    &.animate-bounce {\r\n        animation-name: bounce-sink, bounce;\r\n        animation-duration: .3s, 1.5s;\r\n        animation-delay: 0s, .3s;\r\n        animation-timing-function: ease-out, ease-in-out;\r\n        animation-iteration-count: 1, 3;\r\n        animation-fill-mode: forwards;\r\n        animation-direction: normal, alternate;\r\n    }\r\n}\r\n\r\n@keyframes bounce {\r\n    0% {\r\n        transform: translateY(15px);\r\n    }\r\n    50% {\r\n        transform: translateY(7px);\r\n    }\r\n    100% {\r\n        transform: translateY(15px);\r\n    }\r\n}\r\n@keyframes bounce-sink {\r\n    100% {\r\n        transform: translateY(15px);\r\n    }\r\n}\r\n\r\n@keyframes breath {\r\n    0% {\r\n      transform: scale(1);\r\n    }\r\n  \r\n    25% {\r\n      transform: scale(0.95);\r\n    }\r\n  \r\n    60% {\r\n      transform: scale(1.04);\r\n    }\r\n  \r\n    100% {\r\n      transform: scale(1);\r\n    }\r\n}\r\n@keyframes breath-rotate-small {\r\n  0% {\r\n    transform: scale(1) rotate(0deg);\r\n  }\r\n\r\n  25% {\r\n    transform: scale(0.96) rotate(-9deg);\r\n  }\r\n\r\n  60% {\r\n    transform: scale(0.92) rotate(6deg);\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1) rotate(0deg);\r\n  }\r\n}\r\n@keyframes breath-rotate {\r\n    0% {\r\n      transform: scale(1) rotate(0deg);\r\n    }\r\n  \r\n    25% {\r\n      transform: scale(0.90) rotate(-9deg);\r\n    }\r\n  \r\n    60% {\r\n      transform: scale(0.82) rotate(6deg);\r\n    }\r\n  \r\n    100% {\r\n      transform: scale(1) rotate(0deg);\r\n    }\r\n}\r\n@keyframes breath-rotate-big {\r\n  0% {\r\n    transform: scale(1) rotate(0deg);\r\n  }\r\n\r\n  25% {\r\n    transform: scale(0.82) rotate(-14deg);\r\n  }\r\n\r\n  60% {\r\n    transform: scale(0.74) rotate(18deg);\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1) rotate(0deg);\r\n  }\r\n}\r\n@keyframes bounce-icon {\r\n  0% {\r\n      transform: translateY(-7px);\r\n  }\r\n  50% {\r\n      transform: translateY(0);\r\n  }\r\n  100% {\r\n      transform: translateY(-7px);\r\n  }\r\n}\r\n","// styles for just the home page\r\n.scrolljacker-wrapper {\r\n    position: relative;\r\n\r\n    #scrolljacker-menu {\r\n        bottom: 8vh;\r\n        padding: 0;\r\n        position: fixed;\r\n        right: 50px;\r\n        z-index: 5;\r\n\r\n        ul {\r\n            padding: 0;\r\n            margin: 0;\r\n            list-style: none;\r\n\r\n            > li {\r\n                display: block;\r\n                width: 12px;\r\n                height: 12px;\r\n                border-radius: 50%;\r\n                background-color: #fff;\r\n                cursor: pointer;\r\n\r\n                &.active {\r\n                    background-color: $brand-one;\r\n                }\r\n            }\r\n        }\r\n\r\n        &.inactive {\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    .scrolljacker {\r\n        position: relative;\r\n        padding: 50px 0 80px;\r\n        overflow: hidden;\r\n\r\n        &.bkg-blue {\r\n            background: linear-gradient(323.49deg, #1E8FCD 0%, #BBE7FF 100%);\r\n        }\r\n        &.bkg-green {\r\n            background: linear-gradient(323.49deg, $brand-four 0%, #B6EBAA 99.95%);\r\n        }\r\n        &.bkg-orange {\r\n            background: linear-gradient(323.49deg, $brand-two 0%, #F7B57B 100%);\r\n        }\r\n        &.bkg-pink {\r\n            background: linear-gradient(323.49deg, $brand-three 0%, #FF9A8D 100%);\r\n        }\r\n\r\n        .sj-content-wrapper {\r\n            position: relative;\r\n            height: 100%;\r\n            max-width: 1100px;\r\n            padding: 0 30px;\r\n            margin: 0 auto;\r\n\r\n            .sj-content {\r\n                font-size: 1.125em;\r\n                color: $brand-one;\r\n                text-align: center;\r\n\r\n                h1 {\r\n                    font-size: 3em;\r\n                    line-height: 0.902;\r\n                }\r\n\r\n                .sj-ctas {\r\n                    margin: 50px 0 0;\r\n\r\n                    .btn {\r\n                        min-width: 180px;\r\n                        margin: 0 0 15px;\r\n                        padding: 15px 25px;\r\n                        box-shadow: 0 20px 21px -7px rgba(51,52,89,0.27);\r\n                    }\r\n                }\r\n            }\r\n            .sj-image {\r\n                margin: 30px 0;\r\n\r\n                img {\r\n                    max-width: 100%;\r\n                }\r\n            }\r\n        }\r\n\r\n        &[data-sj-section-id=\"1\"] {\r\n            padding-top: 130px;\r\n\r\n            .sj-content-wrapper {\r\n                .sj-image {\r\n                    margin-top: 70px;\r\n\r\n                    .sj-image-bkg {\r\n                        position: relative;\r\n                        width: 100%;\r\n                        height: auto;\r\n                        z-index: 1;\r\n\r\n                        &:before {\r\n                            content: '';\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            position: absolute;\r\n                            top: 0;\r\n                            left: 0;\r\n                            z-index: -1;\r\n\r\n                            background: url(../images/home-banners/1/BackgroundCircle.png) no-repeat center center / contain;\r\n                        }\r\n                    }\r\n                    .sj-image-decoration-1, .sj-image-decoration-2 {\r\n                        position: absolute;\r\n                        width: 100%;\r\n                        height: 100%;\r\n\r\n                        &:before, &:after {\r\n                            content: '';\r\n                            position: absolute;\r\n\r\n                            animation: breath-rotate 2s ease-in-out 0s infinite forwards;\r\n                        }\r\n                    }\r\n                    .sj-image-decoration-1:before {\r\n                        background: url(../images/home-banners/1/Circle-Green-M.png) no-repeat center center / contain;\r\n                        top: -48px;\r\n                        left: 60px;\r\n                        width: 81px;\r\n                        height: 72px;\r\n                        z-index: -1;\r\n\r\n                        animation-duration: 3s;\r\n                    }\r\n                    .sj-image-decoration-1:after {\r\n                        background: url(../images/home-banners/1/Circle-Navy-L-Transparent.png) no-repeat center center / contain;\r\n                        bottom: 0;\r\n                        left: -30px;\r\n                        width: 123px;\r\n                        height: 111px;\r\n                        z-index: 2;\r\n\r\n                        animation-duration: 4s;\r\n                    }\r\n                    .sj-image-decoration-2:before {\r\n                        background: url(../images/home-banners/1/Circle-Navy-XS.png) no-repeat center center / contain;\r\n                        top: 0;\r\n                        right: 60px;\r\n                        width: 19px;\r\n                        height: 20px;\r\n                        z-index: -1;\r\n                    }\r\n                    .sj-image-decoration-2:after {\r\n                        background: url(../images/home-banners/1/Circle-Green-S.png) no-repeat center center / contain;\r\n                        bottom: 0;\r\n                        right: 40px;\r\n                        width: 43px;\r\n                        height: 40px;\r\n                        z-index: 2;\r\n\r\n                        animation-duration: 4s;\r\n                    }\r\n\r\n                    img {\r\n                        width: auto;\r\n                        max-height: 100%;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        &[data-sj-section-id=\"2\"] {\r\n            .sj-content-wrapper {\r\n                .sj-image {\r\n\r\n                    .sj-image-bkg {\r\n                        position: relative;\r\n                        width: 100%;\r\n                        height: auto;\r\n                        z-index: 1;\r\n\r\n                        &:before {\r\n                            content: '';\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            position: absolute;\r\n                            top: 0;\r\n                            right: 0;\r\n                            z-index: -1;\r\n                            background: url(../images/home-banners/2/BackgroundCircle.png) no-repeat center center / contain;\r\n                        }\r\n\r\n                        &:after {\r\n                            content: '';\r\n                            background: url(../images/home-banners/2/Circle-Orange-M.png) no-repeat center center / contain;\r\n                            position: absolute;\r\n                            top: 20%;\r\n                            right: 0;\r\n                            width: 20px;\r\n                            height: 16px;\r\n                            z-index: -1;\r\n                        }\r\n                    }\r\n                    .sj-image-decoration-1, .sj-image-decoration-2 {\r\n                        position: absolute;\r\n                        width: 100%;\r\n                        height: 100%;\r\n\r\n                        &:before, &:after {\r\n                            content: '';\r\n                            position: absolute;\r\n\r\n                            animation: breath-rotate 2s ease-in-out 0s infinite forwards;\r\n                        }\r\n                    }\r\n                    .sj-image-decoration-1:before {\r\n                        background: url(../images/home-banners/2/Circle-Navy-L.png) no-repeat center center / contain;\r\n                        top: 54px;\r\n                        left: 50%;\r\n                        width: 120px;\r\n                        height: 109px;\r\n                        z-index: -1;\r\n\r\n                        animation-duration: 4s;\r\n                    }\r\n                    .sj-image-decoration-1:after {\r\n                        background: url(../images/home-banners/2/Circle-Orange-M.png) no-repeat center center / contain;\r\n                        top: 25%;\r\n                        left: 19%;\r\n                        width: 80px;\r\n                        height: 69px;\r\n                        z-index: 2;\r\n                    }\r\n                    .sj-image-decoration-2:before {\r\n                        background: url(../images/home-banners/2/Circle-Orange-XL.png) no-repeat center center / contain;\r\n                        bottom: 13%;\r\n                        left: 23%;\r\n                        width: 158px;\r\n                        height: 148px;\r\n                        z-index: 1;\r\n\r\n                        animation: breath-rotate-small 3s ease-in-out 0s infinite forwards;\r\n                    }\r\n                    .sj-image-decoration-2:after {\r\n                        background: url(../images/home-banners/2/Circle-Navy-M-Transparent.png) no-repeat center center / contain;\r\n                        bottom: 29%;\r\n                        right: 0;\r\n                        width: 63px;\r\n                        height: 59px;\r\n                        z-index: 2;\r\n\r\n                        animation-duration: 2s;\r\n                    }\r\n\r\n                    img {\r\n                        position: relative;\r\n                        width: auto;\r\n                        max-height: 100%;\r\n                        z-index: 2;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        &[data-sj-section-id=\"3\"] {\r\n            .sj-content-wrapper {\r\n                .sj-image {\r\n\r\n                    .sj-image-bkg {\r\n                        position: relative;\r\n                        width: 100%;\r\n                        height: auto;\r\n                        z-index: 1;\r\n\r\n                        &:before {\r\n                            content: '';\r\n                            width: 90%;\r\n                            height: 100%;\r\n                            position: absolute;\r\n                            top: 0;\r\n                            left: 0;\r\n                            z-index: -1;\r\n                            background: url(../images/home-banners/3/BackgroundCircle.png) no-repeat center center / contain;\r\n                        }\r\n                    }\r\n                    .sj-image-decoration-1, .sj-image-decoration-2 {\r\n                        position: absolute;\r\n                        width: 100%;\r\n                        height: 100%;\r\n\r\n                        &:before, &:after {\r\n                            content: '';\r\n                            position: absolute;\r\n\r\n                            animation: breath-rotate-small 4s ease-in-out 0s infinite forwards;\r\n                        }\r\n                    }\r\n                    .sj-image-decoration-1:before {\r\n                        background: url(../images/home-banners/3/Circle-Navy-L.png) no-repeat center center / contain;\r\n                        top: 54px;\r\n                        right: 90px;\r\n                        width: 120px;\r\n                        height: 109px;\r\n                        z-index: -1;\r\n                    }\r\n                    .sj-image-decoration-1:after {\r\n                        background: url(../images/home-banners/3/Circle-Pink-S-Transparent.png) no-repeat center center / contain;\r\n                        top: 24%;\r\n                        left: 11px;\r\n                        width: 40px;\r\n                        height: 39px;\r\n                        z-index: 2;\r\n\r\n                        animation: breath-rotate 2s ease-in-out 0s infinite forwards;\r\n                    }\r\n                    .sj-image-decoration-2:before {\r\n                        background: url(../images/home-banners/3/Circle-Pink-XL-Transparent.png) no-repeat center center / contain;\r\n                        bottom: 23%;\r\n                        right: 0;\r\n                        width: 120px;\r\n                        height: 109px;\r\n                        z-index: 3;\r\n                    }\r\n                    .sj-image-decoration-2:after {\r\n                        background: url(../images/home-banners/3/Circle-Navy-XS.png) no-repeat center center / contain;\r\n                        top: 56%;\r\n                        left: 56px;\r\n                        width: 20px;\r\n                        height: 20px;\r\n                        z-index: 2;\r\n\r\n                        animation: breath-rotate 2s ease-in-out 0s infinite backwards;\r\n                    }\r\n\r\n                    img {\r\n                        position: relative;\r\n                        width: auto;\r\n                        max-height: 100%;\r\n                        z-index: 2;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-scroll {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 10;\r\n\r\n            i {\r\n                animation: bounce-sink .3s ease-out 0s 1 normal, bounce 1.5s ease-in-out .3s infinite alternate;\r\n            }\r\n        }\r\n    }\r\n\r\n    @include bp(md) {\r\n        .scrolljacker {\r\n            padding: 60px 0 0 0 !important;\r\n\r\n            .sj-content-wrapper {\r\n                display: flex;\r\n                align-items: center;\r\n\r\n                .sj-content {\r\n                    width: 50%;\r\n                    padding: 0 80px 0 0;\r\n                    text-align: left;\r\n\r\n                    h1 {\r\n                        font-size: 4.5556em;\r\n                    }\r\n\r\n                    .sj-ctas {\r\n                        .btn {\r\n                            margin: 0 0 15px;\r\n                            padding: 15px 35px;\r\n                            min-width: 200px;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .sj-image {\r\n                    display: block;\r\n                    margin: 0;\r\n                    width: 50%;\r\n                    padding: 0 0 0 50px;\r\n\r\n                    img {\r\n                        width: auto;\r\n                        max-height: 100%;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &[data-sj-section-id=\"2\"] {\r\n                .sj-content-wrapper {\r\n                    .sj-image {\r\n    \r\n                        .sj-image-bkg {\r\n                            &:before {\r\n                                width: 420px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            &[data-sj-section-id=\"3\"] {\r\n                .sj-content-wrapper {\r\n                    .sj-image {\r\n                        .sj-image-decoration-2:before {\r\n                            width: 160px;\r\n                            height: 149px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .arrow-scroll {\r\n                bottom: 30px;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    @include bp(lg) {\r\n        .scrolljacker .sj-content-wrapper .sj-content .sj-ctas {\r\n            .btn {\r\n                margin: 0;\r\n            }\r\n            .btn + .btn {\r\n                margin-left: 15px;\r\n            }\r\n        }\r\n    }\r\n}"]}