/* NAVBAR */
.et_vertical_nav #main-header #top-menu > li > a {
  color: #00b2cb!important;
  font-size: 16px;
  padding: 8%;
  margin-bottom: 5px;
  background-color: #fff;
  width: 180px;
}
.et_vertical_nav #main-header #top-menu > li > a:hover {
  color: #fff !important;
  font-size: 16px;
  padding: 8%;
  margin-bottom: 5px;
  background-color: #04434c;
  width: 180px;
}
.et_vertical_nav #main-header {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.et_vertical_nav #main-header .container{margin:0 20px;}

/* HEADER */
.header h1 {
  color: #00B2CB !important;
}

.et-pb-arrow-prev, .et-pb-arrow-next {
  color: #fff !important;
  text-decoration: none;
}

.et-main-area {
  border-top: solid 20px #00B2CB;
}

/* BUTTONS */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

/* MAIN SECTION */
.et_pb_main_blurb_image {
  margin-bottom: 0px;
}

.et_pb_promo_button {
  text-decoration: none !important;
}

.et_pb_section {
  padding: 0px 0;
}

h1 {
  color: #00B2CB !important;
  font-size: 35px;
}

p {
  	font-size:1.2em;
	color:#333;  
}  

a {
  color: #00B2CB!important;
  text-decoration: underline;
}

/* CUSTOM CLASSES */
.border-top-dark {
  border-top:5px solid #04434c;
}

.border-sides{
  border-left:5px solid #008092; border-right:5px solid #008092;
}

.gradient-bg{ 
 	background-image: -moz-linear-gradient(bottom, #abcbd1 -60.79%, #d8eff2 39.21%);
	background-image: -o-linear-gradient(bottom, #abcbd1 -60.79%, #d8eff2 39.21%);
	background-image: -webkit-linear-gradient(bottom, #abcbd1 -60.79%, #d8eff2 39.21%);
	background-image: linear-gradient(bottom, #abcbd1 -60.79%, #d8eff2 39.21%);
}

.et_pb_widget_area_left, .et_pb_widget_area_right{
  border:none;
}

.et_pb_column_1_3 .et_pb_widget_area_left .et_pb_widget, .et_pb_column_1_4 .et_pb_widget_area_left .et_pb_widget{
  margin:0
}

.height250 {
  height: 250px;
}

.padding-top-banner {
  padding-top: 30px;
}

.about_page .et_pb_text {
  margin-bottom: none !important;
}

.about_page {
  padding-bottom: 115px !important;
  background-color:#f1eadc;
}

.effects_page .et_pb_text {
  margin-bottom: none !important;
}
.effects_page {
  padding-bottom: 429px !important;
  background-color:#f1eadc;
}

.how_page .et_pb_text {
  margin-bottom: none !important;
}
.how_page {
  padding-bottom: 57px !important;
  background-color:#f1eadc;
}

.find_page .et_pb_text {
  margin-bottom: none !important;
}
.find_page {
  padding-bottom: 1272px !important;
  background-color:#f1eadc;
}

.meet_page .et_pb_text {
  margin-bottom: none !important;
}
.meet_page {
  padding-bottom: 265px !important;
  background-color:#f1eadc;
}

.contact_page .et_pb_text {
  margin-bottom: none !important;
}
.contact_page {
  padding-bottom: 190px !important;
  background-color:#f1eadc;
}

/* HOVERS */
/* Sidepan */
.sidepan img {
  margin-top: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.sidepan img:hover {margin-top: -30px;}

/* Bubble Float Left */
.bubble-float-left {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #04434c transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: left;
  transition-property: left;
}
.bubble-float-left:hover, .bubble-float-left:focus, .bubble-float-left:active {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.bubble-float-left:hover:before, .bubble-float-left:focus:before, .bubble-float-left:active:before {
  left: -10px;
}

/* Hover Shadow */
.hover-shadow {
  color: #0086b0 !important;
  font-size: 17px;
  font-weight: bolder;
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover, .push:focus, .push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/*FOOTER*/
#main-footer {
  display: none!important;
}

.fwidget .et_pb_widget .widget_text {
  color: #fff !important;
}
#footer-bottom {
  display:none !important;
}
#footer-widgets .fwidget {
  padding-bottom: 0px;
}
.et_pb_row {
  padding:0;
}
.et_pb_widget_area_left{
  padding-bottom:0;
}