@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900);
@import url(http://fonts.googleapis.com/css?family=Syncopate:700);


@media (max-width: 480px) {
	body {
		padding-right: 0px;
		padding-left: 0px;
	}
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	h2 {
		font-size: 42px;
	}
	h2 .prefix {
	    top: -4px;
	}
	.portfolio h2 {
		line-height: 39px;
	}
	h3 {
		font-size: 20px;
	}
	.resume h3 {
		margin-top: 10px;
	}
	.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
           -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
            	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
	}
	.navbar .brand {
		padding: 6px 10px;
	}
	.navbar .brand > img {
		max-height: 28px;
	}
	.portfolio.row {
		margin-bottom: 25px;
	}
	.portfolio .span3 {
		margin-top: 30px;
	}
	footer .footerLogo {
		margin-top: 25px;
	}
	footer .footerLogo img {
		max-height: 25px;
	}
	footer .footerLink {
		margin-top: 5px;
    	height: 25px;
	}
	footer .footerIcon {
		width: 44px;
		height: 25px;
		float: left;
		margin-right: 10px;
	}
	footer .footerIcon img {
		max-height: 25px;
	}
	footer .footerCopy {
		padding-top: 3px;
		color: #4B4B4B;
	}
	.portfolio footer .footerCopy {
		padding-top: 3px;
		color: #fff;
	}
	footer .copyright {
		margin: 15px 0px 25px 0px;
		text-align: center;
	}
	footer a, footer a:focus, footer a:hover {
		color: #4B4B4B;
	}
	.portfolio footer a, .portfolio footer a:focus, .portfolio footer a:hover {
		color: #fff;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	body {
		padding-right: 0px;
		padding-left: 0px;
	}
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	h2 {
		font-size: 42px;
	}
	h2 .prefix {
	    top: -4px;
	}
	.portfolio h2 {
		line-height: 39px;
	}
	h3 {
		font-size: 20px;
	}
	.resume h3 {
		margin-top: 10px;
	}
	.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
           -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
            	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
	}
	.navbar .brand {
		padding: 6px 10px;
	}
	.navbar .brand > img {
		max-height: 28px;
	}
	.portfolio.row {
		margin-bottom: 25px;
	}
	.portfolio .span3 {
		margin-top: 30px;
	}
	footer .footerLogo {
		margin-top: 25px;
	}
	footer .footerLogo img {
		max-height: 25px;
	}
	footer .footerLink {
		margin-top: 15px;
    	height: 25px;
	}
	footer .footerIcon {
		width: 44px;
		height: 25px;
		float: left;
		margin-right: 10px;
	}
	footer .footerIcon img {
		max-height: 25px;
	}
	footer .footerCopy {
		padding-top: 3px;
		color: #4B4B4B;
	}
	.portfolio footer .footerCopy {
		padding-top: 3px;
		color: #fff;
	}
	footer .copyright {
		margin: 15px 0px 25px 0px;
		text-align: center;
	}
	footer a, footer a:focus, footer a:hover {
		color: #4B4B4B;
	}
	.portfolio footer a, .portfolio footer a:focus, .portfolio footer a:hover {
		color: #fff;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	h2 {
		font-size: 58px;
	}
	h2 .prefix {
	    top: -7px;
	}
	.portfolio h2 {
		line-height: 55px;
	}
	h3 {
		font-size: 24px;
	}
	.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
           -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
            	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
	}
	.navbar .brand {
		padding: 6px 10px;
	}
	.resume.row .span4,.resume.row #switcher-panel .span4 {
		border-right: solid;
		border-right-width: 1px;
		border-right-color: #a0a0a0;
		width: 207px;
		padding-right: 20px;
	}
	.resume.row .span4:last-child {
		border-right: 0px;
	}
	.resumeDownload img {
		margin-top: 47.5%;
		padding-left: 10px;
	}
	.navbar .brand {
		padding: 6px 10px;
	}
	.navbar .brand > img {
		max-height: 28px;
	}
	.portfolio.row {
		margin-bottom: 25px;
	}
	.portfolio .span3 {
		margin-top: 20px;
	}
	footer .footerLogo img {
		max-height: 30px;
	}
	footer .footerLink {
		margin-bottom: 10px;
    	margin-left: 25px;
    	text-align: right;
    	height: 30px;
	}
	footer .footerIcon {
		float: right;
		margin-left: 5px;
	}
	footer .footerIcon img {
		max-height: 30px;
	}
	footer .footerCopy {
		padding-top: 5px;
		color: #4B4B4B;
	}
	footer .copyright {
		text-align: center;
	}
	footer a, footer a:focus, footer a:hover {
		color: #4B4B4B;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	h2 {
		font-size: 58px;
	}
	h2 .prefix {
	    top: -7px;
	}
	.portfolio h2 {
		line-height: 55px;
	}
	h3 {
		font-size: 24px;
	}
	.navbar-fixed-top {
		top: 0;
		-webkit-box-shadow: inset 0 115px 35px -75px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: inset 0 115px 35px -75px rgba(0, 0, 0, 0.5);
            	box-shadow: inset 0 115px 35px -75px rgba(0, 0, 0, 0.5);
	}
	.navbar-inverse .navbar-inner {
	  	width: 893px;
	  	margin: 26px auto 0px;
	  	background-image: url('../img/nav-bar.png');
		background-repeat: no-repeat;
		background-color: transparent;
		border: 0;
	}
	.navbar-inverse .brand {
		text-indent: -99999px;
		background-image: url('../img/nav-logo.png');
		background-repeat: no-repeat;
		width: 179px;
		height: 76px;
		margin: -9px 0 0 29px;
    	padding: 0;
	}
	.navbar .nav {
		margin: 4px 0px 0px 44px;
		transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		-webkit-transform: skew(-15deg);
		-o-transform: skew(-15deg);
	   	-moz-transform: skew(-15deg);
	}
	.resume.row .span4,.resume.row #switcher-panel .span4 {
		border-right: solid;
		border-right-width: 1px;
		border-right-color: #a0a0a0;
		width: 279px;
		padding-right: 20px;
	}
	.resume.row .span4:last-child {
		border-right: 0px;
	}
	.resumeDownload img {
		margin-top: 21.5%;
		padding-left: 15px;
	}
	.portfolio.row {
		margin-bottom: 25px;
	}
	.portfolio .span3 {
		margin-top: 20px;
	}
	footer .footerLink {
		margin: 5px 0px 10px 25px;
    	text-align: right;
    	height: 42px;
	}
	footer .footerIcon {
		float: right;
		margin-left: 5px;
	}
	footer .footerCopy {
		padding-top: 10px;
		color: #4B4B4B;
	}
	footer .copyright {
		text-align: center;
	}
	footer a, footer a:focus, footer a:hover {
		color: #4B4B4B;
	}
}

