/* Font Embedding */
@font-face {
	font-family: 'Novabold';
	src: url('fonts/proximanova-bold-webfont.eot');
	src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold-webfont.woff') format('woff'), url('fonts/proximanova-bold-webfont.ttf') format('truetype'), url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Novaregular';
	src: url('fonts/proximanova-regular-webfont.eot');
	src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Novanormal';
	src: url('fonts/proximanova-light-webfont.eot');
	src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light-webfont.woff') format('woff'), url('fonts/proximanova-light-webfont.ttf') format('truetype'), url('fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'neoregular';
	src: url('fonts/neosans-medium-webfont.eot');
	src: url('fonts/neosans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/neosans-medium-webfont.woff') format('woff'), url('fonts/neosans-medium-webfont.ttf') format('truetype'), url('fonts/neosans-medium-webfont.svg#neosansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.animated, .teaser .page h1, .teaser .actions {
	-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
}
.animated.hinge, .teaser .page h1.hinge, .teaser .hinge.actions {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(20px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translateY(20px)
}
100% {
opacity:1;
-o-transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
.fadeInUp, .teaser .page h1, .teaser .actions {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	margin-bottom: -20px;
}
 @media (max-width:800px) {
.fadeInUp, .teaser .page h1, .teaser .actions {
	margin-bottom: auto !important;
}
}
body {
	/*font-family: 'Libre Baskerville', serif;*/
	font-family: 'Novaregular', sans-serif;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	/*font-family: 'Droid Serif', serif;
	font-family: 'Cabin', sans-serif;
	font-family: 'Varela Round', sans-serif;*/
	font-size: 100%;
	font-weight: 500;
	line-height: 1.5;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
	line-height: 1.25
}
h1 {
	font-size: 2.34375em
}
h2 {
	font-size: 1.875em
}
h3 {
	font-size: 1.5em
}
.amp {
	/*font-family: "garvis-pro", serif;*/
	font-style: italic;
	font-weight: 400
}
small {
	color: #ddd;
	font-style: italic;
	font-size: .5em
}
a {
	-webkit-transition: color .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: color .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: color .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: color .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	text-decoration: none;
	color: #e74c3c
}
a:hover {
	color: #912e23
}
.section-header, .dribbble header, .about header, .contact-me header, .work header {
	text-align: center;
	padding: 50px 0 50px
}
 @media (max-width:1024px) {
.section-header, .dribbble header, .about header, .contact-me header, .work header {
	padding: 10px 0 30px
}
}
.inheader {
	text-align: center;
	padding: 15px 0 !important;
	background-image: url(../images/inheadbg.jpg);
	background-position: top center;
}
.section-header h2, .dribbble header h2, .about header h2, .contact-me header h2, .work header h2 {
	font-size: 1.25em;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #5e6f92;
	margin: 0
}
.page {
*zoom:1;
	max-width: 59em;
	_width: 59em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto
}
.page h2 {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
	font-weight: normal !important;
	font-size: 40px !important;
	color: #000;
	/*margin-top: -20px;*/
	font-family: 'Imprima', sans-serif;
}
 @media only screen and (max-width:600px) {
.page h2 {
	font-size: 20px !important;
}
}
.page:after {
	content: "";
	display: table;
	clear: both
}
@font-face {
	font-family: "icons";
	src: url('icons.eot');
	src: url('icons.eot?#iefix') format('eot'), url('icons.ttf') format('truetype'), url('icons.woff') format('woff'), url('icons.svg#icons') format('svg')
}
.icon {
	font-family: "icons";
	font-weight: 400;
	font-style: normal;
	font-size: 16px
}
.icon.icon-twitter:before {
	content: "\0054"
}
.icon.icon-pinterest:before {
	content: "\0031"
}
.icon.icon-dribbble:before {
	content: "\0044"
}
.icon.icon-gplus:before {
	content: "\002b"
}
.icon.icon-app-net:before {
	content: "\00e1"
}
/*@import url(http://weloveiconfonts.com/api/?family=entypo);*/

.button, input[type=submit], button {
	-webkit-transition: background-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: background-color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-box-shadow: 0 5px 0 #CE3323;
	-moz-box-shadow: 0 5px 0 #CE3323;
	box-shadow: 0 5px 0 #CE3323;
	border-radius: .25em;
	background: #e74c3c;
	color: #f2f2f2;
	padding: .5em 1em;
	font-weight: 700;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	word-wrap: nowrap;
	text-transform: uppercase;
	letter-spacing: .05em;
	-webkit-font-smoothing: antialiased;
	border: none;
}
.button:hover, input[type=submit]:hover, button:hover {
	-webkit-box-shadow: 0 5px 0 #831f15;
	-moz-box-shadow: 0 5px 0 #831f15;
	box-shadow: 0 5px 0 #831f15;
	background: #FF6656;
	color: #f2f2f2
}
.ftsize16 {
	font-size: 16px;
	cursor:pointer;
}
 [role=banner] {
 margin-top:50px;
 border-top: 1px solid #111F2C;
}
[role=banner] h1 {
	position: relative;
	top: -25px
}
[role=banner] h1 a {
	background-image: url('../images/seldomdesigns.png');
	background-repeat: no-repeat;
	background-size: 60px 60px;
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 60px;
	text-indent: -999em
}
@media screen and (-webkit-min-device-pixel-ratio:1.25) {
[role=banner] h1 a {
	background-image: url('../images/logo@2x.png');
	background-size: 60px 60px;
}
}
nav ul, [role=navigation] ul {
	list-style: none;
	padding: 0
}
[role=navigation] {
*zoom:1;
max-width:59em;
_width:59em;
padding-left:1em;
padding-right:1em;
margin-left:auto;
margin-right:auto;
/*margin-top:-40px;*/
}
 @media only screen and (max-width:600px) {
[role=navigation] {
 margin-top: auto;
}
}
[role=navigation]:after {
	content: "";
	display: table;
	clear: both
}
[role=navigation] ul {
	width: 100%;
	float: left;
	margin-right: 1.69492%;
	display: inline;
	text-align: center
}
@media only screen and (min-width:600px) {
[role=navigation] ul {
	width: 66.10169%;
	float: left;
	margin-right: 1.69492%;
	display: inline;
	padding-left: 16.94915%;
	padding-right: 16.94915%
}
}
[role=navigation] li {
	display: inline;
	padding: 0 10px 15px;
	border-bottom: 1px solid #364054
}
@media only screen and (max-width:400px) {
[role=navigation] li {
	padding: 0px;
}
}
[role=navigation] a {
	-webkit-transition: color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .075em;
	padding: 5px 10px;
}
[role=navigation] a:hover {
	color: #f2f2f2;
	border-radius: 3px;
	background-color: #000;
	padding: 5px 10px;
}
.teaser {
	color: #f2f2f2;
	background: #f89820 url('../images/background.jpg');
	background-size: 100% 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}
.teaserin {
	background: #f89820 url('../images/background5.jpg');
	/*height:285px;*/
	background-position: bottom left;
}
.teaser .page {
	/*padding-top: 5em;*/
	padding-bottom: 12em
}
/*@media only screen and (min-width:800px) {
.teaser .page {
	padding-top: 8em;
	padding-bottom: 12em
}
}*/
.teaser h1 {
	line-height: 1.125;
	font-size: 26px;
	letter-spacing: -.05em;
	font-family: 'Martel';
	font-weight: 800;
}
@media only screen and (min-width:40em) {
.teaser h1 {
	font-size: 60px;
}
}
.teaser .design-and-build {
	font-size: 1.75em;
	display: block;
	font-weight: 700;
	line-height: 1.125;
}
@media only screen and (min-width:40em) {
.teaser .design-and-build {
	font-size: 2em
}
}
.teaser .amp {
	text-transform: none
}
.teaser .actions {
	margin-top: 8em;
	text-align: center
}
@media (max-width:500px) {
.teaser .actions {
	margin-top: 4em;
}
.teaser .page {
	padding-bottom: 3em;
}
}
.teaser .or {
	margin-left: 1em;
	margin-right: 1em;
	font-weight: 400;
	font-style: italic
}
.teaser-button {
	font-size: 1.25em
}
[role=footer] {
*zoom:1;
max-width:59em;
_width:59em;
padding-left:1em;
padding-right:1em;
margin-left:auto;
margin-right:auto;
color:#b8c0d1;
text-align:center;
font-size:75%;
padding-bottom:50px;
}
[role=footer]:after {
	content: "";
	display: table;
	clear: both
}
[role=footer] li {
	display: inline
}
[role=footer] .icon {
	-webkit-transition: background-color, color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-color, color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-color, color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: background-color, color .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #b8c0d1;
	display: inline-block;
	padding: 18px 20px;
	font-size: 14px;
	-webkit-font-smoothing: antialiased
}
[role=footer] .icon:hover {
	color: #f2f2f2
}
[role=footer] .icon-twitter:hover {
	background: #00aced
}
[role=footer] .icon-pinterest:hover {
	background: #cb2027
}
[role=footer] .icon-dribbble:hover {
	background: #e24d87
}
[role=footer] .icon-app-net:hover {
	background: #898d90
}
[role=footer] .icon-gplus:hover {
	background: #d64a2e
}
[role=footer] p {
	letter-spacing: .1em;
	text-transform: uppercase
}
.about {
	-webkit-transition: background .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: background .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background-color: #111F2C;
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #fff;
	padding: 50px;
	min-height: 400px
}
@media (max-width:580px) {
.about {
	/*background-image: url('../images/photo.jpg');
	background-attachment: fixed*/
	padding: 20px;
}
}
.about .content {
*zoom:1;
	max-width: 65em;
	_width: 65em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto
}
.about .content:after {
	content: "";
	display: table;
	clear: both
}
@media (max-width:1192px) {
.about .content {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
}
.about h2 {
	color: #fff
}
.about p {
	font-size: 1.25em;
	font-weight: 300
}
@media only screen and (min-width:600px) {
.about p {
	font-size: 1.5em
}
}
.about .description {
	width: 100%;
	float: left;
	margin-right: 1.69492%;
	display: inline
}
@media only screen and (min-width:800px) {
.about .description {
	/*width: 49.15254%;*/
	float: left;
	margin-right: 1.69492%;
	display: inline
}
}
.contact-me {
	padding-bottom: 50px
}
.contact-me p {
	width: 83.05085%;
	float: left;
	margin-right: 1.69492%;
	display: inline;
	padding-left: 8.47458%;
	padding-right: 8.47458%;
	text-align: center;
	margin-bottom: 2em;
	font-size: x-large;
}
.innerh2 {
	padding-top: 50px;
}
.innerh3 {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
	font-weight: normal !important;
	font-size: 15px !important;
	color: #000;
	/* margin-top: -20px; */
	font-family: 'Imprima', sans-serif;
	font-style: italic;
}
.teaser .pagein {
	/*padding-top: 5em;*/
	padding-bottom: 4em !important;
}
.whttxt {
	color: #fff !important;
}
/* 12-column responsive grid */

.row {
	clear: both;
	max-width: 1040px;
	margin: 0 auto;
}
 [class^="col-"] {
 float: left;
 margin: 0 1.84615384615% 0 2%;
 list-style: none;
 position: relative;
}
[class^="col-"]:last-child {
	margin: 0;
}
.col-1 {
	width: 4.8076923077%
}
.col-2 {
	width: 13.4615384615%
}
.col-3 {
	width: 22.1153846154%
}
.col-4 {
	width: 30.7692307692%
}
.col-5 {
	width: 39.4230769231%
}
.col-6 {
	width: 43.5%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 10px;
}
@media (max-width:767px) {
.col-6 {
	width: 95%;
}
}
.col-7 {
	width: 56.7307692308%
}
.col-8 {
	width: 65.3846153846%
}
.col-9 {
	width: 74.0384615385%
}
.col-10 {
	width: 82.6923076923%
}
.col-11 {
	width: 91.3461538462%
}
.col-12 {
	width: 100%;
	margin: 0
}
.clear {
	clear: both;
}
/* 3 portfolio section */

/* Portfolio Thumbs */
.thumbs {
	list-style: none;
	position: relative;
	padding: 0;/* Show the 3rd item at the bottom of the page */
}
/*.thumbs .description {
  padding: 0.5em;
  position: relative;
  overflow: hidden;
}*/
.thumbs h4, .thumbs .h4 {
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*.thumbs p {
  display: none;
}*/
/*.thumbs .arrow-r {
  display: none;
}*/
/*.thumbs .home .thumbs li:nth-child(3n),
.thumbs .portfolio .thumbs li:nth-child(3n),
.thumbs .error404 .thumbs li:nth-child(3n) {
  display: block;
}*/
/*  .thumbs li {
    float: left;
    width: 44.16666666666%;
    margin: 0 5% 5% 0;
    background: #FFF;
    padding: 1.6666666666% 1.6666666666% 0 1.6666666666%;
  }*/
  /*.thumbs li:nth-child(2n) {
    margin-right: 0;
  }*/
  /* Hide the 3rd item at the bottom of the page */
  /*.home .thumbs li:nth-child(3n),
  .portfolio .thumbs li:nth-child(3n),
  .error404 .thumbs li:nth-child(3n) {
    display: none;
  }*/
.thumbs li {
	float: left;
	/* width: 314px; */
	width: 30.1923076923%;
	/* height: 214px; */
    /* margin: 0 25px 25px 0; */
	margin: 0 1.603% 2% 0;
	background: #fff;
	/* padding: 8px; */
	padding: 0.7692307692% 0.7692307692% 0 0.7692307692%;
	position: relative;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.thumbs li:hover {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}
/*.thumbs li:nth-child(2n) {
    margin-right: 2.4038461538%;
  }*/
.thumbs h4 {
	text-align: left;/*    font-size: 18px;
    font-size: 1.8rem;*/
}
.thumbs p {
	display: block;
	margin: 0;
	color: #666666;
	line-height: 1.2em;
	padding-top: 0.2em;
	height: 1.3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.thumbs .description {
	padding: 0.7em 47px 0.6em 0.7em;
}
#thumbs a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	cursor: pointer;
}
#thumbs:hover a {
	opacity: 0.4;
}
#thumbs:hover li:hover a {
	opacity: 0.5;
}
#thumbs:hover li:hover a:hover {
	opacity: 1;
}
#thumbs li:hover {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
#thumbs li:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
#thumbs li:hover, #thumbs li:focus, #thumbs li:active {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);/* move the element up by 5px */
}
#thumbs li:hover:before, #thumbs li:focus:before, #thumbs li:active:before {
	opacity: 1;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
img {
	max-width: 100%;
	position: relative;
	margin-bottom: 2em;
}
.mb30 {
	margin-bottom: 30px;
}
.pb50 {
	padding-bottom: 50px;
}
section#work {
	background: url(../images/bg-grey.png) repeat;
	border-bottom: #dddddd solid 1px;
	padding: 3em 1.5em;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4) inset;
}
/*.abttxt {
	margin-right: 1em;
}*/
.abttxt, .abtgraph {
	width: 49.23%;
	float: left;
}
@media (max-width:1024px) {
.abttxt, .abtgraph {
	width: 100%;
	float: none;
}
.abttxt {
	margin-bottom: 20px;
}
}
@media (max-width:580px) {
.abtgraph {
	display: none;
}
}
#hidediv {
	display: none;
}
@media (max-width:580px) {
#hidediv {
	display: block;
}
}
.div50 {
	width: 46.4%;
	float: left;
	border-top: 1px dotted #53718d;
	padding-top: 20px;
	padding-bottom: 20px;
}
.div50 h3 {
	margin-bottom: 20px;
}
.brdrrgt {
	border-right: 1px dotted #53718d;
}
.brdrleft {
	border-left: 1px dotted #53718d;
}
.pl10 {
	padding-left: 20px;
}
#content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -340px 0 0 -450px;
	width: 900px;
	height: 600px;
}
.legend {
/*float: left;
	width: 250px;
	margin-top: 140px;*/
}
#content h1 {
	font-family: 'Cabin Sketch', arial, serif;
	text-shadow: 3px 3px 0 #ddd;
	color: #193340;
	font-size: 40px;
	margin-bottom: 40px;
	text-align: right;
}
.skills {
	float: left;
	clear: both;
	/*width: 100%;*/
	margin-top: 15px;/*margin-left: 75px;*/
}
.skills ul, .skills li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.skills li {
	float: right;
	/* clear: both; */
	padding: 0px 13px;
	height: 30px;
	line-height: 30px;
	color: #000;
	margin-bottom: 3px;
	font-size: 15px;
	margin-right: 2px;
	text-shadow: 0px 1px 1px #fff;
	border-radius: 0% 45% 0% 54%;
}
.skills .ux {
	background: #d6a354;
}
.skills .ui {
	background: #9cb770;
}
.skills .app {
	background: #628b63;
}
.skills .interaction {
	background: #efddb6;
}
.skills .html {
	background: #ed727c;
}
.skills .js {
	background: #39ca74;
}
.skills .bootstrap {
	background: #3a99d8;
}
.skills .wp {
	background: #e47e30;
}
.skills .branding {
	background: #8fbcdb;
}
#diagram {
/*float: right;
	width: 600px;
	height: 600px;*/
}
.get {
	display: none;
}
.foliopage .folio:first-child, .foliopage .folio:nth-child(3) {
	background: #fff;
	box-shadow: inset 0px 2px 2px #d6d6d6;
	-moz-box-shadow: inset 0px 2px 2px #d6d6d6;
	-webkit-box-shadow: inset 0px 2px 2px #d6d6d6;
}
.foliopage .folio:nth-child(2), .foliopage .folio:nth-child(4) {
	background-color: #f8f8f8;
	box-shadow: inset 0px 2px 2px #d6d6d6;
	-moz-box-shadow: inset 0px 2px 2px #d6d6d6;
	-webkit-box-shadow: inset 0px 2px 2px #d6d6d6;
}
.folio {
	font-size: 115%;
	color: #333333;
}
.folio h1 {
	font-family: 'Novaregular', sans-serif;
	font-weight: 500;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 15px;
}
.folio h2 {
	font-family: 'Novaregular', sans-serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 30px;
}
.imgbxshadow {
	box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
}
.folio p {
	margin-top: 15px;
}
.folio .row {
	padding-top: 30px;
	padding-bottom: 30px;
}
@media (max-width:767px) {
.folio .row {
	padding-top: 0px;
	padding-bottom: 20px;
}
}
.folio .foliotext {
	padding: 30px;
	clear: both;
}
.folio .folioimg {
	padding: 30px 0 30px 0;
	clear: both;
}
.folio .foliotextend {
	padding: 30px;
	clear: both;
}
@media (max-width:767px) {
.folio .foliotext {
	padding: 10px;
}
.folio .foliotextend {
	padding: 10px;
}
}
#contactin {
	box-shadow: inset 0px 2px 2px #d6d6d6;
	-moz-box-shadow: inset 0px 2px 2px #d6d6d6;
	-webkit-box-shadow: inset 0px 2px 2px #d6d6d6;/*    background-image: url(../images/inheadbg.jpg);
    background-position: top center;
	color:#FFF !important;*/
}
::selection {
	background: #333333;
	color: #FFF;
}
.aligncntr {
	text-align: center;
}
.rdbloglink, .rdbloglink:hover, .rdbloglink:visited {
	color: white;
	font-weight: bold;
	text-decoration: underline
}
.arrleft {
	position: fixed;
	left: 0;
	top: 50%;
	cursor: pointer;
}
.arrright {
	position: fixed;
	right: 0;
	top: 50%;
	cursor: pointer;
	z-index: 999;
}
#form1 .intextarea {
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* font-size: 14px; */
	font-weight: 300;
	color: #888;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	font-size: inherit;
}
#form1 .intextarea2 {
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* font-size: 14px; */
	font-weight: 300;
	color: #888;
	width: 100%;
	padding: 0 10px;
	font-size: inherit;
}
#form1 {
	width: 60%;
	margin: 0 auto;
}
#form1 .wrongcode {
	/* border: 1px solid #ddd; */
	background-color: #e74c3c;
	color: #fff;
	padding: 5px 10px;
	width: 100%;
}
#form1 .aligncntr {
	text-align: center;
}
#form1 h2 {
	color: #e54535;
	text-transform: uppercase;
	font-size: 31px;
	margin-top: 30px;
}
#form1 h3 {
	font-size: 20px;
	color: #7e7e7e;
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 30px;
}
#form1 span {
	background-color: #ececec;
	padding: 3px 4px;
}
@media (max-width:767px) {
#form1 {
	width: 85%;
	padding: 20px 20px 20px 0;
}
}