@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,700');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');


/* New Fonts **/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Khand:400,700&display=swap');




/* COLORS */
/* #1baab5 */


/* ------ BODY ------ */
html, body{
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Didact Gothic', sans-serif !important;



}
body p{
	text-align: justify;
	font-size: 18px;
}

body a, a:hover, a:active, a:visited{
	text-decoration: none !important;
}


.ir-arriba {
	padding:10px;
	display:inline-block;
	background: rgba(27, 170, 181, 0.66);
	color:#fff;
	position: fixed;
	font-size:20px;
	bottom:20px;
	right:20px;
	display:none;
	cursor:pointer;
	 border-radius: 50%;
	z-index:9999;
}

span.bluetext{
	color: rgba(33,41,99,1) !important;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.img-100{
	width: 100%;
	height: auto;
}
.img-50{
	width: 50%;
	height: auto;
	margin: 0 auto;
	display: table;
}


/* ------ FONTS -----*/
.fonttype1{
	font-family: 'Great Vibes', cursive !important;
}

.fonttype2{
	font-family: 'Fredericka the Great', cursive !important;

}


/* ------ BUTTONS ------ */
.orange-btn{
	color: #fff;
    background-color: #ff5500;
    border-color: #ff5500;
    margin-left: 10px;
    padding: 15px 35px;
    height: 44px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 3px !important;
    text-transform: uppercase;
	margin: 0 auto;
	display: table;
}

.orange-btn:hover{
    background-color: #732802;
   
}

.blue-btn{
	color: #fff;
    background: rgba(33,41,99,1);
    border-color: #ff5500;
    margin-left: 10px;
    padding: 15px 35px;
    height: 44px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 3px !important;
    text-transform: uppercase;
	margin: 0 auto;
	display: table;
}

.blue-btn:hover{
    background-color: #35B3F9;
   
}

/* ------ NAVBAR ------ */
.navbar {
	z-index: 99999 !important;
}

.navbar-color{

	
}

.navbar-nav li a{
	color: #ffffff;
	font-weight: 100 !important;	
	font-size: 16px;
}


.navbar-color .nav>li>a:focus, .nav>li>a:hover {
	color: #ffffff !important;
	border-bottom: 2px solid #ffffff;
	position: relative;
	top:-4px;
	font-weight: 700 !important;
	
}

.navbar .navbar-brand{
	float: none !important;
}

.navbar .navbar-brand img{
	width: 300px;
	height: auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.navbar .navbar-brand img:hover{

}

.navbar li{
	margin-top: 23px;
}

.nav>li>a {
    padding:10px 15px !important;
}

.nav>li>a.icons {
    padding:10px 5px !important;
}


.nav>li>a:focus, .nav>li>a:hover {
	color: #FF0004;
	font-weight: 300;
	background-color: transparent !important;
}


.scrolled{
	background: rgba(33,41,99,0.9);
  	transition: 0.5s;
}

.scrolled.navbar .navbar-brand img{
	width: 100px;
	height: auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



.navbar-toggle .icon-bar{
	border-color: #ffffff;
	background-color: #ffffff;
}

@media (max-width: 767px) {
	.navbar{
	 	background: rgba(33,41,99,0.8);
	}
	
	.navbar .navbar-brand img{
		width: 80px;
		height: auto;
		padding-left: 20px;
	}
	
	.scrolled.navbar .navbar-brand img{
		width: 80px;
		height: auto;
		padding-left: 20px;
	}
}

/* ------ INDEX VIDEO ------ */

.slideshow-video-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.slideshow-video-container .video-content{
	z-index: 99;
	margin: auto;
  	position: absolute;
  	top: 50%; 
	left: 0; 
	bottom: 0; 
	right: 0;
	width: 60%;
}

.slideshow-video-container .video-content .slogan{
	text-align: center;
	font-family: 'Great Vibes', cursive !important;
	font-size: 70px;

}

.slideshow-video-container .video-content h1{
	color: rgba(255,255,255,0.80);
	font-weight: 100 !important;	
	font-size: 32px;
	text-align: center;
}
.slideshow-video-container .video-content p{
	color: rgba(255,255,255,0.80) !important;
	text-align: center;
}


.slideshow-video-container .line-2{
	font-size: 19px;
}



.cover-opacity{
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	z-index: 9;
	
}


@media (max-width: 767px) {
	
	.slideshow-video-container .video-content{
		top: 20%; 
		width: 80%;
	}
	
	.slideshow-video-container .video-content .slogan{
		font-size: 20px;

	}

	.slideshow-video-container .video-content h1{
		font-size: 18px;
	}
}



/* ------ DREAMING ----- */
.dreaming{
	padding: 80px 80px;	
	background: url(../../imagenes/sayulita-surf.jpg) no-repeat bottom center;
  	height: auto;
  	width: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	position: relative;
}

.dreaming h1{
	font-family: 'Khand', sans-serif !important;
	font-size: 55px;

}

.dreaming .flyingfish{
	margin-top: 20px;
	width: 80px;
	height: auto;
	margin-bottom: 10px;
	margin: 0 auto;
	display: block;
}

/* ------ FEEL THE NATURE ----- */
.feelthenature{
	padding: 80px 40px;	
	background: url(../../imagenes/feel-the-nature-low-transparence.png) no-repeat top center;
  	height: auto;
  	width: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	position: relative;
	color: #FFFFFF;
	top:-100px !important;
}

.feelthenature .pic-margin{
	width: 100%;
	height: 700px !important;
}

.feelthenature h1{
	text-align: center;
	font-size: 60px;
}

.feelthenature .fonttype1 span{
	color:rgba(8,113,118,1.00) !important;
}

/* ------ INDEX CALL OUTS ------ */

.callouts{
	background: url(../../imagenes/callouts-background.jpg) no-repeat bottom center;
  	height: auto;
  	width: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	position: relative;
	overflow-x: hidden;
}
	

.callouts hr{
	border-bottom:#1baab5 solid thin;
}

.callouts h3{
	color: #1baab5;
	font-family: 'Permanent Marker', cursive;
	font-size: 32px;

}

.image-wrapper{
	position: relative;
	margin-bottom: 30px;
}

.whySayulitaTittle{
	position: relative;
	left: 50px;
	top:105px;
	width: 500px;
	height: auto;
}

.whySayulitaImage{
	width: 100%;
	height: auto;
	padding: 5px;
	border: thin solid #275AAD;
}

.polaroid{
	position: relative;
	right:10px;
	top:-150px;
	width: 100%;
	height: auto;
}

.iguana{
	width: 100%;
	height: auto;
	position: relative;
	
}

.palms{
	position: absolute;
	left:-10px;
	bottom:850px;
	z-index: 99;
}


.palms-leaves{
	width: 400px;
	height: auto;
	
	-webkit-animation-name: shakeit;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: shakeit;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


.guacamaya{
	position: absolute;
	right:0px;
	bottom:1280px;
	z-index: 99;
	width: 300px;
	height: auto;
}



.thestayletter{
	width: 250px;
	height: auto;
	margin-bottom: 20px;
}

.thestayphotos{
	width: 130%;
	position: relative;
	left: 60px;
	margin-bottom: 50px;
}

.bandblabel{
	position: relative;
	left:-88px;
	width: 500px;
	height: auto;
	margin-bottom: 40px;
}


.hover:hover{
	-ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

@media (max-width: 767px) {
	.whySayulitaTittle{
			position: relative;
			left: 20px;
			top:100px;
			width: 280px;
			height: auto;
	}
	
		.palms{
		z-index:0;
			
		}
		.palms	img {
 			 opacity: 0.5;

	}

	
}



/* ---- INDEX EXPERIENCE -----*/
.experience{
	padding: 100px 0px;	
	background: url(../../imagenes/surf-experience.jpg) no-repeat center right;
  	height: auto;
  	width: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
	color: #ffffff;
	
	-webkit-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.75);
}

.experience h1{
	color:#ffffff;
	text-align: left;
	font-family: 'Reenie Beanie', cursive !important;
	font-size: 60px;
}

.experience .experience-block{
	background-color: rgba(0,74,87,0.6);
	padding: 40px;
	border:  solid thin #FFFFFF;
}

/* ------ INDEX ABOUT US ------ */
.about-us{
	position: relative;
	overflow: hidden;
}

.about-us .pic-aboutus{
	position: absolute;
	top:-3px;
	right: 0;
	width: 650px;
	
}
.about-us h2{
	font-size: 45px;
	text-align: left;
}

.about-us{
	/*background-color: #1baab5;*/
	background-color: #000b1d;
	padding: 30px 20px;
	color: #ffffff;
	text-align: center;
	
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.8);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.8);
}

.about-us .numbers p{
	text-align: right;
}

.about-us .numbers span{
	font-family: 'Permanent Marker', cursive;
	font-size: 32px;
	position: relative;
	top:5px;
}

/* ------ INDEX OURTEAM ------ */

.our-team{
	padding: 80px 20px;	
	background-color: rgba(255,255,255,1.00);	
	color: #000000;	
	-webkit-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.75);
	
}

.our-team .tittle{
	font-size: 48px;
}

.our-team p{
	text-align: justify !important;
}

.our-team .advisor-logos {
	margin-top: 20px;
	margin: 0 auto;
	display: table;
}

.our-team .advisor-logos img{
	width: 150px;
	height: auto;
	padding: 10px;
	
}

/* ------ INDEX MAPS ------ */
.map{
	padding: 80px 10px !important;
	background-color: #000b1d;
}
.map-wrapper{
	width: 100%;
	min-height: 100%;
	height: 500px;
	overflow: hidden;
}
.map-wrapper img{
	width: 100%;
	min-height: 100% !important;
 	object-fit: cover !important;
}

.map{
	margin: 0;
	padding: 0;
}

.map .map-size{
	width: 100%;
	height: 500px;
}



/* ------ INDEX OUR SERVICES ------ */
.our-services{
	background-color: #ffffff;
	padding: 30px 0px 0px;
	color: #1baab5;
}

.our-services .pic-services{
	position: relative;
}

.our-services .pic-services .services-text-block{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(33,41,99,0.7);
	
}

.our-services .tittle{
	font-size: 48px;
}


.our-services h4{
	text-align: center;
}

.our-services .moreinfo{
	margin: 0 auto;
	display: table;
	margin-top: 30px;
	color: #1baab5;
	padding: 10px 20px;
	border: thin solid #1baab5;
}

.our-services .moreinfo:hover{
	background-color:#1baab5;
	color: #ffffff;
}



/* ----- ABOUT US PAGE ------*/

.aboutusTittle{
	padding: 30px 20px;
	color: #004A57;
	font-size: 36px;
	text-align: left;
}

.aboutus-page{
	background: url(../../imagenes/surf-board.jpg) no-repeat center center;
	height: auto;
  	width: 100% !important;
	background-size: 100%;
	position: relative;
	padding: 30px 20px;
	color: #004A57;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.8);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.8);
}

.aboutus-page .color-mask{
	background-color: rgba(256,256,256,0.4) !important;
	width: 100%;
	height: 100%;
	padding: 50px 0px 120px 0px !important;
}

.ourteam{
	padding: 80px 40px;	
	background: url(../../imagenes/about-us-background.jpg) no-repeat center center;
  	height: auto;
  	width: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
}
.ourteam .ourteam-block h2{
	text-align: center !important;
}

.ourteam .ourteam-block{
	background-color: rgba(0,74,87,0.8);
	padding: 40px;
	color: #ffffff;
	
}


.ourteam .ourteam-block .advisor-logos {
	margin-top: 40px;
	margin: 0 auto;
	display: table;
}


.ourteam .ourteam-block .advisor-logos img{
	width: 150px;
	height: auto;
	padding: 10px;
	
}

/* ----- SERVICES PAGE -----*/
.services{
	
}

.services h1{
	color:#004A57;
	text-align: left;
	font-family: 'Pacifico', cursive;
	font-size: 50px;
}

.services li{
	font-size: 26px;
	font-family: 'Reenie Beanie', cursive !important;
}

.services .slogan{
	font-size: 36px;
	color:#1baab5;
}


.amenities{
	background-color: #FFFFFF;
}

.amenities .amenities-tittle{
	background-color: #004A57;
	text-align: center;
	padding: 10px;
	font-family: 'Pacifico', cursive;
	font-size: 40px;
	color: #ffffff;
	
}

.wrapper {
  position: relative;
}
.wrapper:after {
  padding-top: 56.25%; 
  display: block;
  content: ' ';
}
.flex-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5px;
  display: flex;
  align-content: center;
}

