@charset "UTF-8";
/* CSS Document */
/* Style for our header texts
	* --------------------------------------- */


.icon-list {
      list-style: none;
      padding: 10px;
    }
    .icon-item {
      display: flex;
      align-items: left;
/*      margin: 10px 0;
*/    }
    .icon-item img {
      width: 26px; /* Adjust icon size */
      height: 26px; /* Adjust icon size */
      margin-right: 10px;
    }
    .icon-item span {
      font-size: 16px; /* Adjust text size */
    }

    .icon-item span :link {
color:#333   }

    .icon-item span :hover {
color:#D84E8D   }



.cantarell-regular {
  font-family: "Cantarell", serif;
  font-weight: 400;
  font-style: normal;
}
.cantarell-bold {
  font-family: "Cantarell", serif;
  font-weight: 700;
  font-style: normal;
}
.cantarell-regular-italic {
  font-family: "Cantarell", serif;
  font-weight: 400;
  font-style: italic;
}
.cantarell-bold-italic {
  font-family: "Cantarell", serif;
  font-weight: 700;
  font-style: italic;
}
.abril-fatface-regular {
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
}
.signoff_icons_mobile {
  position: absolute;
  width: 100%;
  height: 50px;
  margin-right: 0%;
  margin-left: 0%;
  bottom: 30px;
  z-index: 1999;
  display: block;
}
h1 {
  font-size: 3em;
  font-weight: 400;
  color: #F45696;
  margin-left: 10%;
margin-right: 30%;

}
h2 {
  font-size: 2em;
  font-weight: 400;
  color: #BF457C;
  margin-left: 10%;
	margin-right: 30%;

}
h3 {
  font-size: 1.5em;
  font-weight: 400;
  color: #333;
  margin-left: 10%;
	margin-right: 30%;

}
h6 {
	  font-family: "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1em;
  font-weight: 400;
  color: #333;
  margin-left: 10%;
  margin-right: 25%;
}
.btn {
  margin-left: 10%;
  text-color: #333;
}
.intro p {
  font-size: 1em;
  color: #333;
  margin-left: 15%;
}
.logo-tab {
  background-color: #F45696;
  display: block;
  height: 50px;
  width: 50px;
  position: fixed;
  z-index: 1300;
  padding: 5px;
  top: 90px;
  right: 0px;
  bottom: auto;
  /*	opacity: .8;
*/
}
/* Centered texts in each section
	* --------------------------------------- */
.section {
  text-align: left;
  margin: 0;
  background-size: cover;
}
/* Overwriting styles for control arrows for slides
	* --------------------------------------- */
.controlArrow.prev {
  left: 50px;
}
.controlArrow.next {
  right: 50px;
}
/* Overwriting styles for navigation bullets
	* --------------------------------------- */
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  background: #F45696;
}
/* Bottom menu
	* --------------------------------------- */
#infoMenu li a {
  color: #333;
}
#section1 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
	scroll-bar: none;
}
/*#section1 .intro{
			left: -130%;
			position:relative;
      transition: all 600ms ease;
		}*/
#section2 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}
/* #section2 .intro{
      left: -130%;
      position:relative;
      transition: all 600ms ease;
    }*/
#section3 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}
#section4 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}
#section5 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}
#section6 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}

#section7 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}

#section8 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}

#section9 .intro {
  bottom: -130%;
  position: relative;
  transition: all 600ms ease;
		scroll-bar: none;

}
/* #section3 .intro{
      left: -130%;
      position:relative;
      transition: all 600ms ease;
    }*/
/**
    * Here we fire the animation for section 3.
    * As the fp-viewing class in the body changes on each section and slide.
    */
