.definitely_highlighted {
  background: yellow; }

/*------------------------------------------------------------------------------------------------------------------------------------ BODY AND BASE STYLES */
body {
  font-family: "jaf-facitweb";
  background: #fefefe;
  text-align: center; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "azo-sans-web";
  font-weight: 800;
  color: #333;
  letter-spacing: 1px; }

h1, .h1 {
  font-size: 3rem;
  line-height: 2.6rem; }

h2, .h2, h1 small, .h1 small {
  font-size: 2.5rem;
  line-height: 2.3rem; }

h3, .h3, h2 small, .h2 small {
  font-size: 1.9375rem;
  line-height: 1.8rem; }

h4, .h4, h3 small, .h3 small {
  font-size: 1.5625rem;
  line-height: 1.6rem; }

h5, .h5, h4 small, .h4 small {
  font-size: 1.25rem;
  line-height: 1.4rem; }

h6, .h6, h5 small, .h5 small {
  font-size: 1rem;
  line-height: 1.2rem; }

@media only screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 2.5rem;
    line-height: 2.3rem; }

  h2, .h2, h1 small, .h1 small {
    font-size: 1.9375rem;
    line-height: 1.8rem; }

  h3, .h3, h2 small, .h2 small {
    font-size: 1.5625rem;
    line-height: 1.6rem; }

  h4, .h4, h3 small, .h3 small {
    font-size: 1.25rem;
    line-height: 1.4rem; }

  h5, .h5, h4 small, .h4 small {
    font-size: 1rem;
    line-height: 1.2rem; } }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  color: #7f7f7f; }

h1.ft_lowercase, .h1.ft_lowercase {
  line-height: 3.5rem; }

h2.ft_lowercase, .h2.ft_lowercase {
  line-height: 3rem; }

h3.ft_lowercase, .h3.ft_lowercase {
  line-height: 2.5rem; }

h4.ft_lowercase, .h4.ft_lowercase {
  line-height: 1.9375rem; }

h5.ft_lowercase, .h5.ft_lowercase {
  line-height: 1.5625rem; }

@media only screen and (max-width: 768px) {
  h1.ft_lowercase, .h1.ft_lowercase {
    line-height: 3rem; }

  h2.ft_lowercase, .h2.ft_lowercase {
    line-height: 2.5rem; }

  h3.ft_lowercase, .h3.ft_lowercase {
    line-height: 1.9375rem; }

  h4.ft_lowercase, .h4.ft_lowercase {
    line-height: 1.5625rem; } }
