/* HOMEPAGAE
    ========================================================================== */

#flight001-homepage{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* tile sizing */
.f1-homepage-hero-block, .f1-homepage-2-blocks, .f1-homepage-1-big-block, .f1-homepage-three-blocks{
	max-width: 1140px;
	margin: 0px auto;
	position: relative;
}

/* main image for all blocks setup*/
.block-main-image img{
	max-width: 100%;
	height: auto;
}



/* SETTING UP TEXT OVER IMAGE and STYLES*/

/* align text box and text center */
.f1-banner-content.center{
	 width: 40%;
	  height: 55%;
	  margin: auto;
	  position: absolute;
	  top: 0; left: 0; bottom: 0; right: 0;
	  display: table;
}

/*align text box left */
.f1-banner-content.left{
	 width: 35%;
	  height: 35%;
	  margin: auto;
	  position: absolute;
	  top: 0; left: -40%; bottom: 0; right: 0;
}

/*align text box right */
.f1-banner-content.right{
	 width: 35%;
	  height: 35% !important;
	  margin: auto;
	  position: absolute;
	  top: 0; right: -55%; bottom: 0; left: 0;
}

/*align text box below content */
.f1-banner-content.below{
	margin: auto;
	margin-top: 15px;
}

/* hiding mobile image */
.block-main-image.mobile{
	display: none;
}


/* TEXT SETUP FOR TILE 1 */

.f1-banner-content .text-container-hero{
	text-align: center; /* change alignment for hero text here */
}

.f1-homepage-hero-block .banner-title-hero {
	font-weight: 600;
	font-size: 25pt;
	line-height: 40pt;
	letter-spacing: 3pt;
	text-transform: uppercase;
	color: white; /* change text color here */
}


.f1-homepage-hero-block .banner-text-hero {
	font-weight: 100;
	font-size: 16pt;
	line-height: 25pt;
	color: white;
	letter-spacing: 1pt;
}


/* TEXT SETUP FOR TILE 2 and 3 */

.f1-homepage-2-blocks{
	 min-height: 200px;
}

.f1-homepage-1-big-block{
	min-height: 220px;
}

.f1-homepage-2-blocks .f1-banner-content{
	 width: 60%;
}


.f1-homepage-2-blocks .f1-banner-content, .f1-homepage-1-big-block .f1-banner-content{
	text-align: center; /* change alignment text here for tiles 2 and 3 */
}


.banner-title {
	font-weight: 600;
	font-size: 15pt;
	line-height: 30pt;
	letter-spacing: 3pt;
	text-transform: uppercase;
	color: white; /* change text color here */
}


.banner-text {
	font-weight: 500;
	font-size: 10pt;
	line-height: 15pt;
	color: white;
	letter-spacing: 1pt;
}






/* TEXT SETUP FOR TILE 4 */

.f1-homepage-three-blocks {
	margin-bottom: 30px;
}

.f1-homepage-three-blocks .f1-banner-content{
	text-align: center; /* change alignment text here for tiles 2 and 3 */
}


.f1-homepage-three-blocks .banner-title {
	font-weight: 600;
	font-size: 10pt;
	line-height: 20pt;
	letter-spacing: 2pt;
	text-transform: uppercase;
	text-decoration: underline;
	color: #00a3e0; /* change text color here */
}


.f1-homepage-three-blocks .banner-text {
	font-weight: 500;
	font-size: 8pt;
	line-height: 20pt;
	color: #000000;
}


.banner-title a:hover{
	color: #484c55;
}





/* Image mouseover - home */

.mouseover-image-effect {
	position: relative;
	overflow: hidden;
/*	background-color: black;*/
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}


.mouseover-image-effect img {
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}





/* BUTTONS */

/*for all buttons: */
.f1-button-home-white, .f1-button-home-blue, .f1-button-home-grey {
	display: inline-block;
	padding: 1em 2em;
	font-size: 10pt;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1pt;
	text-decoration: none;
}


.f1-button-home-white:hover, .f1-button-home-blue:hover, .f1-button-home-grey:hover {
	text-decoration: none;
}



/* white bkg */
.f1-button-home-white {
	background: #fff; /* change background color here */
	color: #616161; /* change text color here */
}

.f1-button-home-white:hover{
	color: #fff; /* change text mouseover color here */
	background-color: #00a3e0; /* change button background color here */
}