body.fp-viewing-firstPage #section1 .intro {
  bottom: 0%;
}
.fp-viewing-secondPage #section2 .intro {
  bottom: 0%;
}
.fp-viewing-3rdPage #section3 .intro {
  bottom: 0%;
}
.fp-viewing-4thPage #section4 .intro {
  bottom: 0%;
}
.fp-viewing-5thPage #section5 .intro {
  bottom: 0%;
}
.fp-viewing-6thPage #section6 .intro {
  bottom: 0%;
}
.fp-viewing-7thPage #section7 .intro {
  bottom: 0%;
}
.fp-viewing-8thPage #section8 .intro {
  bottom: 0%;
}

.fp-viewing-9thPage #section8 .intro {
  bottom: 0%;
}
/*		@import "compass/css3";
*/
html, body {
  margin: 0;
  padding: 10px;
  -webkit-backface-visibility: hidden;
}
html {
  font-family: "Cantarell", "Helvetica", sans-serif;
}
h3 {
  margin-top: 0;
  font-size: 24px;
}
a, a:visited {
  color: #1760BF;
  text-decoration: none;
}
a:hover {
  color: #c00;
}
.links {
  ul {}
  li {
    margin-bottom: 5px;
  }
}
h4 {
  margin: 24px 0 0 0;
}
.bottom-text {
  margin-top: 40px;
  border-top: 2px solid #e5e7e9;
  a {
    border-bottom: 1px solid #e5e7e9;
  }
  p {
    max-width: 650px;
  }
}
.hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}
.btn-gallery img {
  max-width: 300px;
  height: auto;
}
.btn-gallery_2 btn {
  max-width: 300px;
  height: auto;
}

@media only screen and (min-width: 600px) {

 h1 {
      font-size: 3em;
      font-weight: 400;
      color: #F45696;
      margin-left: 10%;
		        margin-right: 30%;

    }
    h2 {
      font-size: 2em;
      font-weight: 400;
      color: #BF457C;
      margin-left: 10%;
		        margin-right: 25%;

    }
    h3 {
      font-size: 1.5em;
      font-weight: 400;
      color: #333;
      margin-left: 10%;
		      margin-right: 25%;

    }
    h4 {
      font-size: 1.255em;
      font-weight: 400;
      color: #333;
      margin-left: 10%;
		      margin-right: 25%;

    }
    h6 {
  font-family: "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 1em;
      font-weight: 400;
      color: #333;
      margin-left: 10%;
      margin-right: 25%;
    }
	
	.btn {
    margin-left: 10%
  }
}
  @media only screen and (min-width: 768px) {

    h1 {
      font-size: 3em;
      font-weight: 400;
      color: #F45696;
      margin-left: 10%
    }
    h2 {
      font-size: 2em;
      font-weight: 400;
      color: #BF457C;
      margin-left: 10%
    }
    h3 {
      font-size: 1.5em;
      font-weight: 400;
      color: #333;
      margin-left: 10%
    }
    h4 {
      font-size: 1.255em;
      font-weight: 400;
      color: #333;
      margin-left: 10%
    }
    h6 {
		  font-family: "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 1em;
      font-weight: 400;
      color: #333;
      margin-left: 10%;
      margin-right: 25%;
    }
    .btn {
      margin-left: 10%
    }
  }
  @media only screen and (min-width: 992px) {

	   h2 {
      font-size: 2em;
      font-weight: 400;
      color: #BF457C;
      margin-left: 10%
    }
    h6 {
		  font-family: "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 1em;
      font-weight: 400;
      color: #333;
      margin-left: 10%;
      margin-right: 50%;
    }
    h4 {
      font-size: 1.255em;
      font-weight: 400;
      color: #333;
      margin-left: 10%
    }
    .btn {
      margin-left: 10%;
      text-color: #333;
    }
}
    @media only screen and (min-width: 1200px) {
	 h2 {
      font-size: 2em;
      font-weight: 400;
      color: #BF457C;
      margin-left: 10%
    }
      h6 {
		    font-family: "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1em;
        font-weight: 400;
        color: #333;
        margin-left: 10%;
        margin-right: 50%;
      }
      h4 {
        font-size: 1.255em;
        font-weight: 400;
        color: #333;
        margin-left: 10%;
        margin-right: 50%;
		}
	  }