/*-----------------------------------------
	-	Shadow Effects for the Banner -
-------------------------------------------*/
.shadow1 {	
	-webkit-box-shadow: 0px 40px 55px -40px #000;
	-moz-box-shadow: 0px 40px 55px -40px #000;
	box-shadow: 0px 40px 55px -40px #000;
}

.shadow2 {
	-webkit-box-shadow: inset 0px 0px 6px 2px #000;  
	-moz-box-shadow: inset 0px 0px 6px 2px #000;  
	box-shadow: inset 0px 0px 6px 2px #000; 
}

.shadow3 {
	-webkit-box-shadow: 30px 10px 60px -50px #000;
	-moz-box-shadow: 30px 10px 60px -50px #000;
	box-shadow: 30px 10px 60px -50px #000;	
}

.shadow4 {
	-webkit-box-shadow: 0px 0px 49px 0px #ebf5f3;
	-moz-box-shadow: 0px 0px 49px 0px #ebf5f3;
	box-shadow: 0px 0px 49px 0px #ebf5f3;
}

.shadow5 {
	-webkit-box-shadow: 30px 10px 60px -20px #1c3a65;
	-moz-box-shadow: 30px 10px 60px -20px #1c3a65;
	box-shadow: 30px 10px 60px -20px #1c3a65;
}



/******************************
	- CUSTOM DEFAULT FRAME - 
******************************/

