/*-----------------------------------------------------------------------------



	-	revolution slider -



Screen Stylesheet



author:		themepunch

email:     	info@themepunch.com

website:   	http://www.themepunch.com

-----------------------------------------------------------------------------*/





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

	-	WRAPPER STYLES		-

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



.rev_slider_wrapper{

	position:relative;

}



.rev_slider{

	position:relative;

	overflow:hidden;

}







.rev_slider img{

	max-width:none !important;

}





.rev_slider .no-slides-text{

	font-weight:bold;

	text-align:center;

	padding-top:80px;

}



.rev_slider ul{

	margin:0px;

	padding:0px;

	list-style: none;

}



.rev_slider >ul >li{

	list-stye:none;

	position:absolute;

	visibility:hidden;

	margin:0px;

	padding:0px;

	overflow-x: visible;

	overflow-y: visible;

}



.rev_slider .caption {

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



}



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

	-	WRAPPER STYLES END	-

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



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

	-	IE8 HACKS	-

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

.noFilterClass {

	filter:none !important;

}

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

	-	IE8 HACKS ENDS	-

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



.fullwidthbanner-container{

	width:100% !important;

	position:relative;

	padding:0;

	overflow:hidden;

}



.fullwidthbanner-container .fullwidthabanner{

	width:100% !important;

	position:relative;

}





.tp-simpleresponsive .caption {

	-ms-filter: "progid:DXImageTransform.Microsoft.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;

	}



.tp-bannershadow.tp-shadow1 {	background:url(../assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}

.tp-bannershadow.tp-shadow2 {	background:url(../assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}

.tp-bannershadow.tp-shadow3 {	background:url(../assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}





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

	-	BUTTONS	-

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



.tp-button {

			display: inline-block; 

		    border: 1px solid rgba(0, 0, 0, 0.5);

		    font-size: 12px;

			padding: 3px 10px;

		    font-weight: bold;

		    margin: 0 10px 10px 0;

		    text-shadow: 0 1px 0 rgba(0, 0, 0, .75);

		    box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .5), inset 0 10px 20px rgba(255, 255, 255, .25);

		    border-radius: 2px;

		    color: white !important;

		    text-decoration: none;

		    line-height: 1.625;

		    text-transform: none;

		    letter-spacing: 0;

		    background-color: #f5f5f5;

		    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

		    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

		    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

		    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

		    -webkit-transition: none;

		    -moz-transition: none;

		    -o-transition: none;

		    -ms-transition: none;

		    -webkit-user-select: none;

		    -moz-user-select: none;

		    -ms-user-select: none;

		    -o-user-select: none;

		    user-select: none;

		    vertical-align: middle;

		    line-height: normal;

}

.tp-button i {
	vertical-align: middle;
}



.tp-button:active {

    box-shadow: 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, .5) inset, 0 1px 20px rgba(0, 0, 0, .15);

    color: white;

}



.tp-button.big {

	font-size: 16px;

    padding: 7px 17px;

}





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

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

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

	}



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

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

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

	}





/*	BUTTON COLORS	*/



.tp-button.green,

