/*----------------------------------------------------------------------
	
 	TABLE OF CONTENTS:
 
 	01. COLUMN SIZES & STYLES
 	02. BUTTON STYLES
 	03. TABS	
 	04. TOGGLES
 	05. LIST STYLES
 	06. MESSAGE BOX NOTIFICATIONS
 	07. FEATURE AREAS
 	08. ICON BUTTONS
 	09. SOCIAL MEDIA ICONS
 	10. HIGHLIGHT
	11. NOTE SHORTCODE
	12. MODAL POPUP
	13. MOBILE RESPONSIVE CSS
	14. RETINA CSS
 
 ----------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/*	COLUMN SIZES & STYLES
/*--------------------------------------------------------------------*/
.radium-one-half { width: 48%; }
.radium-one-third { width: 32%; }
.radium-two-third { width: 64%; }
.radium-one-fourth { width: 22%; }
.radium-three-fourth { width: 74%; }
.radium-one-fifth { width: 16.8%; }
.radium-two-fifth { width: 37.6%; }
.radium-three-fifth { width: 58.4%; }
.radium-four-fifth { width: 67.2%; }
.radium-one-sixth { width: 13.33%; }
.radium-five-sixth { width: 82.67%; }

.radium-one-half,
.radium-one-third,
.radium-two-third,
.radium-three-fourth,
.radium-one-fourth,
.radium-one-fifth,
.radium-two-fifth,
.radium-three-fifth,
.radium-four-fifth,
.radium-one-sixth,
.radium-five-sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
	}

.radium-column-last {
	margin-right: 0!important;
	clear: right;
	}

.radium-one-half,
.radium-one-third,
.radium-two-third,
.radium-three-fourth,
.radium-one-fourth { }

.radium-one-half,
.radium-one-third,
.radium-two-third,
.radium-one-fourth { }

.radium-one-third { margin-right: 2%; }



/*--------------------------------------------------------------------*/
/*  BUTTON STYLES
/*--------------------------------------------------------------------*/

/* GENERAL BUTTON SETUP */
button.btn::-moz-focus-inner, 
button.button::-moz-focus-inner, 
input[type=submit].btn::-moz-focus-inner, 
input[type=submit].button::-moz-focus-inner {
	padding: 0;
	border: 0;
	}

input[type=submit].button { -webkit-appearance: none; } 


/* BUTTON SIZES / RADIUS */
.short-btn, 
.short-button, 
.short-btn[type="submit"],
.short-button[type="submit"]{
	font: bold 14px/20px Helvetica, Helvetica-Neue, Arial, sans-serif!important;
    border: none!important;
    cursor: pointer;
    display: inline-block;
    background: #26c1d0;
    padding:9px 10px!important;
    color: #FFF!important;
  	margin: 0px 4px 4px 0; 
	text-align: center;
	text-decoration: none!important;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	}

button.medium,	
.button.medium, 
.short-btn.medium {
	padding: 13px 19px!important;
	font-weight: bold;
	font-size: 15px!important;
	}

button.large,
.button.large, 
.short-btn.large {
	font-size: 18px!important;
	padding: 17px 29px!important;
	width: auto;
	margin-bottom: 4px;
	}	
	
button.radius,	
.button.radius, 
.short-btn.radius { 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

button.round,
.button.round, 
.short-btn.round { 
	-webkit-border-radius: 1000px;
	   -moz-border-radius: 1000px;
	        border-radius: 1000px;
	padding-left: 20px!important;
	padding-right: 20px!important;
	}


/* BUTTON COLORS */
.short-btn.pink {
	background: #FFADCB;
	}

.short-btn.blue {
	background: #72BBF0;
	}

.short-btn.black {
	background: #2E3236;
	}	 
	 
.short-btn.yellow {
	background: #ffd900;
	}
	 	 	 
.short-btn.red {
	background: #ff6163;
	}
		 	 
.short-btn.green {
	background: #9bc724;
	}
	
.short-btn.grey {
	background: #8d8e91;
	}		 
 
.short-btn.purple {
	background: #b482c9;
	}
	
.short-btn.orange {
	background: #F5731C;
	}
	
.short-btn:hover,
.short-btn.yellow:hover,	 	
.short-btn.red:hover,	 	
.short-btn.green:hover,	 	 
.short-btn.grey:hover,	 	 
.short-btn.purple:hover,	 	 
.short-btn.orange:hover,
.short-btn.pink:hover,
.short-btn.blue:hover,.short-btn.black:hover {
    color: #FFF!important;
	background: #2E3236;
	}
	
/*--------------------------------------------------------------------*/
/*	TABS
/*--------------------------------------------------------------------*/
.radium-tabs.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
	}