@media (min-width: 1200px) {
	h2 {
		font-size: 58px;
	}
	h2 .prefix {
	    top: -7px;
	}
	.portfolio h2 {
		line-height: 55px;
	}
	h3 {
		font-size: 24px;
	}
	.navbar-fixed-top {
		top: 0;
		-webkit-box-shadow: inset 0 115px 35px -75px rgba(0, 0, 0, 0.5);
           -moz-box-shadow: inset 0 115px 35px -75px rgba(0, 0, 0, 0.5);
            	box-shadow: inset 0 115px 35px -75px rgba(0, 0, 0, 0.5);
	}
	.navbar-inverse .navbar-inner {
		width: 893px;
	  	margin: 26px auto 0px;
	  	background-image: url('../img/nav-bar.png');
		background-repeat: no-repeat;
		background-color: transparent;
		border: 0;
	}
	.navbar-inverse .brand {
    	text-indent: -99999px;
		background-image: url('../img/nav-logo.png');
		background-repeat: no-repeat;
		width: 179px;
		height: 76px;
		margin: -9px 0 0 29px;
    	padding: 0;
	}
	.navbar .nav {
		margin: 4px 0px 0px 44px;
		transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		-webkit-transform: skew(-15deg);
		-o-transform: skew(-15deg);
	   	-moz-transform: skew(-15deg);
	}
	.resume.row .span4,.resume.row #switcher-panel .span4 {
		border-right: solid;
		border-right-width: 1px;
		border-right-color: #a0a0a0;
		width: 349px;
		padding-right: 20px;
	}
	.resume.row .span4:last-child {
		border-right: 0px;
	}
	.resumeDownload img {
		margin-top: 14.5%;
		padding-left: 20px;
	}
	.portfolio.row {
		margin-bottom: 25px;
	}
	.portfolio .span3 {
		margin-top: 30px;
	}
	footer .footerLink {
		margin: 5px 0px 0px 25px;
		float: right;
	}
	footer .footerIcon {
		float: left;
		margin-right: 5px;
	}
	footer .footerCopy {
		float: left;
		padding-top: 10px;
		color: #4B4B4B;
	}
	footer a, footer a:focus, footer a:hover {
		color: #4B4B4B;
	}
}