.custom_frame_basic{
	padding-left:0px !important;					/* The Left Border Size */
	padding-right:0px !important;					/* The Right Border Size */
	padding-top:0px !important;						/* The Top Border Size */
	padding-bottom:0px !important;					/* The Bottom Border Size */
	-webkit-border-radius:0px !important;			/* The Rounder Corner on the Border */
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.custom_frame_bg {	background:transparent !important;	}		/* The Color or the Image Pattern of the Border */


/******************************
	- CUSTOM INNER MASK - 
******************************/
.custom_mask {	
	-webkit-border-radius:2px !important;						/* Set the Image Rounding on the Corners */
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}


/******************************
	- CUSTOM TOOLBOX - 
******************************/

.custom_toolbox {
	
	background-color:#303030 !important;		
	
	/*	To Put it on the left side:
		margin-left:10px !important;
		float:left !important;	
	*/
	
	/* To Put it on the Right Side:
		margin-right:10px !important;
		float:right !important;
	*/
	
	/* To put it on the middle:
		maring-right:auto !important;
		margin-left:auto !important;
		float:none !important;
	*/
	
	margin-right:auto !important;
	margin-left:auto !important;
	float:none !important;
	top:320px !important;						/* The Top POsition of the Navigation Toolbox */
	background:transparent !important;
	-webkit-border-radius:0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: none;    /*0px 0px 6px 0px  #1f2120 !important;*/
	-moz-box-shadow: none;    /*0px 0px 6px 0px  #1f2120 !important;*/
	box-shadow: none;    /*0px 0px 6px 0px  #1f2120 !important;*/
}	

.custom_mini_divider{	background-image:url(../assets/navigation/toolbar_separator.png) !important; }			/* The Image Source of the Divider between the Buttons */

.custom_mini_thumbnail_buttons { background-image:url(../../rama/assets/navigation/fashion/buttons.png) !important; }	/* The Small Thumbnail Button Source */

.custom_previous {	background-image:url(../../rama/assets/navigation/fashion/nextprev.png) !important; }				/* Previous Button Source */

.custom_next { 	background-image:url(../../rama/assets/navigation/fashion/nextprev.png) !important; }					/* Next Button Source */

.custom_image_thumbnail {
	width:146px !important;					/* The Width of the small Thumbnail */
	height:50px !important;					/* The Height of the Small Thumbnail */	
	margin-top:-51px !important;			/* The Exact Position of the Small Thumbnails */
	background-color:#bbb !important;		/* The Background Color of the Thumbnails */
	z-index:4150 !important;
}

.custom_countdown {  background-image:url(../assets/loader/timer_black.png) !important;}		/* The CountDown Animation Source */

.custom_image_thumbnail_arrow{			
	background-image:url(../../rama/assets/navigation/arrow_down_grey.png) !important;					/* The Small Arrow Source for the Thumbnails */
	z-index:4150 !important;
}
	
	
/*********************************************
	- CUSTOM INNER SHADOW AND GLAS EFFECT - 
**********************************************/

.frame_custom_innershadow {													/* THe Shadow Settings Inside the Border */
	-webkit-box-shadow: inset 0px 0px 30px -10px #000000;
	-moz-box-shadow: inset 0px 0px 30px -10px #000000;
	box-shadow: inset 0px 0px 30px -10px #000000
}

.frame_custom_reflection {  background:url(../assets/reflex_light.png) no-repeat; }			/* The Glas Effect PNG File Source */
	
	
/*******************************************
	- CUSTOM IMAGES ON THE FOUR CORNERS  -
*******************************************/
.custom_topleftscrew{
	background:url(../../rama/assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;	
	z-index:1005;
}

.custom_toprightscrew{
	background:url(../../rama/assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;	
	z-index:1005;
	margin-left:-12px;
}

.custom_bottomleftscrew{
	background:url(../../rama/assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;
	z-index:1005;
	margin-top:-12px;
}	

.custom_bottomrightscrew{
	background:url(../../rama/assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;
	z-index:1005;
	margin-left:-12px;
	margin-top:-12px;
}	








/*--------------------------------------------------------------------------------------------------------------------------
  
											-THE SPORT SKIN SETTINGS  -
 
---------------------------------------------------------------------------------------------------------------------------*/

/***********************************************/
/*------   THEME SPORT TOOLBOX SETTINGS ------*/
/***********************************************/
.rotonda_mini_divider{
	background-image:url(../assets/navigation/toolbar_separator.png) !important;
}

.rotonda_mini_thumbnail_buttons {
	background-image:url(../assets/navigation/buttons.png) !important;
}

.rotonda_previous {
	background-image:url(../assets/navigation/nextprev.png) !important;
}

.rotonda_next {
	background-image:url(../assets/navigation/nextprev.png) !important;
}
.rotonda_image_thumbnail {	
	margin-top:-90px !important;
	z-index:4150 !important;
	background-color:#fff !important;	
}

.rotonda_countdown {
  background-image:url(../assets/loader/timer_white.png) !important;
  
}

.rotonda_toolbox {	
	background-color:#1d2427 !important;
	margin-right:30px !important;
	float:right !important;
	visibility:hidden;
	display:none;	
	
}

.rotonda_image_thumbnail_arrow{
	background-image:url(../assets/navigation/arrow_down_white.png) !important;
	z-index:4150 !important;
}

/***********************************************/
/*------   THEME SPORT ASSETS SETTINGS ------*/
/***********************************************/
.frames_slider .rotonda_decor{
	
	width:290px;
	height:8px;
	position:absolute;
	z-index:1006;
}

.frames_slider .rotonda_right_decor_button{
	
	width:3px;
	height:18px;
	position:absolute;
	z-index:1005;
}

.frames_slider .rotonda_topscrew{
	background:url(../assets/theme_rotonda/screw_head_top.png) no-repeat;
	width:8px;
	height:8px;
	position:absolute;
	z-index:1005;
}

.frames_slider .rotonda_bottomscrew{
	background:url(../assets/theme_rotonda/screw_head_bottom.png) no-repeat;
	width:8px;
	height:8px;
	position:absolute;
	z-index:1005;
}

.frames_slider .rotonda_gradient {
	background-color:#0a1419;
}

/***********************************************/
/*------   THEME SPORT FRAME SETTINGS ------*/
/***********************************************/
.rotonda_frame_basic{
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	padding-bottom:16px;	
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.rotonda_frame_bg {	
	background:url(../assets/theme_rotonda/frame.jpg) repeat-x;		
}


.frame_rotonda_innershadow {
	-webkit-box-shadow: inset 0px 0px 30px -10px #000000;
	-moz-box-shadow: inset 0px 0px 30px -10px #000000;
	box-shadow: inset 0px 0px 30px -10px #000000
}

.frame_rotonda_reflection {
  background:url(../assets/reflex_light.png) no-repeat;		
  
}








/*--------------------------------------------------------------------------------------------------------------------------
  
											-BASIC / DEAFULT SETTINGS. NO NEED TO MODIFICATE -
 
---------------------------------------------------------------------------------------------------------------------------*/

.noFilterClass {
	filter:none !important;
}





/*---------------------------------------
	- CLEARING THE DEFAULT SETTINGS - 
-----------------------------------------*/
.frames_slider  ul, li { 
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/*-------------------------------------------------
	- The Default Settings for Each Banner - 
	- Oll Theme Relevant Settings are  - 
	- idntified via Theme Names in ID and Class -
---------------------------------------------------*/
.frames_slider {		
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;			
	display:none;		
	color: #000;	
	
}

.none_frame{		
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;			
	display:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'Oswald', sans-serif;
	color: #000;	
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	z-index:1;
}




/*------------------------------
	-  Mask on Images -
--------------------------------*/
.frames_slider #mask {
	position:absolute;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}




/*--------------------------------------------------------
	- The Loader Size, Source and position on the Banner
----------------------------------------------------------*/
.frames_slider .loader{
	background-image:url(../assets/loader/loader_round_blue.gif);
	background-repeat:none;
	width:18px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	top:45%;	
	z-index:1499;
	position:relative;
	
}



/*--------------------------------------------
	-	The Logo in the right top Corner -
----------------------------------------------*/
.frames_slider #bannerlogo {
	position:absolute;
	left:765px;
	top:5px;
	z-index:1500;
	cursor:point;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#bannerlogo a:link {border:none;}
#bannerlogo a:visited {border:none;}

.frames_slider #bannerlogo img{
	border-style:none;	
	border:none;
}



/*----------------------------------------------------------------
	-	Image Thumbnails, borders, Marings, rounded corners - 
------------------------------------------------------------------*/
.frames_slider #image_thumbnail{	
	position:absolute;	
	background-color:#fff;	
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px 0px  #1f2120;
	-moz-box-shadow:  0px 0px 4px 0px  #1f2120;
	box-shadow: 0px 0px 4px 0px  #1f2120;	
	cursor:pointer;
	z-index:4150 !important;
}

/*---------------------------------------------------
	-	Small Arrow under the Image Thumbnails -
-----------------------------------------------------*/
.frames_slider #image_thumbnail_arrow{
	width:9px;
	height:5px;	
	background-image:url(../assets/navigation/arrow_down_white.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:4150 !important;
}


/*-------------------------------------------
	- Toolbox (thumbnail, next,prev holder)
---------------------------------------------*/
.frames_slider #toolbox {
	/*display:none;*/
	background-color:#1d2427;
	width:auto;
	height:40px;
	position:relative;
	top:292px;
	float:right;
	margin-right:30px;
	padding-left:10px;	
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px 0px  #1f2120;
	-moz-box-shadow:  0px 0px 6px 0px  #1f2120;
	box-shadow: 0px 0px 6px 0px  #1f2120;	
	
}

/*-------------------------------------
	- Toolbox - Next Button -
--------------------------------------*/
.frames_slider #toolbox #next {
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/nextprev.png);
	background-position:top left;
	width:28px;
	height:22px;
	cursor:pointer;	
}

/*-------------------------------------
	- Toolbox - Prev Button -
--------------------------------------*/
.frames_slider #toolbox #previous {
	margin-top:8px;
	margin-left:5px;
	margin-right:15px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/nextprev.png);
	background-position:top right;
	width:28px;
	height:22px;
	cursor:pointer;
}

/*------------------------------------------
	- Toolbox - divider between buttons -
--------------------------------------------*/
.frames_slider #toolbox #mini_divider {
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/toolbar_separator.png);
	width:2px;
	height:28px;
}

/*-----------------------------------------
	- Toolbox - Mini Thumbnail Buttons -
-------------------------------------------*/
.frames_slider #toolbox .mini_thumbnail_buttons {
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/buttons.png);
	background-position:top left;
	width:22px;
	height:22px;
	cursor:pointer;
}

.frames_slider .pause_sign {
	background:url(../../rama/assets/navigation/pause.png) no-repeat;	
	width:35px;
	height:37px;	
	position:absolute;
	z-index:4100;
}
/*------------------------------------------
	- Count Down Function -
--------------------------------------------*/
.countdown {
  background-image:url(../assets/loader/timer_white.png);
  width:10px;
  height:10px;
  position:relative;
  margin-left:6px;
  margin-top:6px;  
  z-index:4055;  
}