@charset "utf-8";
/* CSS Document for PE custom styling*/
/* v-1.3 */

/* SMOOTH SCROLL ON BACK-TO-TOP */
html {
  -webkit-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  -o-scroll-behavior: smooth;
  scroll-behavior: smooth; }

/* NAV BAR ITEMS STYLING */
.nav-item-padded {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 500; }

.nav-link-new {
 font-family: "Montserrat", sans-serif;
 font-weight: 500;
 font-size: 1.25rem;
 text-decoration: none;
 color: #5BB6E9 !important;
 padding: 0px;
 margin: 0px 10px;
 display: inline-block;
 position: relative; }

.nav-link-new:hover {
  color: #D803BC !important;
  opacity: 1; 
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.nav-link-new-ltr::after {
  position: absolute;
  content: "";
  display: block;
  margin: 0 auto;
  width: 0;
  height: 2px;
  background-color: #D803BC;
  transition: opacity .3s ease, width .3s ease;
  right: 0;
  left: 0;
  pointer-events: none;}

.nav-link-new-ltr:hover::after {
  width: 100%; }

.nav-chevron {
  color: #5BB6E9 !important; }

/* TYPOGRAPHY STYLING */
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;}
 
.heading-1 {
  font-size: 3rem;
  font-weight: 300;
  padding-top: 1.95rem;
  color: #fff;}

.heading-1a {
  font-size: 3rem;
  font-weight: 300;
  margin-top: -1rem;
  color: #fff;}
 
.heading-5 {
  font-size: 1.5rem;
  color: #fff; }
 
body,td,th {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
 font-size: 1rem; }

.blue-font {
  color: #02B5FF !important; }

.grey-font {
  color: #393939 !important; 
  font-weight: 500 !important; 
  font-size: 1.125rem !important; }

.testimonial-font {
  color: #393939 !important; 
  font-weight: 400 !important; 
  font-size: 1rem !important; }

.red-font {
  color: #F40A0A !important; }
 
.white-font {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1rem; } 
 
.footer-3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;     
  font-size: .8rem;
  color: #fff; }

/* LINKS STYLING */
a:link {
	color: #02B5FF; }

a:hover {
	color: #FC45E4; }

a:visited {
	color: #FC45E4; }

/* BUTTON STYLING */
.btn-lg-header, .btn-group-lg, .btn {
  padding: 0.5rem 2.5rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
  font-size: 1.5rem;
  color: white;
  line-height: 1.5;
  border-radius: 0rem;
  border-color: white; }

.btn-lg-header:hover {
  color: #5BB6E9;
  border-color: #5BB6E9;
  text-decoration: none; }

/* ----------- ANIMATIONS ----------- */
/* ---------------------------------- */

/* ABOUT SECTION */
.float-in-about-1, .float-in-about-2, .float-in-about-3, .float-in-about-4 {
 display: block;
 animation-name: moveInLeftAbout;
 animation-timing-function: ease-out; }

.float-in-about-1 {
  animation-duration: 1s; }

.float-in-about-2 {
  animation-duration: 2s; }

.float-in-about-3 {
  animation-duration: 3s; }

.float-in-about-4 {
  animation-duration: 4s; }
 
@keyframes moveInLeftAbout {
  0% {
    opacity: 0.0;
    transform: translateX(-80rem); }
  50% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 

/* PRICES AND OPENING TIMES SECTIONS */
.float-in-bottom-1, .float-in-bottom-2, .float-in-bottom-3 { 
  display: block;
  animation-name: moveInBottom;
  animation-timing-function: ease-out;}

.float-in-bottom-1 {
  animation-duration: .5s; }

.float-in-bottom-2 {
  animation-duration: .75s; }

.float-in-bottom-3 {
  animation-duration: 1s; }
 
@keyframes moveInBottom {
  0% {
    opacity: 0.0;
    transform: translateY(+20rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 

/* TESTIMONIAL SECTION */
.float-in-left, .float-in-right { 
  display: block;
  animation-duration: 2s;
  animation-timing-function: ease-out; }

.float-in-left {
  animation-name: moveInLeft; } 
 
.float-in-right {
  animation-name: moveInRight; } 
 
@keyframes moveInLeft {
  0% {
    opacity: 0.5;
    transform: translateX(-20rem); }
  50% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 
 
@keyframes moveInRight {
  0% {
    opacity: 0.5;
    transform: translateX(20rem); }
  50% {
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 

/* CONTACT SECTION */
.float-in-heading-1, .float-in-heading-5 {
  display: block;
  animation-duration: 1s;
  animation-timing-function: ease-out; }

.float-in-heading-1 {
  animation-name: moveInLeftH1; }

.float-in-heading-5 {
  animation-name: moveInRightH5; }

@keyframes moveInLeftH1 {
  0% {
    opacity: 0.5;
    transform: translateX(-20rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 
 
@keyframes moveInRightH5 {
  0% {
    opacity: 0.5;
    transform: translateX(20rem); }
  100% {
    opacity: 1;
    transform: translate(0); } } 

/* Turn off animations, transitions, and transforms on phones and tablets */
@media only screen and (max-width : 768px) {
	.float-in-right, .float-in-left, .float-in-about-1, .float-in-about-2, .float-in-about-3, .float-in-about-4, 
 .float-in-bottom-1, .float-in-bottom-2, .float-in-bottom-3, .float-in-heading-1, .float-in-heading-5 {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important; }
}
 
/* ICON AND FONT AWESOME STYLING */
.facebook {
  background: #5BB6E9;
  color: white !important; 
  font-size: 30px; 
  padding-left: .5rem;
  padding-right: .5rem; 
  margin-right: 2.5rem; }

.facebook:hover {
  background: #D803BC !important; 
  transition: background 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.yell:hover {
  background: #D803BC !important; 
  transition: background 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.users, .leaf, .car, .store, .map, .trophy, .at, .phone {
  font-size: 60px; }

.users {
  color: #FFA302; }

.leaf {
  color: #27FA40; }

.car {
  color: #02B5FF; }

.store {
  color: #EE33FF; }

.map {
  color: #0DD903; }

.trophy {
  color: #FFF60B; }

.at {
  color: #02B5FF; }

.phone {
  color: #F40A0A; }

/* BACK-TO-TOP BUTTON STYLING */
#backBtn {
 scroll-behavior: smooth;
 display: none;
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 99;
 font-size: 14px;
 border: none;
 outline: none;
 background-color: #5BB6E9;
 color: white;
 cursor: pointer;
 padding: 10px;
 border-radius: 0px;
 box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.95); 
 transition: transform .3s; }

#backBtn:hover {
 background-color: #D803BC;
 color: white; }

/* CONTAINER AND BOX STYLING */
.bg-contact {
 background-color: #fff;
 border-radius: 0px;
 padding-right: 1rem;
 padding-left: 1rem;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 1.5rem;
 box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.95); 
 transition: transform .3s; }

.testimonial-box {
 background-color: #fff;
 margin-bottom: 1rem !important;
 padding: 1rem;
 text-align: left;
 border-radius: 0px;
 box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
 transition: transform .3s; } 

/* TERMS ACCORDION STYLING AND DOWN/UP CHEVRON TOGGLE ACTIVATION */
.card-header-pe {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #D3D3D3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-body-pe {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem; 
  font-family: "Montserrat", sans-serif;
  color: #393939;
  font-weight: 400;
  font-size: .9rem;
  -ms-flex-align: left;
  align-items: left; }

[data-toggle="collapse"]:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  transform: rotate(180deg) ;
  transition: all linear 0.25s; }   
[data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg) ; }

/* ROW STYLING */
.row-header {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 height: auto;
 padding-top: 1rem;
 padding-bottom: .5rem;
 align-content: center;
 align-self: center;
 align-items: center;
 justify-content: center; }

.row-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
	width: 100%;
	background-color: #D3D3D3; }

/* Only used for testing nav bar padding */
.row-header-grey {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 height: auto;
 padding-top: 1rem;
 padding-bottom: 0rem;
 align-content: center;
 align-self: center;
 align-items: center;
 justify-content: center;
	background-color: #DBDDDD; }

/* PARALLAX STYLING */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  min-height: auto; }
 
.bgimg-1 {
  background-image: url(../images/bgimgs/img-1.jpg); }

.bgimg-2 {
  background-image: url(../images/bgimgs/img-2.jpg);
  background-attachment: scroll;}

.bgimg-3 {
  background-image: url(../images/bgimgs/img-3.jpg); }

.bgimg-4 {
  background-image: url(../images/bgimgs/img-4.jpg); }

.bgimg-5 {
  background-image: url(../images/bgimgs/img-5.jpg); }

.bgimg-6 {
  background-image: url(../images/bgimgs/img-6.jpg); }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
  background-attachment: scroll; }
}

/* END */