.flex-container  img{
 	width: 100%;
	min-height: 100% !important;
 	object-fit: cover !important;
}


.flex-container > div {  
  height: 100%;
  display: flex;
  flex-direction: column;
	
  
	
}
.flex-container > div > div {
  margin: 5px;
  display: flex;
}

.flex-overflow{
	overflow: hidden;
}

.flex-text-block {
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 18px;
	background: #004A57;
	padding: 20px;
	color: #FFFFFF;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flex-col-1 {
  width: 25%;
}
  .flex-col-1 .flex-row-1 {
    height: 30%;
  }
  .flex-col-1 .flex-row-2 {
     height: 20%;
  }

  .flex-col-1 .flex-row-3 {
     height: 30%;
  }

.flex-col-1 .flex-row-4 {
     height: 20%;
  }

.flex-col-2 {
  width: 32.5%;
}
  .flex-col-2 .flex-row-1 {
    height: 40%;
  }
  .flex-col-2 .flex-row-2 {
    height: 20%;
  }

  .flex-col-2 .flex-row-3 {
    height: 40%;
  }

  .flex-col-2 .flex-row-4 {
    height: 40%;
  }

.flex-col-3 {
  width: 42.5%;
}
  .flex-col-3 .flex-row-1 {
    height: 44%;
  }
  .flex-col-3 .flex-row-2 {
    height: 56%;
  }

