/* end float by cf class  in containing element */
* 							{  	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cf:before, .cf:after 		{    content: " "; /* 1 */    display: table; /* 2 */}
.cf:after 					{    clear: both; }
.cf 							{  	*zoom: 1;}
.hide						{ display:none;}
.center						{ text-align:center;}
.right						{ text-align:right;}
.justify					{ text-align:justify;}
.hidden						{ display:none;} 

/* functional classes */
.no_main_image 				{display:none;} 

  
/* html elements */ 
body 						{ background-color:#fff; padding:0; margin:0; font-size:13px; font-family:Nunito; font-weight:300; transition:all 0.5s ease; }
table 						{width:100%;}  
a							{text-decoration:none; color:#428400;}
a:hover						{color:#774499;}

						
h1,h2,h3,h4					{ font-weight:normal; color:#6d9e28; margin:0; padding:0;font-family:Oxygen;}
h1							{ font-family:Poppins;letter-spacing:3px; padding-top:20px;  text-transform:uppercase; 	text-align:center; letter-spacing:5px; 	font-size:270%; }
h2							{ color:#12838a; font-size:260%; margin-bottom:5px; }
h3							{ color:#12838a; font-size:200%; margin-bottom:5px;}
h4							{ color:#12838a; font-size:130%;margin-bottom:5px;}
p							{ padding:0; margin:0; font-size:110%; color:#2a1804;  margin-bottom:5px;}


.if_block.black .circle		{ border:10px solid #666;}
.if_block.jingle_pos 		{ transition:opacity 0.5s ease; position:absolute; width:100%; top:460px; opacity:0.8!important;}
.if_block.jingle_pos:hover	{opacity:1!important;}  	

.link_circle				{margin-left:30px; width:64px; height:64px; background-color:rgba(255,255,255,0.1); display:block; border-radius:50%; border:5px solid white; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.link_circle_small			{margin-left:0px; width:48px; height:48px; background-color:rgba(255,255,255,0.1); display:block; border-radius:50%; border:3px solid white; background-size:cover; background-position:center center; background-repeat:no-repeat;}
 
.row_item h2			{ font-weight:bold; color:white;} 
.row_item h3			{  color:white;} 
.row_item h4			{  color:white;}

/* global effects */
.shadow 					{ -moz-box-shadow: 2px 0px 0px #67926d;
							  -webkit-box-shadow: 2px 0px 0px #67926d;
								box-shadow: 2px 0px 0px #67926d;
							}
.box_shadow 				{-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
							-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
							box-shadow: 0px 3px 5px rgba(0,0,0,0.4); }
							
.shadow_up					{box-shadow:0px -10px 30px 10px rgba(0,0,0,0.4); } 		
.circle						{border:1px solid white; width:75px; height:75px; border-radius:0; background-size:cover; background-repeat:no-repeat;background-color:white; background-position:center center;}}


/* guides */
.odd_even .li_item 			{background-image:linear-gradient(to top,rgba(255,255,255,0) 94%,rgba(255,255,255,0.1) 97%);}
.odd_even:nth-of-type(2n) .li_item {background-image:linear-gradient(to top,rgba(255,255,255,0) 94%,rgba(0,0,0,0.2) 97%);}
.back_to_top h2 			{padding:20px; text-align:center; color:white; margin:0; }
.back_to_top a 				{margin:0; padding:0; display:block;}
  
/* interface */   
.interface					{ width:1160px; margin:auto; display:block;}
 .header_logo img 			{height:70px; padding:7px; margin-right:20px; padding-bottom:5px; float:left;}
.if_block					{ padding-left:calc(50% - (1160px / 2)); padding-right:calc(50% - (1160px / 2));}


/
/* page constructors */

.smn_interface				{width:100%; margin:auto; display:block;}
.site_top					{ background-color:white;}

/* columns */ 
.div_column_left 			{width:320px; float:left; margin-right:10px; display:block;} 
.div_column_right			{width:650px; float:right; display:block; }
.mobile_main_content		{display:none;}

/* general */
.active 						{background-color:#333333; }
.active p					{color:#edddc5;}

/* main navigation  */
.primary_menu_container			{ background-color:white; z-index:2; box-shadow: 0px 2px 5px 5px rgba(0,0,0,0);  position:relative;} 
.primary_menu		 			{ font-family:Josefin Sans; margin:auto; width:1160px; display:table;  } 
.primary_menu ul				{ 	margin:0; padding:0;  }
.primary_menu ul .active		{	background:transparent;  }
.primary_menu ul .active a		{ 	 color:#333333;} 
.primary_menu li				{  	list-style:none; float:left;margin:0; }
.primary_menu li a				{ 	background:transparent;
									transition: all 0.7s ease, color 0.5s ease;
									padding:0px 16px; 
									color:#aaaaaa;
									text-transform:uppercase;
									font-size:130%; 
									text-decoration:none; 
									display:block; 
									padding-top:30px;
									height:55px;
									font-weight:300!important;
									font-family:Oxygen;
									 letter-spacing:3px; 
									 padding-top:15px;
									}



.primary_menu:hover li a		{border-bottom:1px solid rgba(0,0,0,0.2);}					
.primary_menu li a:hover 		{background:transparent; background-image:linear-gradient(to top,#efefef 0%,#fff 5%); color:#000000;  }
.primary_menu li a .icon 		{display:none; }

.primary_menu .menu_toggle	{ 	transition: background 0.7s ease, color 0.5s ease;
								padding:10px %css_theme_padding_1_width{i*2}%px; 
								color:#ffffee; 
								font-weight:normal; 
								font-size:120%; 
								text-decoration:none; 
								display:block; 
								}
.primary_menu .menu_toggle	{	background-color:#428400;  float:right; display:none;} 

/* language menu */
.language_menu 						{ float:right;}
.language_menu ul 					{margin:0;  padding:0;}
.language_menu ul li 				{padding:0; margin:0; float:left;}
.language_menu ul li a 				{padding:30px 5px 0px 5px; margin:0; }
.language_menu ul li img 			{width:28px;} 
.language_menu ul li span 			{display:none;}


.footer .col1 						{font-size:130%; padding:20px; color:#555;}
.footer a							{color:#444;}
.footer .icon 						{margin-bottom:10px;width:24px; height:24px; background-size:100%; background-repeat:no-repeat; float:left; margin-right:20px;}
.footer .icon img 					{width:24px; height:24px;}
.footer .text 						{height:24px; float:left;} 
.footer .addthis_separator 			{color:#999999;}

/* indexes */ 
.index_content						{  clear:both; margin:auto; display:block;} 

/* column wrappers */ 
.col_wrap2 .col		 				{ width:49%;  float:left; margin-right:2%;}
.col_wrap2:nth-of-type(2n)   .col	{ width:49%;  float:left; margin-right:0;}
.col_wrap3 .col		 				{ width:32%!important;   float:left; margin-right:2%;} 
.col_wrap3:nth-of-type(3n)   .col	{ width:32%; float:left; margin-right:0;}
.col_wrap3b .col		 			{ width:32%!important;   float:left; margin-right:2%;} 
.col_wrap3b:nth-of-type(3n)   .col	{ width:32%; float:left; margin-right:0;}
.col_wrap4 .col		 				{ width:24%;  float:left; margin-right:1%;}
.col_wrap4:nth-of-type(4n)   .col	{ float:left; margin-right:0;}
.col_wrap5 .col		 				{ width:19%;  float:left; margin-right:1%;}
.col_wrap5:nth-of-type(5n)   .col	{ float:left; margin-right:0;}
.col_wrap1-3						{ float:left; width:32%; margin-right:2%; }
.col_wrap2-3						{ float:left; width:66%; }
.wrap_box							{ background-color:#5533311; border-radius:3px; padding:10px;} 

.col_wrap3.faded			{opacity:0.93!important; }
.col_wrap3.faded:hover		{opacity:0.98!important; }
.col_wrap3.faded .odd_even 	{cursor:pointer; 	}
 


/* top banner */
.top_banner 		{   background-position:center center!important; 
						width:100%;  
						height:250px; 
						display:block;
						background-position:center center;
						background-size:cover; }
.top_banner .overlay {height:100%; width:100%; position:relative; background-color:rgba(255,255,255,0.8);}
.top_banner.half	{	height:300px;}	
				
.top_banner h1		{ 	
						margin-left:calc(50% - (1160px / 2)); 
						margin:auto;
						width:100%; 
						text-shadow:3px 3px 3px rgba(0,0,0,0.4);  
						padding-top:70px;
						padding-bottom:0!important; 
						line-height:70px; 
						text-align:center;  
						padding-right:0px; 
						font-size:700%; color:white; 
						font-weight:bold;
						
					}
					
.top_banner .title	{ 
						margin-left:calc(50% - (1160px / 2)); 
						width:1160px; 
						text-shadow:3px 3px 3px rgba(0,0,0,0.4);  
						top:320px; 
						position:absolute; 
						padding-bottom:0!important; 
						line-height:70px; 
						text-align:center;  
						font-size:400%; 
						color:white;
					} 
					 
/* top portal button */   
.portal_wrap .portal		 			{ width:49%;  float:left; margin-right:2%;}
.portal_wrap:nth-of-type(2n) .portal	{ width:49%;  float:left; margin-right:0;}

.top_banner	.portal						{ 	border-radius:10px 10px 0px 0px; height:130px; transition:all 0.5s ease ; overflow:hidden; background-image:linear-gradient(to top,#aaaaaa,#7843b9); margin-top:470px; transition:all 0.6s ease; background-color:purple; }
.top_banner .portal:hover				{	height:300px; margin-top:300px;}
.top_banner .portal h2					{  	font-family:Josefin Sans; text-transform:uppercase; cursor:pointer;  padding-top:30px; text-align:center;font-weight:normal; color:white; height:130px; margin-bottom:0;}
.top_banner .portal h3					{ 	color:white;} 
.top_banner .portal h4					{ 	color:white;} 
.top_banner .portal .button				{	cursor:pointer; padding:10px; border-top:1px dotted rgba(255,255,255,0.5); height:150px;}
.top_banner .portal .button:hover 		{	background-color:rgba(255,255,255,0.4);}
.top_banner .portal .button .player 	{	float:left; margin-left:30px; margin-top:20px; width:20%; }
.top_banner .portal .button .info 		{ 	float:left; padding-top:15px; width:70%;}
.top_banner .portal .button .col1 		{	width:25%; float:left;}
.top_banner .portal .button .col2 		{	width:75%; float:left;}

/* lines */
.line_separator 		{height:10px; margin-bottom:0px; border-bottom:1px solid #ccc; background-color:white; z-index:10;}


/* main content */
#content_no_title h1	{display:none;}
#content_no_title h2	{display:none;}

.main_content_cnt			{ 	box-shadow:none; border-bottom:1px solid #ddd; position:relative;}
.main_content 				{	position:relative; 
								margin:auto; 
								width:1160px; 
								padding:40px; 
								padding-top:20px; 
								padding-bottom:20px;
								border-radius:3px;  
								text-align:left;  
								font-size:95%;
								margin-top:0; margin-bottom:0; 
							}
.main_content a 			{color:#428400; text-decoration:none;}
.main_content p 			{ font-size:130%; }
.main_content a 			{color:#428400; font-style:italic;}
.main_content a:hover 		{color:ffffff;}
.main_content .image		{ height:480px; box-shadow:-2px 5px 10px rgba(0,0,0,0.2); overflow:hidden; border-radius:6px; margin-bottom:16px;}
.main_content .image img	{ width:100%;} 
.main_content h1			{border-bottom:1px solid grey; padding-bottom:20px; margin-bottom:40px; padding-top:20px; color:#6c8909; font-weight:bold; border-bottom:0px;font-size:480%; letter-spacing:0px;}
.main_content h2			{ font-size:160%;}
.main_content ul li			{ font-size:130%; margin-bottom:10px;}


 

/* testimonial */
.testimonial 				{padding:60px 40px; font-size:80%; padding-top:20px; padding-bottom:20px;  }
.testimonial h2 			{color:#444;}	
.testimonial h3 			{color:#444;}	
.testimonial p 				{color:#444; font-size:140%; }	
.testimonial h4 			{color:#666; margin:0; padding:5px;}	 					
.testimonial .image 		{border-radius:3px; background-color:white; border:5px solid white; width:120px; margin-bottom:10px; height:120px; float:left; margin-right:20px; display:block;  background-size:cover; background-repeat:no-repeat; background-position:center center; }

/* content body settings */
.textbody 						{ border-radius:6px; color:#12838a; font-size:100%; padding:10px;}
.textbody a 					{ color:#428400; text-decoration:none; }

     
/* content tags */
.subcontent { margin-top:0px; padding:10px; background-color:#d5b77e; color:#12838a; margin-bottom:5px; margin-top:5px; }
.subcontent img {width:100%;}

/*home tags */
.home_button		{
					cursor:pointer; 
					text-align:center;  
					font-size:140%; 
					letter-spacing:0px;
					font-family:Josefin Sans;  
					text-transform:uppercase; 
					height:300px;
					}
.home_button:hover	{background-color:#774499;}
.home_button .image {width:150px; height:150px; margin:auto; border:10px solid white; margin-top:40px; border-radius:50%; display:block; text-align:center;}
.home_button .image img {width:80%; margin:auto; padding-top:10%;} 
.home_button .link		{color:white; font-size:130%; display:block; margin-top:30px;}

/* list header */
.list_header 		{  border-bottom:1px solid black; padding:20px 0; }
.list_header  h2,.list_header h3 	{ margin:0; padding:0; text-align:center; font-weight:normal; color:#dddddd;}

/* list item */
.li_item 			{height:auto; border-bottom:1px solid #ccc; padding-top:0px;}
.li_item h3 		{margin-top:5px; color:white; line-height:100%; padding-top:13px; color:rgba(100,100,0,0.8); text-transform:uppercase; letter-spacing:3px; font-size:115%; font-family:poppins} 
.li_item h3 a		{color:white;}
.li_item h4 		{margin-top:10px; color:#ddd;} 
.li_item h4 a		{color:white;}
.li_item i			{margin-right:20px; color:#999; font-size:90%;}

.li_item .image		{width:50px; height:50px; border-radius:0%; border:1px solid #eee; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.li_item .image img	{width:100%;}
.li_item .image.large {width:110px; height:110px;}

.li_item .cell 		{height:100%; cursor:pointer; display:block;  float:left;}
.li_item:hover 		{border-radius:5px; background:transparent!important; background-color:#774499!important;}
.li_item.library	{height:160px;}

.li_item .col_play {width:12%; padding-left:50px; padding-top:9px;}
.li_item .col_title {width:30%;}
.li_item .col_indicuts {width:14%;}
.li_item .col_station {width:20%; font-size:80%; padding-top:4px;}
.li_item .col_image {width:10%;}
.li_item .col_download {width:10%;}

.li_item:hover				{background:transparent; }
.li_item:hover .col_title h3 {color:black!important;}



.li_subitem				{margin-bottom:5px;  font-size:90%; margin:0; background-color:#eed; border-radius:10px; padding:0;cursor:pointer;}
.li_subitem:hover 		{background:transparent!important; border-radius:5px; background-color:#774499!important;}
.li_subitem h3			{padding-top:5px; font-size:160%; text-transform:capitalize; color:#333; font-size:120%; font-family:poppins;}
.li_subitem .bpm_text 	{width:50px; float:right; font-size:70%; opacity:0;}
.li_subitem:hover .bpm_text {opacity:0.6;}
.li_subitem:hover h3 	{color:#fff;}

.li_item.bar		{height:auto; margin: 15px 0;}
.li_item.bar:hover	{background:transparent:important;}

.li_video			{width:100%; height:300px; border:1px solid white; display:block; background-position:center center; background-size:cover;}

.col_si1				{width:15%; float:left;}

/* specific list items */
.li_menu_block 			{ border:1px solid rgba(0,0,0,0); z-index:5; border-radius:10px; height:350px; background-image:url(https://www.sob.nl/templates/sets/menu/stucco_trans2.png); }
.li_menu_block h3		{color:grey; line-height:100%; font-family:Poppins; text-transform:uppercase; font-weight:bold; font-size:300%;   display:block; margin-top:60px; height:70px; padding:0 20px; text-align:center; }
.li_menu_block .menu_icon {width:100px; height:100px; opacity:0.4; background-size:cover; display:block; margin:auto; margin-top:40px;}

.home_menu .col 	{margin-top:30px;} 
.home_menu 			{background:transparent;}

.videoframe {height:600px;}
 /* item */
.item 						{font-size:150%; margin-bottom:5px; padding:10px; border-radius:6px; }
.item h1 					{margin-bottom:10px; text-transform:uppercase;} 
.item .content 				{}
.item p						{font-size:16px; padding:10px 0; }

/* items */
.radio_banner 		{padding-top:250px; height:700px; background-size:cover; }
.radio_banner .col_play {margin:auto; width:200px; }	
.radio_banner col_play .circle {border-radius:0px; width:100px; height:100px; border-color:#aaa; background-size:90%;}
.radio_banner .large_play div.smn_audiotrack_control.icon-play,
.radio_banner .large_play div.smn_audiotrack_control.icon-pause {box-shadow:0px 4px 8px 6px rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.2); width:200px; height:200px;}

/* essentials page */
.essentials_row		{border-radius:15px;   margin-bottom:2px;}
.col_essential		{width:25%; margin-right:5%; display:block;float:left; text-align:center;}
.col_essentials		{width:70%; display:block; float:right;}
.col_ess_header			{width:8%; display:block;float:left; }
.col_ess_indicuts		{width:92%; display:block; float:right;}

/* essentials */
.essential_group h3 {padding-left:10px; padding-top:7px;color:#678a0c; font-size:140%; }
.essentials_row:hover {background-color:#fff;}
 
 /* essentials color box */
.li.colorbox		{text-align:center; margin:30px 0px;}
.li.colorbox .title {box-shadow:4px 2px 3px 3px rgba(50,50,50,0.1); border-top:0px; width:60%; cursor:pointer; margin:auto; display:block; height:110px; width:110px; color:white; text-align:center; padding-top:20px; font-weight:bold; font-family:poppins; letter-spacing:-2px; line-height:0.9em; font-size:200%;}
.li.colorbox .demo { cursor:pointer; width:130px; text-align:left; margin:auto; margin-top:5px; font-size:150%; font-weight:bold; }
.li.colorbox .description {font-size:80%!important;}

.li.large			{border-top:1px solid #eee; border-radius:15px; background:transparent; padding:15px;}
.li.large:hover 	{background:transparent;} 
.li.large h2		{color:#678a0c;}
.li.large p 		{text-align:center; margin-top:20px;font-size:110%;}
.li.large:hover .li_subitem {background:transparent;}
.li.large:hover .individual_cuts {background:transparent;}

/* specific pages */
.individual_cuts 		{ margin-top:15px;} 


/* essential packages boxes */
.badges				{padding:30px 0px;}
.col.badger	p			{ padding:0 10%;}
.badge				{font-size:105%;background-color:white; border-radius:15px; text-align:left; margin:0 25% ; margin-bottom:30px;  padding:15px; padding-bottom:40px;}
.badge ul			{margin:0; padding:0; margin-left:12px;}
.badge	strong			{font-size:125%; font-weight:bold; line-height:200%; text-align:center;}
.silver 			{box-shadow:2px 4px 3px rgba(100,100,100,0.2); background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 22%, rgba(250,250,250,1) 53%, rgba(230,230,230,1) 100%);}
.gold	 			{box-shadow:2px 4px 3px rgba(100,100,100,0.2); background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,235,1) 0%, rgba(240,240,220,1) 22%, rgba(250,250,220,1) 53%, rgba(230,230,230,1) 100%);}
.diamond			{box-shadow:2px 4px 3px rgba(100,100,100,0.2); background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(230,243,248,1) 22%, rgba(250,250,250,1) 53%, rgba(227,241,242,1) 100%);}
.col.badge 					{padding-left:40px; padding-right:40px; text-align:center;}

 /* Jingles */
.jingles_list				{ border-radius:6px; min-height:550px;}


/* basic list */
.if_list					{  	
								display:flex; 
								flex-wrap: wrap; 
								transition:all 1s ease; 
								border-radius:6px;
								align-items:center;
							}

.if_list > div  			{ 	flex-grow: 1;
								display:inline-block; 
								width:auto; 
								transition:all 0.6s ease; 
								pointer-events:auto;
								margin:0px 2px 0px 0px; 
								
							}
.if_list > div.cols_4		{width:15%; flex-grow: initial;
								flex-basis:initial;}	

.if_list.row_item				{height:auto; min-height:auto; padding:15px 0;}		
.if_list.row_item > div		{flex-grow:initial; flex-basis:initial;}						



.if_list .col_play				{margin-left:7%; width:15%;  }
.if_list .col_play .large_play 	{margin-left:30px;}
.if_list .col_title				{ width:45%;} /*39 */
.if_list .col_radiotitle		{ width:29%;}
.if_list .col_videotitle		{ width:44%;}
.if_list .col_radioimage		{ width:15%;}
.if_list .col_client			{width:30%;}
.if_list .col_image				{width:10%;} 
.if_list .col_download			{width:15%; margin-right:2%;}  /*15/7 */
	
/* background colors */
.bc_t					{background:transparent;}
.bc_0					{ background-color:black;}							
.bc_1					{ background-color:#7843b9;}
.bc_2					{ background-color:#006c66;}
.bc_3					{ background-color:#eee; background-image:url(https://www.sob.nl/templates/sets/menu/stucco_trans.png);}
.bc_7					{ background-color:#fff;}	 
.bc_g					{ background-color:#ccc;} 							
.bc_o					{ background-color:rgba(0,0,0,0); }
.bc_c2 					{border-bottom:1px solid #ddd; }

/* jingle categories */ 
.cl_arrow {text-align:center; padding-top:10px; padding-bottom:30px;}
.cl_arrow img {animation-name: color2;animation-duration: 3s;animation-iteration-count: infinite;}


.c_list						{  	display:flex; 
								flex-wrap: wrap; 
								transition:all 1s ease; 
								margin-bottom:5px; 
								border-radius:6px;
								background:transparent;
								animation-name: none;
							}


							

.c_list:hover				{ background-color:transparent; }

.c_list:hover 	.cli {
							background-color:transparent;
							text-shadow:1px 1px 2px rgba(0,0,0,0);
							}


.c_list:hover .cli a{color:#666;}
				
								
.cli  						{ 	display:inline-block; 
								flex-grow: 1;
								flex-basis:0;
								width:auto; 
								text-shadow:1px 2px 3px rgba(0,0,0,0.6);
								transition:all 0.6s ease; 
								border-radius:0; 
								cursor:pointer; 
								pointer-events:auto;
								height:auto;  
								overflow:hidden;
								text-align:center;  
								font-size:140%; 
								letter-spacing:0px;
								font-family:Josefin Sans;  
								text-transform:uppercase; 
								margin:0px 10px 0px 0px; 
								font-weight:bold;
								padding:10px 0px;
							}
							 
.cli a						{ transition:all 0.6s ease; color:#666;   width:100%; height:100%; 	display:table; font-size:80%; background:transparent; text-shadow:none; background-image:url(https://www.sob.nl/templates/sets/menu/stucco_trans.png); padding-top:8px; padding-bottom:8px;border-radius:2px;}	


.cli a > div 				{display:table-cell; vertical-align:middle; width:auto;}					
.cli.active 				{ background:transparent; font-weight:bold; color:#edddc5;  }


.cli.active a 				{ color:#%css_logo_color_1%!important;}  
.c_list:hover .cli:hover 	{ border-radius:0px 0px 10px 10px;	color:#666;	 height:auto; color:white!important; background-color:#fff!important;  }
.c_list:hover .cli:hover a 	{ color:#000!important;  }


 /* play buttons */
.play_button				{float:left; margin:5px; width:50px; height:50px; text-align:center; border-radius:6px;margin-right:5px; background-color:#428400;}


/* navigator */
.navigator 					{ width:100%; background-color:#aaaaaa; color:#ffffee; padding:10px; margin-bottom:5px; border-radius:6px; }
.nav_buttons				{ margin-top:5px; padding-right:10px; text-align:right;}
.nav_buttons a 				{ border-radius:3px; padding:5px 10px; background-color:#006c66; color:#ffffee;}
.nav_buttons a:hover			{ background-color:#774499; color:#000000;}
.navigator .button			{ width:10%;  }
.navigator .button:hover	{background-color:#774499; color:#000000;}
.navigator .next			{ float:right; }
.navigator .previous		{float:left;  }
.navigator .counter			{ float:left; text-align:center; width:70%;}
.navigator .button a 			{  display:block; padding:10px; text-align:center; border-radius:3px;  background-color:#428400; color:#ffffee;}
.navigator .button a:hover		{ background-color:#774499; border-radius:3px; color:#000000;}
 
/* studio images */
.studio_image 				{text-align:center; overflow:hidden; width:100%; background-color:#dddddd; font-size:12px; height:200px;  border:1px solid #bbbbbb; float:left; overflow:hidden; margin-right:10px; margin-top:20px;}
.studio_image .cnt 			{background-position:center center; border:1px solid #ddc08a; height:200px; background-size:cover; width:100%;  }



.list_bar	{background-color:#636; border-top:1px solid #888;}
.list_bar *	{color:#c88!important;}
.list_bar p	{color:#111!important; margin:0; padding:0;} 
.list_bar h3{margin:0; padding:0;}
.list_bar h4{margin:0; padding:0;}
.list_bar .li_item .cell {cursor:initial!important;}
.list_bar .li_item:hover {background:transparent!important;}

/* imaging libraries */
.li_library_col1 			{ border-radius:3px; width:30%; float:left; background-color:#dddddd; height:170px; }
.li_library_col1 img 		{ border-radius:3px; padding:10px;width:100%;}
	 
.li_library_col2 			{ height:170px; padding:10px; width:70%; float:right; display:block;  }
.li_library_col2 .total 	{ font-size:14px; float:right; padding:0px 10px 5px; font-style:italic;}


.library_thumb 				{ background-color:#111111; margin-bottom:10px; width:24%; float:left;  margin-right:1%;}
.library_thumb:last-child 	{margin-right:0;}
.library_thumb:hover 		{background-color:#000000;-moz-box-shadow: 2px 3px 3px #666666;-webkit-box-shadow: 2px 3px 3px #666666; box-shadow: 2px 3px 3px #666666;}
.library_thumb img 			{width:100%;} 

.library_block 				{ background-color:#f5f5f5; margin-right:15px; margin-top:20px; }
.library_block:hover 		{ background-color:#111111;}
.library_links 				{ padding:5px 0px;}
.library_links a 			{ background-color:#111111;  font-weight:bold; color:#%css_link_color_1%; border:1px solid #666666; text-decoration:none; padding:5px 10px; font-size:15px;  -moz-border-radius:3px; border-radius:3px;} 
.library_links a:hover 		{ background-color:#999999; color:#000000;}
.library_price 				{ text-align:right;}
.library_price .cart			{  display:block; background-color:#428400;  font-weight:normal; color:#ffffee; text-decoration:none; padding:5px 10px; font-size:18px;  -moz-border-radius:3px; border-radius:3px;}
.library_price a:hover		{ background-color:#%css_color_5%;   color:#%css_link_color_1%; }
.library_price .pricebox		{ display:block; background-color:#999999;  font-weight:bold; color:#%css_color_5%;  text-decoration:none; padding:5px 10px; font-size:18px;  -moz-border-radius:3px; border-radius:3px;}

/* item video */
.video_item 	{width:100%; background-color:black;} 
.video_item h1 {margin-bottom:20px;}
.row_item p { color:white; }
 

/* audio players */
div.smn_audiotrack_control.icon-pause 		{background-size:cover; display:block; background-image:url(https://www.sob.nl/templates/images/pause_large.png); width:24px; height:24px;  }
div.smn_audiotrack_control.icon-play 		{transition:background 0.3s ease; background-size:cover; display:block; background-image:url(https://www.sob.nl/templates/images/play_large.png); width:24px; height:24px; }
div.smn_audiotrack_control.icon-play:hover 	{ background-color:rgba(0,0,0,0.3);}

.small_play div.smn_audiotrack_control.icon-pause  {float:left; margin-right:10px; border:3px solid white; border-radius:50%;   width:32px; height:32px;  }
.small_play div.smn_audiotrack_control.icon-play  	{float:left; margin-right:10px; border:3px solid white; border-radius:50%;   width:32px; height:32px; }


.medium_play 										{margin-top:5px; margin-left:10px;}
.medium_play div.smn_audiotrack_control.icon-pause  {border:5px solid white; border-radius:50%;   width:64px; height:64px;  }
.medium_play div.smn_audiotrack_control.icon-play  	{border:5px solid white; border-radius:50%;   width:64px; height:64px; }

.large_play div.smn_audiotrack_control.icon-pause {border:10px solid white; border-radius:50%;width:128px; height:128px; display:block; }
.large_play div.smn_audiotrack_control.icon-play  {border:10px solid white;border-radius:50%; width:128px; height:128px; display:block; }

.extra_large_play div.smn_audiotrack_control.icon-pause  {width:80px; height:80px; display:block; } 
.extra_large_play div.smn_audiotrack_control.icon-play  {width:80px; height:80px; display:block; }

.large_play_grey div.smn_audiotrack_control.icon-pause {border:10px solid white; border-radius:50%;width:128px; height:128px; display:block; background-image:url(https://www.sob.nl/templates/images/pause_large_777.png);}
.large_play_grey div.smn_audiotrack_control.icon-play  {border:10px solid white;border-radius:50%; width:128px; height:128px; display:block; background-image:url(https://www.sob.nl/templates/images/play_large_777.png);}

.mini_play div.smn_audiotrack_control.icon-pause  {float:left; margin-right:10px; margin-top:6px; background-image:url(https://www.sob.nl/templates/images/play_large_88a111.png);  border:2px solid #88a111; border-radius:50%;   width:24px; height:24px;  }
.mini_play div.smn_audiotrack_control.icon-play  	{float:left; margin-right:10px;margin-top:6px;  background-image:url(https://www.sob.nl/templates/images/play_large_88a111.png);  border:2px solid #88a111; border-radius:50%;   width:24px; height:24px; }

.indi_play div.smn_audiotrack_control.icon-pause  {float:left; margin-right:10px; margin-top:5px; background-image:url(https://www.sob.nl/templates/images/pause_large_777.png);  border:2px solid #777; border-radius:50%;   width:24px; height:24px;  }
.indi_play div.smn_audiotrack_control.icon-play  	{float:left; margin-right:10px;margin-top:5px;  background-image:url(https://www.sob.nl/templates/images/play_large_777.png);  border:2px solid #777; border-radius:50%;   width:24px; height:24px; }
.indi_play div.smn_audiotrack_control.icon-play:hover 	{ background-color:#777; border-color:#fff; background-image:url(https://www.sob.nl/templates/images/play_large.png);}

 /* players */
.large_play.grey div.smn_audiotrack_control.icon-pause 	{ border-color:#777; background-image:url(https://www.sob.nl/templates/images/pause_large_777.png);  }
.large_play.grey div.smn_audiotrack_control.icon-play  	{ border-color:#777; background-image:url(https://www.sob.nl/templates/images/play_large_777.png);  }
 
.medium_play.grey div.smn_audiotrack_control.icon-pause 	{ border-color:#777; background-image:url(https://www.sob.nl/templates/images/pause_large_777.png);  }
.medium_play.grey div.smn_audiotrack_control.icon-play  	{ border-color:#777; background-image:url(https://www.sob.nl/templates/images/play_large_777.png);  }

.indi_play div.smn_audiotrack_control.icon-pause  	{ margin-top:4px;   }
.indi_play div.smn_audiotrack_control.icon-play  	{ margin-top:4px; }

.li_subitem:hover .indi_play div.smn_audiotrack_control.icon-play 	{ background-color:#777; border-color:#fff; background-image:url(https://www.sob.nl/templates/images/play_large.png);}
.li_subitem:hover .indi_play div.smn_audiotrack_control.icon-pause 	{ background-color:#777; border-color:#fff; background-image:url(https://www.sob.nl/templates/images/pause_large.png);}

 .odd_even .li_item {background-image:linear-gradient(to top,rgba(255,255,255,0) 94%,rgba(255,255,255,0.1) 97%);}
 .odd_even:nth-of-type(2n) .li_item {background-image:linear-gradient(to top,rgba(255,255,255,0) 94%,rgba(0,0,0,0.2) 97%);}
 .back_to_top h2 {padding:20px; text-align:center; color:white; margin:0; }
  .back_to_top a {margin:0; padding:0; display:block;}

/* VIMEO HOMEPAGE */
.vimeo-wrapper {
   position: relative;
   width: 100%;
  
 }
.vimeo-wrapper iframe {
   width: 100%;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.vimeo-overlay {
	margin:0;
	padding-top:40px; padding-bottom:100px;
	background-color:rgba(255,255,255,0.85);
    position: relative;
    left: 0;
    top: 0;
   z-index:1;
}

	
@media (max-width: 1160px) 
{}

@media (min-width: 530px) and (max-width: 1160px) 
{ 
	p						{font-size:100%;}
	.smn_interface,
	.interface, 
	.top_banner,			
	.primary_menu,		
	.index_content,					 
	.main_content			{width:100%;}
	.if_block				{padding:0; width:100%;}
	.if_block.jingle_pos 	{position:absolute; width:100%; top:325px; }
	
	.if_list.row_item					{ min-height:150px; font-size:90%; padding:0px;}		
	.if_list .col_play				{margin-left:3%; width:17%;  }
	.if_list .col_play .large_play 	{margin-left:0px;}
	.if_list .col_title				{ width:43%;}
	.if_list .col_image				{width:17%;} 
	.if_list .col_download			{width:15%; margin-right:3%;} 
	.row_item h3 {font-size:150%;}
	
	.cli				{font-size:120%;}
	/*menus and banners */
	.primary_menu li a 	{font-size:115%; height:35px; letter-spacing:2px; padding:15px 5px;}
	 
	
	.top_banner					{height:400px;}
	.top_banner .portal 		{margin-top:270px; }
	.top_banner .portal h2 		{font-size:220%; }
	.top_banner .portal h3 		{font-size:160%; }
	.top_banner .portal h4 		{font-size:140%; }
	.top_banner .portal:hover 	{margin-top:100px; }
	.top_banner .title			{width:100%; margin-left:0; text-align:center;  font-size:200%; top:260px;}
	.top_banner .portal .button	{height:80px;}
	.top_banner .portal .button .player { margin-left:0px; margin-top:10px; width:25%; }
	.top_banner .portal .button .info { padding-top:15px; width:75%;}
	.top_banner .portal .button .col2 {width:60%; float:left;}
	.top_banner .portal .button .col1 {width:40%; float:left;}
	.top_banner .portal .button .col2 {width:60%; float:left;}
	.top_banner .col_wrap2 .col		 { width:100%;  float:none; margin-right:0;}
	.top_banner .col_wrap2:nth-of-type(2n)   .col	{ width:100%;  float:none; margin-right:0;}
	.top_banner .cl_arrow {text-align:center; padding-top:0px; padding-bottom:0px;}
	
	/* wrappers */
	.col_wrap3 .col		 			{ width:49%; float:left; margin-right:2%;} 
	.col_wrap3:nth-of-type(2n)   .col	{ width:49%; float:left; margin-right:0;}
	.col_wrap1-3					{float:left; width:49%; margin-right:2%; }
	.col_wrap2-3					{float:left; width:49%; background-color:#d5b77e;}
	.col_wrap4 .col		 				{float:left; width:49%; margin-right:2%; }
	.col_wrap4:nth-of-type(2n)   .col		{float:left; width:49%; margin-right:0; }
	
	.col_wrap5 .col		 				{float:left; width:32%; margin-right:2%; }
	.col_wrap5:nth-of-type(3n)   .col	{float:left; width:32%; margin-right:0; }
	
	.col_wrap3.faded .col		 			{ width:32%; float:left; margin-right:2%;} 
	.col_wrap3.faded:nth-of-type(3n)   .col	{ width:32%; float:left; margin-right:0;}

	
	.videoframe {height:400px;}
	
	.icon_text_button				{font-size:110%;}
	.item p						{padding:10px 15px;}
	
	.large_play div.smn_audiotrack_control.icon-pause {border:7px solid white; width:90px; height:90px;  }
	.large_play div.smn_audiotrack_control.icon-play  {border:7px solid white; width:90px; height:90px; } 
	.circle			 		{ width:90px; height:90px;}

	.li_menu_block 			{ height:200px;  }
	.li_menu_block h3		{font-size:150%;    }
	.li_menu_block .menu_icon {width:50px; height:50px; margin-top:20px;}

	.col.badge 			{padding-left:20px; padding-right:20px; text-align:center;}
	.li_item .col_play 	{padding-left:25px; }
	.col_essential		{width:100%; float:none; }
	.col_essentials		{width:100%;  float:none;}
	.badge				{margin:0 10% ; }

	.vimeo-overlay		{padding-top:0px;}

}

@media screen and (max-width: 530px)
{
	/* interface */
	
	body 							{background-image:none; background-color:#bbbbbb;} 
	p								{font-size:90%;}
	.display_mobile 				{display:block!important;}
	.display_desktop 				{display:none!important;}
	
	
	.smn_interface,
	.interface,
	.primary_menu,		
	.index_content,					
	.main_content					{width:100%;}
	
	h1								{font-size:200%; letter-spacing:0;}


	
	.if_block						{padding:0; width:100%;}
	.if_block.jingle_pos 			{position:absolute; width:100%; top:325px; }
	
	.if_list > div					{width:100%; display:table;} 
	
	.header_logo 					{margin:auto; margin-bottom:10px; margin-top:10px; float:none; text-align:center;}
	.header_logo img 				{height:auto; width:auto;  padding:0px;margin:0px; float:none;}

 
	/* menus  */

	.primary_menu					{ transition:all 0.2s  ease; border-radius:0; margin-right:20px; position:relative; z-index:10; }
	.primary_menu .home_logo 		{ display:none;}
	.primary_menu ul				{ display:block;   }
	.primary_menu li a:hover		{ border-bottom:1px solid #ddc08a;  background:transparent; color:#000000; background-color:#774499;}
	.primary_menu li a 				{ height:auto; text-align:center; background-color:white; border-bottom:1px solid #ddc08a; color:#428400;  padding:10px;}
	.primary_menu li a.label		{ display:none;} 
	.primary_menu li a .icon 		{ opacity:0.7; width:24px; float:left; margin-right:5px; display:block; }
	.primary_menu .icon img 		{}
	
	.primary_menu a:hover 			{ border:0;background-image: linear-gradient( to top, #111111, #666666 );}
	.header_logo a:hover 			{ background:transparent;}
	
	/* responsive menu */  
	.primary_menu .menu_toggle		{ cursor:pointer; font-size:90%; background-color:#888; font-weight:bold; padding:10px;  display:block; width:30px; text-align:center; }
	.primary_menu .menu_toggle span	{  margin-left:5px; background-color:white; font-weight:bold; color:#7843b9;  padding:5px 4px 3px;}
	
	.primary_menu.responsive li		{float:none; width:100%; display:block;} 
	.primary_menu.responsive li a		{ width:100%;  display:block; } 
	.primary_menu.responsive .menu_toggle {background-color:#333333; border-bottom:1px solid #ddc08a; margin-bottom:10px;}
	.primary_menu.responsive .menu_toggle span	{display:none; }
	.primary_menu.responsive .menu_toggle:after {  margin-left:5px; padding:3px 4px 1px; background-color:white; font-weight:bold; color:#7843b9;  content: '\2716'; } 	
	
	/* language menu */
	.language_menu { float:none; margin-top:5px;}
	.language_menu ul li a {padding:5px; } 
	.language_menu ul li img {width:24px;} 
	
		/* column wrapper*/
	.col_wrap2 .col		 			{ width:100%;  display:table; clear:both; float:none; margin-right:0;}
	.col_wrap2:nth-of-type(2n)   .col	{ width:100%;  display:table; clear:both; float:none; margin-right:0;}
	
	.col_wrap3 .col		 			{ width:100%!important; } 
	
	.col_wrap4 .col		 			{  width:100%;   float:left; margin-right:0;}
	.col_wrap4:nth-of-type(4n)   .col	{  width:100%;   float:left; margin-right:0;}
	.col_wrap5 .col		 			{  width:100%;   float:left; margin-right:0;}
	.col_wrap5:nth-of-type(5n)   .col	{  width:100%;   float:left; margin-right:0;}
	
	.col_wrap1-3					{float:left; width:100%; margin-right:0%; }
	.col_wrap2-3					{float:left; width:100%; background-color:#d5b77e;}

	.col_wrap3.faded .col 	{margin-top:10px;}
	.col_wrap3.faded .col	{ width:49%!important; margin-right:1%; } 

	.if_list.row_item					{font-size:55%; min-height:100px;  padding:0px;}		
	.if_list .col_play				{margin-left:2%; width:15%;  }
	.if_list .col_play .large_play 	{margin-left:0px;}
	.if_list .col_title				{ width:47%;}
	.if_list .col_image				{width:15%;} 
	.if_list .col_download		{font-size:80%; width:13%; margin-right:0%;} 
	.if_list .col_client		{    width: 35%; }
	
	.row_item	h2				{margin:0; padding:0; padding-top:2px; }
	.row_item	h3				{margin:0; padding:0; padding-top:2px; }
	.row_item	h4				{margin:0; padding:0; padding-top:2px; }
	.row_item 	p				{margin:0; padding:0; padding-top:2px; font-size:140%;}
	
	

/* video */
	.videoframe {height:200px; border:0px; }
	
	/* top banner */  
	.top_banner						{width:100%; height:268px;}  
	.top_banner h1					{margin:0; letter-spacing:3px; text-align:center; padding:10px!important; width:100%; font-size:190%;}
	.top_banner.half				{height:200px;} 
	.top_banner .portal 			{margin-top:198px; height:70px; }
	.top_banner .portal h2 			{padding-top:10px; height:70px; font-size:130%; }
	.top_banner .portal:hover 		{height:200px; margin-top:70px; }
	.top_banner .title	{ 			width:100%; margin:auto;
									background-color:#006c66;
									top:300px; 
									line-height:57px; 
									font-size:200%; display:none;
								} 

		
	.top_banner .portal .button .player { text-align:center; margin-left:0px; margin-top:0px; width:100%; float:none; }
	.top_banner .portal .button .info { padding-top:0px; width:100%; float:none;}
	.top_banner .portal .button			{height:60px;}
	.top_banner .portal .button h3		{font-size:120%;}
	.top_banner .portal .button h4		{display:none;}
	.top_banner .portal .button .col1 {width:35%;  }
	.top_banner .portal .button .col2 {width:65%;  }
	.top_banner .portal .button .link_circle_small		{margin-left:0px; width:32px; height:32px; border:2px solid white; }
	.top_banner .portal .button .link_circle			{margin-left:0px; width:32px; height:32px;  border:2px solid white; }

	/* home button */
	.home_button					{border-bottom:1px solid #ddc08a;   height:auto; flex-grow:0; flex-basis:initial; width:100%!important;}
	.home_button .image 			{width:40px; margin:15px; border-width:2px; height:40px; float:left;}
	.home_button .link				{font-size:100%; width:70%; float:left;}
	/* main content */
	.main_content					{ }
	.main_content .image			{height:150px;}
	
	
	.li_item					{height:100px; font-size:70%;}
	.li_item h3				{padding-top:11px; letter-spacing:0; font-size:145%!important;}
	.li_item .image				{width:50px; height:50px;}
	.li_item .image.large		 {width:60px; height:60px;}
	.li_item .col_play 				{width:16%; padding-left:10px;}
	.li_item .col_title 			{width:37%;}
	.li_item .col_indicuts 			{width:17%;}
	.li_item .col_station 			{width:17%;}
	.li_item .col_image 			{width:8%;}
	.li_item .col_download 			{width:3%;}
	
	.li.colorbox					{ margin:15px 0px;}
	
	.li_menu_block 					{ height:auto; margin-top:0px; }
	.li_menu_block h3				{margin-top:15px; font-size:130%; height:30px;   }
	.li_menu_block .menu_icon 		{width:50px; margin-bottom:10px; height:50px; margin-top:10px;}

	.li_subitem						{background:transparent;}
	.li_subitem	h3					{font-size:110%;}
	.li_subitem .bpm_text 			{display:none;}

	/* content */
	.shadow_content 				{ display:none;}
	.dynamic_content 				{ padding-top:0px;}
	.news_item 						{ 	margin-bottom:5px;  background-color:#d5b77e;  
										background-image: linear-gradient( to bottom, #dddddd, #ffffff, #7843b9 );
										color:#12838a; border-radius:6px; padding:5px; padding-top:10px;}
	.item 							{ padding:0px 10px 10px}
	.item h1 						{ margin-bottom:5px;} 
	.item p						{padding:10px 15px;}
	
	.testimonial					{padding:15px; } 
	.testimonial .image 			{border:5px solid white; margin-right:15px; width:100px; height:100px;}
	.testimonial h2					{  margin-top:20px; }
	/* columns */
	.div_column_left 				{ width:100%; }
	.div_column_right 				{ width:100%; }
	
	/* list items */
	.active 						{background-color:#7843b9;} 
 
	.icon_text_button				{font-size:100%;}
	.icon_text_button img			{display:none;}
	
	
	.li_row .title_cell {width:65%;}
	.li_row .player_cell {width:15%; }
	
	.jingle_category 				{ width:47%; height:70px; font-size:100%;  }
	.jingle_category span 			{ }  
	  
	/* category list */
	.cli							{ 	padding:0; flex-grow: initial;
										flex-basis:initial;
										display:table; width:49%;  height:35px;  margin:0px 3px 0px 0px; font-size:100%;}
	.c_list:hover .cli:hover		{ border-radius:5px; height:35px;}
	.cl_arrow						{display:none;}
	 
	/* contact */
	.addthis_toolbox {margin-top:20px!important;}
	
	.large_play div.smn_audiotrack_control.icon-pause {border-width:4px; width:50px; height:50px;  }
	.large_play div.smn_audiotrack_control.icon-play  {border-width:4px; width:50px; height:50px;}
	.medium_play div.smn_audiotrack_control.icon-pause {border:4px solid white; width:40px; height:40px;  }
	.medium_play div.smn_audiotrack_control.icon-play  {border:4px solid white; width:40px; height:40px; } 
	.indi_play div.smn_audiotrack_control.icon-pause  	{ margin-top:4px;  }
	.indi_play div.smn_audiotrack_control.icon-play  	{ margin-top:4px; }
	.radio_banner 			{padding-top:50px; height:250px; background-size:cover; background-image: url(%background_image_src%);}
	.radio_banner .col_play {margin:auto; width:150px; }
	.radio_banner .large_play div.smn_audiotrack_control.icon-play,
	.radio_banner .large_play div.smn_audiotrack_control.icon-pause {width:150px; height:150px;}

	.smn_audiotrack_control.icon-play {margin-right:3px!important;}
	
	.circle			 			{ width:50px; height:50px;}
	
	/* essentials */
	.col_essential		{width:100%; float:none; }
	.col_essentials		{width:100%;  float:none;}
	.col_ess_header			{text-align:center; border-top:1px solid #ccc; width:100%; float:none; padding-top:5px; margin-top:5px;}
	.col_ess_indicuts		{width:100%; float:none; margin-bottom:10px;}
	.col_si1			{width:0px;}

	
	.col_play .circle{width:55px; height:55px; margin-right:5px;}

	.vimeo-overlay			{padding-top:0px; padding-bottom:0px;}

}



/* sort this */
  
   
.if_shadow 					{ border-radius:0px; box-shadow: 1px 1px 60px 40px rgba(255,255,255,0.2)} 
.shadow						{ box-shadow:-5px 5px 5px rgba(0,0,0,0.3);}
.index_content				{ background-color:#ffffff; background:transparent; border-radius:6px; border:0px solid #ddc08a;}
.page_content				{  border-radius:6px; margin-bottom:5px; margin-top:5px; padding:10px; background-color:#d5b77e;}
.subcontent					{ border-radius:6px; margin-top:0;}


.textbody					{ color:#2a1804;}
.textbody a					{ font-weight:400; color:#428400;}
.textbody a:hover			{ color:black; text-decoration:underline;}

.video_block				{ margin-bottom:5px;}

.icon_text_button			{ border-radius:3px; text-transform:uppercase; text-align:center; letter-spacing:1px;  }
.icon_text_button img		{ border-radius:50%;}
.icon_text_button:hover  a	{ color:#dddddd;} 

.play_button				{ width:30px; height:30px; }

.li.large				 { background-color:#aaaaaa;}
.li:hover.large				 { background-color:#774499;}

.testimonial .content *		{ color:white!important; }
.testimonial .htitle			{ color:white;}

.header_row 					{ background-color:#7843b9; border-radius:6px; }
.header_row td 				{ color:white; padding:10px; padding-left:20px; }


.if_width 				{width:1160px;}

@media screen and (max-width: 530px) 
{
	body								{font-size:12px; background:transparent; background-color:#f6eddc;}
	.index_content						{ }
	.textbody							{ font-size:100%;}
	.sf_menu_container					{ background-color:#dddddd;height:auto;}
	.main_content						{ width:100%; padding:10px;}
	.main_content .image				{ height:100px;}
	.main_content h1					{ font-size:180%; letter-spacing:2px;}
	.studio_image						{ width:100%; margin-right:0;} 
	
}