

.tp-simpleresponsive .caption {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; position:absolute;

}





/******************************

	-	SHADOWS		-

******************************/

.tp-bannershadow  { 		

		position:absolute;  	

		

		margin-left:auto;

		margin-right:auto;

		-moz-user-select: none; 

        -khtml-user-select: none; 

        -webkit-user-select: none; 

        -o-user-select: none; 

	}

	



/*************************

	-	CAPTIONS	-

**************************/

.caption.big_white	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 36px ; 

						line-height: 36px; 

						font-family: Arial; 

						padding: 0px 4px; 

						padding-top: 1px;

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						background-color:#000;	

						letter-spacing: -1.5px;										

					}



.caption.big_orange	{

						position: absolute; 

						color: #ff7302; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 36px; 

						line-height: 36px; 

						font-family: Arial; 

						padding: 0px 4px; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						background-color:#fff;	

						letter-spacing: -1.5px;															

					}	

					

.caption.big_black	{

						position: absolute; 

						color: #000; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 36px; 

						line-height: 36px; 

						font-family: Arial; 

						padding: 0px 4px; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						background-color:#fff;	

						letter-spacing: -1.5px;															

					}		



.caption.medium_grey	{

						position: absolute; 

						color: #393939; 

						text-shadow: none; 

						font-size: 20px; 

						line-height: 20px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						

					}	

					.caption.medium_grey2	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-size: 20px; 

						line-height: 20px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						

					}	

					

.caption.small_text	{

						position: absolute; 

						color: #4c4c4c; 

						text-shadow: none; 

						font-size: 14px; 

						line-height: 20px; 

						font-family: Arial; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						

					}

.caption.small_text2	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-size: 14px; 

						line-height: 20px; 

						font-family: Arial; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						

					}

					

.caption.medium_text	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 20px; 

						line-height: 20px; 

						font-family: Arial; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		

					}

					

.caption.large_text	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 40px; 

						line-height: 40px; 

						font-family: Arial; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		

					}	

					

.caption.very_large_text	{

						position: absolute; 

						color: #60cae8; 

						text-shadow: none; 

						font-size: 60px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						

						

					}	

					.caption.very_large_text2	{

						position: absolute; 

						color: #f11aa8; 

						text-shadow: none; 

						font-size: 60px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;

						

					}	

					.caption.very_large_text3	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-size: 60px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;

						

					}	

					

					.caption.very_large_text4	{

						position: absolute; 

						color: #f6c815; 

						text-shadow: none; 

						font-size: 60px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;

						

					}	

					

					.caption.very_large_text5	{

						position: absolute; 

						color: #bed431; 

						text-shadow: none; 

						font-size: 60px; 

						font-family: 'BebasRegular';

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;

						

					}	

					

					

.caption.very_big_white	{

						position: absolute; 

						color: #fff; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 60px; 

						line-height: 60px; 

						font-family: Arial; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						padding: 0px 4px; 

						padding-top: 1px;

						background-color:#000;		

					}	

					

.caption.very_big_black	{

						position: absolute; 

						color: #000; 

						text-shadow: none; 

						font-weight: 700; 

						font-size: 60px; 

						line-height: 60px; 

						font-family: Arial; 

						margin: 0px; 

						border-width: 0px; 

						border-style: none; 

						white-space:nowrap;	

						padding: 0px 4px; 

						padding-top: 1px;

						background-color:#fff;		

					}

					

.caption.boxshadow	{

						-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);

						-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);

						box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);

					}

											

.caption.black {

						color: #000; 

						text-shadow: none;		

					}	

					

.caption.noshadow {

						text-shadow: none;		

					}	

					

.caption a { color: #ff7302; text-shadow: none;	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;	 }			

.caption a:hover { color: #ffa902; }					







/******************************

	-	BUTTONS	-

*******************************/



.button				{	padding:8px 26px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height:30px;						

						cursor:pointer;

						color:#393939 !important; font-size:15px; line-height:45px !important; text-transform:uppercase;

						font-family: 'Open Sans',sans-serif; 

					}

					

.button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important;}				



						

.purchase:hover,

.button:hover,

.button.big:hover		{	background-position:bottom, 15px 11px;}



	  

	  

	@media only screen and (min-width: 768px) and (max-width: 959px) {



	 }  

  	

  

	  

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}

		a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }

		

				

	}

   

    @media only screen and (min-width: 0px) and (max-width: 479px) {   

		.button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}

		a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }

	}

	

					







/*	BUTTON COLORS	*/					







.button.green, .button:hover.green,

.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }





.button.blue, .button:hover.blue,

.purchase.blue, .purchase:hover.blue			{ border:solid 1px #fff; color:#fff !important;}			





.button.red, .button:hover.red,

.purchase.red, .purchase:hover.red				{ border:solid 1px #a0a0a0; }





.button.orange, .button:hover.orange,

.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00;}

	

.button.darkgrey,.button.grey,

.button:hover.darkgrey,.button:hover.grey,

.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222;}																			



