/*---------------------------------------------------------------------
 
	Theme Name: 	Default Easy Shortcodes
	Theme URI:      #
	Author:         ThemeEasy
	Author URI:     #
	Version:        1.0
 
----------------------------------------------------------------------*/

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

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

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

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

/*--------------------------------------------------------------------*/
/*  BUTTON STYLES
/*--------------------------------------------------------------------*/
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 {
	/*font: bold 14px/20px !important;
    border: none!important;*/
	border:solid 0px #dddddd;
    cursor: pointer;
    display: inline-block;
    background: #f5f5f5;
    padding:8px 22px;
    color: #4f4f4f !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;
	}

.short-btn:hover {
	background: #e9e9e9;
	border:solid 0px #d9d9d9;
}

.short-btn.medium {
	padding: 10px 24px!important;
	font-weight: normal;
	font-size: 15px!important;
	}
 
.short-btn.large {
	font-size: 18px!important;
	padding: 15px 34px!important;
	width: auto;
	margin-bottom: 4px;
	}	

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


/* BUTTON COLORS */
.short-btn.pink 		{ background: #FFADCB; border-color: #f392b5; color:#fff !important;}
.short-btn.pink:hover 	{ background-color: #f17fa9; border-color: #e26c97;}

.short-btn.blue 		{ background: #67c5e3; border-color: #67aec4; color:#fff !important; }
.short-btn.blue:hover 	{ background-color: #53b5d5; color: #fff; border-color: #4aadce; }

.short-btn.black 		{ background: #4f4f4f; border-color: #343434; color:#fff !important;}
.short-btn.black:hover 	{ background-color: #3e4145; border-color: #262626; }	 
	 
.short-btn.yellow 		{ background: #fbd160; border-color: #ebbf3b; color:#fff !important; }
.short-btn.yellow:hover { background-color: #f3c64e; border-color: #e9b928;}
	 	 	 
.short-btn.red 			{ background: #ff5e59; border-color:#e74135; color:#fff !important;}
.short-btn.red:hover 	{ background-color: #f44d48; border-color:#d53226; }
		 	 
.short-btn.green 		{ background: #b6d472; border-color:#9abc48; color:#fff !important;}
.short-btn.green:hover 	{ background: #a4c558; border-color:#86a835;  }
	
.short-btn.grey 		{ background: #f5f5f5;}
.short-btn.grey:hover 	{ background-color: #dbdbdb; }		 
 
.short-btn.purple 		{ background: #ac8ac7; border-color:#8966a6; color:#fff !important;}
.short-btn.purple:hover { background: #9c77ba; border-color:#7a5599; }
	
.short-btn.orange 		{ background: #ff7437; border-color:#e76126; color:#fff !important; }
.short-btn.orange:hover { background: #f26527; border-color:#e76126; }


/*--------------------------------------------------------------------*/
/*	FONT AWESOME (ICON BUTTONS)
/*--------------------------------------------------------------------*/
@font-face {
	font-family: 'FontAwesome';
	src: url(font/fontawesome-webfont.eot?v=3.1.0);
	src: url(font/fontawesome-webfont.eot?#iefix&v=3.1.0) format('embedded-opentype'), url(font/fontawesome-webfont.woff?v=3.1.0) format('woff'), url(font/fontawesome-webfont.ttf?v=3.1.0) format('truetype'), url(font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0) format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
/* ICONS CORE */
[class^="icon-"],
[class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	*margin-right: .3em;
	}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
	}

/* LINK ROLLOVER */
a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
	display: inline;
	}

.icon-arrow-down:before 		{content: "\f063";}
.icon-arrow-left:before 		{content: "\f060";}
.icon-arrow-right:before 		{content: "\f061";}
.icon-arrow-up:before 			{content: "\f062";}
.icon-bookmark:before 			{content: "\f02e";}
.icon-camera:before 			{content: "\f030";}
.icon-camera-retro:before 		{content: "\f083";}
.icon-cloud:before 				{content: "\f0c2";}
.icon-cloud-download:before 	{content: "\f0ed";}
.icon-cloud-upload:before 		{content: "\f0ee";}
.icon-code:before 				{content: "\f121";}
.icon-coffee:before 			{content: "\f0f4";}
.icon-cog:before 				{content: "\f013";}
.icon-cogs:before 				{content: "\f085";}
.icon-comments:before 			{content: "\f086";}
.icon-envelope:before 			{content: "\f003";}
.icon-eye-open:before 			{content: "\f06e";}
.icon-exclamation-sign:before	{content: "\f06a";}
.icon-facebook:before 			{content: "\f09a";}
.icon-file:before 				{content: "\f016";}
.icon-film:before 				{content: "\f008";}
.icon-globe:before 				{content: "\f0ac";}
.icon-inbox:before 				{content: "\f01c";}
.icon-link:before 				{content: "\f0c1";}
.icon-magic:before 				{content: "\f0d0";}
.icon-music:before 				{content: "\f001";}
.icon-ok:before 				{content: "\f00c";}
.icon-pinterest:before 			{content: "\f0d2";}
.icon-plus:before 				{content: "\f067";}
.icon-refresh:before 			{content: "\f021";}
.icon-rocket:before 			{content: "\f135";}
.icon-remove:before 			{content: "\f00d";}
.icon-rss:before 				{content: "\f09e";}
.icon-search:before 			{content: "\f002";}
.icon-shopping-cart:before 		{content: "\f07a";}
.icon-signal:before 			{content: "\f012";}
.icon-star:before 				{content: "\f005";}
.icon-tasks:before 				{content: "\f0ae";}
.icon-trophy:before 			{content: "\f091";}
.icon-user:before 				{content: "\f007";}
.icon-wrench:before 			{content: "\f0ad";}

	
/*--------------------------------------------------------------------*/
/*	TABS
/*--------------------------------------------------------------------*/
.easy-tabs.ui-tabs .ui-tabs-hide {
    left: -10000px;
    position: absolute;
	}

.easy-tabs {
	background: none;
	margin: 0 0 0 0;
	border:none;
	}

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

.easy-tabs ul.easy-nav li {
	float: left;
	position: relative;
	margin: 0 0px -1px 0;
	z-index: 8;
	list-style: none;
	padding:0px;
	border:none;
	list-style-type: none !important;
	}

.easy-tabs ul.easy-nav li a {
	background-color: #f7f7f7;
	text-transform: uppercase;
	font: bold 13px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	border-right:none;
	display: block;
	overflow: hidden;
	padding: 3px 10px;
	margin: 0;
	text-decoration: none;
	color: #2A3034;
/*	-webkit-border-radius: 3px 3px 0px 0px;
	   -moz-border-radius: 3px 3px 0px 0px;
	        border-radius: 3px 3px 0px 0px;
*/	}
.easy-tabs ul.easy-nav li:last-child a {
	border-right: 1px solid #d9d9d9;
}
	
.easy-tabs ul.easy-nav li a:hover {
	background: #FFF;
	margin: 0;
	}

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

.ui-tabs-nav .ui-state-active a {
	background: #FFF!important;
	border-bottom: solid 1px #fff !important;
	}
	
.easy-tabs .easy-tab {
	background: #fff;
	padding: 12px;
	border: 1px solid #d9d9d9;
	color: #2A3034;
/*	float: left;
	-webkit-border-radius: 0px 0px 3px 3px;
	   -moz-border-radius: 0px 0px 3px 3px;
	        border-radius: 0px 0px 3px 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);                
*/	}


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

.easy-toggle .easy-toggle-title {
	display: block;
	font-size:13px;
	border: 1px solid #d9d9d9;
	color: #2A3034;
	margin-bottom: 0px;
	padding: 12px 20px 12px 30px; 
	background: #f7f7f7;
	cursor: pointer;
	outline: none;
	position: relative;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: all 0.3s ;
	   -moz-transition: all 0.3s ;
		-ms-transition: all 0.3s ;
		    transition: all 0.3s ;
			
	}

.ui-accordion .ui-accordion-header .ui-icon{
	left: .8em;
	margin-top: -5px;
}

.easy-toggle .easy-toggle-title:hover {	background: #F6F8FB; color: #2A3034; }

.easy-toggle-title.ui-state-active:hover {
	background: #F6F8FB;
	} 
	
.easy-toggle .ui-state-active { 
	background: #f7f7f7;
	-webkit-border-radius: 3px 3px 0px 0px;
	   -moz-border-radius: 3px 3px 0px 0px;
	        border-radius: 3px 3px 0px 0px;
	}
	
.easy-toggle-inner {
	background: #FFF;
	border: 1px solid #d9d9d9;
	border-top: none!important;	
	margin-top: -7px;
	margin-bottom: 7px;
	-webkit-border-radius: 0px 0px 3px 3px;
	   -moz-border-radius: 0px 0px 3px 3px;
	        border-radius: 0px 0px 3px 3px;
	}

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

.easy-toggle .ui-state-active .ui-icon { 
	background-position: -40px -10px; 
	}

 	
/*--------------------------------------------------------------------*/
/*  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
/*--------------------------------------------------------------------*/
.easy-alert {
	background-color: #f0f0f0;
	color: #2A3034;
	font: 15px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0;
	padding: 10px 50px 10px 20px;
	position: relative;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	}

.easy-alert.note 	{ background-color: #faebae; color: #b29419; border:solid 1px #e9d271; }	
.easy-alert.info 	{ background-color: #f7f7f7; color: #444649; border:solid 1px #d9d9d9; }
.easy-alert.success { background-color: #e4f8c4; color: #6e9038; border:solid 1px #c5df9d; }	
.easy-alert.error   { background-color: #ffcfc9; color: #c06c61; border:solid 1px #f4a69e; }

.easy-alert .alert-close {
	background-image: url(images/close.png);
	cursor: pointer; 
	height: 16px;
	position: absolute;
	right: 17px;
	top: 14px;
	width: 16px;	
	}
	
.easy-alert .alert-close:hover { opacity: .5; }	

.easy-alert.info .alert-close 	 { background-position: 0px -16px; }
.easy-alert.success .alert-close { background-position: 0px -32px; }		
.easy-alert.error .alert-close 	 { background-position: 0px -48px; }	

									

/*--------------------------------------------------------------------*/
/*	HIGHLIGHT
/*--------------------------------------------------------------------*/
	span.highlight {
	/*background-image: url(images/highlight-left.png),url(images/highlight-center.png),
	url(images/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;*/
	background-color:#fe6349;
	color: #fff;
	padding: 0 5px;
	margin:0 3px;
	} 
 
 
/*--------------------------------------------------------------------*/
/* CUSTOM PULL BLOCK QUOTE
/*--------------------------------------------------------------------*/
.easy-quote {
	background-color: #505050;
	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: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;	
	}  


/*--------------------------------------------------------------------*/
/*	NOTE SHORTCODE
/*--------------------------------------------------------------------*/
div.easy-note {
	text-align: center;
	border: 1px solid #ADADAD;
	padding: 15px;
	background-color: #FDFDFD;
	color: #414141;
	font-size: 14px;
	font-weight: bold;
	line-height: 23px;
	-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;
	}
 

/*--------------------------------------------------------------------*/
/*	PRETTIFY CUSTOM Easy THEME
/*--------------------------------------------------------------------*/
pre.prettyprint { 
	background-color: #FFF; 
	background-image: none;
	border: 1px solid #BBC1CA;
	display: block;
	font: 13px/11px Consolas, Courier, "Courier New", monospace;
	height: auto;
	margin: 40px 0 10px;
	max-height: 350px;
	padding: 20px 22px;
	overflow: auto;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;  
	white-space: -o-pre-wrap; 
	word-wrap: break-word;  
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);	
		}
	
/* IF FULLHEIGHT IS SELECTED */
pre.prettyprint.linenums.full {
	max-height: 100%;
	} 
	
pre.prettyprint li {
	list-style: inherit;
	list-style-type:decimal;
	line-height: 20px;
	}
		

/* LINE NUMBERS */	
ol.linenums { margin-top: 0; margin-bottom: 0; color: #D6DBE6 }
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/*li.L0,li.L2,li.L4,li.L6,li.L8 { background-color: rgba(247, 247, 248, 0.55);}*/

		
/* DEFAULT COLORS */			
pre .nocode { background-color: none; color: #2A333B }
pre .str { color: #FF8220 } 	/* STRING*/
pre .kwd { color: #F3736F }
pre .com { color: #b2b2b2 } 	/* COMMENT */
pre .typ { color: #228822 } 	/* TYPE */
pre .lit { color: #61A558 } 	/* LITERAL */
pre .pun { color: #6279bd }     /* PUNCTUATION*/
pre .pln { color: #6279bd }     /* PLAINTEXT */
pre .tag { color: #f0e68c } 	/* HTML TAG */
pre .atn { color: #bdb76b } 	/* ATTRIBUTE NAME */
pre .atv { color: #ffa0a0 } 	/* ATTRIBUTE VALUE */
pre .dec { color: #98fb98 } 	/* DECIMAL */


/*--------------------------------------------------------------------*/
/*	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;
	text-decoration: none;
	}
 	
 .modal .close:hover { color: #838383; } 
 
 .hide { display: none; }
 
/* MODAL CSS3 ANIMATIONS */
.animated.EasyModalBounceIn {
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	    -ms-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	}
	
@-webkit-keyframes EasyModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}
@-moz-keyframes EasyModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}
@-o-keyframes EasyModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}
@keyframes EasyModalFadeIn {
	0% {opacity: 0;}	
	100% {opacity: .95;}
	}

.EasyModalFadeIn {
	-webkit-animation-name: EasyModalFadeIn;
	   -moz-animation-name: EasyModalFadeIn;
	     -o-animation-name: EasyModalFadeIn;
	        animation-name: EasyModalFadeIn;
	-webkit-animation-duration: .6s;
	   -moz-animation-duration: .6s;
	    -ms-animation-duration: .6s;
	     -o-animation-duration: .6s;
	        animation-duration: .6s;        
	}
	
@-webkit-keyframes EasyModalBounceIn {
	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 EasyModalBounceIn {
	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 EasyModalBounceIn {
	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 EasyModalBounceIn {
	0% { opacity: 0; transform: translateY(-2000px); }
	60% { opacity: 1; transform: translateY(30px); }
	80% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
	}

.EasyModalBounceIn {
	-webkit-animation-name: EasyModalBounceIn;
	   -moz-animation-name: EasyModalBounceIn;
	     -o-animation-name: EasyModalBounceIn;
	        animation-name: EasyModalBounceIn;
	-webkit-animation-delay: .3s;
	   -moz-animation-delay: .3s;
	    -ms-animation-delay: .3s;
	     -o-animation-delay: .3s;
	        animation-delay: .3s;
	} 


/*--------------------------------------------------------------------*/
/*	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 .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out; 	   
		 -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out; 
	}
	
.featurearea_icon .icon {
	background: no-repeat 50% 50% #22272A;
	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 .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out; 	   
		 -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;         
	}

.featurearea_content { overflow: hidden; }

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

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

  		 			  
/*--------------------------------------------------------------------*/
/*  RESPONSIVE CSS
/*--------------------------------------------------------------------*/
@media only screen 
and (max-width: 767px) {
	.easy-one-half,
	.easy-one-third,
	.easy-two-third,
	.easy-three-fourth,
	.easy-one-fourth,
	.easy-one-fifth,
	.easy-two-fifth,
	.easy-three-fifth,
	.easy-four-fifth,
	.easy-one-sixth,
	.easy-five-sixth {
			margin-right: 0;
			width: 100%;
			}
			
	.modal { 
		position: fixed; 
		top: 25% !important; 
		right: 5%; 
		left: 5%; 
		bottom: 5%; 
		width: auto; 
		height: auto;
		margin: 0; 
		}
	.modal-body { height: 60%; }
	.modal-body { 
		max-height: 500px; 
		overflow-y: auto; 
		-webkit-overflow-scrolling: touch; 
		}		
}

/*progressbar style*/
	.progress{ 
			position: relative;
			margin: 0px 0 12px 0;
			/*padding:5px 5px 5px 5px;*/
			height: 30px;
			background: #f7f7f7;
			-o-border-radius: 10px;
			-ms-border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
			-moz-box-shadow   : inset 0 1px 2px rgba(0, 0, 0, 0.1);
			box-shadow        : inset 0 1px 2px rgba(0, 0, 0, 0.1);
			background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
			line-height: 10px;
			font-weight: bold;
		}
		.progress > span {
			display: block;
			height: 20px;
			/*padding: 10px 30px 0px 30px!important;*/
			border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-o-border-radius: 10px 10px 10px 10px;
			-ms-border-radius: 10px 10px 10px 10px;
			color: #000!important;
			font-weight: bold;
			background-color: rgb(43,194,83);
			/*background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);*/
			position: relative;
			overflow: hidden;
		}
		
		.progress.big{
			padding:0 0 0 0;
			height: 40px;
			line-height: 20px;
			
		}
		.progress.medium{
			padding:0px;
			height: 30px;
			
		}
		.progress.small{
			padding:0px;
			height: 20px;
			line-height: 1px;
			
		}
		.progress.big > span {
			height: 30px;
			padding: 10px 0px 0px 0px;
		}
		
		.progress.medium > span {
			height: 20px;
			padding: 10px 0px 0px 0px;
		}
		
		.progress.small > span {
			height: 20px;
			padding: 10px 0px 0px 0px;
		}
		
		.progress > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0px; bottom: 0; right: 0;
			/*background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );*/
			z-index: 1;
			-webkit-background-size: 7px 7px;
			-moz-background-size: 7px 7px;
			animation: move 4s linear infinite;
			-webkit-animation: move 4s linear infinite;
			-moz-animation: move 4s linear infinite;
			-ms-animation: move 4s linear infinite;
			-o-animation: move 4s linear infinite;
			overflow: hidden;
		}
		
		
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		.progress.orange > span {
			background-color: #f86f1c;
			background-image: -moz-linear-gradient(top, #f86f1c, #f86f1c);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f86f1c),color-stop(1, #f86f1c));
			background-image: -webkit-linear-gradient(#f86f1c, #f86f1c);
		}
		
		.progress.red > span {
			background-color: #f3583e;
			background-image: -moz-linear-gradient(top, #f3583e, #f3583e);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f3583e),color-stop(1, #f3583e));
			background-image: -webkit-linear-gradient(#f3583e, #f3583e);
		}
		.progress.black > span {
			background-color: #4f4f4f;
			background-image: -moz-linear-gradient(top, #4f4f4f, #4f4f4f);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4f4f4f),color-stop(1, #4f4f4f));
			background-image: -webkit-linear-gradient(#4f4f4f, #4f4f4f);
			color:#FFF!important;;
		}
		
		.progress.lightblue > span {
		    background-color: #67c5e3;
			background-image: -moz-linear-gradient(top, #67c5e3, #67c5e3);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #67c5e3),color-stop(1, #67c5e3));
			background-image: -webkit-linear-gradient(#67c5e3, #67c5e3);
		}
		.progress.yellow > span {
		    background-color: #fbd160;
			background-image: -moz-linear-gradient(top, #fbd160, #fbd160);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fbd160),color-stop(1, #fbd160));
			background-image: -webkit-linear-gradient(#fbd160, #fbd160);
		}
		
		.progress.pink > span {
		     background-color: #ED135A;
			 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
		}
		.progress.blue > span {
		     background-color: #00F;
			 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
		}
		
		.progress.grey > span{
		background-color: #656565;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
		color: #fff!important;
	}
	.progress.lightgrey > span {
		background-color: #CBCBCB;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
	}
	.progress.purple > span {
		background-color: #5F5BA7;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
	}

	.progress.turquoise > span{
		background-color: #1BBBB3;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
	}
	
	.progress.limegreen > span{
		background-color: #CBFF00;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 50.12%);
	}
		
		.progress.transparent > span{
			opacity: .7!important;
		}
		.progress.transparent > span:after, .transparent > span > span{
			opacity: 1;
		}
		span.progress-right{
			float: right;
			color: #FFF;
			padding-right:10px;
			font-size:12px;
		}
		
		.progress.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			-moz-animation: none;
			background-image: none;
		}


/*--------------------------------------------------------------------*/
/*	iPHONE/SMARTPHONE GENERAL
/*--------------------------------------------------------------------*/
@media only screen 
and (max-width : 320px)
and (orientation : portrait) {
	.easy-toggle span.ui-icon { background-image: none!important; }
}


/*--------------------------------------------------------------------*/
/*	RETINA CSS
/*--------------------------------------------------------------------*/
@media all 
and (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 192dpi) {
	.easy-toggle span.ui-icon { 
		background-image: url(images/retina/toggle@2x.png);
		background-size: 60px 60px;
		}
	.icon32.iconSocial {
		background-image: url(images/retina/social@2x.png);
		background-size: 540px 120px;
		}
	.easy-alert .alert-close  {
		background-image: url(images/retina/close@2x.png);
		background-size: 16px 64px;
		}	
	.featurearea_icon .book { 
		background-image: url(images/feature-areas/retina/book@2x.png); 			
		background-size: 16px 12px;
		}
	.featurearea_icon .calendar { 
		background-image: url(images/feature-areas/retina/calendar@2x.png); 		
		background-size: 14px 15px;
		}
	.featurearea_icon .camera { 
		background-image: url(images/feature-areas/retina/camera@2x.png); 		
		background-size: 16px 13px;
		}
	.featurearea_icon .chart { 
		background-image: url(images/feature-areas/retina/chart@2x.png); 			
		background-size: 14px 14px;
		}
	.featurearea_icon .check {  
		background-image: url(images/feature-areas/retina/check@2x.png); 			
		background-size: 17px 15px;
		}
	.featurearea_icon .crop { 
		background-image: url(images/feature-areas/retina/crop@2x.png); 			
		background-size: 16px 14px;
		}
	.featurearea_icon .danger { 
		background-image: url(images/feature-areas/retina/danger@2x.png); 		
		background-size: 14px 14px;
		}
	.featurearea_icon .download { 
		background-image: url(images/feature-areas/retina/download@2x.png); 		
		background-size: 12px 15px;
		}
	.featurearea_icon .fullscreen { 
		background-image: url(images/feature-areas/retina/fullscreen@2x.png); 	
		background-size: 18px 14px;
		}
	.featurearea_icon .ipad { 
		background-image: url(images/feature-areas/retina/ipad@2x.png); 			
		background-size: 13px 16px;
		}
	.featurearea_icon .mail { 
		background-image: url(images/feature-areas/retina/mail@2x.png); 			
		background-size: 16px 16px;
		}
	.featurearea_icon .no { 
		background-image: url(images/feature-areas/retina/no@2x.png); 			
		background-size: 15px 15px;
		}
	.featurearea_icon .notification { 
		background-image: url(images/feature-areas/retina/notification@2x.png); 	
		background-size: 16px 15px;
		}
	.featurearea_icon .package { 
		background-image: url(images/feature-areas/retina/package@2x.png); 		
		background-size: 14px 13px;
		}
	.featurearea_icon .pages { 
		background-image: url(images/feature-areas/retina/pages@2x.png); 			
		background-size: 16px 16px;
		}
	.featurearea_icon .printer { 
		background-image: url(images/feature-areas/retina/printer@2x.png); 		
		background-size: 16px 13px;
		}
	.featurearea_icon .reload { 
		background-image: url(images/feature-areas/retina/reload@2x.png); 		
		background-size: 12px 14px;
		}
	.featurearea_icon .settings { 
		background-image: url(images/feature-areas/retina/settings@2x.png); 		
		background-size: 16px 15px;
		}
	.featurearea_icon .support { 
		background-image: url(images/feature-areas/retina/support@2x.png); 		
		background-size: 16px 16px;
		}
	.featurearea_icon .upload { 
		background-image: url(images/feature-areas/retina/upload@2x.png)2; 		
		background-size: 16px 12px;
		}
	.featurearea_icon .wifi { 
		background-image: url(images/feature-areas/retina/wifi@2x.png); 			
		background-size: 15px 13px;
		}
		
	}		
}