@charset "UTF-8";

/* Font Awesome */
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css");

/* Google Material Icons */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

/* Grid */
.db-container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; }

.db-column,
.db-columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

.db-column-nm,
.db-columns-nm {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* Hide All */
.db-hide-all {
  display: none !important;
  visibility: hidden !important; }

/* 2-Up Coding */
.db-column-2up,
.db-columns-2up {
  width: 50%;
  float: left;
  box-sizing: border-box; }

/* 3-Up Coding */
.db-column-3up,
.db-columns-3up {
  width: 33.33333333333%;
  float: left;
  box-sizing: border-box; }

/* Image Flip */
.db-flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

/* For devices smaller than 455px (Mobile) */
@media (max-width: 455px) {
.db-center-mobile {
  text-align: center; }
.db-hide {
  display: none;
  visibility: hidden; }
.db-container {
  width: 100%;
  padding: 0; }
}

/* For devices larger than 456px */
@media (min-width: 456px) {
.db-flex {
  display: inline-block; }
.db-appear {
  display: none;
  visibility: hidden; }
.db-container {
  width: 100%;
  padding: 0; }
}

/* For devices up to 767px */
@media (max-width: 767px) {
/* Reverse Div Direction */
.db-flex-direction-reverse {
  display: flex; 
  flex-direction: column-reverse; }
}

/* For devices larger than 768px */
@media (min-width: 768px) {
.db-flex {
  display: flex; }
.db-flex-bottom {
  align-items: flex-end;
  display: flex;
  justify-content: space-between; }
.db-valign-center {
  display: flex;
  flex-direction: row;
  align-items: center; }
.db-appear {
  display: none;
  visibility: hidden; }
.db-container {
  width: 100%; }
.db-column,
.db-columns {
  margin-left: 4%; }
.db-column:first-child,
.db-columns:first-child {
  margin-left: 0; }

  /* Columns */
  .db-one.db-column,
  .db-one.db-columns                 { width: 4.66666666667%; }
  .db-two.db-columns                 { width: 13.3333333333%; }
  .db-three.db-columns               { width: 22%;            }
  .db-four.db-columns                { width: 30.6666666667%; }
  .db-five.db-columns                { width: 39.3333333333%; }
  .db-six.db-columns                 { width: 48%;            }
  .db-seven.db-columns               { width: 56.6666666667%; }
  .db-eight.db-columns               { width: 65.3333333333%; }
  .db-nine.db-columns                { width: 74.0%;          }
  .db-ten.db-columns                 { width: 82.6666666667%; }
  .db-eleven.db-columns              { width: 91.3333333333%; }
  .db-twelve.db-columns              { width: 100%; margin-left: 0; }

  /* Offsets */
  .db-offset-by-one.db-column,
  .db-offset-by-one.db-columns       { margin-left: 8.66666666667%; }
  .db-offset-by-two.db-column,
  .db-offset-by-two.db-columns       { margin-left: 17.3333333333%; }
  .db-offset-by-three.db-column,
  .db-offset-by-three.db-columns     { margin-left: 26%;            }
  .db-offset-by-four.db-column,
  .db-offset-by-four.db-columns      { margin-left: 34.6666666667%; }
  .db-offset-by-five.db-column,
  .db-offset-by-five.db-columns      { margin-left: 43.3333333333%; }
  .db-offset-by-six.db-column,
  .db-offset-by-six.db-columns       { margin-left: 52%;            }
  .db-offset-by-seven.db-column,
  .db-offset-by-seven.db-columns     { margin-left: 60.6666666667%; }
  .db-offset-by-eight.db-column,
  .db-offset-by-eight.db-columns     { margin-left: 69.3333333333%; }
  .db-offset-by-nine.db-column,
  .db-offset-by-nine.db-columns      { margin-left: 78.0%;          }
  .db-offset-by-ten.db-column,
  .db-offset-by-ten.db-columns       { margin-left: 86.6666666667%; }
  .db-offset-by-eleven.db-column,
  .db-offset-by-eleven.db-columns    { margin-left: 95.3333333333%; }
  
  /* No Margin Columns */
  .db-column-nm,
  .db-columns-nm {
    margin-left: 0%; }
  .db-column-nm:first-child,
  .db-columns-nm:first-child {
    margin-left: 0; }

  .db-one-nm.db-column-nm,
  .db-one-nm.db-columns-nm           { width: 8.33333333333%; }
  .db-two-nm.db-column-nm,
  .db-two-nm.db-columns-nm           { width: 16.6666666667%; }
  .db-three-nm.db-column-nm,
  .db-three-nm.db-columns-nm         { width: 25%;            }
  .db-four-nm.db-column-nm,
  .db-four-nm.db-columns-nm          { width: 33.3333333333%; }
  .db-five-nm.db-column-nm,
  .db-five-nm.db-columns-nm          { width: 41.6666666667%; }
  .db-six-nm.db-column-nm,
  .db-six-nm.db-columns-nm           { width: 50%;            }
  .db-seven-nm.db-column-nm,
  .db-seven-nm.db-columns-nm         { width: 58.3333333333%; }
  .db-eight-nm.db-column-nm,
  .db-eight-nm.db-columns-nm         { width: 66.6666666667%; }
  .db-nine-nm.db-column-nm,
  .db-nine-nm.db-columns-nm          { width: 75%;            }
  .db-ten-nm.db-column-nm,
  .db-ten-nm.db-columns-nm           { width: 83.3333333333%; }
  .db-eleven-nm.db-column-nm,
  .db-eleven-nm.db-columns-nm        { width: 91.6666666667%; }

  /* Offsets */
  .db-offset-by-one-nm.db-column-nm,
  .db-offset-by-one-nm.db-columns-nm     { margin-left: 8.33333333333%; }
  .db-offset-by-two-nm.db-column-nm,
  .db-offset-by-two-nm.db-columns-nm     { margin-left: 16.6666666667%; }
  .db-offset-by-three-nm.db-column-nm,
  .db-offset-by-three-nm.db-columns-nm   { margin-left: 25%;            }
  .db-offset-by-four-nm.db-column-nm,
  .db-offset-by-four-nm.db-columns-nm    { margin-left: 33.3333333333%; }
  .db-offset-by-five-nm.db-column-nm,
  .db-offset-by-five-nm.db-columns-nm    { margin-left: 41.6666666667%; }
  .db-offset-by-six-nm.db-column-nm,
  .db-offset-by-six-nm.db-columns-nm     { margin-left: 50%;            }
  .db-offset-by-seven-nm.db-column-nm,
  .db-offset-by-seven-nm.db-columns-nm   { margin-left: 58.3333333333%; }
  .db-offset-by-eight-nm.db-column-nm,
  .db-offset-by-eight-nm.db-columns-nm   { margin-left: 66.6666666667%; }
  .db-offset-by-nine-nm.db-column-nm,
  .db-offset-by-nine-nm.db-columns-nm    { margin-left: 75%;            }
  .db-offset-by-ten-nm.db-column-nm,
  .db-offset-by-ten-nm.db-columns-nm     { margin-left: 83.3333333333%; }
  .db-offset-by-eleven-nm.db-column-nm,
  .db-offset-by-eleven-nm.db-columns-nm  { margin-left: 91.6666666667%; }
}

/* Padding */
.db-pad10 {
  padding: 10px; }
.db-pad10-0 {
  padding: 10px 0; }
.db-pad0-10 {
  padding: 0 10px; }
.db-pad10-10-0-10 {
  padding: 10px 10px 0 10px; }

.db-pad25 {
  padding: 25px; }
.db-pad25-0 {
  padding: 25px 0; }
.db-pad25-10 {
  padding: 25px 10px 25px 10px; }
.db-pad25-10-0-10 {
  padding: 25px 10px 0 10px; }
.db-pad0-25 {
  padding: 0 25px; }
.db-pad25-25-0-25 {
  padding: 25px 25px 0 25px; }

.db-pad50 {
  padding: 50px; }
.db-pad50-0 {
  padding: 50px 0; }
.db-pad0-50 {
  padding: 0 50px; }
.db-pad50-25 {
  padding: 50px 25px; }

.db-pad75-25 {
  padding: 75px 25px; }
.db-pad100-25 {
  padding: 100px 25px; }
.db-pad125-25 {
  padding: 125px 25px; }
.db-pad150-25 {
  padding: 150px 25px; }
.db-pad175-25 {
  padding: 175px 25px; }
.db-pad200-25 {
  padding: 200px 25px; }

/* Margins */
.db-mtn {
  margin-top: 0 !important; }
.db-mts {
  margin-top: 10px !important; }
.db-mtm {
  margin-top: 25px !important; }
.db-mtl {
  margin-top: 50px !important; }

.db-mbn {
  margin-bottom: 0 !important; }
.db-mbs {
  margin-bottom: 10px !important; }
.db-mbm {
  margin-bottom: 25px !important; }
.db-mbl {
  margin-bottom: 50px !important; }

/* ||||| IMPORTANT: General Text Normalizer ||||| */
.db-h1, .db-h2, .db-h3, .db-h4, .db-h5, .db-h6, .db-p, .db-ol, .db-ul, .db-li {
  margin: 0;
  padding: 0; }
/* ||||| IMPORTANT: General Text Normalizer ||||| */

/* Text */
.db-left {
  text-align: left; }
.db-center {
  text-align: center; }
.db-right {
  text-align: right; }
  
.db-white {
  color: #ffffff !important; }
.db-black {
  color: #000000 !important; }
.db-dark {
  color: #2b2b2b !important; }

.db-shadow {
  text-shadow: 0 0 25px #000000; }
.db-glow {
  text-shadow: 0 0 25px #ffffff; }

.db-fine-print {
  font-size: 10px !important;
  line-height: 12px !important;
  color: #959595 !important; }

/* Shrink */
.db-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
.db-shrink:hover, .db-shrink:focus, .db-shrink:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95); }

/* Grow */
.db-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
.db-grow:hover, .db-grow:focus, .db-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
  
/* Float */
.db-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
.db-float:hover, .db-float:focus, .db-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

/* Utilities */
.db-full-width {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin: 0 auto; }
.db-pull-right {
  float: right; }
.db-pull-left {
  float: left; }

/* Self Clearing Goodness */
.db-container:after,
.db-row:after,
.db-cf {
  content: "";
  display: table;
  clear: both; }
  
/* Animations */
.db-animate-left {
  position: relative;
  animation: animateleft 0.5s }
@keyframes animateleft {
  from {left: -300px; opacity: 0;}
  to {left: 0; opacity: 1;} }
.db-animate-top {
  position: relative;
  animation: animatetop 0.5s }
@keyframes animatetop {
  from {top: -300px; opacity: 0;}
  to {top: 0; opacity: 1;} }
.db-animate-right {
  position: relative;
  animation: animateright 0.5s }
@keyframes animateright {
  from {top: -300px; opacity: 0;}
  to {top: 0; opacity: 1;} }
.db-animate-bottom {
  position: relative;
  animation: animatebottom 0.5s }
@keyframes animatebottom {
  from {top: -300px; opacity: 0;}
  to {top: 0; opacity: 1;} }

/* Dropdown */
.db-hidden {
  display: none; }
.db-unhidden {
  display: block; }

/* Slideshow */
.db-ss-btn,.db-ss-button {
  border: none;
  display: inline-block;
  outline: 0;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap; }

.db-ss-btn,.db-ss-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none
  ;-moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.db-ss-disabled,.db-ss-btn:disabled,.db-ss-button:disabled {
  cursor: not-allowed;
  opacity: 0.3; }

.db-ss-bar-block .db-ss-dropdown-hover .db-ss-button,.db-ss-bar-block .db-ss-dropdown-click .db-ss-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px; }

.db-ss-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform:
  translate(0%,-50%);
  -ms-transform: translate(-0%,-50%); }

.db-ss-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform:
  translate(0%,-50%);
  -ms-transform: translate(0%,-50%); }

@media (max-width:600px){
.db-ss-bar .db-ss-button {
  white-space: normal; }
}

/* Responsive Video*/
.db-video-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }

.db-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%; }

/* Caption */
.db-caption {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.db-caption::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: background .35s ease-out; }

.db-caption:hover::before {
  background: rgba(0, 0, 0, .75); }

.db-caption-media {
  display: block;
  min-width: 100%;
  max-width: 100%;
  height: auto; }

.db-caption-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px !important;
  color: white;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out; }

.db-caption:hover .db-caption-overlay {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.db-caption-overlay-title {
  -webkit-transform: translateY( -webkit-calc(-100% - 10px) );
  transform: translateY( calc(-100% - 10px) );
  transition: -webkit-transform .35s ease-out;
  transition: transform .35s ease-out; }

.db-caption:hover .db-caption-overlay-title {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.db-middle {
  position: absolute;
  top: 50%; 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:0 25px !important; }

/* Background Overlay */
.db-overlay-box {
  position: relative; }
    
.db-overlay-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden; }
    
.db-overlay-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%) }
    
.db-overlay-box:hover .db-overlay-img {
  opacity: 0.25; }
    
.db-overlay-box:hover .db-overlay-middle {
  opacity: 1; }