.flex-col-3-inner {
  flex: 1;
  display: flex;

}
  .flex-col-3-inner .flex-col-1-inner {
    width: 60%;
    margin-right: 5px;

  }
  .flex-col-3-inner .flex-col-2-inner {
    width: 40%;
    margin-left: 5px;
	  
  }

.img-continuity{
	width: 100% !important;
	height: auto;
}


.services-list{
	padding: 80px 80px;	
	background: url(../../imagenes/callouts-background.jpg) no-repeat bottom center;
  	height: auto;
  	width: 100%;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	position: relative;
	overflow-x: hidden;
}


.services-list .tittle{
	font-size: 26px;
	font-family: 'Reenie Beanie', cursive !important;
	color:#004A57;
	text-align: center;
}

.services-list .services-list-content p{
	font-size: 14px;
}




/* ----- RATES AND PACKAGES -----*/
.rates{
	padding: 80px 40px;	
	background: url(../../imagenes/rates-background.jpg) no-repeat center bottom;
  	height: auto;
  	width: 100% !important;
	background-size: 100%;
	position: relative;
}


.packagescols .row{display:flex;align-items:stretch;}
.packagescols .row > .col-md-3{width: calc(100% / 4);display: flex;
    flex-direction: column;}
.packagescols .row > .col-md-3 > a {margin-top: auto;}
.packagescols .row:before{
	content:none;
 } 
  
