/** VISIBILITY **/
.hidden {display: none!important;}
.visible {display: block!important;}

/** COUNTDOWN **/
#countdown_container {display: inline-block; position: relative; left: 0; top: 0; font-family:"speak_bold",Arial; text-align: center;}
.cc_alignment_center {margin: 0 auto;}
.cc_alignment_left {margin: 0;}
.cc_alignment_right {margin: 0; float: right;}
.w_hps {width: 243px;}
.w_overview {width: 100%;}
.w_details {width: 210px;}
.countdown_header {padding: 15px 15px 5px 15px; font-size: 1em;}
#countdown {padding: 0 8px 15px 8px; font-size: 1.8em;}

/** CONTAINER ARROWS **/
.arrow_right:after {content: ''; display: block; position: absolute; left: 100%; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left-style: solid; border-left-width: 10px;}
.arrow_right_color_dblue:after {border-left-color: #224499!important;}	
.arrow_right_color_dgreen:after {border-left-color: #11aa44!important;}	
.arrow_right_color_lblue:after {border-left-color: #00aadd!important;}	
.arrow_right_color_lgreen:after {border-left-color: #aadd22!important;}	
.arrow_right_color_orange:after {border-left-color: #ff6600!important;}	
.arrow_right_color_purple:after {border-left-color: #771199!important;}	
.arrow_right_color_red:after {border-left-color: #cc0022!important;}	

.arrow_left:after {content: ''; display: block; position: absolute; right: 100%; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-right-style: solid; border-right-width: 10px;}
.arrow_left_color_dblue:after {border-right-color: #224499!important;}	
.arrow_left_color_dgreen:after {border-right-color: #11aa44!important;}	
.arrow_left_color_lblue:after {border-right-color: #00aadd!important;}	
.arrow_left_color_lgreen:after {border-right-color: #aadd22!important;}	
.arrow_left_color_orange:after {border-right-color: #ff6600!important;}	
.arrow_left_color_purple:after {border-right-color: #771199!important;}	
.arrow_left_color_red:after {border-right-color: #cc0022!important;}

.arrow_bottom:after {content: ''; display: block; position: absolute; left: 0; top: 100%; margin-left: 45%; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-top-style: solid; border-top-width: 10px;}
.arrow_bottom_color_dblue:after {border-top-color: #224499!important;}	
.arrow_bottom_color_dgreen:after {border-top-color: #11aa44!important;}	
.arrow_bottom_color_lblue:after {border-top-color: #00aadd!important;}	
.arrow_bottom_color_lgreen:after {border-top-color: #aadd22!important;}	
.arrow_bottom_color_orange:after {border-top-color: #ff6600!important;}	
.arrow_bottom_color_purple:after {border-top-color: #771199!important;}	
.arrow_bottom_color_red:after {border-top-color: #cc0022!important;}

.arrow_top:after {content: ''; display: block; position: absolute; left: 0; bottom: 100%; margin-left: 45%; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom-style: solid; border-bottom-width: 10px;}
.arrow_top_color_dblue:after {border-bottom-color: #224499!important;}	
.arrow_top_color_dgreen:after {border-bottom-color: #11aa44!important;}	
.arrow_top_color_lblue:after {border-bottom-color: #00aadd!important;}	
.arrow_top_color_lgreen:after {border-bottom-color: #aadd22!important;}	
.arrow_top_color_orange:after {border-bottom-color: #ff6600!important;}	
.arrow_top_color_purple:after {border-bottom-color: #771199!important;}	
.arrow_top_color_red:after {border-bottom-color: #cc0022!important;}

.arrow_topleft:after {content: ''; display: block; position: absolute; left: 0; bottom: 100%; margin-left: 15%; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom-style: solid; border-bottom-width: 10px;}
.arrow_topleft_color_dblue:after {border-bottom-color: #224499!important;}	
.arrow_topleft_color_dgreen:after {border-bottom-color: #11aa44!important;}	
.arrow_topleft_color_lblue:after {border-bottom-color: #00aadd!important;}	
.arrow_topleft_color_lgreen:after {border-bottom-color: #aadd22!important;}	
.arrow_topleft_color_orange:after {border-bottom-color: #ff6600!important;}	
.arrow_topleft_color_purple:after {border-bottom-color: #771199!important;}	
.arrow_topleft_color_red:after {border-bottom-color: #cc0022!important;}


/** FOREGROUND COLOURS **/
.color-white {color: #fff!important;}
.color-lgrey {color: #cbcbcb!important;}

/** BACKGROUND COLOURS **/
.bgcolor-dblue {background-color: #224499!important;}
.bgcolor-dgreen {background-color: #11aa44!important;}
.bgcolor-lblue {background-color: #00aadd!important;}
.bgcolor-lgreen {background-color: #aadd22!important;}
.bgcolor-lgrey {background-color: #cbcbcb!important;}
.bgcolor-orange {background-color: #ff6600!important;}
.bgcolor-purple {background-color: #771199!important;}
.bgcolor-red {background-color: #cc0022!important;}

/** ROUND EDGES **/
.round-edges {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

/******************* TABLETS ********************************/ 
@media screen and (min-width: 520px) and (max-width: 950px) {
	
	.cc_alignment_left, .cc_alignment_right  {margin: 0 auto!important; float: none!important; }	 
 	
	.w_overview, .w_details {width: 50%!important;}	 
	
	.arrow_left:after, .arrow_right:after, .arrow_topleft:after {content: ''; display: block; position: absolute; left: 0!important; bottom: 100%!important; margin-left: 45%!important; width: 0; height: 0!important; border-right: 10px solid transparent!important; border-left: 10px solid transparent!important; border-top: 10px solid transparent!important; border-bottom-style: solid!important; border-bottom-width: 10px!important;}
	
	.arrow_right_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_right_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_right_color_dgreen:after {border-top-color: #11aa44!important;}	
	.arrow_right_color_lblue:after {border-top-color: #00aadd!important;}	
	.arrow_right_color_lgreen:after {border-top-color: #aadd22!important;}	
	.arrow_right_color_orange:after {border-top-color: #ff6600!important;}	
	.arrow_right_color_purple:after {border-top-color: #771199!important;}	
	.arrow_right_color_red:after {border-top-color: #cc0022!important;}

	.arrow_left_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_left_color_dgreen:after {border-top-color: #11aa44!important;}	
	.arrow_left_color_lblue:after {border-top-color: #00aadd!important;}	
	.arrow_left_color_lgreen:after {border-top-color: #aadd22!important;}	
	.arrow_left_color_orange:after {border-top-color: #ff6600!important;}	
	.arrow_left_color_purple:after {border-top-color: #771199!important;}	
	.arrow_left_color_red:after {border-top-color: #cc0022!important;}

	.arrow_topleft_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_topleft_color_dgreen:after {border-top-color: #11aa44!important;}	
	.arrow_topleft_color_lblue:after {border-top-color: #00aadd!important;}	
	.arrow_topleft_color_lgreen:after {border-top-color: #aadd22!important;}	
	.arrow_topleft_color_orange:after {border-top-color: #ff6600!important;}	
	.arrow_topleft_color_purple:after {border-top-color: #771199!important;}	
	.arrow_topleft_color_red:after {border-top-color: #cc0022!important;}
}

/*********** SMARTPHONES *************/
@media screen and (max-width: 520px) {

	.w_overview, .w_details {width: 100%!important;}	
	
	/*.arrow_left:after, .arrow_right:after, .arrow_topleft:after {content: ''; display: block; position: absolute; left: 0; bottom: 100%; margin-left: 45%; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom-style: solid; border-bottom-width: 10px;}*/
	
	.arrow_left:after, .arrow_right:after, .arrow_topleft:after {content: ''; display: block; position: absolute; left: 0!important; bottom: 100%!important; margin-left: 45%!important; width: 0; height: 0!important; border-right: 10px solid transparent!important; border-left: 10px solid transparent!important; border-top: 10px solid transparent!important; border-bottom-style: solid!important; border-bottom-width: 10px!important;}
	
	.arrow_right_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_right_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_right_color_dgreen:after {border-top-color: #11aa44!important;}	
	.arrow_right_color_lblue:after {border-top-color: #00aadd!important;}	
	.arrow_right_color_lgreen:after {border-top-color: #aadd22!important;}	
	.arrow_right_color_orange:after {border-top-color: #ff6600!important;}	
	.arrow_right_color_purple:after {border-top-color: #771199!important;}	
	.arrow_right_color_red:after {border-top-color: #cc0022!important;}

	.arrow_left_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_left_color_dgreen:after {border-top-color: #11aa44!important;}	
	.arrow_left_color_lblue:after {border-top-color: #00aadd!important;}	
	.arrow_left_color_lgreen:after {border-top-color: #aadd22!important;}	
	.arrow_left_color_orange:after {border-top-color: #ff6600!important;}	
	.arrow_left_color_purple:after {border-top-color: #771199!important;}	
	.arrow_left_color_red:after {border-top-color: #cc0022!important;}

	.arrow_topleft_color_dblue:after {border-top-color: #224499!important;}	
	.arrow_topleft_color_dgreen:after {border-top-color: #11aa44!important;}	
	.arrow_topleft_color_lblue:after {border-top-color: #00aadd!important;}	
	.arrow_topleft_color_lgreen:after {border-top-color: #aadd22!important;}	
	.arrow_topleft_color_orange:after {border-top-color: #ff6600!important;}	
	.arrow_topleft_color_purple:after {border-top-color: #771199!important;}	
	.arrow_topleft_color_red:after {border-top-color: #cc0022!important;}
}