.button.lightgrey, .button:hover.lightgrey,

.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555;}						







/************************

	-	NAVIGATION	-

*************************/



/** BULLETS **/

.tp-bullets									{	z-index:100; position:absolute; bottom:10px; }

.tp-bullets.simplebullets					{ 	bottom:10px;}





.tp-bullets.simplebullets.navbar				{ bottom:-20px;height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;}

								

.tp-bullets.simplebullets .bullet			{	cursor:pointer; position:relative;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:-12px;}									

.tp-bullets.simplebullets .bullet.last		{	margin-right:0px;}



/**	SQUARE BULLETS **/

.tp-bullets.simplebullets.square .bullet			{	cursor:pointer; position:relative;width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}									

.tp-bullets.simplebullets.square .bullet.last		{	margin-right:0px;}



/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar .bullet		{	cursor:pointer; position:relative;width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}										

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:30px !important;}

.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:30px !important;}



.tp-bullets.simplebullets .bullet:hover, 

.tp-bullets.simplebullets .bullet.selected	{	background-position:top left; }









/*************************************

	-	TP ARROWS 	-

**************************************/





.tp-leftarrow						{	z-index:100;cursor:pointer; position:relative;width:26px;	height:26px;  margin-right:0px; float:left; margin-top:-13px;	}										

.tp-rightarrow						{	z-index:100;cursor:pointer; position:relative;width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:-13px;}										



									



.tp-leftarrow.large					{	z-index:100;cursor:pointer; position:relative;	background:url(../images/slides/arrow_large_left.png) no-Repeat top left;	width:46px;	height:46px;  margin-left:20px; margin-top:-23px; }										

.tp-rightarrow.large				{	z-index:100;cursor:pointer; position:relative;	background:url(../images/slides/arrow_large_right.png) no-Repeat top left;	width:46px;	height:46px;  margin-left:-20px; margin-top:-23px; }										



.tp-leftarrow:hover,

.tp-rightarrow:hover {	background-position:bottom left; }













/****************************************************************************************************

	-	TP THUMBS 	-	

*****************************************************************************************************



 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)



 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)



 *****************************************************************************************************/





.tp-bullets.tp-thumbs						{	z-index:100; position:absolute; padding:0px 2px 2px;background-color:#fff;

												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */

											}

											

.fullwidthbanner-container .tp-thumbs					{  padding:2px;}											



.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */

												overflow:hidden; position:relative;}





.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}



.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */

												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;

												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	filter: alpha(opacity=50);	-moz-opacity: 0.5;	-khtml-opacity: 0.5;	opacity: 0.5;

												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;	

											}

.tp-bullets.tp-thumbs .bullet:hover,

.tp-bullets.tp-thumbs .bullet.selected		{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=1);	-moz-opacity: 1;	-khtml-opacity: 1;	opacity: 1;}											

.tp-thumbs img								{	width:100%; }





/************************************

		-	TP BANNER TIMER		-

*************************************/

.tp-bannertimer								{	width:100%; height:10px; position:absolute; z-index:200;}

	

	

	

	

/***************************************

	-	RESPONSIVE SETTINGS 	-

****************************************/	

	

	

	@media only screen and (min-width: 768px) and (max-width: 959px) {



	 }  

  	

  

	  

	@media only screen and (min-width: 480px) and (max-width: 767px) {

			.responsive .tp-bullets.tp-thumbs				{	width:300px !important; height:30px !important;}

			.responsive .tp-bullets.tp-thumbs .tp-mask		{	width:300px !important; height:30px !important;}

			.responsive .tp-bullets.tp-thumbs .bullet		{	width:60px !important;height:30px !important;}

				

	}

   

    @media only screen and (min-width: 0px) and (max-width: 479px) {   

				.responsive .tp-bullets	{	display:none}

				.responsive .tparrows	{	display:none;}

	}

	

   

   



   

/*********************************************



	-	BASIC SETTINGS FOR THE BANNER	-



***********************************************/



 .tp-simpleresponsive img {

		-moz-user-select: none; 

        -khtml-user-select: none; 

        -webkit-user-select: none; 

        -o-user-select: none; 

}





.tp-simpleresponsive ul {

	list-style:none;

	padding:0;

	margin:0;

}			



.tp-simpleresponsive >ul li{

	list-stye:none;			

	position:absolute;

	visibility:hidden;

}

/*  CAPTION SLIDELINK   **/

.caption.slidelink a div {	width:10000px; height:10000px;  }  



.tp-loader 	{	background:url(../images/slides/loader.gif) no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;

				border-radius: 3px; 

				-moz-border-radius: 3px; 

				-webkit-border-radius: 3px; 

			}

   

   

   

   

 

