/* Depth Base */

.depth_out h2,.depth_out p,.depth_out a{margin:0;padding:0;border: 0;line-height:1.4;}
.depth_out hr:before,.depth_out hr:after,.depth_out .content_in .stacksEmptyFiller{display: none}

.depth_in,
header .depth_theme_limit,
footer .depth_theme_limit{
  
  max-width: 1000px;
  
}
main .depth_theme_limit{
  max-width: 100%;
  padding: 0;
}
.depth_limit{
  margin: 0 auto;
}



.nfont{
	font-family: 'Open Sans', sans-serif !important;
}
h2.nfont,
.sub_heading.nfont{
	font-family: 'Montserrat', sans-serif !important;
}
header.depth_theme,
main.depth_theme h1,
main.depth_theme h2,
main.depth_theme h3,
main.depth_theme h4,
main.depth_theme h5,
main.depth_theme h6{
  font-family: 'Montserrat', sans-serif !important;
}
.depth_in a{text-decoration: none;}
.depth_in{
  font-size: 15px;
  line-height: 1.4;}

/* 2 Col Spacing */
.depth_section{
  margin-bottom: 20px;
}



.depth_out img{max-width: 100%}

.depth_out *, 
.depth_out *:before, 
.depth_out *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.depth_out .cf:after {content:"";display:table;clear:both;}
.depth_out .exp{position:absolute;top:0;left:0;bottom:0;right:0;}

@media screen and (min-width: 770px){
  /* 2 Col Spacing */
  .depth_row .s3_column_left .depth_section{
    margin-right: 10.000000px;
  }
  .depth_row .s3_column_right .depth_section{
    margin-left: 10.000000px;
  }
  /* 3 Col Spacing */
  .depth_row.three_col .s3_column_left .depth_section{
    margin-right: 13.320000px;
  }
  .depth_row.three_col .s3_column_center .depth_section{
    margin-left: 6.660000px;
    margin-right: 6.660000px;
  }
  .depth_row.three_col .s3_column_right .depth_section{
    margin-left: 13.320000px;
  }
  /* 4 Col Spacing (1/4) */
  .depth_row .s3_column_4:first-child .depth_section{
    margin-right: 15.000000px;
    margin-left: 0;
  }
  /* 4 Col Spacing (2/4) */
  .depth_row .s3_column_4 + .s3_column_4 .depth_section{
    margin-right: 10.000000px;
    margin-left: 5.000000px;
  }
  /* 4 Col Spacing (3/4) */
  .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{
    margin-right: 5.000000px;
    margin-left: 10.000000px;
  }
  /* 4 Col Spacing (4/4) */
  .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{
    margin-left: 15.000000px;
    margin-right: 0;
  }
  /* Flex Equal Height/Centering */
  
  .s3_row.depth_row,
  .depth_row .s3_column,
  .s3_row.depth_row .depth_out,
  .s3_row.depth_row .depth_out > div,
  .s3_row.depth_row .depth_wrapper,
  .s3_row.depth_row .content_out,
  .s3_row.depth_row .depth_image *{
    flex: 1;
    display: flex !important;
  }
  .s3_row.depth_row .content_out,
  .s3_row.depth_row .content_in{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .depth_ie .s3_row.depth_row,
  .depth_ie .depth_row .s3_column,
  .s3_row.depth_row .depth_ie .depth_out,
  .s3_row.depth_row .depth_ie .depth_out > div,
  .s3_row.depth_row .depth_ie .depth_wrapper,
  .s3_row.depth_row .depth_ie .content_out,
  .s3_row.depth_row .depth_ie .depth_image *{
    flex: auto !important;
    display: block !important;
  }
}


.content_flex {position: static;}

.s3_row.depth_row .content_flex {
  flex: 1;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
}

/* Edit Mode */


/* Animations */


.depth_fx .depth_image,
.depth_fx .depth_tint,
.depth_fx .depth_gradient,
.depth_fx .content_tint,
.depth_fx p.sub_heading,
.depth_fx .heading_out .stacks_out,
.depth_fx p.main_content,
.depth_fx .depth_aside,
.depth_fx .heading_out h2{ opacity: 0; }

.depth_fx.depth_ie .depth_image,
.depth_fx.depth_ie .depth_tint,
.depth_fx.depth_ie .depth_gradient,
.depth_fx.depth_ie .content_tint,
.depth_fx.depth_ie p.sub_heading,
.depth_fx.depth_ie .heading_out .stacks_out,
.depth_fx.depth_ie p.main_content,
.depth_fx.depth_ie .depth_aside,
.depth_fx.depth_ie .heading_out h2{ opacity: 1; }


.depth_inview.slow_fadeIn.depth_fx .depth_image,
.depth_inview.slow_fadeIn.depth_fx .depth_tint,
.depth_inview.slow_fadeIn.depth_fx .content_tint,
.depth_inview.slow_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .7s both; }
.depth_inview.slow_fadeIn.depth_fx .heading_out{ animation: heading_border_color 1s both; }
.depth_inview.slow_fadeIn.depth_fx p.super_heading,
.depth_inview.slow_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein 1s .25s both; }
.depth_inview.slow_fadeIn.depth_fx p.sub_heading,
.depth_inview.slow_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein 1s .5s both; }
.depth_inview.slow_fadeIn.depth_fx p.main_content,
.depth_inview.slow_fadeIn.depth_fx .depth_aside{	animation: nbanner_fadein 1s .75s both; }
.depth_inview.slow_fadeIn.depth_fx a.depth_button{	animation: nbanner_fadein 1s 1s backwards; }
.depth_inview.slow_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein 1s 1.25s backwards; }
.depth_inview.slow_fadeIn.depth_fx hr.hr_top_header{	animation: hr_top_header 1s .5s backwards; }
.depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header 1s .5s backwards; }
.depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_content{	animation: hr_bottom_content 1s .5s backwards; }