.rates .packages{
	background-color: rgba(0,74,87,0.6);
	padding: 20px;
	border:  solid thin #FFFFFF;
	
	
}
.rates h1{
	color:#004A57;
	text-align: center;
	font-size: 50px;
}



.rates h2{
	color:#ffffff;
	text-align: left;
	font-family: 'Reenie Beanie', cursive !important;
	font-size: 60px;
}


.rates h3{
	color:#ffffff;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.rates h3 span{
	color:#ffffff;
	text-align: center;
	font-size: 24px;
	font-family: 'Reenie Beanie', cursive !important;
	font-weight: normal !important;
}

.rates h4{
	color:#004A57;
	text-align: center;
	font-size: 28px;
}

.rates li{
	color: #FFFFFF;
	font-size: 16px;
}


.promo{
	padding: 80px 40px;	
	background: url(../../imagenes/summer-promotion-background.jpg) no-repeat center top;
  	 height: auto;
	  width: 100%;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; 
}


/* ------ SAYULITA -----*/
.grid-gallery {
  display: grid;
  grid-auto-rows: 200px;
  grid-gap: 1rem;
  grid-auto-flow: row dense;
}

@media all and (min-width: 320px) {
  .grid-gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media all and (min-width: 768px) {
  .grid-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media all and (min-width: 1024px) {
  .grid-gallery {
    grid-template-columns: repeat(6, 1fr);
  }
}

.grid-gallery__item:nth-child(11n+1) {
  grid-column: span 1;
}

.grid-gallery__item:nth-child(11n+4) {
  grid-column: span 2;
  grid-row: span 1;
}

.grid-gallery__item:nth-child(11n+6) {
  grid-column: span 3;
  grid-row: span 1;
}

.grid-gallery__item:nth-child(11n+7) {
  grid-column: span 1;
  grid-row: span 2;
}

.grid-gallery__item:nth-child(11n+8) {
  grid-column: span 2;
  grid-row: span 2;
}

.grid-gallery__item:nth-child(11n+9) {
  grid-row: span 3;
}

.grid-gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ------ CONTACT ----- */
.contact{
	padding: 80px 40px;	
	background: url(../../imagenes/contact-background.jpg) no-repeat center top;
  	height: auto;
  	width: 100% !important;
	background-size: 100%;
	position: relative;
}

.contactform {
	color: #000000 !important;
}

.contactform form ul{
	list-style:none;
	margin:0;
	padding:0;
}

.contactform form li{
	display:list-item;	
	margin-bottom:8px;
	font-size:12px;
}

.contactform form .formGroup{
	margin-bottom:10px;
}

.contactform form input, select, textarea{
	width:97%;	
	font-size:12px;
	background-color:#ffffff;	
  	display: inline-block;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  
  	margin:0;
  	padding: 8px 0px 8px 8px;
  
  	border: 1px solid #b7b7b7;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  
  	color: #000000 !important;
  	-o-text-overflow: clip;
  	text-overflow: clip;

  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	resize: none;
}
.contactform form textarea{
	color: #000000 !important;
}

.contactform form .button{
	font-size:16px;
	font-weight:normal;
	padding:9px 50px;
	text-decoration:none;
	background-color:#4189D3;
	color:#FFFFFF;
	margin-top:20px;
	float:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.contactform form .button:hover{
	text-decoration:none;
	background-color:#BDD0F0;
	color:#4189D3;
}

.contactform form  .txtobligatorios{
	font-size:10px;
	font-weight:normal;
}

/* ------ FOOTER ------ */

footer{
	
  background: url(../../imagenes/sayulita-surf-camps-footer.jpg) no-repeat top center fixed ;
  height: auto;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  color: #ffffff;
}

footer .color-mask{
	background-color: rgba(0,0,0,0.8) !important;
	width: 100%;
	height: 100%;
	padding: 50px 0px 120px 0px !important;
}

footer .newletter-form{
	
}

footer .newsletter-group {
    display: inline-flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
	
}

footer .newletter-form input{
	display: inline-block;
    float: none;
    width: 300px;
    height: 44px;
    border-radius: 3px !important;
	padding: 5px;
	color: #000000;
}

footer .newletter-form button{
	color: #fff;
    background-color: #ff5500;
    border-color: #ff5500;
    margin-left: 10px;
    padding: 8px 35px;
    height: 44px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 3px !important;
    text-transform: uppercase;
}

footer .newletter-form button:hover{
    background-color: #1baab5;
	border-color: #1baab5;
}



footer .footer-logo{
	width: 150px;
	height: auto;
	margin-bottom: 20px;
}


footer .tittle{
	font-size: 48px;
	text-align: center;
}

footer .subtittles{
	font-size: 24px;
}

footer .social-icons ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

footer .social-icons li{
	display: inline-block;
	margin-right: 10px;
}

footer .social-icons li img{
	width: 40px;
	height: auto;
}



footer .social-icons a{
	color: #ffffff;
	font-size: 35px;
}

footer .social-icons a:hover{
	color: #1baab5;
}



footer .footer-links li{
	margin-bottom: 10px;
}

footer .footer-links a{
	color:#ffffff;
}


footer .footer-links a:hover{
	color:#ffffff;
	text-decoration: underline !important;
}


footer .footer-address i{
	margin-right: 10px;
}


footer .footer-address a{
	color:#ffffff;
}

footer .footer-address a:hover{
	color:#ffffff;
	text-decoration: underline !important;
}


footer .copyright{
	text-align: center;
	font-size: 12px;
}


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

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }
  40%, 43% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(0,-4px,0);
  transform: translate3d(0,-4px,0);
  }
  }
  
  @keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }
  40%, 43% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);
  }
  } 


	@-webkit-keyframes shakeit {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(3deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(-3deg);  }
	100% { -webkit-transform: rotate(0deg);  }
	}
	@keyframes shakeit {
	0% { transform: rotate(0deg);  }
	25% { transform: rotate(3deg);  }
	50% { transform: rotate(0deg);  }
	75% { transform: rotate(-3deg);  }
	100% { transform: rotate(0deg);  }
	}

	@-webkit-keyframes run {
		0% { right: 0%;}
		50%{ right : 5%;}
		100%{ right: 0%;}
	}