.purchase.green {

	background-color: #36AF70;
    background-image: -webkit-linear-gradient(top, #57CA8E, #36AF70);
    background-image: -o-linear-gradient(top, #57CA8E, #36AF70);
    background-image: linear-gradient(to bottom, #57CA8E, #36AF70);
    background-image: -moz-linear-gradient(top, #57CA8E, #36AF70);

}

.tp-button:hover.green,

.purchase:hover.green,

.tp-button:active.green,

.purchase:active.green {

	background-color: #5cd697;
    background-image: -webkit-linear-gradient(top, #5cd697, #3abd79);
    background-image: -o-linear-gradient(top, #5cd697, #3abd79);
    background-image: linear-gradient(to bottom, #5cd697, #3abd79);
    background-image: -moz-linear-gradient(top, #5cd697, #3abd79);

}





.tp-button.blue,

.purchase.blue {

	background-color: #006dcc;
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);

}

.tp-button:hover.blue,

.purchase:hover.blue,

.tp-button:active.blue,

.purchase:active.blue {

	background-color: #004CE5;
    background-image: -webkit-linear-gradient(top, #0099E5, #004CE5);
    background-image: -o-linear-gradient(top, #0099E5, #004CE5);
    background-image: linear-gradient(to bottom, #0099E5, #004CE5);
    background-image: -moz-linear-gradient(top, #0099E5, #004CE5);

}





.tp-button.red,

.purchase.red {

	background-color: #E51200;
    background-image: -webkit-linear-gradient(top, #E55C00, #E51200);
    background-image: -o-linear-gradient(top, #E55C00, #E51200);
    background-image: linear-gradient(to bottom, #E55C00, #E51200);
    background-image: -moz-linear-gradient(top, #E55C00, #E51200);

}

.tp-button:hover.red,

.purchase:hover.red,

.tp-button:active.red,

.purchase:active.red {

	background-color: #F21400;
    background-image: -webkit-linear-gradient(top, #F26100, #F21400);
    background-image: -o-linear-gradient(top, #F26100, #F21400);
    background-image: linear-gradient(to bottom, #F26100, #F21400);
    background-image: -moz-linear-gradient(top, #F26100, #F21400);

}



.tp-button.orange,

.purchase.orange {

	background-color: #CC4900;
    background-image: -webkit-linear-gradient(top, #CC8300, #CC4900);
    background-image: -o-linear-gradient(top, #CC8300, #CC4900);
    background-image: linear-gradient(to bottom, #CC8300, #CC4900);
    background-image: -moz-linear-gradient(top, #CC8300, #CC4900);
}

.tp-button:hover.orange,

.purchase:hover.orange,

.tp-button:active.orange,

.purchase:active.orange {

	background-color: #E55000;
    background-image: -webkit-linear-gradient(top, #E59500, #E55000);
    background-image: -o-linear-gradient(top, #E59500, #E55000);
    background-image: linear-gradient(to bottom, #E59500, #E55000);
    background-image: -moz-linear-gradient(top, #E59500, #E55000);

}



.tp-button.darkgrey,

.tp-button.grey,

.purchase.darkgrey {

	background-color: #474747;

    background-image: -webkit-linear-gradient(top, #535353, #474747);

    background-image: -o-linear-gradient(top, #535353, #474747);

    background-image: linear-gradient(to bottom, #535353, #474747);

    background-image: -moz-linear-gradient(top, #535353, #474747);

}

.tp-button:hover.darkgrey,

.tp-button:hover.grey,

.purchase:hover.darkgrey,

.tp-button:active.darkgrey,

.tp-button:active.grey,

.purchase:active.darkgrey {

	background-color: #545454;

    background-image: -webkit-linear-gradient(top, #616161, #545454);

    background-image: -o-linear-gradient(top, #616161, #545454);

    background-image: linear-gradient(to bottom, #616161, #545454);

    background-image: -moz-linear-gradient(top, #616161, #545454);

}



.tp-button.lightgrey,

.purchase.lightgrey	{

	background-color: #5F5F5F;

    background-image: -webkit-linear-gradient(top, #7E7E7E, #5F5F5F);

    background-image: -o-linear-gradient(top, #7E7E7E, #5F5F5F);

    background-image: linear-gradient(to bottom, #7E7E7E, #5F5F5F);

    background-image: -moz-linear-gradient(top, #7E7E7E, #5F5F5F);

}

.tp-button:hover.lightgrey,

.purchase:hover.lightgrey,

.tp-button:active.lightgrey,

.purchase:active.lightgrey {

	background-color: #6b6b6b;

    background-image: -webkit-linear-gradient(top, #6e6e6e, #6b6b6b);

    background-image: -o-linear-gradient(top, #6e6e6e, #6b6b6b);

    background-image: linear-gradient(to bottom, #6e6e6e, #6b6b6b);

    background-image: -moz-linear-gradient(top, #6e6e6e, #6b6b6b);

}







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

	-	NAVIGATION	-

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



/** BULLETS **/

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

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





.tp-bullets.simplebullets.navbar				{ bottom:-20px; background:url(../assets/navigdots_bgtile.png); 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;	background:url(../assets/bullets.png) no-Repeat bottom left;	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;	background:url(../assets/bullets2.png) no-Repeat bottom left;	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;	background:url(../assets/navigdots.png) no-Repeat bottom left;	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;	background:url(../assets/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:-13px;	}

.tp-rightarrow						{	z-index:100;cursor:pointer; position:relative;	background:url(../assets/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:-13px;}



.tp-leftarrow.navbar				{	z-index:100;cursor:pointer; position:relative;	background:url(../assets/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:-20px; margin-top:-8px;}

.tp-rightarrow.navbar				{	z-index:100;cursor:pointer; position:relative;	background:url(../assets/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:-20px; margin-top:-8px;}

.tp-leftarrow.navbar.thumbswitharrow	{	margin-right:10px; }

.tp-rightarrow.navbar.thumbswitharrow	{	margin-left:0px; }



.tp-leftarrow.square				{	z-index:100;cursor:pointer; position:relative;	background:url(../assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:-9px;}

.tp-rightarrow.square				{	z-index:100;cursor:pointer; position:relative;	background:url(../assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:-9px;}



.tp-leftarrow.large					{	z-index:100;cursor:pointer; position:relative;	background:url(../assets/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(../assets/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)";		-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)";		-moz-opacity: 1;	-khtml-opacity: 1;	opacity: 1;}

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





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

		-	TP BANNER TIMER		-

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

.tp-bannertimer								{	width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;}









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

	-	RESPONSIVE SETTINGS 	-

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





	@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(../assets/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;

			}



.tp-link {

			color: white !important;

			border-bottom: 1px solid rgba(255, 255, 255, .55);

			text-transform: uppercase;

			letter-spacing: 1px;

			line-height: 1.625;

			font-size: 17px;

			font-weight: bold;

			clear: none;

			position: relative;

			margin: 0 0 11px 0;	

			text-shadow: 0 1px 10px rgba(0, 0, 0, .85);

			max-width: 938px;

			white-space:  normal !important;

}



.tp-link:active,

.tp-link:hover  {

    color: #F2C34B !important;

	border-bottom: 1px solid #F2C34B;

}