.depth_inview.steady_fadeIn.depth_fx .depth_image,
.depth_inview.steady_fadeIn.depth_fx .depth_tint,
.depth_inview.steady_fadeIn.depth_fx .content_tint,
.depth_inview.steady_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .5s both; }
.depth_inview.steady_fadeIn.depth_fx .heading_out{ animation: heading_border_color .7s both; }
.depth_inview.steady_fadeIn.depth_fx p.super_heading,
.depth_inview.steady_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .7s .15s both; }
.depth_inview.steady_fadeIn.depth_fx p.sub_heading,
.depth_inview.steady_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .7s .35s both; }
.depth_inview.steady_fadeIn.depth_fx p.main_content,
.depth_inview.steady_fadeIn.depth_fx .depth_aside{	animation: nbanner_fadein .7s .5s both; }
.depth_inview.steady_fadeIn.depth_fx a.depth_button{	animation: nbanner_fadein .7s .65s backwards; }
.depth_inview.steady_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .7s .8s backwards; }
.depth_inview.steady_fadeIn.depth_fx hr.hr_top_header{	animation: hr_top_header .7s .25s backwards; }
.depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .7s .25s backwards; }
.depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_content{	animation: hr_bottom_content .7s .25s backwards; }

.depth_inview.fast_fadeIn.depth_fx .depth_image,
.depth_inview.fast_fadeIn.depth_fx .depth_tint,
.depth_inview.fast_fadeIn.depth_fx .content_tint,
.depth_inview.fast_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .3s both; }
.depth_inview.fast_fadeIn.depth_fx .heading_out{ animation: heading_border_color .4s both; }
.depth_inview.fast_fadeIn.depth_fx p.super_heading,
.depth_inview.fast_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .4s .15s both; }
.depth_inview.fast_fadeIn.depth_fx p.sub_heading,
.depth_inview.fast_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .4s .35s both; }
.depth_inview.fast_fadeIn.depth_fx p.main_content,
.depth_inview.fast_fadeIn.depth_fx .depth_aside{	animation: nbanner_fadein .4s .5s both; }
.depth_inview.fast_fadeIn.depth_fx a.depth_button{	animation: nbanner_fadein .4s .65s backwards; }
.depth_inview.fast_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .4s .8s backwards; }
.depth_inview.fast_fadeIn.depth_fx hr.hr_top_header{	animation: hr_top_header .4s .25s backwards; }
.depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .4s .25s backwards; }
.depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_content{	animation: hr_bottom_content .4s .25s backwards; }