h2 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	color: #4b4b4b;
	margin: 25px 0px;
}

h2 .prefix {
	color: #a0a0a0;
	position: relative;
}

h3 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	line-height: 24px;
	color: #a0a0a0;
	margin: 15px 0px 5px;
}

h4 {
	color: #a0a0a0;
	margin-bottom: 0px;
	font-size: 14px;
}

a, a:visited, a:hover {
  cursor: pointer;
}

hr {
	border-top-color: #A0A0A0;
}

.navbar .nav {
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 22px;
}

.linkedIn {
	width: 28px;
	height: 28px;
	margin: -1px 0 0 17px;
	transform: skew(15deg);
	-ms-transform: skew(15deg);
	-webkit-transform: skew(15deg);
	-o-transform: skew(15deg);
   	-moz-transform: skew(15deg);
}

.linkedIn:hover {
	background-position: 0px -28px;
}

.navbar-inverse .nav > li.linkedIn > a {
    color: #333;
    font-size: 28px;
}

.navbar-inverse .nav > li.linkedIn.active > a:hover,
.navbar-inverse .nav > li.linkedIn.active > a:focus {
    color: #007bb6;
}

.navbar-inverse .nav > li.linkedIn > a > i {
    background-color: #fff;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    top: 2px;
}

.navbar-inverse .nav .linkedIn.active > a, .navbar-inverse .nav .linkedIn.active > a:hover, .navbar-inverse .nav .linkedIn.active > a:focus, .linkedIn a:focus, .linkedIn a:active {
	background-color: transparent;
	box-shadow: 0px 0px 0px;
	text-shadow: 0;
}

#scrollTopContainer {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
}

#scrollTopContainer .btn {
	background-color: rgba(96,182,0,0.85);
	color: #fff;
	margin: 0px -5px 0px 0px;
	font-size: 18px;
}

#scrollTopContainer .arrow {
	vertical-align: middle;
}

.greyBack {
	background-color: #4b4b4b;
	width: 100%;
}

.greyBack h2,.greyBack h3,.greyBack h4,.greyBack p {
	color: #fff;
}

.skills.row {
	margin-bottom: 25px;
}

#portfolio h2 {
	margin-bottom: 0px;
}

.portfolio .unit img {
	border: 5px solid #A0A0A0;
	-webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
}

.portfolio .unit img:hover {
	border-color: #9eff00;
	-webkit-box-shadow: 0 0 5px 3px rgba(158, 255, 0, 0.4);
       -moz-box-shadow: 0 0 5px 3px rgba(158, 255, 0, 0.4);
            box-shadow: 0 0 5px 3px rgba(158, 255, 0, 0.4);
}

.portfolio .unitRow {
	margin-bottom: 25px;
}

.resume.row .span4 {
	margin-bottom: 25px;
}

.resume.row .span4 div {
	height: 40px;
	margin: auto 0;
}

.resume.row .span4 div img.company, .row .span12 div img.company {
	max-height: 40px;
	padding-top:10px;
}

.resume.row .span4 ul {
	margin-left: 14px;
}

.resume.row .span4 p.dates, .resume.row .span4 .details {
	font-style:italic;
}

