/**
 * 	Name: rev-slider.css
 *
 *  Extra styling for Revolution Slider. Only used if the Revolution Slider plugin is installed and activated. 
 *
 */
 
/* ==========================================================================
   =Revolution Slider
   ========================================================================== */
   
/* =Rev Slider Pager
   ========================================================================== */

   /**
 	 * 1. changing the z-index from 1000 so that the bullets don't go over the sticky menu
 	 */
   
	.tp-bullets { 
		z-index: 100; /* 1 */
	}
	
	.tp-bullets.default .tp-bullet {
		width: 4px;
		height: 4px;
		border: 3px solid #252525;
		border-radius: 50%;
		background: transparent;
	}

	.tp-bullets.default .tp-bullet:hover,
	.tp-bullets.default .tp-bullet.selected {
		border-color: #1c9bdc;
		background: #1c9bdc; 
	}

/* =Rev Slider navigation
   ========================================================================== */
	
	.tp-leftarrow.default,
	.tp-rightarrow.default {
		width: 36px;
		height: 36px;
		border: 3px solid #252525;
		border-radius: 3px;
		background-color: transparent;
	}

	.tp-leftarrow.default:hover,
	.tp-rightarrow.default:hover {
		border-color: #1c9bdc;
		background: #1c9bdc; 
	}
	
	.tp-leftarrow.default:before,
	.tp-rightarrow.default:before {
		font-family: "FontAwesome";
		color: #252525;
		font-size: 32px;
		line-height: 36px;
	}
	
	.tp-leftarrow.default:before { content: "\f104"; }
	.tp-rightarrow.default:before { content: "\f105"; }
	
	.tp-leftarrow.default:hover:before,
	.tp-rightarrow.default:hover:before { color: #fff; }
	
/* =Rev Slider progress bar
   ========================================================================== */
	
	.tp-bannertimer {
		top: auto;
		bottom: 0;
		background-color: #1c9bdc;
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.tp-leftarrow.default,
		.tp-rightarrow.default { display: none; }
		
	}

	@media (max-width: 767px) {
		
		.tp-leftarrow.default,
		.tp-rightarrow.default { display: none; }
		
		.tp-bullets {
			top: auto !important;
			bottom: -40px !important; 
		}
		
	}