@-webkit-keyframes heading_border_color {
  from {border-color: transparent;}
  to {border-color: ;}}
@keyframes nbanner_fadein {
  from {border-color: transparent;}
  to {border-color: ;}}

@-webkit-keyframes nbanner_fadein {
  from {opacity: 0;}
  to {opacity: 1;}}
@keyframes nbanner_fadein {
  from {opacity: 0;}
  to {opacity: 1;}}

@-webkit-keyframes nbanner_bg_fadein {
  from {background-color: transparent;}
  to {background-color: inherit;}}
@keyframes nbanner_bg_fadein {
  from {background-color: transparent;}
  to {background-color: inherit;}}

@-webkit-keyframes hr_top_header {
  from {width: 0; opacity: 0;}
  to {opacity: 1; width: %;}}
@keyframes hr_top_header {
  from {width: 0; opacity: 0;}
  to {opacity: 1; width: %;}}


@-webkit-keyframes hr_bottom_header {
  from {width: 0; opacity: 0;}
  to {opacity: 1; width: %;}}
@keyframes hr_bottom_header {
  from {width: 0; opacity: 0;}
  to {opacity: 1; width: %;}}


@-webkit-keyframes hr_bottom_content {
  from {width: 0; opacity: 0;}
  to {opacity: 1; width: %;}}
@keyframes hr_bottom_content {
  from {width: 0; opacity: 0;}
  to {opacity: 1; width: %;}}.stacks_in_38flip-clock {
  text-align: center;
  perspective: 400px;
  -webkit-perspective: 400px;
  margin: 20px auto;
}

.flip-clock *,
.flip-clock *:before,
.flip-clock *:after {
  box-sizing: border-box;
}

.flip-clock__piece {
  display: inline-block;
  margin: 0 5px;
}

#stacks_in_38flip_timer .flip-clock__slot {
  font-family: ;
  font-size: 16px;
  color: rgba(255, 255, 255, 1.00);
  ;
  
  background-color: rgba(43, 43, 43, 1.00);
  padding: 1px 6px 1px 6px;
  border-radius: 4px;
  
}

#stacks_in_38flip_timer .card {
  display: block;
  position: relative;
  padding-bottom: 0.75em;
  font-family: ;
  font-size: 80px;
  line-height: 1;
  border-radius: 8px;
  margin-bottom: 12px;
  border: solid 1px rgba(43, 43, 43, 1.00);
  background-color: rgba(43, 43, 43, 1.00);
  
}

#stacks_in_38flip_timer .card__top,
#stacks_in_38flip_timer .card__bottom,
#stacks_in_38flip_timer .card__back::before,
#stacks_in_38flip_timer .card__back::after {
  display: block;
  height: 0.75em;
  color: rgba(204, 204, 204, 1.00);
  background: rgba(34, 34, 34, 1.00);
  padding: 0.25em 0;
  border-radius: 8px 8px 0 0;
  backface-visiblity: hidden;
  -webkit-backface-visiblity: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  width: 160px;
}

#stacks_in_38flip_timer .card__bottom {
  color: rgba(255, 255, 255, 1.00);
  position: absolute;
  top: 50%;
  left: 0;
  border-top: solid 1px rgba(43, 43, 43, 1.00);
  background: rgba(57, 57, 57, 1.00);
  border-radius: 0 0 8px 8px;
  pointer-events: none;
  overflow: hidden;
}

.card__bottom::after {
  display: block;
  margin-top: -0.75em;
}
.card__back::before,
.card__bottom::after {
  content: attr(data-value);
}

.card__back {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0%;
  pointer-events: none;
}

.card__back::before {
  position: relative;
  z-index: -1;
  overflow: hidden;
}

.flip .card__back::before {
  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
  -webkit-animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
}

.flip .card__back .card__bottom {
  transform-origin: center top;
  -webkit-transform-origin: center top;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
  -webkit-animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
}

@keyframes flipTop {
  0% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    z-index: 2;
  }
  0%,
  99% {
    opacity: 1;
  }
  100% {
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    opacity: 0;
  }
}

@keyframes flipBottom {
  0%,
  50% {
    z-index: -1;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    z-index: 5;
  }
}
