/*
2Mediax Shortcodes Styles

/* Blockquotes
-------------------------------------------------------------- */
.quote {margin: 1.5em 1.5em 1.5em 1.5em; padding-left: 2.5em; background: url('library/css/images/quote.png') no-repeat left center; background-size:20px 20px; font-style:italic; font-family:inherit; }
.quote p { padding-left: 2.5em; color:#454545; }

.quote-white {margin: 1.5em 1.5em 1.5em 1.5em; padding-left: 2.0em; background: url('library/css/images/quote-white.png') no-repeat left center; background-size:20px 20px; font-style:italic; font-family: inherit; color:#fff; }
.quote-white p { padding-left: 2.5em; color:#fff; }

/* Separation lines
-------------------------------------------------------------- */
.separation-line {
	width: 100%;
	float:left;
} 
.separation-line .container {
	width: 100%;
	overflow: hidden;
}
.separation-line .title {
	background-color: transparent;
	font-size: inherit;
	float: left;
	width: auto;
	margin-right:5px;
}
/* Banner Box
-------------------------------------------------------------- */
.banner-box {padding: 30px; margin: 20px 0 20px 0; font-style:italic; color:#333; font-size:20px; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; background-color:#f6f6f6;}
.banner-box2 {padding: 30px; margin: 20px 0 20px 0; color:#333; text-align:center;  background-color:#f6f6f6;}
.banner-footer {padding: 10px; margin: 20px 0 20px 0; color:#efefef; text-align:center;}
.banner-box.rounded,.banner-box2.rounded{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.banner-box.notrounded,.banner-box2.notrounded{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.banner-box.withstylecolor,.banner-box2.withstylecolor{border-left: solid 5px #238FCF; border-right: solid 5px #238FCF;}
.banner-box>div,.banner-box2>div{overflow:hidden;}


.nostyle,.nostyle:active,.nostyle:hover,.nostyle:visited{text-decoration:none;}
.customhover {z-index:100;background: none repeat scroll 0 0 #fff;height:100%;width:100%;top:0;left:0;opacity:0;overflow:hidden;position:absolute;-webkit-transition:opacity 0.3s ease-in-out 0s;-moz-transition:opacity 0.3s ease-in-out 0s;-o-transition:opacity 0.3s ease-in-out 0s;-ms-transition:opacity 0.3s ease-in-out 0s;transition:opacity 0.3s ease-in-out 0s;}
.customhover>div{z-index:101;display: none;position: absolute;width: 100%;height: auto;margin: 0 auto;text-align: center;color: #fff;}
.homepage-content .sidebar{width:100%; height:auto;position:relative; z-index:1;}
.customhover > div img{opacity: 1;}

/* placeholder
-------------------------------------------------------------- */
.ph-wrapper{width:100%;height:auto;}

/* Spacer
-------------------------------------------------------------- */
.spacer-shortcode-container {margin:15px 0; width:100%; text-align:center; height:10px; float:left;}
.spacer-shortcode {margin:0 auto; width:200px; text-align:center; height:1px; background-color:rgba(0,0,0,0.1);}
.spacer-shortcode-white {background-color:rgba(255,255,255,0.1)!important;}
.spacer-shortcode-line {width:40px; margin-top:-2px; text-align:center; height:5px; float:left; background-color:#333;}

.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/* Highlights
-------------------------------------------------------------- */
.highlight { width:auto; padding: 0 3px 0 3px; display: inline-block; text-shadow: none;}
.highlight p{ float:left;}

/*--- drop cap ---*/
div.dropcap{float: left; width: 30px; height: 30px; line-height: 40px; text-align:center; margin-top: 2px; margin-bottom: 0px; margin-right: 7px; margin-left: 2px;  font-size: 29px;}
div.dropcap.circle{ width: 40px; height: 40px;  margin-top: 2px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
div.dropcap.square{ width: 40px; height: 40px; margin-left: 0px; margin-top: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* icons
-------------------------------------------------------------- */
.xblack {padding-left: 20px; background:url('library/css/images/icons/xblack.png') no-repeat left center;}
.xred {padding-left: 20px; background:url('library/css/images/icons/xred.png') no-repeat left center;}
.okgreen {padding-left: 20px; background:url('library/css/images/icons/okgreen.png') no-repeat left center;}
.cancelredWcircle {padding-left: 20px; background:url('library/css/images/icons/cancelredWcircle.png') no-repeat left center;}
.plusgreen {padding-left: 20px; background:url('library/css/images/icons/plusgreen.png') no-repeat left center;}
.plusgreenWcircle {padding-left: 20px; background:url('library/css/images/icons/plusgreenWcircle.png') no-repeat left center;}
.icon1 {padding-left: 20px; background:url('library/css/images/icons/icon1.png') no-repeat left center;}
.icon2 {padding-left: 20px; background:url('library/css/images/icons/icon2.png') no-repeat 4px center;}
.icon3 {padding-left: 20px; background:url('library/css/images/icons/icon3.png') no-repeat left center;}
.icon4 {padding-left: 20px; background:url('library/css/images/icons/icon4.png') no-repeat left center;}
.icon5 {padding-left: 20px; background:url('library/css/images/icons/icon5.png') no-repeat left center;}
.line {overflow:hidden; background:url('library/css/images/icons/line.png') repeat-x center 1px;}
.doubleline {overflow:hidden; background:url('library/css/images/icons/double-line.png') repeat-x center 1px;}
.doted {overflow:hidden; background:url('library/css/images/icons/doted.png') repeat-x center 1px;}
.doubledoted {overflow:hidden; background:url('library/css/images/icons/double-doted.png') repeat-x center 1px;}


/* Progress Bar
-------------------------------------------------------------- */
.progress-bar { width:100%; float:left;}

.skills{width:100%; float:left;}
ul.skills{margin:0;}
.skills li{position:relative;margin-top:15px;}
.skills li:first-child{margin-top:0;}
.skills li .progress{height:30px;margin:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; background-color: #CCC;}
.skills li span{position:absolute;top:0;left:0;padding-left:10px;height:30px;line-height:30px;font-family:inherit;font-size:13px;color:#FFF}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-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);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.progress .bar{width:0%;height:100%;color:#fff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)}
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,
.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0)}.progress-danger.progress-striped .bar,
.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-success .bar,
.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0)}.progress-success.progress-striped .bar,
.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-info .bar,
.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0)}.progress-info.progress-striped .bar,
.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-warning .bar,
.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0)}.progress-warning.progress-striped .bar,
.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent)}.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.hero-unit



.content-placeholder, .content-placeholder span {width:100%; float:left;}

.contentslider .image-placeholder img{height:auto!important;}

.content-box-container {opacity:0.6; border-bottom:4px solid transparent; width:auto; height:auto; padding:40px; background:#f6f6f6;}
.content-box-container:hover {opacity:1; border-bottom:4px solid #333;}
.content-box-icon {float:left; width:40px; height:100%; text-align:center;}
.content-box-content {width:auto; height:auto; margin-left:60px; line-height:1.5em;}
.content-box-content h1, .content-box-content h2, .content-box-content h3, .content-box-content h4 {margin-top:0px;}
.content-box-footer {width: 0; height: 0; margin-left:-3px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #efefef; bottom:4px; left:50%; position:absolute; opacity:0; display:none;}