.resumeDownload {
	width: 100%
	background-color: #8c8c8c;
	background-image: -moz-linear-gradient(top, #a4a4a4, #696969);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4a4a4), to(#696969));
	background-image: -webkit-linear-gradient(top, #a4a4a4, #696969);
	background-image: -o-linear-gradient(top, #a4a4a4, #696969);
	background-image: linear-gradient(to bottom, #a4a4a4, #696969);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4a4a4', endColorstr='#ff696969', GradientType=0);
	text-align: center;
	-webkit-box-shadow: inset 0 0 60px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: inset 0 0 60px 5px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 60px 5px rgba(0, 0, 0, 0.5);
}

.resume.row .span4 .meter {
	height: 30px;
	width: 100%;
	background-color: #9dff00;
	background: -moz-linear-gradient(left,  #60b600 0%, #9dff00 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#60b600), color-stop(100%,#9dff00));
	background: -webkit-linear-gradient(left,  #60b600 0%,#9dff00 100%);
	background: -o-linear-gradient(left,  #60b600 0%,#9dff00 100%);
	background: -ms-linear-gradient(left,  #60b600 0%,#9dff00 100%);
	background: linear-gradient(to right,  #60b600 0%,#9dff00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b600', endColorstr='#9dff00',GradientType=1 );
}

.switcher-content {
  display: none;
}

.meterDetail {
	float: right;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 28px;
	color: #fff;
	margin: 4px 5px 0 0;
	text-shadow: -1px -1px 0 #60b600, 1px -1px 0 #60b600, -1px 1px 0 #60b600, 1px 1px 0 #60b600;
}

.skills.row .span4 .meter {
	height: 30px;
	width: 100%;
	background-color: #9dff00;
	background: -moz-linear-gradient(left,  #60b600 0%, #9dff00 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#60b600), color-stop(100%,#9dff00));
	background: -webkit-linear-gradient(left,  #60b600 0%,#9dff00 100%);
	background: -o-linear-gradient(left,  #60b600 0%,#9dff00 100%);
	background: -ms-linear-gradient(left,  #60b600 0%,#9dff00 100%);
	background: linear-gradient(to right,  #60b600 0%,#9dff00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b600', endColorstr='#9dff00',GradientType=1 );
}

.skills.row .span4 .meter.adobeAnalytics {
	width: 50%;
}

.skills.row .span4 .meter.googleAnalytics {
	width: 80%;
}

.skills.row .span4 .meter.css {
	width: 100%;
}

.skills.row .span4 .meter.html5 {
	width: 100%;
}

.skills.row .span4 .meter.jQueryMobile {
	width: 100%;
}

.skills.row .span4 .meter.respnosive {
	width: 100%;
}

.skills.row .span4 .meter.css3 {
	width: 90%;
}

.skills.row .span4 .meter.javaScript {
	width: 75%;
}

.skills.row .span4 .meter.mVC {
	width: 50%;
}

.skills.row .span4 .meter.phoneGap {
	width: 75%;
}

.skills.row .span4 .meter.bootstrap {
	width: 100%;
}

.skills.row .span4 .meter.html {
	width: 100%;
}

.skills.row .span4 .meter.jQuery {
	width: 85%;
}

.skills.row .span4 .meter.pHP {
	width: 40%;
}

.skills.row .span4 .meter.nET {
	width: 65%;
}

.skills.row .span4 .meter.akamai {
	width: 50%;
}

.skills.row .span4 .meter.epiServer {
	width: 100%;
}

.skills.row .span4 .meter.exactTarget {
	width: 80%;
}

.skills.row .span4 .meter.getSmart {
	width: 80%;
}

.skills.row .span4 .meter.teamSite {
	width: 100%;
}

.skills.row .span4 .meter.inHouse {
	width: 100%;
}

.skills.row .span4 .meter.sitecore {
	width: 50%;
}

.skills.row .span4 .meter.android {
	width: 100%;
}

.skills.row .span4 .meter.windows {
	width: 100%;
}

.skills.row .span4 .meter.iOS {
	width: 100%;
}

.skills.row .span4 .meter.oSX {
	width: 100%;
}

.skills.row .span4 .meter.agile {
	width: 90%;
}

.skills.row .span4 .meter.harvest {
	width: 90%;
}

.skills.row .span4 .meter.basecamp {
	width: 100%;
}

.skills.row .span4 .meter.sharePoint {
	width: 80%;
}

.skills.row .span4 .meter.workamajig {
	width: 80%;
}

.skills.row .span4 .meter.conceptShare {
	width: 50%;
}

.skills.row .span4 .meter.facebook {
	width: 100%;
}

.skills.row .span4 .meter.pinterest {
	width: 100%;
}

.skills.row .span4 .meter.youTube {
	width: 100%;
}

.skills.row .span4 .meter.vidyard {
	width: 75%;
}

.skills.row .span4 .meter.vine {
	width: 75%;
}

.skills.row .span4 .meter.weChat {
	width: 50%;
}

.skills.row .span4 .meter.facebookApps {
	width: 100%;
}

.skills.row .span4 .meter.shoutlet {
	width: 75%;
}

.skills.row .span4 .meter.offerpop {
	width: 100%;
}

.skills.row .span4 .meter.twitter {
	width: 100%;
}

.skills.row .span4 .meter.adobeCloud {
	width: 100%;
}

.skills.row .span4 .meter.axure {
	width: 75%;
}

.skills.row .span4 .meter.virtualBox {
	width: 100%;
}

.skills.row .span4 .meter.cornerstone {
	width: 100%;
}

.skills.row .span4 .meter.tortoiseSVN {
	width: 100%;
}

.skills.row .span4 .meter.office365 {
	width: 100%;
}

.skills.row .span4 .meter.visio {
	width: 100%;
}

.skills.row .span4 .meter.xCode {
	width: 75%;
}

.skills.row .span4 .meter.omnigraffle {
	width: 100%;
}

.skills.row .span4 .meter.sublimeText {
	width: 100%;
}

.skills.row .span4 .meter.versions {
	width: 100%;
}

.skills.row .span4 .meter.visualStudio {
	width: 80%;
}

.skills.row .span4 .meter.parallels {
	width: 100%;
}

.skills.row .span4 .meter.textMate {
	width: 100%;
}

.skills.row .span4 .meter.chrome {
	width: 100%;
}

.skills.row .span4 .meter.edge {
	width: 100%;
}

.skills.row .span4 .meter.iE {
	width: 100%;
}

.skills.row .span4 .meter.safari {
	width: 100%;
}

.skills.row .span4 .meter.firefox {
	width: 100%;
}

.skills.row .span4 .meter.mobileChrome {
	width: 100%;
}

.skills.row .span4 .meter.mobileSafari {
	width: 100%;
}

.skills.row .span4 .meter.gpa {
	width: 89%;
}

.portfolioLink {
	margin-top: 25px;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
#contact-form {
	padding-right: 20px;
}
#contact-form label span {
	cursor:pointer;
	color:#fff;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form div span.req {
	color: #9DFF00;
	margin: 0px;
	float: left;
}
#contact-form .legend {
	float: right;
	width: 120px;
	margin-top: 15px;
}
#contact-form .legend span.req {
	color: #9DFF00;
	margin: 0px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form textarea {
	width:100%;
	border:2px solid #A0A0A0;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:0;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:2px solid #9DFF00;
}
#contact-form input[type="text"]:focus,
#contact-form input[type="email"]:focus,
#contact-form input[type="tel"]:focus,
#contact-form textarea:focus {
	border:2px solid #9DFF00;
	box-shadow:inset 0px 0px 5px 3px rgba(0,0,0,0.25);
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	border-width: 0px;
	margin: 15px 0px 0px 6px;
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
footer .footerLinks {
	margin-top: 25px;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}
#smartWebBanner { position:absolute; left:0; top:-4.85em; border-bottom:0.1em solid #e8e8e8; width:100%; height:4.85em; font-family:'Helvetica Neue',sans-serif; font-size:16px; text-align:left; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); box-shadow:0 0.1em 0.15em rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#swb-close { position:absolute; left:0.6em; top:0.6em; display:block; border:0.3em solid #fff; width:1.4em; height:1.4em; font-family:'ArialRoundedMTBold'; font-size:0.6em; line-height:1.4em; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:1.4em; box-shadow:0 0.3em 0.4em rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#swb-close:active { color:#aaa; }
#swb-icon { position:absolute; left:1.9em; top:0.65em; display:block; width:3.6em; height:3.6em; background:rgba(0,0,0,0.6); background-size:cover; border-radius:0.65em; box-shadow:0 0.1em 0.2em rgba(0,0,0,0.3); }
#swb-icon.gloss:after { content:''; position:absolute; left:0; top:-0.1em; border-top:0.1em solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:0.65em 0.65em 0.8em 0.8em; }
#swb-icon.gloss:hover:after { opacity:0.8; }
#smartWebBanner.no-icon #swb-icon { display:none; }
#swb-info { position:absolute; left:8.95em; top:2.2em; width:44%; font-size:0.7em; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 0.1em 0 rgba(255,255,255,0.8); }
#smartWebBanner.free #swb-info { top:1.7em; }
#smartWebBanner.free #swb-info:after { content:'FREE - Web Application'; display:block; }
#smartWebBanner.no-icon #swb-info { left:3.1em; }
#swb-info strong { display:block; font-size:1.2em; color:#4d4d4d; }
#swb-info em { font-style:normal; text-transform:uppercase; }
#swb-save { position:absolute; right:1.4em; top:1.7em; border:0.1em solid #bfbfbf; width:10%; min-width:4.1em; height:1.7em; font-size:0.9em; line-height:1.7em; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 0.1em 0 rgba(255,255,255,0.8); border-radius:0.25em; box-shadow:0 0.1em 0 rgba(255,255,255,0.6),0 0.1em 0 rgba(255,255,255,0.7) inset; }
#swb-save:active { line-height:1.8em; background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }
#swb-instructions { display:none; position:fixed; left:50%; bottom:0.8em; margin:0 0 0 -6.3em; padding:0.9em; border:0.1em solid rgba(180,180,180,0.9); width:10.8em; font-size:16px; color:#fff; background:-webkit-linear-gradient(top, rgba(84,84,84,0.8) 0%,rgba(22,22,22,0.8) 20%,rgba(0,0,0,0.8) 21%,rgba(19,19,19,0.8) 100%); text-shadow:0 0.1em 0.1em #000; border-radius:0.3em; box-shadow:0 0 0.2em rgba(0,0,0,0.8); z-index:9999; }
#swb-instructions .icon { display:inline-block; width:1.5em; height:0.95em; background:no-repeat center center; background-size:contain; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAMAAABzP0xhAAAAMFBMVEWrq6tERETFxcXv7+/q6urw8PAaGhoAAAAICAjt7e1tbW0AAADs7OwAAAD////v7+8oaTOHAAAADnRSTlP56xJKeLk5fNuc4qzhAMdbNxYAAADeSURBVHjatdJBEoMgDEBRjEBAQnL/2zYGOqjF1k3/SuTNGBhdnQdQR3fICzxBsv5Eq4j4J0jCEyQEDZH0mKDv+0AkvfWEuI0AnuSU74itBe1QHwVDTGlvN0EmhYZQUwM0Icy5odoKU7NhG7yZ/H5v9WdZChiiw820fXLEtnA26kDBhLhtSdrCwwwEO3EKCmKMNdqtlFhPaFWiQvctRZRKtQbKOiKasLx96gOlnQy0JV3CBSHWY5gUZLqgWE/FqEaO6PaXCv9A4vMkH47otoGEv0QdbV/rCMt9CTuqD3oBHhk0EQgSva4AAAAASUVORK5CYII=); }
#swb-instructions strong { display:block; }
#swb-instructions .arrow { position:absolute; left:50%; bottom:-0.8em; margin:0 0 0 -0.8em; width:0; height:0; border-left:0.8em solid transparent; border-right:0.8em solid transparent; border-top:0.8em solid rgba(19,19,19,0.8); }
#swb-instructions.ipad { left:3.55em; top:0.6em; bottom:auto; margin:0; width:11.45em; border-color:rgba(18,18,18,0.9); font-size:21px; background:-webkit-linear-gradient(top, rgba(115,118,129,0.9) 0%,rgba(64,69,83,0.9) 20%,rgba(39,45,60,0.9) 21%,rgba(39,45,60,0.9) 100%); border-radius:0.4em; box-shadow:0 0.3em 0.9em rgba(0,0,0,0.6); }
#swb-instructions.ipad .arrow { top:-0.6em; bottom:auto; border-top:none; border-bottom:0.6em solid rgba(115,118,129,0.9); }

#smartWebBanner.dark { border-color:#212228; background:-webkit-linear-gradient(top, rgba(33,37,41,1) 0%,rgba(65,68,78,1) 100%); box-shadow:0 0.15em 0.35em rgba(0,0,0,0.8) inset,0 0.1em 0 rgba(255,255,255,0.1); }
.dark #swb-close { border:0; width:1.8em; height:1.8em; line-height:1.8em; color:#b1b1b3; background:#1c1e21; text-shadow:0 0.1em 0.1em #000; box-shadow:0 0.2em 0.3em rgba(0,0,0,0.8) inset,0 0.1em 0.1em rgba(255,255,255,0.3); }
.dark #swb-close:active { color:#eee; -webkit-transform:scale(0.9); }
.dark #swb-icon { -webkit-box-reflect:below 0.1em -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0.5) 100%); }
.dark #swb-info { color:#ccc; text-shadow:0 0.1em 0.3em #000; }
.dark #swb-info strong { color:#fff; }
.dark #swb-info strong:before { content:''; display:block; float:left; margin:0.2em 0.3em 0 0; width:0.8em; height:0.8em; background:-webkit-linear-gradient(top, rgba(81,157,251,1) 0%,rgba(45,102,250,1) 100%); border-radius:0.8em; box-shadow:0 0.1em 0.3em #000; }
.dark #swb-save { border:0; color:#d1d1d1; background:-webkit-linear-gradient(top, rgba(48,54,61,1) 0%,rgba(23,27,37,1) 100%); text-transform:none; text-shadow:0 0.1em 0.2em #000; box-shadow:0 0.1em 0.3em #000 inset; }
.dark #swb-save:active { background:-webkit-linear-gradient(top, rgba(23,27,37,1) 0%,rgba(48,54,61,1) 100%); }