/* blue bkg */
.f1-button-home-blue {
	background-color: #00a3e0; /* change background color here */
	color: #fff; /* change text color here */
}

.f1-button-home-blue:hover{
	color: #fff; /* change text mouseover color here */
	background-color: #484c55; /* change button background color here */
}



/* grey bkg */
.f1-button-home-grey {
	background-color: #484c55; /* change background color here */
	color: #fff; /* change text color here */
}

.f1-button-home-grey:hover{
	color: #fff; /* change text mouseover color here */
	background-color: #00a3e0; /* change button background color here */
}




/* NEWSLETTERS */

.newsletter_style_1 .block-subscribe .block-title {
	font-size: 10pt;
	letter-spacing: 2px;
	line-height: 20px;
}

::-webkit-input-placeholder {
	color: #fff;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #fff;
}

	.arw_sebian_fashion_1_block_newsletter_mobile{
		display: none;
	}

	.arw_sebian_fashion_1_block_newsletter{
		display: block;
	} 




/* OTHER CLASSEs */

.margin-top-30{
	margin-top: 30px;
}

.margin-top-20{
	margin-top: 20px;
}






/* MEDIA */


@media (max-width: 1197px) { 
	/* for hero home */
 .f1-banner-content.center.hero {
 	width: 50% !important;
 }

 /* for all other tiles*/
  .f1-banner-content.center {
 	width: 80% !important;
 }

  .f1-banner-content.left.hero , .f1-banner-content.right.hero {
 	height: 55% !important;
 }


}


@media (max-width: 991px) { 
/*newsletter fix*/
	.arw_sebian_fashion_1_block_newsletter .block-title {
		margin-left: 20px;
	}

	.newsletter_style_1 {
		padding-top: 2em;
	}

	/* for hero home */
 .f1-banner-content.center.hero {
 	width: 50% !important;
 }

 	/* for hero home */
 .f1-banner-content.left.hero , .f1-banner-content.right.hero {
 	width: 35% !important;
 	height: 60% !important;
 }

.f1-homepage-hero-block .banner-title-hero{
	font-size: 18pt;
	line-height: 25pt;
}

.f1-homepage-hero-block .banner-text-hero{
	font-size: 14pt; 
	line-height: 20pt;
}
 .f1-banner-content.right{
 	right: -55%;
 }



 /* for all other tiles*/
  .f1-banner-content.center {
 	width: 90% !important;
 }

 .f1-homepage-2-blocks .f1-banner-content, .f1-homepage-1-big-block .f1-banner-content{
	-webkit-transform: translateX(20px);
}

}





@media (max-width: 800px) { 
 /* for all other tiles*/
  .f1-banner-content.center {
 	width: 95% !important;
 }


}



@media (max-width: 768px) { 


	.margin-top-30 {
		margin-top: 20px;
		padding: 0px;
	}


	/* hero*/
	.banner-text-hero{
		display: none;
	}

	.banner-title,{
		font-size: 20pt; /* making text size bigger for main tile */
	}

	/* hiding the main image for desktop */ 
	.f1-homepage-hero-block .block-main-image{
		display: none; 

	}

	/* space below main image */
	.f1-homepage-hero-block {
		margin-bottom: 40px; 
	}

	/* hiding full width tile image */
	.f1-homepage-1-big-block .block-main-image{
		display: none; 
	}
	/*display all mobile blocks (hero and full width) */

	.block-main-image.mobile{
		display: block; 
	}


	.f1-homepage-three-blocks .banner-text{
		display: block; /* showing 3 block text */
		font-size: 10pt;
	}

	.f1-homepage-three-blocks{
		padding: 0px 30px;
		margin-top: 20px;
	}

	 /* for all other tiles*/
	 .f1-banner-content.center {
	 	width: 95% !important;
	 }

	 .f1-banner-content.left.hero, .f1-banner-content.right.hero{
	 	width: 100% !important;
 		height: 30% !important;
	 	right: 0;
	 }

}


@media (max-width: 500px) { 

	.banner-text{
		display: none;
	}

 /* for all other tiles*/
  .f1-banner-content.center {
 	width: 70% !important;
 }


	/*newsletter fix*/
	.arw_sebian_fashion_1_block_newsletter{
		display: none;
	} 

	.arw_sebian_fashion_1_block_newsletter_mobile{
		display: block;
		text-align: center;
	}
}