.radium-tabs {
	background: none;
	margin: 0 0 0 0;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}

.radium-tabs ul.radium-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	float: none;
	}

.radium-tabs ul.radium-nav li {
	float: left;
	position: relative;
	margin: 0 3px -1px 0;
	z-index: 10;
	list-style: none;
	}

.radium-tabs ul.radium-nav li a {
	background-color: #F2F6F7;
	text-transform: uppercase;
	font: bold 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #B9BDCE;
	border-bottom: none;
	display: block;
	overflow: hidden;
	padding: 3px 10px;
	height: 34px;
	margin: 0;
	text-decoration: none;
	color: #2E3236;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
	        border-radius: 4px 4px 0px 0px;
	}
	
.radium-tabs ul.radium-nav li a:hover {
	background: #FFF;
	margin: 0;
	}

.radium-tabs ul.radium-nav li a:focus {
	background: #FFF;
	margin: 0;
	}

.ui-tabs-nav .ui-state-active a {
	background: #FFF!important;
	}
	
.radium-tabs .radium-tab {
	background: #fff;
	padding: 12px;
	border: 1px solid #B9BDCE;
	color: #2E3236;
	float: left;
	width: 100%;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
	        border-radius: 0px 0px 4px 4px;
	}


/*--------------------------------------------------------------------*/
/*	TOGGLES
/*--------------------------------------------------------------------*/
.radium-toggle { 
	margin: 0 0 -1px 0; 
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.radium-toggle .radium-toggle-title {
	display: block;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #B9BDCE;
	color: #2E3236;
	margin-bottom: 7px;
	text-transform: uppercase;
	padding: 12px 20px 12px 16px; 
	background: #FFF;
	cursor: pointer;
	outline: none;
	position: relative;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: all 0.3s ;
	   -moz-transition: all 0.3s ;
		-ms-transition: all 0.3s ;
		    transition: all 0.3s ;
			
		}
	
.radium-toggle .radium-toggle-title:hover {	background: #F2F6F7; color: #2E3236;}

.radium-toggle-title.ui-state-active:hover {
	background: #F2F6F7;
	} 
	
.radium-toggle .ui-state-active { 
	background: #F2F6F7;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
	        border-radius: 4px 4px 0px 0px;
	}
	
.radium-toggle-inner {
	background: #FFF;
	border: 1px solid #B9BDCE;
	border-top: none!important;	
	margin-top: -7px;
	margin-bottom: 7px;
	-webkit-border-radius: 0px 0px 4px 4px;
	   -moz-border-radius: 0px 0px 4px 4px;
	        border-radius: 0px 0px 4px 4px;
	}

.radium-toggle .target {
	color: #2E3236;
	margin: 0px 17px 20px 17px;
	padding-top: 16px;
	}
	
.radium-toggle span.ui-icon {
    background: url(../images/shortcodes/plus-minus.png) -10px -10px no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -4px 0 0 0;
	}

.radium-toggle .ui-state-active .ui-icon { 
	background: url(../images/shortcodes/plus-minus.png)  -40px -10px no-repeat; 
	}


 	
/*--------------------------------------------------------------------*/
/*  LIST STYLES
/*--------------------------------------------------------------------*/
.shortcode-list {
	margin: 40px 20px;
	}

.shortcode-list ul li {
	list-style: disc; 
	color: #96999D;
	margin-left: 20px;
	padding-left: 5px;
	}
	


/*--------------------------------------------------------------------*/
/*	MESSAGE BOX NOTIFICATIONS
/*--------------------------------------------------------------------*/
.messageBox {
	background-color: #f0f0f0;
	color: #2E3236;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 6px 12px 8px 12px;
	margin: 14px 0 14px 0;
	transition: 0.1s linear all;
	-webkit-transition: 0.3s linear all;
	   -moz-transition: 0.3s linear all;
		-ms-transition: 0.3s linear all;
		 -o-transition: 0.3s linear all;
	}

.messageBox .closeBox {
	float: right;
	font-weight: bold;
	font-size: 12px;
	margin: 2px -1px 8px 10px; 
	cursor: pointer; 
	color:#2E3236;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	}
	
.messageBox .closeBox:hover { opacity: .5; }	
	
.messageBox.success .closeBox { color: #104618; }
.messageBox.success { 
	color: #104618;
	background-color: #bbdd8c;
	}
	
.messageBox.error .closeBox { color: #620505; }  
.messageBox.error { 
	color: #620505;
	background-color: #de8b88;
	}

.messageBox.note .closeBox { color: #783203; }
.messageBox.note {
	color: #783203;
	background-color: #f4eb87;
	}
	
.messageBox.info .closeBox { color: #17335b; }
.messageBox.info {
	color: #17335b;
	background-color: #BDE1FF;
	}



/*--------------------------------------------------------------------*/
/*	FEATURE AREAS
/*--------------------------------------------------------------------*/
.featurearea {
	overflow: hidden;
	float: left;
	min-height: 1px;
	position: relative;
	margin: 20px 0 10px 0;
	}
	
.featurearea p { 
	text-align: left;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out; 	   
		 -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out; 
	}

.featurearea p:hover { 
	color: #2E3236;
	}
	
.featurearea_icon .icon {
	width: 50px;
	height: 50px;
	margin: 0 15px 0 0;
	float: left;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out; 	   
		 -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;         
	}

.featurearea:hover .featurearea_icon .icon {
	background-color: #2E3236;
	}

.featurearea_content { overflow: hidden; }

.featurearea .featurearea_content .featurearea_content_title {
	color: #2E3236;
	margin: -6px 0 4px 0;
	font: normal 19px/29px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
	}

.featurearea_icon .book 		{ background: url(../images/shortcodes/feature-areas/book.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .calendar 	{ background: url(../images/shortcodes/feature-areas/calendar.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .camera 		{ background: url(../images/shortcodes/feature-areas/camera.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .chart 		{ background: url(../images/shortcodes/feature-areas/chart.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .check 		{ background: url(../images/shortcodes/feature-areas/check.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .crop 		{ background: url(../images/shortcodes/feature-areas/crop.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .danger 		{ background: url(../images/shortcodes/feature-areas/danger.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .download 	{ background: url(../images/shortcodes/feature-areas/download.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .fullscreen 	{ background: url(../images/shortcodes/feature-areas/fullscreen.png) no-repeat 50% 50% #26c1d0; 	}
.featurearea_icon .ipad 		{ background: url(../images/shortcodes/feature-areas/ipad.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .mail 		{ background: url(../images/shortcodes/feature-areas/mail.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .no 			{ background: url(../images/shortcodes/feature-areas/no.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .notification { background: url(../images/shortcodes/feature-areas/notification.png) no-repeat 50% 50% #26c1d0; 	}
.featurearea_icon .package 		{ background: url(../images/shortcodes/feature-areas/package.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .pages 		{ background: url(../images/shortcodes/feature-areas/pages.png) no-repeat 50% 50% #26c1d0; 			}
.featurearea_icon .printer 		{ background: url(../images/shortcodes/feature-areas/printer.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .reload 		{ background: url(../images/shortcodes/feature-areas/reload.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .settings 	{ background: url(../images/shortcodes/feature-areas/settings.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .support	 	{ background: url(../images/shortcodes/feature-areas/support.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .upload 		{ background: url(../images/shortcodes/feature-areas/upload.png) no-repeat 50% 50% #26c1d0; 		}
.featurearea_icon .wifi 		{ background: url(../images/shortcodes/feature-areas/wifi.png)no-repeat 50% 50% #26c1d0; 			}


		
/*--------------------------------------------------------------------*/
/*	ICON BUTTONS
/*--------------------------------------------------------------------*/
.short-btn [class^="button-"],
.short-btn [class*=" button-"] {
	display: inline-block;
	width: 20px;
	height: 16px;
	color: #FFF;
	line-height: 16px;
	text-decoration: none!important;
	vertical-align: text-top;
	background-repeat: no-repeat;
	background-position: center left;
	background-color:transparent ;
	padding: 0 0 0 25px;
	}
 
.short-btn .button-add 			{ background-image: url(../images/shortcodes/buttons/add.png); 		 }
.short-btn .button-audio 		{ background-image: url(../images/shortcodes/buttons/audio.png); 	 }
.short-btn .button-behance 		{ background-image: url(../images/shortcodes/buttons/behance.png); 	 }
.short-btn .button-blog	 		{ background-image: url(../images/shortcodes/buttons/blog.png); 	 }
.short-btn .button-bookmark 	{ background-image: url(../images/shortcodes/buttons/bookmark.png);  }
.short-btn .button-calendar 	{ background-image: url(../images/shortcodes/buttons/calendar.png);  }
.short-btn .button-camera 		{ background-image: url(../images/shortcodes/buttons/camera.png); 	 }
.short-btn .button-cart 		{ background-image: url(../images/shortcodes/buttons/cart.png); 	 }
.short-btn .button-check 		{ background-image: url(../images/shortcodes/buttons/check.png); 	 }
.short-btn .button-click 		{ background-image: url(../images/shortcodes/buttons/click.png); 	 }
.short-btn .button-cloud 		{ background-image: url(../images/shortcodes/buttons/cloud.png); 	 }
.short-btn .button-download 	{ background-image: url(../images/shortcodes/buttons/download.png);  }
.short-btn .button-dribbble 	{ background-image: url(../images/shortcodes/buttons/dribbble.png);  }
.short-btn .button-dropbox 		{ background-image: url(../images/shortcodes/buttons/dropbox.png);   }
.short-btn .button-email	 	{ background-image: url(../images/shortcodes/buttons/email.png); 	 }
.short-btn .button-facebook		{ background-image: url(../images/shortcodes/buttons/facebook.png);  }
.short-btn .button-google	 	{ background-image: url(../images/shortcodes/buttons/google.png); 	 }
.short-btn .button-heart 		{ background-image: url(../images/shortcodes/buttons/heart.png); 	 }
.short-btn .button-home 		{ background-image: url(../images/shortcodes/buttons/home.png);  	 }
.short-btn .button-link	 		{ background-image: url(../images/shortcodes/buttons/link.png);  	 }
.short-btn .button-location 	{ background-image: url(../images/shortcodes/buttons/location.png);  }
.short-btn .button-mail 		{ background-image: url(../images/shortcodes/buttons/mail.png); 	 }
.short-btn .button-message 		{ background-image: url(../images/shortcodes/buttons/message.png);   }
.short-btn .button-question 	{ background-image: url(../images/shortcodes/buttons/question.png);  }
.short-btn .button-settings 	{ background-image: url(../images/shortcodes/buttons/settings.png);  }
.short-btn .button-star	 		{ background-image: url(../images/shortcodes/buttons/star.png); 	 }
.short-btn .button-support 		{ background-image: url(../images/shortcodes/buttons/support.png);   }
.short-btn .button-twitter 		{ background-image: url(../images/shortcodes/buttons/twitter.png); 	 }
.short-btn .button-upload 		{ background-image: url(../images/shortcodes/buttons/upload.png); 	 }
.short-btn .button-view 		{ background-image: url(../images/shortcodes/buttons/view.png); 	 }

											
											
/*--------------------------------------------------------------------*/
/*	SOCIAL MEDIA ICONS
/*--------------------------------------------------------------------*/
a.social-icons {
	display: block;
	position: relative;
	width: 37px;
	height: 37px;
	}

.icon32 {
	display: block; 
	width: 37px; 
	height: 37px; 
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
	}

.icon32.iconSocial { 
	background:url(../images/shortcodes/social-bar.png) no-repeat 0 0;
	-webkit-border-radius: 5px;	  
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
			border-radius: 5px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	     	transition: all 0.3s;
	}

.icon32.iconSocial.behance 			{ background-color: #006cff; background-position: -629px 1px; }
.icon32.iconSocial.delicious 		{ background-color: #0078b7; background-position: -559px 1px; }
.icon32.iconSocial.digg 			{ background-color: #00549c; background-position: -419px 0px; }
.icon32.iconSocial.dribbble 		{ background-color: #f8619e; background-position: -208px 1px; }
.icon32.iconSocial.facebook			{ background-color: #4973d2; background-position: -34px 1px;  }
.icon32.iconSocial.flickr 			{ background-color: #f759aa; background-position: -384px 1px; }
.icon32.iconSocial.forrst 			{ background-color: #758f67; background-position: -349px 0px; }
.icon32.iconSocial.foursquare 		{ background-color: #02b0e8; background-position: -594px 1px; }
.icon32.iconSocial.github 			{ background-color: #3e78aa; background-position: -454px 1px; }
.icon32.iconSocial.googleplus 		{ background-color: #0a9d35; background-position: -69px 1px;  }
.icon32.iconSocial.linkedin 		{ background-color: #0b84c3; background-position: -104px 1px; }
.icon32.iconSocial.pinterest 		{ background-color: #eb5655; background-position: -489px 0px; }
.icon32.iconSocial.reddit 			{ background-color: #fe4502; background-position: -244px 1px; }
.icon32.iconSocial.rss 				{ background-color: #fcae34; background-position: -171px 2px; }
.icon32.iconSocial.stumbleupon 		{ background-color: #f94e20; background-position: -524px 1px; }
.icon32.iconSocial.twitter 			{ background-color: #02b0e8; background-position: 0px 2px;    }
.icon32.iconSocial.vimeo 			{ background-color: #9dc647; background-position: -277px 0px; }
.icon32.iconSocial.yelp 			{ background-color: #b92718; background-position: -664px 0px; }
.icon32.iconSocial.youtube 			{ background-color: #f44220; background-position: -313px -1px;}
.icon32.iconSocial.zerply 			{ background-color: #abe06c; background-position: -140px 1px; }
 
.icon32.iconSocial.behance:hover,
.icon32.iconSocial.delicious:hover,
.icon32.iconSocial.digg:hover,	
.icon32.iconSocial.dribbble:hover, 	
.icon32.iconSocial.facebook:hover, 	
.icon32.iconSocial.flickr:hover,	
.icon32.iconSocial.forrst:hover,	
.icon32.iconSocial.foursquare:hover,
.icon32.iconSocial.github:hover, 	 
.icon32.iconSocial.googleplus:hover,
.icon32.iconSocial.linkedin:hover,
.icon32.iconSocial.pinterest:hover,	
.icon32.iconSocial.reddit:hover,	
.icon32.iconSocial.rss:hover,
.icon32.iconSocial.stumbleupon:hover, 
.icon32.iconSocial.twitter:hover,	
.icon32.iconSocial.vimeo:hover,		
.icon32.iconSocial.yelp:hover,		
.icon32.iconSocial.youtube:hover,
.icon32.iconSocial.zerply:hover { 
	background-color: #2E3236; 
	}	

	
/*--------------------------------------------------------------------*/
/*	HIGHLIGHT
/*--------------------------------------------------------------------*/
	span.highlight {
	background-image: url(../images/shortcodes/highlight-left.png),url(../images/shortcodes/highlight-center.png),
	url(../images/shortcodes/highlight-right.png);
	background-repeat: repeat-x;
	background-repeat: no-repeat, repeat-x, no-repeat;
	background-position: center;
	background-position: left,center,right;
	background-clip: padding-box, content-box, padding-box;
	color: #A5651A;
	padding: 0 20px;
	margin: 0 -6px; 
	} 
 
 
/*--------------------------------------------------------------------*/
/* CUSTOM PULL BLOCK QUOTE
/*--------------------------------------------------------------------*/
.bean-quote {
	background-color: #26c1d0;
	color: #FFF;
	font-size: 22px;
	float: right;
	line-height: 28px;
	margin: 0 0 20px 30px;
	padding: 12px 20px 18px;
	position: relative;
	text-align: right;
	width: 35%;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	}  


/*--------------------------------------------------------------------*/
/*	NOTE SHORTCODE
/*--------------------------------------------------------------------*/
div.bean-note {
	text-align: center;
	border: 1px solid #ADADAD;
	padding: 15px;
	background-color: #FDFDFD;
	color: #414141;
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	}

div.bean-note a { 
	color: #26c1d0;
	}
 

/*--------------------------------------------------------------------*/
/*	MODAL POPUP SHORTCODE
/*--------------------------------------------------------------------*/
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #FFF;
	}
	
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1050;
	width: 600px;
	margin: -140px 0 0 -280px;
	overflow: auto;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	        background-clip: padding-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	}
	
.modal-header .close { margin-top: 2px; }
	
.modal-header h3 {
	margin: 0;
	line-height: 30px;
	}
	
.modal-body {
	max-height: 400px;
	padding-top: 15px;
	overflow-y: auto;
	line-height: 30px;
	font-size: 16px;
	color: #22272A;
	}

.modal-body strong,	
.modal-body b,
.modal-body a { color: #22272A; }	
	
.modal-form { margin-bottom: 0; }
 	
.modal .close {
	float: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
	color: #22272A;
	}
 	
 .modal .close:hover { color: #7BC673; } 
 
 
/* MODAL CSS3 ANIMATIONS */
@-webkit-keyframes BeanModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}
@-moz-keyframes BeanModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}
@-o-keyframes BeanModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}
@keyframes BeanModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}

.BeanModalFadeIn {
	-webkit-animation-name: BeanModalFadeIn;
	   -moz-animation-name: BeanModalFadeIn;
	     -o-animation-name: BeanModalFadeIn;
	        animation-name: BeanModalFadeIn;
	-webkit-animation-duration: .6s;
	   -moz-animation-duration: .6s;
	    -ms-animation-duration: .6s;
	     -o-animation-duration: .6s;
	        animation-duration: .6s;        
	}
	
@-webkit-keyframes BeanModalBounceIn {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); }
	60% { opacity: 1; -webkit-transform: translateY(30px); }
	80% { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0); }
	}
@-moz-keyframes BeanModalBounceIn {
	0% { opacity: 0; -moz-transform: translateY(-2000px); }
	60% { opacity: 1; -moz-transform: translateY(30px); }
	80% { -moz-transform: translateY(-10px); }
	100% { -moz-transform: translateY(0); }
	}
@-o-keyframes BeanModalBounceIn {
	0% { opacity: 0; -o-transform: translateY(-2000px); }
	60% { opacity: 1; -o-transform: translateY(30px); } 
	80% { -o-transform: translateY(-10px); } 
	100% { -o-transform: translateY(0); }
	}
@keyframes BeanModalBounceIn {
	0% { opacity: 0; transform: translateY(-2000px); }
	60% { opacity: 1; transform: translateY(30px); }
	80% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
	}

.BeanModalBounceIn {
	-webkit-animation-name: BeanModalBounceIn;
	   -moz-animation-name: BeanModalBounceIn;
	     -o-animation-name: BeanModalBounceIn;
	        animation-name: BeanModalBounceIn;
	-webkit-animation-delay: .3s;
	   -moz-animation-delay: .3s;
	    -ms-animation-delay: .3s;
	     -o-animation-delay: .3s;
	        animation-delay: .3s;
	} 
  		 			  
/*--------------------------------------------------------------------*/
/*  RESPONSIVE CSS
/*--------------------------------------------------------------------*/ 			
@media only screen 
and (max-width: 767px) {
	.radium-one-half,
	.radium-one-third,
	.radium-two-third,
	.radium-three-fourth,
	.radium-one-fourth,
	.radium-one-fifth,
	.radium-two-fifth,
	.radium-three-fifth,
	.radium-four-fifth,
	.radium-one-sixth,
	.radium-five-sixth {
			margin-right: 0;
			width: 100%;
			}
 
	.radium-slider ul.slides.loading { height: 140px; }
		
	.radium-slider article header h1, 
	.radium-slider article header h2, 
	.radium-slider article header h3, 
	.radium-slider article header h4 {
 		line-height: 13px;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 9px;
 		}
	
	div.featurearea {
		width: 100%;
		margin-right: 0;
		}
}


/*--------------------------------------------------------------------*/
/*	iPHONE/SMARTPHONE GENERAL
/*--------------------------------------------------------------------*/
@media only screen 
and (max-width : 320px)
and (orientation : portrait) {

	.radium-toggle span.ui-icon { background-image: none!important; }

	.radium-toggle .ui-state-active .ui-icon { background-image: none; }
}


/*--------------------------------------------------------------------*/
/*	RETINA CSS
/*--------------------------------------------------------------------*/
@media all 
and (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 192dpi) {
	.radium-toggle span.ui-icon,
	.radium-toggle .ui-state-active .ui-icon { 
		background-image: url(../images/shortcodes/retina/plus-minus@2x.png);
		background-size: 60px 60px;
		}
		
	.icon32.iconSocial { 
		background:url(../images/shortcodes/retina/social-bar@2x.png) no-repeat 0 0;
		background-size: 805px 70px;
		}
		
	.short-btn .button-add { 
		background-image: url(../images/shortcodes/buttons/retina/add@2x.png);
		background-size: 16px 16px;
		}
		
	.short-btn .button-audio { 
		background-image: url(../images/shortcodes/buttons/retina/audio@2x.png);
		background-size: 16px 14px;
		}

	.short-btn .button-behance { 
		background-image: url(../images/shortcodes/buttons/retina/behance@2x.png);
		background-size: 20px 12px;
		}
	
	.short-btn .button-blog { 
		background-image: url(../images/shortcodes/buttons/retina/blog@2x.png);
		background-size: 13px 16px;
		}
			
	.short-btn .button-bookmark { 
		background-image: url(../images/shortcodes/buttons/retina/bookmark@2x.png);
		background-size: 10px 14px;
		}
	
	.short-btn .button-calendar { 
		background-image: url(../images/shortcodes/buttons/retina/calendar@2x.png);
		background-size: 14px 15px;
		}
		
	.short-btn .button-camera { 
		background-image: url(../images/shortcodes/buttons/retina/camera@2x.png);
		background-size: 16px 13px;
		}
			
	.short-btn .button-cart { 
		background-image: url(../images/shortcodes/buttons/retina/cart@2x.png); 	  
		background-size: 16px 11px;
		}
		
	.short-btn .button-check { 
		background-image: url(../images/shortcodes/buttons/retina/check@2x.png); 	  
		background-size: 16px 16px;
		}
		
	.short-btn .button-click { 
		background-image: url(../images/shortcodes/buttons/retina/click@2x.png); 	  
		background-size: 13px 16px;
		}
		
	.short-btn .button-cloud { 
		background-image: url(../images/shortcodes/buttons/retina/cloud@2x.png); 	  
		background-size: 17px 13px;
		}
		
	.short-btn .button-download { 
		background-image: url(../images/shortcodes/buttons/retina/download@2x.png); 
		background-size: 12px 15px;
		}
		
	.short-btn .button-dribbble { 
		background-image: url(../images/shortcodes/buttons/retina/dribbble@2x.png); 
		background-size: 16px 16px;
		}
		
	.short-btn .button-dropbox { 
		background-image: url(../images/shortcodes/buttons/retina/dropbox@2x.png);  
		background-size: 16px 15px;
		}
		
	.short-btn .button-email { 
		background-image: url(../images/shortcodes/buttons/retina/email@2x.png); 
		background-size: 16px 15px;
		}	
			
	.btn .button-facebook { 
		background-image: url(../images/shortcodes/buttons/retina/facebook@2x.png); 
		background-size: 8px 15px;
		}
		
	.btn .button-google { 
		background-image: url(../images/shortcodes/buttons/retina/google@2x.png); 
		background-size: 12px 13px;
		}
			
	.short-btn .button-heart { 
		background-image: url(../images/shortcodes/buttons/retina/heart@2x.png); 	  
		background-size: 16px 15px;
		}
	
	.short-btn .button-home { 
		background-image: url(../images/shortcodes/buttons/retina/home@2x.png); 	  
		background-size: 16px 16px;
		}
	
	.short-btn .button-link { 
		background-image: url(../images/shortcodes/buttons/retina/link@2x.png); 
		background-size: 16px 15px;
		}
		
	.short-btn .button-location { 
		background-image: url(../images/shortcodes/buttons/retina/location@2x.png); 	  
		background-size: 13px 18px;
		}
	
	.short-btn .button-mail { 
		background-image: url(../images/shortcodes/buttons/retina/mail@2x.png); 	  
		background-size: 16px 16px;
		}
		
	.short-btn .button-message { 
		background-image: url(../images/shortcodes/buttons/retina/message@2x.png);  
		background-size: 16px 16px;
		}
		
	.short-btn .button-question { 
		background-image: url(../images/shortcodes/buttons/retina/question@2x.png); 
		background-size: 16px 16px;
		}
		
	.short-btn .button-settings { 
		background-image: url(../images/shortcodes/buttons/retina/settings@2x.png); 
		background-size: 16px 15px;
		}
	
	.short-btn .button-star { 
		background-image: url(../images/shortcodes/buttons/retina/star@2x.png); 
		background-size: 16px 16px;
		}	
	
	.short-btn .button-support { 
		background-image: url(../images/shortcodes/buttons/retina/support@2x.png); 
		background-size: 16px 16px;
		}
			
	.short-btn .button-twitter { 
		background-image: url(../images/shortcodes/buttons/retina/twitter@2x.png);  
		background-size: 18px 14px;
		}
		
	.short-btn .button-upload { 
		background-image: url(../images/shortcodes/buttons/retina/upload@2x.png);   
		background-size: 17px 15px;
		}
		
	.short-btn .button-view { 
		background-image: url(../images/shortcodes/buttons/retina/view@2x.png); 	  
		background-size: 18px 12px;
		}
			
	.featurearea_icon .book { 
		background: url(../images/shortcodes/feature-areas/retina/book@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 16px 12px;
		}
	.featurearea_icon .calendar { 
		background: url(../images/shortcodes/feature-areas/retina/calendar@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 14px 15px;
		}
	.featurearea_icon .camera { 
		background: url(../images/shortcodes/feature-areas/retina/camera@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 16px 13px;
		}
	.featurearea_icon .chart { 
		background: url(../images/shortcodes/feature-areas/retina/chart@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 14px 14px;
		}
	.featurearea_icon .check {  
		background: url(../images/shortcodes/feature-areas/retina/check@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 17px 15px;
		}
	.featurearea_icon .crop { 
		background: url(../images/shortcodes/feature-areas/retina/crop@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 16px 14px;
		}
	.featurearea_icon .danger { 
		background: url(../images/shortcodes/feature-areas/retina/danger@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 14px 14px;
		}
	.featurearea_icon .download { 
		background: url(../images/shortcodes/feature-areas/retina/download@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 12px 15px;
		}
	.featurearea_icon .fullscreen { 
		background: url(../images/shortcodes/feature-areas/retina/fullscreen@2x.png) no-repeat 50% 50% #26c1d0; 	
		background-size: 18px 14px;
		}
	.featurearea_icon .ipad { 
		background: url(../images/shortcodes/feature-areas/retina/ipad@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 13px 16px;
		}
	.featurearea_icon .mail { 
		background: url(../images/shortcodes/feature-areas/retina/mail@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 16px 16px;
		}
	.featurearea_icon .no { 
		background: url(../images/shortcodes/feature-areas/retina/no@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 15px 15px;
		}
	.featurearea_icon .notification { 
		background: url(../images/shortcodes/feature-areas/retina/notification@2x.png) no-repeat 50% 50% #26c1d0; 	
		background-size: 16px 15px;
		}
	.featurearea_icon .package { 
		background: url(../images/shortcodes/feature-areas/retina/package@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 14px 13px;
		}
	.featurearea_icon .pages { 
		background: url(../images/shortcodes/feature-areas/retina/pages@2x.png) no-repeat 50% 50% #26c1d0; 			
		background-size: 16px 16px;
		}
	.featurearea_icon .printer { 
		background: url(../images/shortcodes/feature-areas/retina/printer@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 16px 13px;
		}
	.featurearea_icon .reload { 
		background: url(../images/shortcodes/feature-areas/retina/reload@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 12px 14px;
		}
	.featurearea_icon .settings { 
		background: url(../images/shortcodes/feature-areas/retina/settings@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 16px 15px;
		}
	.featurearea_icon .support { 
		background: url(../images/shortcodes/feature-areas/retina/support@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 16px 16px;
		}
	.featurearea_icon .upload { 
		background: url(../images/shortcodes/feature-areas/retina/upload@2x.png) no-repeat 50% 50% #26c1d0; 		
		background-size: 16px 12px;
		}
	.featurearea_icon .wifi { 
		background: url(../images/shortcodes/feature-areas/retina/wifi@2x.png)no-repeat 50% 50% #26c1d0; 			
		background-size: 15px 13px;
		}	
}