p {
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: justify;
  color: #4c4c4c; }

p:last-child {
  margin-bottom: 0px; }

p span {
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: 700; }

.mod_text_block1 {
  margin: 0 0 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 660px;
  text-align: justify; }

@media only screen and (max-width: 460px) {
  p, .mod_text_block1 {
    text-align: left; } }
.link_knowledge_base {
  color: #b2b2b2;
  margin-top: -10px; }

p a {
  color: #4298c3;
  border-bottom: dotted #4298c3 2px; }

p a:hover {
  color: #191919;
  border-bottom: solid #191919 2px; }

@media screen and (max-width: 400px) {
  .link_knowledge_base {
    font-size: 17px; } }
@media screen and (max-width: 380px) {
  .link_knowledge_base {
    font-size: 16px; } }
.ft_lowercase {
  text-transform: none; }

/*------------------------------------------------------------------------------------------------------------------------------------ CONTAINER */
.grid-container {
  padding: 0 20px 0;
  max-width: 80rem; }

@media print, screen and (max-width: 380px) {
  .grid-padding-x > .cell {
    padding: 0 10px 0; } }
.reveal-overlay {
  background-color: rgba(0, 0, 0, 0.8); }

.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6, .callout p {
  color: #191919; }

/*------------------------------------------------------------------------------------------------------------------------------------ PAGE ELEMENTS */
.button {
  background-color: #16a6f1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16a6f1), to(#0c88c8));
  background-image: -webkit-linear-gradient(top, #16a6f1, #0c88c8);
  background-image: -moz-linear-gradient(top, #16a6f1, #0c88c8);
  background-image: -ms-linear-gradient(top, #16a6f1, #0c88c8);
  background-image: -o-linear-gradient(top, #16a6f1, #0c88c8);
  background-image: linear-gradient(top, #16a6f1, #0c88c8);
  font-family: "azo-sans-web";
  font-weight: 800;
  text-transform: uppercase;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.25rem;
  padding: 0.375rem 0.8rem;
  letter-spacing: 1px;
  width: 320px; }

.button:hover {
  background-color: #0c88c8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0c88c8), to(#096798));
  background-image: -webkit-linear-gradient(top, #0c88c8, #096798);
  background-image: -moz-linear-gradient(top, #0c88c8, #096798);
  background-image: -ms-linear-gradient(top, #0c88c8, #096798);
  background-image: -o-linear-gradient(top, #0c88c8, #096798);
  background-image: linear-gradient(top, #0c88c8, #096798); }

@media only screen and (max-width: 460px) {
  .button {
    width: 100%;
    padding: 10px 0; } }
.button span {
  font-family: "jaf-facitweb";
  text-transform: none;
  font-size: 1em; }

.button_green {
  background-color: #56bf57;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#56bf57), to(#00bd28));
  background-image: -webkit-linear-gradient(top, #56bf57, #00bd28);
  background-image: -moz-linear-gradient(top, #56bf57, #00bd28);
  background-image: -ms-linear-gradient(top, #56bf57, #00bd28);
  background-image: -o-linear-gradient(top, #56bf57, #00bd28);
  background-image: linear-gradient(top, #56bf57, #00bd28); }

.button_green:hover {
  background-color: #39983a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#39983a), to(#008a1d));
  background-image: -webkit-linear-gradient(top, #39983a, #008a1d);
  background-image: -moz-linear-gradient(top, #39983a, #008a1d);
  background-image: -ms-linear-gradient(top, #39983a, #008a1d);
  background-image: -o-linear-gradient(top, #39983a, #008a1d);
  background-image: linear-gradient(top, #39983a, #008a1d); }

/*------------------------------------------------------------------------------------------------------------------------------------ FORMS */
label {
  color: #fefefe; }

/*------------------------------------------------------------------------------------------------------------------------------------ NAVIGATION */
/*------------------------------------------------------------------------------------------------------------------------------------ PLACEMENTS */
.dfl_left {
  text-align: left; }

.dfl_right {
  text-align: right; }

.custom_center_vertical {
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

/*------------------------------------------------------------------------------------------------------------------------------------ DISPLAY BLOCKS */
.custom_text_640 {
  max-width: 640px;
  margin: 0 auto; }

.custom_columns_x2 {
  -webkit-columns: 2 400px;
  -moz-columns: 2 400px;
  columns: 2 400px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-column-rule: 1px dotted #b1b1b1;
  -moz-column-rule: 1px dotted #b1b1b1;
  column-rule: 1px dotted #b1b1b1; }

.custom_columns_x3 {
  -webkit-columns: 3 300px;
  -moz-columns: 3 300px;
  columns: 3 300px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  /* -webkit-column-rule: 1px dotted #b1b1b1; -moz-column-rule: 1px dotted #b1b1b1; column-rule: 1px dotted #b1b1b1; */ }

/*------------------------------------------------------------------------------------------------------------------------------------ SHAPE-SHIFTING */
/*------------------------------------------------------------------------------------------------------------------------------------ SHOW HIDE */
.show-for-640-above {
  display: block; }

.show-for-640-down {
  display: none; }

.show-for-530-above {
  display: block; }

.show-for-530-down {
  display: none; }

.show-for-460-above {
  display: block; }

.show-for-460-down {
  display: none; }

.show-for-400-above {
  display: block; }

.show-for-400-down {
  display: none; }

@media only screen and (max-width: 640px) {
  .show-for-640-above {
    display: none; }

  .show-for-640-down {
    display: block; } }
@media only screen and (max-width: 530px) {
  .show-for-530-above {
    display: none; }

  .show-for-530-down {
    display: block; } }
@media only screen and (max-width: 460px) {
  .show-for-460-above {
    display: none; }

  .show-for-460-down {
    display: block; } }
@media only screen and (max-width: 400px) {
  .show-for-400-above {
    display: none; }

  .show-for-400-down {
    display: block; } }
/*------------------------------------------------------------------------------------------------------------------------------------ ANIMATIONS */
.element-to-appear {
  opacity: 0;
  moz-animation-duration: 2s;
  -moz-animation-delay: 1s; }

/*------------------------------------------------------------------------------------------------------------------------------------ OPACITY */
.o1 {
  opacity: 0.1; }

.o2 {
  opacity: 0.2; }

.o3 {
  opacity: 0.3; }

.o4 {
  opacity: 0.4; }

.o5 {
  opacity: 0.5; }

.o6 {
  opacity: 0.6; }

.o7 {
  opacity: 0.7; }

.o8 {
  opacity: 0.8; }

.o9 {
  opacity: 0.9; }

.o0 {
  opacity: 1; }

.o1h {
  opacity: 0.1; }

.o1h:hover {
  opacity: 1; }

.o2h {
  opacity: 0.2; }

.o2h:hover {
  opacity: 1; }

.o3h {
  opacity: 0.3; }

.o3h:hover {
  opacity: 1; }

.o4h {
  opacity: 0.4; }

.o4h:hover {
  opacity: 1; }

.o5h {
  opacity: 0.5; }

.o5h:hover {
  opacity: 1; }

.o6h {
  opacity: 0.6; }

.o6h:hover {
  opacity: 1; }

.o7h {
  opacity: 0.7; }

.o7h:hover {
  opacity: 1; }

.o8h {
  opacity: 0.8; }

.o8h:hover {
  opacity: 1; }

.o9h {
  opacity: 0.9; }

.o9h:hover {
  opacity: 1; }

/*------------------------------------------------------------------------------------------------------------------------------------ CUSTOM TITLE BAR */
#custom_title_bar {
  background: #4298c3;
  display: none; }

#custom_title_bar:hover {
  background: #265d79; }

@media only screen and (max-width: 768px) {
  #custom_title_bar {
    display: block; } }
.title-bar {
  background: none;
  font-family: "azo-sans-web";
  font-weight: 800;
  text-transform: uppercase;
  color: #fefefe;
  cursor: pointer;
  font-size: 1.5rem;
  justify-content: center;
  letter-spacing: 1.2px; }

.accordion-menu a {
  background: #4298c3;
  font-family: "azo-sans-web";
  font-weight: 800;
  text-transform: uppercase;
  color: #fefefe;
  cursor: pointer;
  font-size: 2rem;
  border-bottom: 1px dotted #265d79;
  padding: 11px;
  letter-spacing: 1.2px; }

.accordion-menu a:hover {
  background: #fefefe;
  color: #265d79; }

.active_vertical_menu {
  background: #fefefe;
  color: #265d79; }

.js-off-canvas-overlay {
  background: rgba(0, 0, 0, 0.9); }

.position-top {
  background: #096798;
  height: unset; }

.off-canvas-content.is-open-top.has-transition-push {
  -ms-transform: translateY(220px);
  transform: translateY(220px); }

.position-left.is-transition-push {
  background: #4298c3; }
  .position-left.is-transition-push .accordion-menu a {
    background: #4298c3;
    font-family: "azo-sans-web";
    font-weight: 800;
    text-transform: uppercase;
    color: #fefefe;
    cursor: pointer;
    font-size: 1rem;
    border-bottom: 1px dotted #265d79;
    padding: 18px 0;
    letter-spacing: 1.2px; }
  .position-left.is-transition-push .accordion-menu a:hover {
    background: #fefefe;
    color: #265d79; }
  .position-left.is-transition-push .active_vertical_menu {
    display: block;
    background: #fefefe;
    color: #265d79;
    cursor: default; }
  .position-left.is-transition-push .active_vertical_menu a {
    background: #fefefe;
    color: #265d79;
    cursor: default; }

/*------------------------------------------------------------------------------------------------------------------------------------ HEADER */
.sticky-shrinknav-menu {
  top: 0;
  height: 40px;
  background: #4298c3;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  font-weight: 700; }
  .sticky-shrinknav-menu li a {
    color: #265d79; }
  .sticky-shrinknav-menu li a:hover {
    color: #fefefe; }
  .sticky-shrinknav-menu .active_horizontal_menu a {
    color: #fefefe;
    cursor: default; }

@media only screen and (max-width: 868px) {
  .sticky-shrinknav-menu li a {
    font-size: 0.9em;
    line-height: 1.3em; } }
/*------------------------------------------------------------------------------------------------------------------------------------ HEADER */
@media only screen and (max-width: 768px) {
  .sticky-shrinknav-menu {
    display: none; } }
@media only screen and (max-width: 768px) {
  body.sticky-shrinknav-wrapper .sticky-shrinknav-menu {
    height: 0; } }
.sticky-shrinknav-header {
  background: #000;
  height: 450px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0;
  overflow: hidden;
  z-index: 3;
  transition: all 1s ease;
  padding: 50px 0 0 0;
  border-bottom: 1px solid #fefefe; }

@media only screen and (max-width: 768px) {
  .sticky-shrinknav-header {
    height: inherit;
    top: 0px;
    position: relative;
    padding: 20px 0; } }
.icon_header {
  filter: invert(100%);
  -webkit-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
  max-height: 240px;
  margin: 0 0 20px;
  transition: all 1s ease;
  position: relative; }

@media only screen and (max-width: 768px) {
  .icon_header {
    max-height: 380px; } }
@media only screen and (max-width: 640px) {
  .icon_header {
    max-height: 320px; } }
@media only screen and (max-width: 530px) {
  .icon_header {
    max-height: 260px; } }
@media only screen and (max-width: 400px) {
  .icon_header {
    max-height: 220px; } }
.sticky-shrinknav-header p {
  color: #fefefe;
  text-align: center;
  margin-bottom: 0; }

.header_menu {
  font-size: 0.9em;
  margin-top: -6px;
  margin-bottom: 20px; }

.header_menu span {
  margin-left: 12px;
  margin-right: 12px;
  font-weight: 400;
  opacity: 0.3; }

.header_menu a {
  color: #16a6f1;
  border-bottom: none; }

.header_menu a:hover {
  color: #fff;
  border-bottom: none; }

.sticky-shrinknav-header h1, .sticky-shrinknav-header h2 {
  color: #fefefe; }

.sticky-shrinknav-header h1 {
  font-size: 3rem;
  margin-bottom: 8px; }

.sticky-shrinknav-header h2 {
  font-family: "jaf-facitweb";
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.8rem; }

@media only screen and (max-width: 768px) {
  .sticky-shrinknav-header h1 {
    font-size: 2.8rem;
    margin-bottom: 4px; }

  .sticky-shrinknav-header h2 {
    font-size: 1.6rem; } }
@media only screen and (max-width: 640px) {
  .sticky-shrinknav-header h1 {
    font-size: 2.4rem;
    line-height: 2.5rem;
    margin-bottom: 0; }

  .sticky-shrinknav-header h2 {
    font-size: 1.3rem;
    line-height: 1.5rem; } }
@media only screen and (max-width: 530px) {
  .sticky-shrinknav-header h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin-bottom: 4px; }

  .sticky-shrinknav-header h2 {
    color: #7f7f7f; } }
@media only screen and (max-width: 460px) {
  .sticky-shrinknav-header h1 {
    font-size: 1.8rem;
    line-height: 2rem; }

  .sticky-shrinknav-header h2 {
    font-size: 1.2rem; } }
@media only screen and (max-width: 400px) {
  .sticky-shrinknav-header h1 {
    font-size: 2.4rem;
    line-height: 2.5rem; } }
.sticky_header_buffer {
  height: 450px; }

@media only screen and (max-width: 768px) {
  .sticky_header_buffer {
    height: 0px; } }
/*============================================================================================================================================ BODY SHRINKNAV for HEADER*/
body.sticky-shrinknav-wrapper .sticky_header_buffer {
  height: 450px;
  transition: all 1s ease; }

@media only screen and (max-width: 768px) {
  body.sticky-shrinknav-wrapper .sticky_header_buffer {
    height: 0px; } }
body.sticky-shrinknav-wrapper .sticky-shrinknav-header {
  height: 180px;
  padding: 20px 0 0;
  transition: all 1s ease; }

@media only screen and (max-width: 768px) {
  body.sticky-shrinknav-wrapper .sticky-shrinknav-header {
    height: inherit;
    padding: 20px 0; } }
body.sticky-shrinknav-wrapper .sticky-shrinknav-header .icon_header {
  opacity: 0;
  margin-top: -260px;
  transition: all 1s ease; }

@media only screen and (max-width: 768px) {
  body.sticky-shrinknav-wrapper .sticky-shrinknav-header .icon_header {
    opacity: 1;
    transition: all 1s ease;
    margin-top: 0; } }
/*------------------------------------------------------------------------------------------------------------------------------------ SECTIONS UNIVERSAL */
.titlebar_light, .titlebar_dark, .section_intro_main, .section_intro_services, .section_intro_clients, .section_intro_portfolio, .section_intro_footer {
  padding: 30px 0; }

@media only screen and (max-width: 530px) {
  .titlebar_dark, .section_intro_main, .section_intro_services, .section_intro_clients, .section_intro_portfolio, .section_intro_footer {
    padding: 20px 0; } }
.titlebar_light p, .titlebar_dark p {
  text-align: center; }

/*------------------------------------------------------------------------------------------------------------------------------------ TITLE BARS */
.titlebar_light {
  background: #fefefe; }

.titlebar_dark {
  background: #000; }

.titlebar_dark h3, .titlebar_dark .h3, .titlebar_dark h4, .titlebar_dark .h4, .titlebar_dark p, .section_intro_clients h3, .section_intro_clients .h3, .section_intro_clients h4, .section_intro_clients .h4, .section_intro_clients p {
  color: #fefefe; }
.titlebar_dark p a:hover, .section_intro_clients p a:hover {
  color: #fefefe;
  border-bottom: solid #fefefe 2px; }

/*------------------------------------------------------------------------------------------------------------------------------------ section INTRO MAIN */
.section_intro_main {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 25%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #fefefe 25%, #ebebeb 100%);
  background: linear-gradient(to bottom, #fefefe 25%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$white', endColorstr='$whitedark_alt',GradientType=0 ); }

.device_priority {
  max-height: 100px;
  margin: 20px 0; }

.introduction_image_main img, .introduction_image_aux img {
  max-height: 400px;
  position: relative;
  bottom: 0; }

.introduction_image_aux {
  display: none; }

@media only screen and (max-width: 1024px) {
  .introduction_image_main, .introduction_image_aux {
    margin: 20px 0 0; } }
@media only screen and (max-width: 768px) {
  .introduction_image_main {
    display: none; }

  .introduction_image_aux {
    display: block; } }
/*------------------------------------------------------------------------------------------------------------------------------------ section INTRO SERVICES */
.section_intro_services {
  background: #ebebeb; }

.icon_services_core {
  max-width: 600px;
  margin: 20px 0; }

@media only screen and (max-width: 640px) {
  .icon_services_core {
    max-width: 100%; } }
@media only screen and (max-width: 768px) {
  .section_intro_services .medium-6 {
    width: 100%; }

  .section_intro_services .dfl_right, .section_intro_services .dfl_left {
    text-align: center; } }
/*------------------------------------------------------------------------------------------------------------------------------------ section INTRO CLIENTS */
.section_intro_clients {
  background: #191919; }

/*------------------------------------------------------------------------------------------------------------------------------------ section INTRO PORTFOLIO */
.section_intro_portfolio {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 25%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #fefefe 25%, #ebebeb 100%);
  background: linear-gradient(to bottom, #fefefe 25%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$white', endColorstr='$whitedark_alt',GradientType=0 ); }
  .section_intro_portfolio .button {
    margin: 20px 0 0; }

/*------------------------------------------------------------------------------------------------------------------------------------ section INTRO FOOTER */
.section_intro_footer {
  background: #fefefe; }
  .section_intro_footer p {
    text-align: center; }

.icon_comments {
  font-size: 6rem;
  color: #b2b2b2;
  margin-bottom: -30px;
  margin-top: -30px; }

/*------------------------------------------------------------------------------------------------------------------------------------ section FOOTER FINAL */
.section_footer_final {
  background: #000;
  padding: 10px 0; }
  .section_footer_final .menu.vertical {
    font-weight: 700;
    font-size: 2em;
    line-height: 1.8em;
    margin: 0 auto 20px;
    position: relative;
    display: none; }
  .section_footer_final li a {
    border-bottom: 1px dotted #16a6f1;
    color: #16a6f1; }
  .section_footer_final li a:hover {
    border-bottom: 1px solid #fefefe;
    color: #fefefe; }
  .section_footer_final p {
    font-size: 0.9em;
    line-height: 1.3em;
    color: #7f7f7f;
    text-align: center;
    margin-bottom: 0; }

@media only screen and (max-width: 768px) {
  .section_footer_final .menu.vertical {
    display: block; } }
.footer_show {
  display: none; }

.footer_hide {
  display: block; }

@media only screen and (max-width: 768px) {
  .footer_show {
    display: block; }

  .footer_hide {
    display: none; } }
.determine_width {
  position: fixed;
  z-index: 999;
  top: 40px;
  display: block;
  width: 100%;
  height: 30px; }

.dimensions_shown {
  text-align: center; }

@media screen and (min-width: 1931px) {
  .determine_width {
    background: #ECFF00; }

  .dimensions_shown {
    color: #000; }

  .dimensions_shown::after {
    content: "more than > 1931px"; } }
@media screen and (max-width: 1930px) {
  .determine_width {
    background: #FF6F00; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1930px"; } }
@media screen and (max-width: 1920px) {
  .determine_width {
    background: #95FF00; }

  .dimensions_shown {
    color: #000; }

  .dimensions_shown::after {
    content: "1920px"; } }
@media screen and (max-width: 1600px) {
  .determine_width {
    background: #00A8FF; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1600px"; } }
@media screen and (max-width: 1400px) {
  .determine_width {
    background: #ebebeb; }

  .dimensions_shown {
    color: #000; }

  .dimensions_shown::after {
    content: "1400px"; } }
@media screen and (max-width: 1292px) {
  .determine_width {
    background: #822FFF; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1292px"; } }
@media screen and (max-width: 1280px) {
  .determine_width {
    background: #e70000; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1280px"; } }
@media screen and (max-width: 1180px) {
  .determine_width {
    background: #0c88c8; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1180px"; } }
@media screen and (max-width: 1080px) {
  .determine_width {
    background: #e70000; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1080px"; } }
@media screen and (max-width: 1024px) {
  .determine_width {
    background: #666; }

  .dimensions_shown {
    color: #fff; }

  .dimensions_shown::after {
    content: "1024px"; } }
@media screen and (max-width: 920px) {
  .determine_width {
    background: #333; }

  .dimensions_shown::after {
    content: "920px"; } }
@media screen and (max-width: 868px) {
  .determine_width {
    background: #666; }

  .dimensions_shown::after {
    content: "868px"; } }
@media screen and (max-width: 768px) {
  .determine_width {
    background: #000; }

  .dimensions_shown::after {
    content: "768px"; } }
@media screen and (max-width: 680px) {
  .determine_width {
    background: #e70000; }

  .dimensions_shown::after {
    content: "680px"; } }
@media screen and (max-width: 640px) {
  .determine_width {
    background: #ff9900; }

  .dimensions_shown::after {
    content: "640px"; } }
@media screen and (max-width: 540px) {
  .determine_width {
    background: #EE00FF; }

  .dimensions_shown::after {
    content: "540px"; } }
@media screen and (max-width: 480px) {
  .determine_width {
    background: #740090; }

  .dimensions_shown::after {
    content: "480px"; } }
@media screen and (max-width: 460px) {
  .determine_width {
    background: #00BE4A; }

  .dimensions_shown::after {
    content: "460px"; } }
@media screen and (max-width: 420px) {
  .determine_width {
    background: #BE4F00; }

  .dimensions_shown::after {
    content: "420px"; } }
@media screen and (max-width: 410px) {
  .determine_width {
    background: #95B900; }

  .dimensions_shown::after {
    content: "410px"; } }
@media screen and (max-width: 400px) {
  .determine_width {
    background: #0007BE; }

  .dimensions_shown::after {
    content: "400px"; } }
@media screen and (max-width: 390px) {
  .determine_width {
    background: #95B900; }

  .dimensions_shown::after {
    content: "390px"; } }
@media screen and (max-width: 380px) {
  .determine_width {
    background: #740090; }

  .dimensions_shown::after {
    content: "380px"; } }
@media screen and (max-width: 376px) {
  .determine_width {
    background: #00BE4A; }

  .dimensions_shown::after {
    content: "376px"; } }
@media screen and (max-width: 370px) {
  .determine_width {
    background: #BE0000; }

  .dimensions_shown::after {
    content: "370px"; } }
@media screen and (max-width: 366px) {
  .determine_width {
    background: #00BE4A; }

  .dimensions_shown::after {
    content: "366px"; } }
@media screen and (max-width: 360px) {
  .determine_width {
    background: #740090; }

  .dimensions_shown::after {
    content: "360px"; } }
@media screen and (max-width: 350px) {
  .determine_width {
    background: #00BE4A; }

  .dimensions_shown::after {
    content: "350px"; } }
@media screen and (max-width: 340px) {
  .determine_width {
    background: #BE0000; }

  .dimensions_shown::after {
    content: "340px"; } }
@media screen and (max-width: 330px) {
  .determine_width {
    background: #00BE4A; }

  .dimensions_shown::after {
    content: "330px"; } }
@media screen and (max-width: 320px) {
  .determine_width {
    background: #BE0000; }

  .dimensions_shown::after {
    content: "320px"; } }
@media screen and (max-width: 310px) {
  .determine_width {
    background: #00BE4A; }

  .dimensions_shown::after {
    content: "310px"; } }
/*------------------------------------------------------------------------------------------------------------------------------------ CLIENT DEV MASTER */
.force_left {
  text-align: left !important; }

/*------------------------------------------------------------------------------------------------------------------------------------ CLIENT DEV TIMELINE */
.client_dev__estimate_title {
  background: #fefefe;
  padding: 40px 0px 0px;
  text-align: left; }
  .client_dev__estimate_title .roadmap_icon_main, .client_dev__estimate_title h3 {
    margin: 0 0 10px;
    text-align: left;
    padding-left: 134px; }
  .client_dev__estimate_title h3 {
    color: #000;
    font-size: 1.5625rem;
    line-height: 1.6rem; }

.roadmap_icon_main {
  max-height: 80px; }

@media screen and (max-width: 640px) {
  .client_dev__estimate_title .roadmap_icon_main, .client_dev__estimate_title h3 {
    padding-left: 0px; }
  .client_dev__estimate_title h3 {
    font-size: 1.25rem;
    line-height: 1.4rem; } }
.client_dev__estimate_roadmap {
  background: #ebebeb; }

.half_fold_dark, .original_document_reference, .sample_jewelry_photo {
  text-align: center; }
  .half_fold_dark img, .original_document_reference img, .sample_jewelry_photo img {
    max-height: 260px; }
  @media screen and (max-width: 640px) {
    .half_fold_dark, .original_document_reference, .sample_jewelry_photo {
      text-align: left; }
      .half_fold_dark img, .original_document_reference img, .sample_jewelry_photo img {
        margin: 20px 0 0; } }

.original_document_reference img, .sample_jewelry_photo img {
  -moz-border-radius: 10px;
  border-radius: 10px; }

.client_dev__estimate_timeline, .client_dev__terms_list {
  text-align: left;
  border-left: 4px solid #fefefe;
  margin: 0 auto;
  letter-spacing: .5px;
  position: relative;
  list-style: none;
  font-weight: 400;
  max-width: 100%;
  padding: 20px 0 60px 50px;
  margin-left: 80px; }
  .client_dev__estimate_timeline h2, .client_dev__estimate_timeline h3, .client_dev__estimate_timeline h4, .client_dev__estimate_timeline p, .client_dev__terms_list h2, .client_dev__terms_list h3, .client_dev__terms_list h4, .client_dev__terms_list p {
    text-align: left; }
  .client_dev__estimate_timeline h2, .client_dev__estimate_timeline h3, .client_dev__estimate_timeline h4, .client_dev__terms_list h2, .client_dev__terms_list h3, .client_dev__terms_list h4 {
    color: #4c4c4c;
    font-size: 1.2em;
    line-height: 1.2rem;
    letter-spacing: 1px;
    margin-bottom: 4px; }
  .client_dev__estimate_timeline p, .client_dev__terms_list p {
    color: #7f7f7f;
    font-weight: 400 !important;
    font-size: 1em;
    line-height: 1.2em; }
  .client_dev__estimate_timeline p a, .client_dev__terms_list p a {
    font-weight: 700; }
  .client_dev__estimate_timeline .event, .client_dev__terms_list .event {
    border-bottom: 1px solid #fefefe;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative; }
  .client_dev__estimate_timeline .event:last-of-type, .client_dev__terms_list .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }
  .client_dev__estimate_timeline .event:before, .client_dev__estimate_timeline .event:after, .client_dev__terms_list .event:before, .client_dev__terms_list .event:after {
    position: absolute;
    display: block;
    top: -4px; }
  .client_dev__estimate_timeline .event:before, .client_dev__terms_list .event:before {
    left: -120px;
    color: #4298c3;
    content: attr(data-time);
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    min-width: 30px;
    opacity: 1; }
  .client_dev__estimate_timeline .event:after, .client_dev__terms_list .event:after {
    box-shadow: 0 0 0 4px #fefefe;
    background: #ebebeb;
    left: -57.85px;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px; }

@media screen and (max-width: 640px) {
  .client_dev__estimate_timeline .event::after {
    box-shadow: 0 0 0 4px #fefefe;
    left: -44px;
    top: 8px; } }
.client_dev__terms_list {
  padding: 20px 0 20px 50px; }
  .client_dev__terms_list h3 {
    color: #191919;
    font-size: 1.5625rem;
    line-height: 1.6rem;
    margin-bottom: 20px; }
  .client_dev__terms_list p {
    color: #333;
    font-size: 1em;
    line-height: 1.5em; }
  .client_dev__terms_list .terms_emphasis {
    color: #000;
    font-size: 1em;
    line-height: 1.5em; }

.client_dev__estimate_subtitle {
  background: #7f7f7f;
  margin-bottom: 0px; }
  .client_dev__estimate_subtitle .client_dev__estimate_timeline {
    border-left: 4px solid #7f7f7f;
    padding: 10px 0 10px 50px; }
  .client_dev__estimate_subtitle .client_dev__estimate_timeline .event:after {
    box-shadow: 0 0 0 4px #7f7f7f;
    background: #7f7f7f; }
  .client_dev__estimate_subtitle .client_dev__estimate_timeline h3 {
    opacity: 1;
    color: #fefefe; }
  .client_dev__estimate_subtitle .client_dev__estimate_timeline .event:before {
    opacity: 1;
    color: #fefefe; }

@media screen and (max-width: 640px) {
  .client_dev__estimate_timeline {
    border-left: none;
    padding: 20px 0;
    right: 0;
    margin-left: 0px; }
    .client_dev__estimate_timeline .event {
      margin-bottom: 40px; }
    .client_dev__estimate_timeline .event:before {
      left: 0px;
      top: -30px;
      text-align: left; }
    .client_dev__estimate_timeline h3 {
      margin-top: 30px;
      font-size: 1em; }
    .client_dev__estimate_timeline p {
      font-size: 0.9em; }

  .client_dev__estimate_subtitle .client_dev__estimate_timeline {
    border-left: none;
    padding: 20px 0;
    right: 0;
    margin-left: 0px; }
    .client_dev__estimate_subtitle .client_dev__estimate_timeline h3 {
      font-size: 1.2em;
      margin-left: 44px;
      margin-top: 0px; }
    .client_dev__estimate_subtitle .client_dev__estimate_timeline .event:before {
      font-size: 1.2em;
      top: -5px; } }
/*------------------------------------------------------------------------------------------------------------------------------------ CLIENT DEV PULSE */
.client_dev__estimate_project_goal {
  background: #fefefe; }

.client_dev__estimate_project_pulse_title, .client_dev__estimate_project_goal {
  padding: 40px 0 0;
  text-align: center; }
  .client_dev__estimate_project_pulse_title .roadmap_icon_main, .client_dev__estimate_project_pulse_title h3, .client_dev__estimate_project_goal .roadmap_icon_main, .client_dev__estimate_project_goal h3 {
    margin: 0 0 10px; }
  .client_dev__estimate_project_pulse_title h3, .client_dev__estimate_project_goal h3 {
    color: #000; }

@media screen and (max-width: 768px) {
  .client_dev__estimate_project_pulse_title, .client_dev__estimate_project_goal {
    text-align: center; }
    .client_dev__estimate_project_pulse_title .roadmap_icon_main, .client_dev__estimate_project_pulse_title h3, .client_dev__estimate_project_goal .roadmap_icon_main, .client_dev__estimate_project_goal h3 {
      text-align: center;
      padding-left: 0px; } }
.client_dev__estimate_project_pulse {
  background: #fefefe;
  padding: 0 0 30px;
  text-align: center; }
  .client_dev__estimate_project_pulse .callout {
    background: #ddecf4;
    border: none;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  .client_dev__estimate_project_pulse p {
    color: #333;
    font-weight: 700;
    text-align: center; }
  .client_dev__estimate_project_pulse p span {
    font-family: "azo-sans-web";
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.2rem;
    letter-spacing: 1px;
    margin-bottom: 4px; }

.client_dev__estimate_timeline_buffer {
  margin-bottom: 20px; }

.client_dev__estimate_view_invoice, .client_dev__estimate_pay_invoice, .client_dev__estimate_graphic_design_pulse, .client_dev__estimate_photoshop_pulse {
  margin: 0 0 10px;
  text-align: center;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fefefe;
  padding: 10px; }
  .client_dev__estimate_view_invoice h2, .client_dev__estimate_view_invoice h3, .client_dev__estimate_pay_invoice h2, .client_dev__estimate_pay_invoice h3, .client_dev__estimate_graphic_design_pulse h2, .client_dev__estimate_graphic_design_pulse h3, .client_dev__estimate_photoshop_pulse h2, .client_dev__estimate_photoshop_pulse h3 {
    color: #fefefe; }

.client_dev__estimate_graphic_design_pulse, .client_dev__estimate_photoshop_pulse {
  margin: 0 0 20px; }
  .client_dev__estimate_graphic_design_pulse img, .client_dev__estimate_photoshop_pulse img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    max-width: 80px;
    margin: 10px 0; }
  .client_dev__estimate_graphic_design_pulse h3, .client_dev__estimate_photoshop_pulse h3 {
    font-size: 1.25rem;
    line-height: 1.4rem; }
    .client_dev__estimate_graphic_design_pulse h3 span, .client_dev__estimate_photoshop_pulse h3 span {
      opacity: 0.4; }

.client_dev__estimate_view_invoice h2, .client_dev__estimate_pay_invoice h2 {
  font-size: 3rem;
  margin-bottom: 2px; }
.client_dev__estimate_view_invoice h3, .client_dev__estimate_pay_invoice h3 {
  line-height: 1.1em; }

.client_dev__estimate_graphic_design_pulse {
  background: #191919;
  margin-right: 10px;
  opacity: 0.6; }

.client_dev__estimate_view_invoice {
  background-color: #4298c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4298c3), to(#337b9f));
  background-image: -webkit-linear-gradient(top, #4298c3, #337b9f);
  background-image: -moz-linear-gradient(top, #4298c3, #337b9f);
  background-image: -ms-linear-gradient(top, #4298c3, #337b9f);
  background-image: -o-linear-gradient(top, #4298c3, #337b9f);
  background-image: linear-gradient(top, #4298c3, #337b9f); }

.client_dev__estimate_view_invoice:hover {
  background-color: #337b9f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337b9f), to(#265d79));
  background-image: -webkit-linear-gradient(top, #337b9f, #265d79);
  background-image: -moz-linear-gradient(top, #337b9f, #265d79);
  background-image: -ms-linear-gradient(top, #337b9f, #265d79);
  background-image: -o-linear-gradient(top, #337b9f, #265d79);
  background-image: linear-gradient(top, #337b9f, #265d79); }

.client_dev__estimate_photoshop_pulse {
  background: #191919;
  margin-left: 10px;
  opacity: 0.6; }

.client_dev__estimate_pay_invoice {
  background-color: #56bf57;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#56bf57), to(#00bd28));
  background-image: -webkit-linear-gradient(top, #56bf57, #00bd28);
  background-image: -moz-linear-gradient(top, #56bf57, #00bd28);
  background-image: -ms-linear-gradient(top, #56bf57, #00bd28);
  background-image: -o-linear-gradient(top, #56bf57, #00bd28);
  background-image: linear-gradient(top, #56bf57, #00bd28); }

.client_dev__estimate_pay_invoice:hover {
  background-color: #39983a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#39983a), to(#008a1d));
  background-image: -webkit-linear-gradient(top, #39983a, #008a1d);
  background-image: -moz-linear-gradient(top, #39983a, #008a1d);
  background-image: -ms-linear-gradient(top, #39983a, #008a1d);
  background-image: -o-linear-gradient(top, #39983a, #008a1d);
  background-image: linear-gradient(top, #39983a, #008a1d); }

@media screen and (max-width: 768px) {
  .client_dev__estimate_project_pulse .callout {
    margin-left: 0px;
    padding: 4px; }
  .client_dev__estimate_project_pulse p {
    text-align: center; } }
@media screen and (max-width: 640px) {
  .client_dev__estimate_view_invoice, .client_dev__estimate_graphic_design_pulse {
    margin-right: 0px;
    margin-bottom: 20px; }

  .client_dev__estimate_pay_invoice, .client_dev__estimate_photoshop_pulse {
    margin-left: 0px; } }
/*------------------------------------------------------------------------------------------------------------------------------------ CLIENT DEV BAREBONES TIMELINE */
.client_dev__project_goal_overview, .client_dev__process_description, .client_dev__authorization_to_proceed {
  background: #fefefe;
  padding: 20px 0 40px;
  text-align: center; }
  .client_dev__project_goal_overview .intro_date, .client_dev__process_description .intro_date, .client_dev__authorization_to_proceed .intro_date {
    display: block;
    color: #7f7f7f;
    margin-top: -10px;
    margin-bottom: 20px; }
  .client_dev__project_goal_overview .roadmap_icon_main, .client_dev__process_description .roadmap_icon_main, .client_dev__authorization_to_proceed .roadmap_icon_main {
    max-height: 120px; }
  .client_dev__project_goal_overview .roadmap_icon_main, .client_dev__project_goal_overview h3, .client_dev__process_description .roadmap_icon_main, .client_dev__process_description h3, .client_dev__authorization_to_proceed .roadmap_icon_main, .client_dev__authorization_to_proceed h3 {
    margin: 0 0 10px; }
  .client_dev__project_goal_overview h3, .client_dev__project_goal_overview p, .client_dev__process_description h3, .client_dev__process_description p, .client_dev__authorization_to_proceed h3, .client_dev__authorization_to_proceed p {
    color: #000; }

.client_dev__scope_of_work, .client_dev__payment_structure {
  background: #16a6f1;
  background: -moz-linear-gradient(top, #16a6f1 0%, #000000 100%);
  background: -webkit-linear-gradient(top, #16a6f1 0%, #000000 100%);
  background: linear-gradient(to bottom, #16a6f1 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a6f1', endColorstr='#000000',GradientType=0 );
  padding: 20px 0 20px;
  text-align: center; }
  .client_dev__scope_of_work .roadmap_icon_main, .client_dev__payment_structure .roadmap_icon_main {
    max-height: 120px;
    filter: invert(100); }
  .client_dev__scope_of_work .roadmap_icon_main, .client_dev__scope_of_work h3, .client_dev__payment_structure .roadmap_icon_main, .client_dev__payment_structure h3 {
    margin: 0 0 10px; }
  .client_dev__scope_of_work h3, .client_dev__scope_of_work p, .client_dev__payment_structure h3, .client_dev__payment_structure p {
    color: #fefefe;
    text-align: center; }

.barebones_timeline .client_dev__estimate_timeline {
  border-left: 4px solid #000; }
  .barebones_timeline .client_dev__estimate_timeline h3 {
    font-size: 2em;
    line-height: 1.2em;
    margin-top: -8px;
    margin-bottom: 10px; }
  .barebones_timeline .client_dev__estimate_timeline h3 {
    color: #000; }
  .barebones_timeline .client_dev__estimate_timeline p {
    color: #000; }
  .barebones_timeline .client_dev__estimate_timeline p span {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 10px; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub {
    display: block; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub span {
    font-weight: 400 !important;
    font-style: italic; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list {
    display: block;
    padding-left: 24px;
    font-weight: 400;
    line-height: 1.2em; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list::before {
    content: "\2713";
    font-weight: 700;
    padding-right: 10px;
    color: #56bf57; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list_desc {
    display: block;
    padding-left: 48px;
    color: #7f7f7f;
    font-weight: 400;
    margin-top: -10px; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list_exception {
    display: block;
    padding-left: 48px;
    color: #7f7f7f;
    font-weight: 400;
    font-size: 0.8em;
    margin-top: -10px;
    line-height: 1.4em; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list_exception::before {
    content: "\2726";
    font-weight: 700;
    padding-right: 10px;
    color: #E70000; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list_exception_sub {
    display: block;
    padding-left: 24px;
    color: #7f7f7f;
    font-weight: 400;
    font-size: 0.8em;
    margin-top: -10px; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list_exception_sub::before {
    content: "\2726";
    font-weight: 700;
    padding-right: 10px;
    color: #E70000; }
  .barebones_timeline .client_dev__estimate_timeline p span.scope_sub_list_extranote {
    display: block;
    padding-left: 48px;
    color: #7f7f7f;
    font-weight: 400;
    font-size: 0.8em;
    margin-top: -6px; }
  .barebones_timeline .client_dev__estimate_timeline p a {
    color: #4298c3;
    border-bottom: 1px dotted #4298c3; }
  .barebones_timeline .client_dev__estimate_timeline p a:hover {
    color: #000;
    border-bottom: 1px dotted #000; }
  .barebones_timeline .client_dev__estimate_timeline .event:after {
    box-shadow: 0 0 0 4px #000; }

/*------------------------------------------------------------------------------------------------------------------------------------ CLIENT DEV GOAL ICONS */
.set_icons_goals, .set_icons_goals_mobile {
  text-align: center; }

.set_icons_goals_mobile {
  display: none; }

.is_icon_goals {
  max-height: 180px; }

@media screen and (max-width: 1024px) {
  .set_icons_goals {
    text-align: left;
    display: none; }

  .set_icons_goals_mobile {
    text-align: left;
    display: block; }

  .is_icon_goals {
    max-height: 120px;
    margin-top: 20px;
    margin-bottom: 40px; } }
@media screen and (max-width: 920px) {
  .barebones_timeline .client_dev__estimate_timeline .small-12 {
    width: 100%;
    background: rgba(249, 255, 0, 0.3); } }
@media screen and (max-width: 640px) {
  .barebones_timeline .client_dev__estimate_timeline {
    border-left: none;
    padding: 20px 0 0 0;
    right: 0;
    margin-left: 0px; }
    .barebones_timeline .client_dev__estimate_timeline .event {
      margin-bottom: 20px; }
    .barebones_timeline .client_dev__estimate_timeline .event:before {
      left: 0px;
      top: 0px;
      text-align: left;
      display: none; }
    .barebones_timeline .client_dev__estimate_timeline h3 {
      margin-top: 0px;
      font-size: 1.5em; }
    .barebones_timeline .client_dev__estimate_timeline p {
      font-size: 1.2em; } }
.client_dev__process_header, .client_dev__project_timeline, .client_dev__deadlines {
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #16a6f1 100%);
  background: -webkit-linear-gradient(top, #000000 0%, #16a6f1 100%);
  background: linear-gradient(to bottom, #000000 0%, #16a6f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#16a6f1',GradientType=0 );
  padding: 20px 0 20px;
  text-align: center; }
  .client_dev__process_header .roadmap_icon_main, .client_dev__project_timeline .roadmap_icon_main, .client_dev__deadlines .roadmap_icon_main {
    max-height: 120px;
    filter: invert(100); }
  .client_dev__process_header .roadmap_icon_main, .client_dev__process_header h3, .client_dev__project_timeline .roadmap_icon_main, .client_dev__project_timeline h3, .client_dev__deadlines .roadmap_icon_main, .client_dev__deadlines h3 {
    margin: 0 0 10px; }
  .client_dev__process_header h3, .client_dev__project_timeline h3, .client_dev__deadlines h3 {
    color: #fefefe;
    text-align: center; }
  .client_dev__process_header p, .client_dev__project_timeline p, .client_dev__deadlines p {
    color: #fefefe;
    text-align: left; }

.client_dev__project_deliverables {
  background: #000000;
  padding: 20px 0 20px;
  text-align: center; }
  .client_dev__project_deliverables .roadmap_icon_main {
    max-height: 120px;
    filter: invert(100); }
  .client_dev__project_deliverables .roadmap_icon_main, .client_dev__project_deliverables h3 {
    margin: 0 0 10px; }
  .client_dev__project_deliverables h3 {
    color: #fefefe;
    text-align: center; }
  .client_dev__project_deliverables p {
    color: #fefefe;
    text-align: center; }

.client_dev__project_budget {
  background: #16a6f1;
  padding: 20px 0 20px;
  text-align: center; }
  .client_dev__project_budget .roadmap_icon_main {
    max-height: 120px;
    filter: invert(100); }
  .client_dev__project_budget .roadmap_icon_main, .client_dev__project_budget h3 {
    margin: 0 0 10px; }
  .client_dev__project_budget h3 {
    color: #fefefe;
    text-align: center; }
  .client_dev__project_budget p {
    color: #fefefe;
    text-align: center; }

#is_first_point_scope, #is_first_point_deliverables, #is_first_point_terms_list {
  padding-top: 40px; }

.client_dev__project_budget_details {
  background: #fefefe;
  padding: 0px;
  text-align: center;
  border-bottom: 2px dotted #16a6f1; }
  .client_dev__project_budget_details .large-6 {
    border-left: 2px dotted #16a6f1;
    border-right: 2px dotted #16a6f1;
    margin-left: -2px;
    margin-right: -2px; }
  .client_dev__project_budget_details .roadmap_icon_main {
    max-height: 120px; }
  .client_dev__project_budget_details .roadmap_icon_main, .client_dev__project_budget_details h3 {
    margin: 0 0 10px; }
  .client_dev__project_budget_details h3 {
    color: #000;
    text-align: center; }
  .client_dev__project_budget_details p {
    color: #000;
    text-align: center; }
  .client_dev__project_budget_details .budget_spacer {
    display: none; }

#budget_row_title {
  background: #000;
  border-bottom: 0px dotted #000; }
  #budget_row_title h3 {
    margin: 10px 0px 14px 0px;
    color: #16a6f1; }
  #budget_row_title .grid-container {
    border-bottom: 2px dotted #000; }

#budget_row_01 h4, #budget_row_02 h4, #budget_row_03 h4, #budget_row_04 h4, #budget_row_05 h4, #budget_row_06 h4, #budget_row_07 h4, #budget_row_08 h4, #budget_row_09 h4, #budget_row_10 h4 {
  color: #000;
  margin: 0px;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }
#budget_row_01 .inset_item_price, #budget_row_02 .inset_item_price, #budget_row_03 .inset_item_price, #budget_row_04 .inset_item_price, #budget_row_05 .inset_item_price, #budget_row_06 .inset_item_price, #budget_row_07 .inset_item_price, #budget_row_08 .inset_item_price, #budget_row_09 .inset_item_price, #budget_row_10 .inset_item_price {
  display: none; }
#budget_row_01 .item_title, #budget_row_02 .item_title, #budget_row_03 .item_title, #budget_row_04 .item_title, #budget_row_05 .item_title, #budget_row_06 .item_title, #budget_row_07 .item_title, #budget_row_08 .item_title, #budget_row_09 .item_title, #budget_row_10 .item_title {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 1.3em;
  line-height: 1em; }
#budget_row_01 .item_title span, #budget_row_02 .item_title span, #budget_row_03 .item_title span, #budget_row_04 .item_title span, #budget_row_05 .item_title span, #budget_row_06 .item_title span, #budget_row_07 .item_title span, #budget_row_08 .item_title span, #budget_row_09 .item_title span, #budget_row_10 .item_title span {
  display: block; }
#budget_row_01 .item_price, #budget_row_02 .item_price, #budget_row_03 .item_price, #budget_row_04 .item_price, #budget_row_05 .item_price, #budget_row_06 .item_price, #budget_row_07 .item_price, #budget_row_08 .item_price, #budget_row_09 .item_price, #budget_row_10 .item_price {
  color: #0c88c8; }
#budget_row_01 #pending_shop_update .item_price, #budget_row_02 #pending_shop_update .item_price, #budget_row_03 #pending_shop_update .item_price, #budget_row_04 #pending_shop_update .item_price, #budget_row_05 #pending_shop_update .item_price, #budget_row_06 #pending_shop_update .item_price, #budget_row_07 #pending_shop_update .item_price, #budget_row_08 #pending_shop_update .item_price, #budget_row_09 #pending_shop_update .item_price, #budget_row_10 #pending_shop_update .item_price {
  color: #e70000 !important; }
#budget_row_01 p, #budget_row_02 p, #budget_row_03 p, #budget_row_04 p, #budget_row_05 p, #budget_row_06 p, #budget_row_07 p, #budget_row_08 p, #budget_row_09 p, #budget_row_10 p {
  margin: 14px 0px 14px 0px;
  color: #000; }
#budget_row_01 .pending_evaluation, #budget_row_02 .pending_evaluation, #budget_row_03 .pending_evaluation, #budget_row_04 .pending_evaluation, #budget_row_05 .pending_evaluation, #budget_row_06 .pending_evaluation, #budget_row_07 .pending_evaluation, #budget_row_08 .pending_evaluation, #budget_row_09 .pending_evaluation, #budget_row_10 .pending_evaluation {
  opacity: 0.3; }

#budget_row_03 .item_price, #budget_row_04 .item_price, #budget_row_05 .item_price, #budget_row_06 .item_price, #budget_row_07 .item_price, #budget_row_08 .item_price, #budget_row_09 .item_price, #budget_row_10 .item_price {
  font-size: 1.2em;
  line-height: 1em; }

#budget_row_10.client_dev__project_budget_details {
  border-bottom: 0px dotted #16a6f1 !important; }

#pending_shop_update, #pending_shop_update_small {
  font-size: 1.2em;
  line-height: 1em; }

#pending_shop_update span, #pending_shop_update_small span {
  display: inline-block; }

#budget_row_02 {
  background: rgba(22, 166, 241, 0.2); }

#budget_row_04, #budget_row_06, #budget_row_06, #budget_row_08, #budget_row_10 {
  background: rgba(0, 0, 0, 0.05); }

#budget_row_03 .item_title, #budget_row_03 p, #budget_row_04 .item_title, #budget_row_04 p, #budget_row_05 .item_title, #budget_row_05 p, #budget_row_06 .item_title, #budget_row_06 p, #budget_row_07 .item_title, #budget_row_07 p, #budget_row_08 .item_title, #budget_row_08 p, #budget_row_09 .item_title, #budget_row_09 p, #budget_row_10 .item_title, #budget_row_10 p {
  opacity: 0.3; }

#is_payment_structure_01.client_dev__estimate_timeline, #is_payment_structure_02.client_dev__estimate_timeline, #is_payment_structure_03.client_dev__estimate_timeline {
  padding: 40px 0px 0px 50px; }
  #is_payment_structure_01.client_dev__estimate_timeline h3, #is_payment_structure_02.client_dev__estimate_timeline h3, #is_payment_structure_03.client_dev__estimate_timeline h3 {
    font-size: 1.5625rem;
    line-height: 1.6rem; }

#is_payment_structure_04.client_dev__estimate_timeline {
  padding: 40px 0px 40px 50px; }
  #is_payment_structure_04.client_dev__estimate_timeline h3 {
    font-size: 1.5625rem;
    line-height: 1.6rem; }

.client_dev__project_payment_fees {
  background: #ebebeb;
  padding: 20px 0 20px 0; }
  .client_dev__project_payment_fees p {
    color: #000; }

@media screen and (max-width: 1024px) {
  .client_dev__project_budget_details .large-6 {
    border-left: 2px dotted #16a6f1;
    border-right: 0px dotted #16a6f1;
    margin-left: -2px;
    margin-right: 0px; }
  .client_dev__project_budget_details .large-2 {
    display: none; }

  #budget_row_title .large-2 {
    display: none; }

  #budget_row_01 .item_price, #budget_row_02 .item_price, #budget_row_03 .item_price, #budget_row_04 .item_price, #budget_row_05 .item_price, #budget_row_06 .item_price, #budget_row_07 .item_price, #budget_row_08 .item_price, #budget_row_09 .item_price, #budget_row_10 .item_price {
    color: #fff;
    margin-bottom: 20px; }
  #budget_row_01 .inset_item_price, #budget_row_02 .inset_item_price, #budget_row_03 .inset_item_price, #budget_row_04 .inset_item_price, #budget_row_05 .inset_item_price, #budget_row_06 .inset_item_price, #budget_row_07 .inset_item_price, #budget_row_08 .inset_item_price, #budget_row_09 .inset_item_price, #budget_row_10 .inset_item_price {
    display: inline-block;
    font-size: 1.5625rem;
    line-height: 1.6rem;
    background: #16a6f1;
    color: #fff;
    font-weight: 800;
    margin-bottom: 36px;
    padding: 8px 16px;
    -moz-border-radius: 5px;
    border-radius: 5px; } }
@media screen and (max-width: 640px) {
  .set_icons_goals {
    text-align: center;
    display: block; }

  .is_icon_goals {
    max-height: 240px;
    margin-bottom: 10px; }

  #budget_row_title {
    display: none; }

  .client_dev__project_budget_details .large-6 {
    border-left: 0px dotted #16a6f1;
    margin-left: 0px; }
  .client_dev__project_budget_details .budget_spacer {
    display: none; }
  .client_dev__project_budget_details .large-2 {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px; }
  .client_dev__project_budget_details p {
    margin-top: -10px !important; } }
.sticky_header_buffer img {
  max-height: 342px;
  margin-top: 69px;
  margin-right: 3px; }

@media screen and (max-width: 808px) {
  .sticky_header_buffer img {
    opacity: 0 !important; } }
body.sticky-shrinknav-wrapper .sticky_header_buffer {
  height: 420px;
  transition: all 1s ease; }

@media only screen and (max-width: 768px) {
  body.sticky-shrinknav-wrapper .sticky_header_buffer {
    height: 0px; } }
#terms_and_conditions_complete {
  margin-bottom: 40px; }

#timeline_phase_00_initial_meeting .client_dev__estimate_timeline, #timeline_phase_00_preproduction .client_dev__estimate_timeline, #timeline_phase_01 .client_dev__estimate_timeline {
  padding-top: 40px;
  padding-bottom: 30px; }
  #timeline_phase_00_initial_meeting .client_dev__estimate_timeline .event::before, #timeline_phase_00_preproduction .client_dev__estimate_timeline .event::before, #timeline_phase_01 .client_dev__estimate_timeline .event::before {
    left: -132px;
    font-size: 1em;
    top: -2px;
    color: #000; }
  #timeline_phase_00_initial_meeting .client_dev__estimate_timeline h3, #timeline_phase_00_preproduction .client_dev__estimate_timeline h3, #timeline_phase_01 .client_dev__estimate_timeline h3 {
    font-size: 1.2em;
    color: #000; }
    #timeline_phase_00_initial_meeting .client_dev__estimate_timeline h3 span, #timeline_phase_00_preproduction .client_dev__estimate_timeline h3 span, #timeline_phase_01 .client_dev__estimate_timeline h3 span {
      display: block;
      font-weight: 400;
      opacity: 1;
      font-size: 1em; }
  #timeline_phase_00_initial_meeting .client_dev__estimate_timeline p, #timeline_phase_00_preproduction .client_dev__estimate_timeline p, #timeline_phase_01 .client_dev__estimate_timeline p {
    line-height: 1.4em;
    color: #4c4c4c; }

.contact_info_jerome {
  text-align: center; }

.phase_02_modal_warning {
  text-align: center;
  color: #e70000; }

.reveal {
  width: 920px; }
  .reveal h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 4px;
    color: #e70000; }
  .reveal .roadmap_icon_main {
    margin-top: 30px;
    margin-bottom: 10px; }
  .reveal h3 span {
    display: block;
    font-size: 0.6em; }

@media only screen and (max-width: 1024px) {
  .reveal {
    width: 100%; } }
#modal_invoice.reveal h1 {
  color: #00c405; }