/************************************************
 *
 * CSS for integration of revolution slider plugin into layout
 * http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/full_screen_preview/2580848
 * use this in addition to the rs-plugin/ directory (which has the core slider CSS)
 *
 * /



/***********************
	-	BASICS 	-
***********************/
html {
	overflow-x:hidden;
	padding: 0 !important;
	margin:0px !important;
}


ol.no-bullets, ul.no-bullets {  list-style: none; }

a{	text-decoration:none;}



  /*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-
  **********************************************************************************************/

  /***************************
	- RESPONSIVE VERSION -
  *****************************/

  .banner-container {
		padding:5px;
		background-color:#fff;
		width:890px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:140px; /* space for thumbnails that are position absolute */
	}

  .banner{
		width:890px;
		height:490px;
		position:relative;
		overflow:hidden;
   }

    @media only screen and (min-width: 768px) and (max-width: 959px) {
 		  .banner, .banner-container			{	width:750px; height:412px;}
	 }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		   .banner, .banner-container		{	width:470px; height:258px;	}
	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
			.banner, .banner-container		{	width:310px;height:170px;	}
	}


  /*****************************
	-	REGULAR VERSION   -
  ******************************/
    .banner-container-simple {
		padding:5px;
		background-color:#fff;
		width:890px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;

	}

  .banner-simple{
		width:890px;
		height:490px;
		position:relative;
		overflow:hidden;
   }


 /*********************************
	-	FULL WIDTH VERSION 	-
 ***********************************/
 .fullwidth-banner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:600px !important;
	overflow:hidden;
}

 .homepage .fullwidth-banner-container{
	max-height:500px !important;
}