/* Global styling */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(bootstrap.css);
*{padding:0; margin:0; vertical-align:baseline; font-family: 'Open Sans', sans-serif;}
html, body{padding:0; margin:0; height:100%}
body{min-width:1170px; height: 100%;}
html,
body,
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-scrollbar              { width: 6px;}
::-webkit-scrollbar-track        {background-color:#e1e1e1;}
::-webkit-scrollbar-thumb        {background-color:#666; border-radius: 3px}
.span1{width:80px; margin:10px; height:auto;}
.span2{width:180px; margin:10px; height:auto;}
.span3{width:252px; margin:10px; height:auto;}
.span4{width:340px; margin:20px; height:auto;}
.span5{width:480px; margin:10px; height:auto;}
.span6{width:580px; margin:10px; height:auto;}
.span7{width:600px; margin:10px auto; height:auto; float:none;}
.span8{width:720px; margin:10px; height:auto;}
.span9{width:840px; margin:10px; height:auto;}
.span10{width:960px; margin:10px auto; height:auto; float:none;}
.span11{width:1080px; margin:10px; height:auto;}
.span12{width:1150px; margin:10px auto; height:auto; float:none;}

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}  
.clearfix{ display: inline-block;}  
html[xmlns] .clearfix { display: block;}  
* html .clearfix{ height: 1%;}  
.clearfix {display: block}  

h1{font-size:42px; font-weight:300; width:100%; text-align:center}
h2{font-size:24px; font-weight:300}
h3{font-size:18px; font-weight:600}
h4{font-size:16pt; font-weight:600}

ul{list-style:none;}
ul li{list-style:none;}
p{font-size:14px; font-weight:300; line-height:22px; text-align:justify;}
img{border:none}
a:link{color:#666;}
a:visited{color:#666;}
a:hover{color:#3399cc;}
a:active{color:#666;}

.floatLeft{float:left;}
.floatRight{float:right;}
.floatNone{float:none;}
.inline{display:inline}
.boxShadow{box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); z-index:20;}
.background{background-image:url(/images/bg_pattern2.png); background-repeat:repeat;}
.bordered{border:1px solid #e1e1e1}
.transition{
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.buttons{border-radius:3px; margin:5px; height:32px; padding:0 10px; font-size:11px; color:#fff; width: auto; border:none; font-weight:600; border:1px solid inherit; position:relative; box-shadow:0 0 3px rgba(0, 0, 0, 0.0);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.buttons.larger{height:48px; font-size:16px; padding:0 30px}
.buttons:hover{cursor:pointer; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}

/* fonts */

@font-face {
  font-family: 'iconFont';
  src: url('../fonts/iconFont.eot');
  src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype'), url('../fonts/iconFont.svg#iconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PT Serif Caption";
  font-style: normal;
  font-weight: 400;
  src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}
@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: 300;
  src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}

/* furniture */
section{width:100%; height:auto; padding: 30px 0; position:relative;}
section .sectionWrap{margin: 0 auto;  width:1170px; height:auto;}
section#forMobile{display:none; padding:0}
section#homeTop{padding-top:0px; overflow: hidden; position:relative;}
section#homeTop .sectionWrap h1{width: 100%; text-align:center; font-weight:lighter; font-size:90px; color:#FFF; line-height:90px; margin-bottom:70px}
section#homeTop .sectionWrap h2{width: 100%; text-align:center; font-weight:bold; color:#FFF;font-size:45px; margin-bottom:20px}
section#homeTop .sectionWrap h3{width: 100%; text-align:center; font-weight:bold; color:#FFF; line-height:16px}
section#homeTop .sectionWrap{padding:10px 0 170px;}
section#forMobile .sectionWrap{width:100%}
ul#menu{width:100%; height:auto; margin:0}
ul#menu li{width:20%; float:left; position:relative; height:auto; padding:15px 0; margin:15px 0; color:#f1f1f1; text-align:center; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; font-size:14px; font-weight:800}
ul#menu li:hover{cursor:pointer; color:#FFF}
ul#menu li img{position:relative; top: -45px;}
ul#menuMobile{width:100%; height:auto; margin:0}
ul#menuMobile li{width:50%; float:left; position:relative; height:auto; padding:15px 0; margin: 0; color:#f1f1f1; text-align:center; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; font-size:14px; font-weight:800}
ul#menuMobile li:nth-child(1){border: none}
ul#menuMobile li:nth-child(2){border: none}
ul#menuMobile li:nth-child(odd){border-right:1px solid #FFF}
ul#menuMobile li:hover{cursor:pointer; color:#FFF}
#aboutMe{padding:100px 0; overflow: hidden; position:relative;}
#aboutMe h1{width: 100%; text-align:center; font-weight:bold; color:#666;font-size:45px;}
#aboutMe h1 .profilePic{height:100px; width:100px; border: 4px solid #FFF; margin:0 auto; border-radius: 50%;background-image: url(../images/photo.jpg); background-repeat: no-repeat; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
#aboutMe .textInfo h3{text-align:center; font-weight: lighter; text-transform: uppercase; color:#666; font-size:28px}
#portfolio{ overflow:hidden; position:relative;}
#portfolio h1{width: 100%; text-align:center; font-weight:bold; color:#666;font-size:45px;}
#portfolio .works{width:250px; height:250px; border-radius:50%; background-position:center center; background-repeat:no-repeat; margin:20px 35px; background-color:#fff; float:left; position:relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	text-align:center;
}
#portfolio .works:hover{ cursor:pointer;}
#portfolio .works div{opacity:0; filter:alpha(opacity=0); background-color:rgba(255,255,255,0); position: absolute; top:0; left:0; width:100%; height:100%; border-radius:50%;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
#portfolio .works div:hover{background-color:rgba(255,255,255,0.5); opacity:1; filter:alpha(opacity=50);}
#portfolio .works h3{position:absolute; width:100%; font-size:12px; text-align:center; color:#666; left:0; bottom:-50px}
#portfolio .works button{display:inline; margin-top: 109px}

.sideNavContainer{ width:210px; height:auto; position:absolute; left: 20px;}
.sideNav{position:relative; left:-220px; width: 200px; height:auto; opacity:0; z-index:0}
.sideNav .colorCircle{ height:40px; width:40px; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); margin:10px; float:left; background-color:#FFF;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.sideNav .navText{margin:17px 0; color: #f1f1f1; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); float:left; width:138px; padding:5px; font-size:12px; font-weight:600;}
.sideNav:hover{cursor:pointer;}
.sideNav:hover .colorCircle{background-color:#3399cc;}
.sideNav:hover .navText{color:#FFF}
#aboutMe .sideNav .colorCircle{background-color:#e1e1e1;}
#aboutMe .sideNav .navText{color:#666; border-top:1px solid rgba(0, 0, 0,0.3); border-bottom:1px solid rgba(0, 0, 0,0.3);}
#aboutMe .sideNav:hover .navText{color:#3399cc;}
#aboutMe .sideNav.selected .colorCircle{background-color:#3399cc;}

#hobbies{ overflow:hidden; position:relative;}
#hobbies h1{color:#FFF; font-weight:bold;}
#hobbies .textInfo .span4{display:inline-block;}
#hobbies .textInfo p{color:#f1f1f1; font-weight:400;}
#hobbies .textInfo h3{text-align:center; font-weight: lighter; text-transform: uppercase; color:#f1f1f1; font-size:28px}
#hobbies .sideNav .colorCircle{background-color:#f1f1f1;}
#hobbies .sideNav .navText{color:#f1f1f1; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
#hobbies .sideNav:hover .navText{color:#fff;}
#hobbies .sideNav.selected .colorCircle{background-color:#3399cc;}

#contactMe{ overflow:hidden; position:relative;}
#contactMe h1{color:#FFF; font-weight:bold;}
#contactMe .textInfo .span4{display:inline-block;}
#contactMe .textInfo p{color:#f1f1f1; font-weight:400;}
#contactMe .textInfo h3{text-align:center; font-weight: lighter; text-transform: uppercase; color:#f1f1f1; font-size:28px}
#contactMe .sideNav .colorCircle{background-color:#e1e1e1;}
#contactMe .sideNav .navText{color:#f1f1f1; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
#contactMe .sideNav:hover .navText{color:#FFF;}
#contactMe .sideNav.selected .colorCircle{background-color:#3399cc;}

#portfolio .sideNav .colorCircle{background-color:#e1e1e1;}
#portfolio .sideNav .navText{color:#666; border-top:1px solid rgba(0, 0, 0,0.3); border-bottom:1px solid rgba(0, 0, 0,0.3);}
#portfolio .sideNav:hover .navText{color:#3399cc;}
#portfolio .sideNav.selected .colorCircle{background-color:#3399cc;}
#portfolio .textInfo p{color:#666; font-weight:400;}
#portfolio .textInfo h3{text-align:center; font-weight: lighter; text-transform: uppercase; color:#666; font-size:28px}

#homeTop .sideNav .colorCircle{background-color:#f1f1f1;}
#homeTop .sideNav .navText{color:#f1f1f1; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
#homeTop .sideNav:hover .navText{color:#FFF;}
#homeTop .sideNav.selected .colorCircle{background-color:#3399cc;}

#login_homePage{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); background-color: #fff; margin: 10px auto; padding: 15px; position:relative; z-index: 10}
#login_homePage form{margin-bottom:0}
#login_homePage .fieldContainer{float:left; text-align:left; position:relative; margin:1px 15px 0 0; font-size:100%;}
#login_homePage .fieldContainer label{position:absolute; z-index: 0; color: #999; font-size: 15px; border: none; padding:16px 16px 14px; line-height:17px; cursor:text; overflow:hidden; opacity:1.0}
#login_homePage .fieldContainer input[type="text"], #login_homePage .fieldContainer input[type="password"],#login_homePage .fieldContainer input[type="email"]{width:215px; padding:15px 15px 13px; font-size:15px; line-height:17px; font-weight:300; margin: 0; position: relative; z-index:20; border-radius: 1px; background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	-ms-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	height:auto;
}

#login_homePage .fieldContainer input[type="text"].hasText, #login_homePage .fieldContainer input[type="password"].hasText,#login_homePage .fieldContainer input[type="email"].hasText, #login_homePage .fieldContainer.textArea textarea.hasText{background-color:rgba(255, 255, 255, 1);}
#login_homePage .fieldContainer input[type="text"].focus, #login_homePage .fieldContainer input[type="password"].focus,#login_homePage .fieldContainer input[type="email"].focus, #login_homePage .fieldContainer.textArea textarea.focus{background-color:rgba(255, 255, 255, 0.5)}
#login_homePage .fieldContainer.user, #login_homePage .fieldContainer.pass, #login_homePage .fieldContainer.mail{width:222px; margin-bottom: 10px}
#login_homePage .fieldContainer.mail{margin-right:0px; width:216px}
#login_homePage .fieldContainer.textArea{margin-right:0px; width:100%; height:200px;}
#login_homePage .fieldContainer.textArea textarea{width:100%; height:200px; padding:15px 15px 13px; font-size:15px; line-height:17px; font-weight:300; margin: 0; position: relative; z-index:20; border-radius: 1px; background-color: rgba(255, 255, 255, 0); margin-right:0;}
#login_homePage .fieldContainer.createAccountBtn{width:100%; margin-right:0}
#login_homePage .fieldContainer.createAccountBtn button{margin:0; height:auto; border-radius:1px; padding:15px 0 15px; font-weight: lighter; text-shadow:1px 1px 0px #666; width:100%}


/* section colors */
.section-blue{
	background-color:rgba(51, 153, 204, .6);
}
.section-blueLight {
	background-color: rgba(239, 244, 255, 1) !important;
}
.section-blueDark {
	background-color: rgba(43, 87, 151, .6) !important;
}
.section-green {
	background-color: rgba(0, 163, 0, .6) !important;
}
.section-greenLight {
	background-color: rgba(153, 180, 51, .6) !important;
}
.section-greenDark {
	background-color: rgba(30, 113, 69, .6) !important;
}
.section-red {
	background-color: #b91d47 !important;
}
.section-yellow {
	background-color: #ffc40d !important;
}
.section-orange {
	background-color: #e3a21a !important;
}
.section-orangeDark {
	background-color: #da532c !important;
}
.section-pink {
	background-color: #9f00a7 !important;
}
.section-pinkDark {
	background-color: #7e3878 !important;
}
.section-purple {
	background-color: #603cba !important;
}
.section-darken {
	background-color: #1d1d1d !important;
}
.section-lighten {
	background-color: #d5e7ec !important;
}
.section-white {
	background-color: #ffffff !important;
}
.section-grayLight {
	background-color: #f1f1f1 !important;
}
.section-grayDark {
	background-color: #525252 !important;
}
.section-magenta {
	background-color: #ff0097 !important;
}
.section-teal {
	background-color:rgba(0, 171, 169, .6) !important;
}
.section-redLight {
	background-color: #ee1111 !important;
}





/* Icons */
[data-icon]:before {
	font-family: 'iconFont';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
[class*="icon-"] {
	font-family: 'iconFont';
	speak: none;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	line-height: 1;
	display: inline-block;
	vertical-align: -8%;
	-webkit-font-smoothing: antialiased;
	font-size: inherit;
}
[class*="icon-"].smaller {
	font-size: .7em;
	vertical-align: 6%;
}
[class*="icon-"].large {
	font-size: 1.2em;
	vertical-align: -10%;
}
.icon-newspaper:before {
	content: "\e001";
}
.icon-pencil:before {
	content: "\e002";
}
.icon-droplet:before {
	content: "\e003";
}
.icon-pictures:before {
	content: "\e004";
}
.icon-camera:before {
  content: "\e005";
}
.icon-music:before {
  content: "\e006";
}
.icon-film:before {
  content: "\e007";
}
.icon-camera-2:before {
  content: "\e008";
}
.icon-spades:before {
  content: "\e009";
}
.icon-clubs:before {
  content: "\e00a";
}
.icon-diamonds:before {
  content: "\e00b";
}
.icon-broadcast:before {
  content: "\e00c";
}
.icon-mic:before {
  content: "\e00d";
}
.icon-book:before {
  content: "\e00e";
}
.icon-file:before {
  content: "\e00f";
}
.icon-new:before {
  content: "\e010";
}
.icon-copy:before {
  content: "\e011";
}
.icon-folder:before {
  content: "\e012";
}
.icon-folder-2:before {
  content: "\e013";
}
.icon-tag:before {
  content: "\e014";
}
.icon-cart:before {
  content: "\e015";
}
.icon-basket:before {
  content: "\e016";
}
.icon-calculate:before {
  content: "\e017";
}
.icon-support:before {
  content: "\e018";
}
.icon-phone:before {
  content: "\e019";
}
.icon-mail:before {
  content: "\e01a";
}
.icon-location:before {
  content: "\e01b";
}
.icon-compass:before {
  content: "\e01c";
}
.icon-history:before {
  content: "\e01d";
}
.icon-clock:before {
  content: "\e01e";
}
.icon-bell:before {
  content: "\e01f";
}
.icon-calendar:before {
  content: "\e020";
}
.icon-printer:before {
  content: "\e021";
}
.icon-mouse:before {
  content: "\e022";
}
.icon-screen:before {
  content: "\e023";
}
.icon-laptop:before {
  content: "\e024";
}
.icon-mobile:before {
  content: "\e025";
}
.icon-cabinet:before {
  content: "\e026";
}
.icon-drawer:before {
  content: "\e027";
}
.icon-drawer-2:before {
  content: "\e028";
}
.icon-box:before {
  content: "\e029";
}
.icon-box-add:before {
  content: "\e02a";
}
.icon-box-remove:before {
  content: "\e02b";
}
.icon-download:before {
  content: "\e02c";
}
.icon-upload:before {
  content: "\e02d";
}
.icon-database:before {
  content: "\e02e";
}
.icon-flip:before {
  content: "\e02f";
}
.icon-flip-2:before {
  content: "\e030";
}
.icon-undo:before {
  content: "\e031";
}
.icon-redo:before {
  content: "\e032";
}
.icon-forward:before {
  content: "\e033";
}
.icon-reply:before {
  content: "\e034";
}
.icon-reply-2:before {
  content: "\e035";
}
.icon-comments:before {
  content: "\e036";
}
.icon-comments-2:before {
  content: "\e037";
}
.icon-comments-3:before {
  content: "\e038";
}
.icon-comments-4:before {
  content: "\e039";
}
.icon-comments-5:before {
  content: "\e03a";
}
.icon-user:before {
  content: "\e03b";
}
.icon-user-2:before {
  content: "\e03c";
}
.icon-user-3:before {
  content: "\e03d";
}
.icon-busy:before {
  content: "\e03e";
}
.icon-loading:before {
  content: "\e03f";
}
.icon-loading-2:before {
  content: "\e040";
}
.icon-search:before {
  content: "\e041";
}
.icon-zoom-in:before {
  content: "\e042";
}
.icon-zoom-out:before {
  content: "\e043";
}
.icon-key:before {
  content: "\e044";
}
.icon-key-2:before {
  content: "\e045";
}
.icon-locked:before {
  content: "\e046";
}
.icon-unlocked:before {
  content: "\e047";
}
.icon-wrench:before {
  content: "\e048";
}
.icon-equalizer:before {
  content: "\e049";
}
.icon-cog:before {
  content: "\e04a";
}
.icon-pie:before {
  content: "\e04b";
}
.icon-bars:before {
  content: "\e04c";
}
.icon-stats-up:before {
  content: "\e04d";
}
.icon-gift:before {
  content: "\e04e";
}
.icon-trophy:before {
  content: "\e04f";
}
.icon-diamond:before {
  content: "\e050";
}
.icon-coffee:before {
  content: "\e051";
}
.icon-rocket:before {
  content: "\e052";
}
.icon-meter-slow:before {
  content: "\e053";
}
.icon-meter-medium:before {
  content: "\e054";
}
.icon-meter-fast:before {
  content: "\e055";
}
.icon-dashboard:before {
  content: "\e056";
}
.icon-fire:before {
  content: "\e057";
}
.icon-lab:before {
  content: "\e058";
}
.icon-remove:before {
  content: "\e059";
}
.icon-briefcase:before {
  content: "\e05a";
}
.icon-briefcase-2:before {
  content: "\e05b";
}
.icon-cars:before {
  content: "\e05c";
}
.icon-bus:before {
  content: "\e05d";
}
.icon-cube:before {
  content: "\e05e";
}
.icon-cube-2:before {
  content: "\e05f";
}
.icon-puzzle:before {
  content: "\e060";
}
.icon-glasses:before {
  content: "\e061";
}
.icon-glasses-2:before {
  content: "\e062";
}
.icon-accessibility:before {
  content: "\e063";
}
.icon-accessibility-2:before {
  content: "\e064";
}
.icon-target:before {
  content: "\e065";
}
.icon-target-2:before {
  content: "\e066";
}
.icon-lightning:before {
  content: "\e067";
}
.icon-power:before {
  content: "\e068";
}
.icon-power-2:before {
  content: "\e069";
}
.icon-clipboard:before {
  content: "\e06a";
}
.icon-clipboard-2:before {
  content: "\e06b";
}
.icon-playlist:before {
  content: "\e06c";
}
.icon-grid-view:before {
  content: "\e06d";
}
.icon-tree-view:before {
  content: "\e06e";
}
.icon-cloud:before {
  content: "\e06f";
}
.icon-cloud-2:before {
  content: "\e070";
}
.icon-download-2:before {
  content: "\e071";
}
.icon-upload-2:before {
  content: "\e072";
}
.icon-upload-3:before {
  content: "\e073";
}
.icon-link:before {
  content: "\e074";
}
.icon-link-2:before {
  content: "\e075";
}
.icon-flag:before {
  content: "\e076";
}
.icon-flag-2:before {
  content: "\e077";
}
.icon-attachment:before {
  content: "\e078";
}
.icon-eye:before {
  content: "\e079";
}
.icon-bookmark:before {
  content: "\e07a";
}
.icon-bookmark-2:before {
  content: "\e07b";
}
.icon-star:before {
  content: "\e07c";
}
.icon-star-2:before {
  content: "\e07d";
}
.icon-star-3:before {
  content: "\e07e";
}
.icon-heart:before {
  content: "\e07f";
}
.icon-heart-2:before {
  content: "\e080";
}
.icon-thumbs-up:before {
  content: "\e081";
}
.icon-thumbs-down:before {
  content: "\e082";
}
.icon-plus:before {
  content: "\e083";
}
.icon-minus:before {
  content: "\e084";
}
.icon-help:before {
  content: "\e085";
}
.icon-help-2:before {
  content: "\e086";
}
.icon-blocked:before {
  content: "\e087";
}
.icon-cancel:before {
  content: "\e088";
}
.icon-cancel-2:before {
  content: "\e089";
}
.icon-checkmark:before {
  content: "\e08a";
}
.icon-minus-2:before {
  content: "\e08b";
}
.icon-plus-2:before {
  content: "\e08c";
}
.icon-enter:before {
  content: "\e08d";
}
.icon-exit:before {
  content: "\e08e";
}
.icon-loop:before {
  content: "\e08f";
}
.icon-arrow-up-left:before {
  content: "\e090";
}
.icon-arrow-up:before {
  content: "\e091";
}
.icon-arrow-up-right:before {
  content: "\e092";
}
.icon-arrow-right:before {
  content: "\e093";
}
.icon-arrow-down-right:before {
  content: "\e094";
}
.icon-arrow-down:before {
  content: "\e095";
}
.icon-arrow-down-left:before {
  content: "\e096";
}
.icon-arrow-left:before {
  content: "\e097";
}
.icon-arrow-up-2:before {
  content: "\e098";
}
.icon-arrow-right-2:before {
  content: "\e099";
}
.icon-arrow-down-2:before {
  content: "\e09a";
}
.icon-arrow-left-2:before {
  content: "\e09b";
}
.icon-arrow-up-3:before {
  content: "\e09c";
}
.icon-arrow-right-3:before {
  content: "\e09d";
}
.icon-arrow-down-3:before {
  content: "\e09e";
}
.icon-arrow-left-3:before {
  content: "\e09f";
}
.icon-menu:before {
  content: "\e0a0";
}
.icon-enter-2:before {
  content: "\e0a1";
}
.icon-backspace:before {
  content: "\e0a2";
}
.icon-backspace-2:before {
  content: "\e0a3";
}
.icon-tab:before {
  content: "\e0a4";
}
.icon-tab-2:before {
  content: "\e0a5";
}
.icon-checkbox:before {
  content: "\e0a6";
}
.icon-checkbox-unchecked:before {
  content: "\e0a7";
}
.icon-checkbox-partial:before {
  content: "\e0a8";
}
.icon-radio-checked:before {
  content: "\e0a9";
}
.icon-radio-unchecked:before {
  content: "\e0aa";
}
.icon-font:before {
  content: "\e0ab";
}
.icon-paragraph-left:before {
  content: "\e0ac";
}
.icon-paragraph-center:before {
  content: "\e0ad";
}
.icon-paragraph-right:before {
  content: "\e0ae";
}
.icon-paragraph-justify:before {
  content: "\e0af";
}
.icon-left-to-right:before {
  content: "\e0b0";
}
.icon-right-to-left:before {
  content: "\e0b1";
}
.icon-share:before {
  content: "\e0b2";
}
.icon-new-tab:before {
  content: "\e0b3";
}
.icon-new-tab-2:before {
  content: "\e0b4";
}
.icon-embed:before {
  content: "\e0b5";
}
.icon-code:before {
  content: "\e0b6";
}
.icon-bluetooth:before {
  content: "\e0b7";
}
.icon-share-2:before {
  content: "\e0b8";
}
.icon-share-3:before {
  content: "\e0b9";
}
.icon-mail-2:before {
  content: "\e0ba";
}
.icon-google:before {
  content: "\e0bb";
}
.icon-google-plus:before {
  content: "\e0bc";
}
.icon-google-drive:before {
  content: "\e0bd";
}
.icon-facebook:before {
  content: "\e0be";
}
.icon-instagram:before {
  content: "\e0bf";
}
.icon-twitter:before {
  content: "\e0c0";
}
.icon-feed:before {
  content: "\e0c1";
}
.icon-youtube:before {
  content: "\e0c2";
}
.icon-vimeo:before {
  content: "\e0c3";
}
.icon-flickr:before {
  content: "\e0c4";
}
.icon-picassa:before {
  content: "\e0c5";
}
.icon-dribbble:before {
  content: "\e0c6";
}
.icon-deviantart:before {
  content: "\e0c7";
}
.icon-github:before {
  content: "\e0c8";
}
.icon-github-2:before {
  content: "\e0c9";
}
.icon-github-3:before {
  content: "\e0ca";
}
.icon-github-4:before {
  content: "\e0cb";
}
.icon-github-5:before {
  content: "\e0cc";
}
.icon-git:before {
  content: "\e0cd";
}
.icon-github-6:before {
  content: "\e0ce";
}
.icon-wordpress:before {
  content: "\e0cf";
}
.icon-joomla:before {
  content: "\e0d0";
}
.icon-blogger:before {
  content: "\e0d1";
}
.icon-tumblr:before {
  content: "\e0d2";
}
.icon-yahoo:before {
  content: "\e0d3";
}
.icon-amazon:before {
  content: "\e0d4";
}
.icon-tux:before {
  content: "\e0d5";
}
.icon-apple:before {
  content: "\e0d6";
}
.icon-finder:before {
  content: "\e0d7";
}
.icon-android:before {
  content: "\e0d8";
}
.icon-windows:before {
  content: "\e0d9";
}
.icon-soundcloud:before {
  content: "\e0da";
}
.icon-skype:before {
  content: "\e0db";
}
.icon-reddit:before {
  content: "\e0dc";
}
.icon-linkedin:before {
  content: "\e0dd";
}
.icon-lastfm:before {
  content: "\e0de";
}
.icon-delicious:before {
  content: "\e0df";
}
.icon-stumbleupon:before {
  content: "\e0e0";
}
.icon-pinterest:before {
  content: "\e0e1";
}
.icon-xing:before {
  content: "\e0e2";
}
.icon-flattr:before {
  content: "\e0e3";
}
.icon-foursquare:before {
  content: "\e0e4";
}
.icon-paypal:before {
  content: "\e0e5";
}
.icon-yelp:before {
  content: "\e0e6";
}
.icon-libreoffice:before {
  content: "\e0e7";
}
.icon-file-pdf:before {
  content: "\e0e8";
}
.icon-file-openoffice:before {
  content: "\e0e9";
}
.icon-file-word:before {
  content: "\e0ea";
}
.icon-file-excel:before {
  content: "\e0eb";
}
.icon-file-powerpoint:before {
  content: "\e0ec";
}
.icon-file-zip:before {
  content: "\e0ed";
}
.icon-file-xml:before {
  content: "\e0ee";
}
.icon-file-css:before {
  content: "\e0ef";
}
.icon-html5:before {
  content: "\e0f0";
}
.icon-html5-2:before {
  content: "\e0f1";
}
.icon-css3:before {
  content: "\e0f2";
}
.icon-chrome:before {
  content: "\e0f3";
}
.icon-firefox:before {
  content: "\e0f4";
}
.icon-IE:before {
  content: "\e0f5";
}
.icon-opera:before {
  content: "\e0f6";
}
.icon-safari:before {
  content: "\e0f7";
}
.icon-IcoMoon:before {
  content: "\e0f8";
}
.icon-sunrise:before {
  content: "\e0f9";
}
.icon-sun:before {
  content: "\e0fa";
}
.icon-moon:before {
  content: "\e0fb";
}
.icon-sun-2:before {
  content: "\e0fc";
}
.icon-windy:before {
  content: "\e0fd";
}
.icon-wind:before {
  content: "\e0fe";
}
.icon-snowflake:before {
  content: "\e0ff";
}
.icon-cloudy:before {
  content: "\e100";
}
.icon-cloud-3:before {
  content: "\e101";
}
.icon-weather:before {
  content: "\e102";
}
.icon-weather-2:before {
  content: "\e103";
}
.icon-weather-3:before {
  content: "\e104";
}
.icon-lines:before {
  content: "\e105";
}
.icon-cloud-4:before {
  content: "\e106";
}
.icon-lightning-2:before {
  content: "\e107";
}
.icon-lightning-3:before {
  content: "\e108";
}
.icon-rainy:before {
  content: "\e109";
}
.icon-rainy-2:before {
  content: "\e10a";
}
.icon-windy-2:before {
  content: "\e10b";
}
.icon-windy-3:before {
  content: "\e10c";
}
.icon-snowy:before {
  content: "\e10d";
}
.icon-snowy-2:before {
  content: "\e10e";
}
.icon-snowy-3:before {
  content: "\e10f";
}
.icon-weather-4:before {
  content: "\e110";
}
.icon-cloudy-2:before {
  content: "\e111";
}
.icon-cloud-5:before {
  content: "\e112";
}
.icon-lightning-4:before {
  content: "\e113";
}
.icon-sun-3:before {
  content: "\e114";
}
.icon-moon-2:before {
  content: "\e115";
}
.icon-cloudy-3:before {
  content: "\e116";
}
.icon-cloud-6:before {
  content: "\e117";
}
.icon-cloud-7:before {
  content: "\e118";
}
.icon-lightning-5:before {
  content: "\e119";
}
.icon-rainy-3:before {
  content: "\e11a";
}
.icon-rainy-4:before {
  content: "\e11b";
}
.icon-windy-4:before {
  content: "\e11c";
}
.icon-windy-5:before {
  content: "\e11d";
}
.icon-snowy-4:before {
  content: "\e11e";
}
.icon-snowy-5:before {
  content: "\e11f";
}
.icon-weather-5:before {
  content: "\e120";
}
.icon-cloudy-4:before {
  content: "\e121";
}
.icon-lightning-6:before {
  content: "\e122";
}
.icon-thermometer:before {
  content: "\e123";
}
.icon-compass-2:before {
  content: "\e124";
}
.icon-none:before {
  content: "\e125";
}
.icon-Celsius:before {
  content: "\e126";
}
.icon-Fahrenheit:before {
  content: "\e127";
}
.icon-forrst:before {
  content: "\e128";
}
.icon-headphones:before {
  content: "\e129";
}
.icon-bug:before {
  content: "\e12a";
}
.icon-cart-2:before {
  content: "\e12b";
}
.icon-earth:before {
  content: "\e12c";
}
.icon-battery:before {
  content: "\e12d";
}
.icon-list:before {
  content: "\e12e";
}
.icon-grid:before {
  content: "\e12f";
}
.icon-alarm:before {
  content: "\e130";
}
.icon-location-2:before {
  content: "\e131";
}
.icon-pointer:before {
  content: "\e132";
}
.icon-diary:before {
  content: "\e133";
}
.icon-eye-2:before {
  content: "\e134";
}
.icon-console:before {
  content: "\e135";
}
.icon-location-3:before {
  content: "\e136";
}
.icon-move:before {
  content: "\e137";
}
.icon-gift-2:before {
  content: "\e138";
}
.icon-monitor:before {
  content: "\e139";
}
.icon-mobile-2:before {
  content: "\e13a";
}
.icon-switch:before {
  content: "\e13b";
}
.icon-star-4:before {
  content: "\e13c";
}
.icon-address-book:before {
  content: "\e13d";
}
.icon-shit:before {
  content: "\e13e";
}
.icon-cone:before {
  content: "\e13f";
}
.icon-credit-card:before {
  content: "\e140";
}
.icon-type:before {
  content: "\e141";
}
.icon-volume:before {
  content: "\e142";
}
.icon-volume-2:before {
  content: "\e143";
}
.icon-locked-2:before {
  content: "\e144";
}
.icon-warning:before {
  content: "\e145";
}
.icon-info:before {
  content: "\e146";
}
.icon-filter:before {
  content: "\e147";
}
.icon-bookmark-3:before {
  content: "\e148";
}
.icon-bookmark-4:before {
  content: "\e149";
}
.icon-stats:before {
  content: "\e14a";
}
.icon-compass-3:before {
  content: "\e14b";
}
.icon-keyboard:before {
  content: "\e14c";
}
.icon-award-fill:before {
  content: "\e14d";
}
.icon-award-stroke:before {
  content: "\e14e";
}
.icon-beaker-alt:before {
  content: "\e14f";
}
.icon-beaker:before {
  content: "\e150";
}
.icon-move-vertical:before {
  content: "\e151";
}
.icon-move-horizontal:before {
  content: "\e152";
}
.icon-steering-wheel:before {
  content: "\e153";
}
.icon-volume-3:before {
  content: "\e154";
}
.icon-volume-mute:before {
  content: "\e155";
}
.icon-play:before {
  content: "\e156";
}
.icon-pause:before {
  content: "\e157";
}
.icon-stop:before {
  content: "\e158";
}
.icon-eject:before {
  content: "\e159";
}
.icon-first:before {
  content: "\e15a";
}
.icon-last:before {
  content: "\e15b";
}
.icon-play-alt:before {
  content: "\e15c";
}
.icon-battery-charging:before {
  content: "\e160";
}
.icon-left-quote:before {
  content: "\e161";
}
.icon-right-quote:before {
  content: "\e162";
}
.icon-left-quote-alt:before {
  content: "\e163";
}
.icon-right-quote-alt:before {
  content: "\e164";
}
.icon-smiley:before {
  content: "\e165";
}
.icon-umbrella:before {
  content: "\e166";
}
.icon-info-2:before {
  content: "\e167";
}
.icon-chart-alt:before {
  content: "\e168";
}
.icon-at:before {
  content: "\e169";
}
.icon-hash:before {
  content: "\e16a";
}
.icon-pilcrow:before {
  content: "\e16b";
}
.icon-fullscreen-alt:before {
  content: "\e16c";
}
.icon-fullscreen-exit-alt:before {
  content: "\e16d";
}
.icon-layers-alt:before {
  content: "\e16e";
}
.icon-layers:before {
  content: "\e16f";
}
.icon-floppy:before {
  content: "\e170";
}
.icon-rainbow:before {
  content: "\e000";
}
.icon-air:before {
  content: "\e171";
}
.icon-home:before {
  content: "\e172";
}
.icon-spin:before {
  content: "\e173";
}
.icon-auction:before {
  content: "\e174";
}
.icon-dollar:before {
  content: "\e175";
}
.icon-dollar-2:before {
  content: "\e176";
}
.icon-coins:before {
  content: "\e177";
}
.icon-file-2:before {
  content: "\e186";
}
.icon-file-3:before {
  content: "\e187";
}
.icon-file-4:before {
  content: "\e188";
}
.icon-files:before {
  content: "\e189";
}
.icon-phone-2:before {
  content: "\e18a";
}
.icon-tablet:before {
  content: "\e18b";
}
.icon-monitor-2:before {
  content: "\e18c";
}
.icon-window:before {
  content: "\e18d";
}
.icon-tv:before {
  content: "\e18e";
}
.icon-camera-3:before {
  content: "\e18f";
}
.icon-image:before {
  content: "\e190";
}
.icon-open:before {
  content: "\e191";
}
.icon-sale:before {
  content: "\e192";
}
.icon-direction:before {
  content: "\e193";
}
.icon-medal:before {
  content: "\e194";
}
.icon-medal-2:before {
  content: "\e195";
}
.icon-satellite:before {
  content: "\e196";
}
.icon-discout:before {
  content: "\e197";
}
.icon-barcode:before {
  content: "\e198";
}
.icon-ticket:before {
  content: "\e199";
}
.icon-shipping:before {
  content: "\e19a";
}
.icon-globe:before {
  content: "\e19b";
}
.icon-anchor:before {
  content: "\e19c";
}
.icon-pop-out:before {
  content: "\e19d";
}
.icon-pop-in:before {
  content: "\e19e";
}
.icon-resize:before {
  content: "\e178";
}
.icon-battery-2:before {
  content: "\e179";
}
.icon-battery-3:before {
  content: "\e17a";
}
.icon-battery-4:before {
  content: "\e17b";
}
.icon-battery-5:before {
  content: "\e17c";
}
.icon-tools:before {
  content: "\e17d";
}
.icon-alarm-2:before {
  content: "\e17e";
}
.icon-alarm-cancel:before {
  content: "\e17f";
}
.icon-alarm-clock:before {
  content: "\e180";
}
.icon-chronometer:before {
  content: "\e181";
}
.icon-ruler:before {
  content: "\e182";
}
.icon-lamp:before {
  content: "\e183";
}
.icon-lamp-2:before {
  content: "\e184";
}
.icon-scissors:before {
  content: "\e185";
}
.icon-volume-4:before {
  content: "\e19f";
}
.icon-volume-5:before {
  content: "\e1a0";
}
.icon-volume-6:before {
  content: "\e1a1";
}
.icon-battery-full:before {
  content: "\e15f";
}
.icon-battery-empty:before {
  content: "\e15d";
}
.icon-battery-half:before {
  content: "\e15e";
}
.icon-zip:before {
  content: "\e1a2";
}
.icon-zip-2:before {
  content: "\e1a3";
}
.icon-play-2:before {
  content: "\e1a4";
}
.icon-pause-2:before {
  content: "\e1a5";
}
.icon-record:before {
  content: "\e1a6";
}
.icon-stop-2:before {
  content: "\e1a7";
}
.icon-next:before {
  content: "\e1a8";
}
.icon-previous:before {
  content: "\e1a9";
}
.icon-first-2:before {
  content: "\e1aa";
}
.icon-last-2:before {
  content: "\e1ab";
}
.icon-arrow-left-4:before {
  content: "\e1ac";
}
.icon-arrow-down-4:before {
  content: "\e1ad";
}
.icon-arrow-up-4:before {
  content: "\e1ae";
}
.icon-arrow-right-4:before {
  content: "\e1af";
}
.icon-arrow-left-5:before {
  content: "\e1b0";
}
.icon-arrow-down-5:before {
  content: "\e1b1";
}
.icon-arrow-up-5:before {
  content: "\e1b2";
}
.icon-arrow-right-5:before {
  content: "\e1b3";
}
.icon-cc:before {
  content: "\e1b4";
}
.icon-cc-by:before {
  content: "\e1b5";
}
.icon-cc-nc:before {
  content: "\e1b6";
}
.icon-cc-nc-eu:before {
  content: "\e1b7";
}
.icon-cc-nc-jp:before {
  content: "\e1b8";
}
.icon-cc-sa:before {
  content: "\e1b9";
}
.icon-cc-nd:before {
  content: "\e1ba";
}
.icon-cc-pd:before {
  content: "\e1bb";
}
.icon-cc-zero:before {
  content: "\e1bc";
}
.icon-cc-share:before {
  content: "\e1bd";
}
.icon-cc-share-2:before {
  content: "\e1be";
}
.icon-cycle:before {
  content: "\e1bf";
}
.icon-stop-3:before {
  content: "\e1c0";
}
.icon-stats-2:before {
  content: "\e1c1";
}
.icon-stats-3:before {
  content: "\e1c2";
}
.metrouicss .bg-color-blue {
	background-color: #3399cc!important
}
.metrouicss .bg-color-blueLight {
	background-color: #eff4ff!important
}
.metrouicss .bg-color-blueDark {
	background-color: #2b5797!important
}
.metrouicss .bg-color-green {
	background-color: #00a300!important
}
.metrouicss .bg-color-greenLight {
	background-color: #99b433!important
}
.metrouicss .bg-color-greenDark {
	background-color: #1e7145!important
}
.metrouicss .bg-color-red {
	background-color: #b91d47!important
}
.metrouicss .bg-color-yellow {
	background-color: #ffc40d!important
}
.metrouicss .bg-color-orange {
	background-color: #e3a21a!important
}
.metrouicss .bg-color-orangeDark {
	background-color: #da532c!important
}
.metrouicss .bg-color-pink {
	background-color: #9f00a7!important
}
.metrouicss .bg-color-pinkDark {
	background-color: #7e3878!important
}
.metrouicss .bg-color-purple {
	background-color: #603cba!important
}
.metrouicss .bg-color-darken {
	background-color: #1d1d1d!important
}
.metrouicss .bg-color-lighten {
	background-color: #d5e7ec!important
}
.metrouicss .bg-color-white {
	background-color: #fff!important
}
.metrouicss .bg-color-grayDark {
	background-color: #525252!important
}
.metrouicss .bg-color-magenta {
	background-color: #ff0097!important
}
.metrouicss .bg-color-teal {
	background-color: #00aba9!important
}
.metrouicss .bg-color-redLight {
	background-color: #e11!important
}
.BlueBTN{
	height:32px;
	border-radius:2px;
	background-color:#4D90FE;
	margin:3px;
	background-image: -webkit-linear-gradient(center top , #4D90FE, #4787ED);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4D90FE), to(#4787ED));
	background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
	background-image: -ms-linear-gradient(center top , #4D90FE, #4787ED);
	background-image: -o-linear-gradient(#4D90FE, #4787ED);
	background-image: linear-gradient(center top , #4D90FE, #4787ED);
	border:1px solid #3079ED;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	min-width:97px;
	font-weight:600;
	padding:0 10px
}
.BlueBTN:hover{
	border:1px solid #2F5BB7;
	cursor:pointer;
	background-image: -webkit-linear-gradient(center top , #4D90FE, #357AE8);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4D90FE), to(#357AE8));
	background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
	background-image: -ms-linear-gradient(center top , #4D90FE, #357AE8);
	background-image: -o-linear-gradient(#4D90FE, #357AE8);
	background-image: linear-gradient(center top , #4D90FE, #357AE8);
	background-color:#357AE8;
}
.GreyBTN{
	height:32px;
	background-color:#E5E5E5;
	margin: 6px 10px 3px 3px;
	border-radius:2px;
	border:none;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	font-weight:600;
	background-repeat:no-repeat;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	padding: 0 10px;
	min-width:50px
}
.GreyBTN:hover{
	border:none;
	cursor:pointer;
}
.GreyBTN:focus{outline:none}
.GreenBTN{
	height:32px;
	background-color:#809b3a;
	margin: 3px 10px 3px 3px;
	border-radius:2px;
	background-image: -webkit-linear-gradient(center top , #809b3a, #7c9736);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#809b3a), to(#7c9736));
	background-image: -moz-linear-gradient(center top , #809b3a, #7c9736);
	background-image: -ms-linear-gradient(center top , #809b3a, #7c9736);
	background-image: -o-linear-gradient(center top , #809b3a, #7c9736);
	background-image: linear-gradient(center top , #809b3a, #7c9736);
	border:1px solid transparent;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	min-width:97px;
	font-weight:600;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
}
.GreenBTN:hover{
	border:1px solid #688519;
	cursor:pointer;
	background-image: -webkit-linear-gradient(center top , #809b3a, #688519);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#809b3a), to(#688519));
	background-image: -moz-linear-gradient(center top , #809b3a, #688519);
	background-image: -ms-linear-gradient(center top , #809b3a, #688519);
	background-image: -o-linear-gradient(center top , #809b3a, #688519);
	background-image: linear-gradient(center top , #809b3a, #688519);
}
#contactMe #cInfo, #contactMe #cInfo a{color:#FFF}
#contactMe .span3, #contactMe .span3 p{text-align:center;}
.popWindow{background-color#FFF; padding:10px; width: 930px; z-index:1000; height:auto; position:fixed; top:50px; max-height:90%; box-shadow:0 0 4px rgba(0, 0, 0, 0.3); margin:0 auto; background-color:#FFF; overflow:auto; display:none;}
.popContainer{width:36%; height:auto; float:right; padding: 0 2% 0 0 }
.popContainer:first-child{width:60%; height:auto; float:left; border-right: 1px solid #e1e1e1; padding: 0 2% 0 0}
.popContainer #imageContainer{width:100%; height:auto; text-align:center;}
.popContainer #imageContainer img{ margin:10px auto 0; display:inline; width:auto; max-width:100%; height:auto; max-height:300px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.popContainer #buttonContainer{width:100%; padding:15px 0; text-align:center;}
.popContainer #buttonContainer button{margin: 0; display:inline;}
.popWindow i{position:absolute; top: 5px; right: 5px; font-size:11px; color:#999}
.popWindow i:hover{color:#666; cursor:pointer;}
.popBackground{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.3); z-index:500; display:none;}
@media (min-width:1200px) {
	.sideNavContainer{width:160px}
	.sideNavContainer .sideNav{width:160px}
	.sideNavContainer .sideNav .navText{width:98px;}
	.span1{width:80px; margin:10px; height:auto;}
	.span2{width:180px; margin:10px; height:auto;}
	.span3{width:252px; margin:10px; height:auto;}
	.span4{width:340px; margin:20px; height:auto;}
	.span5{width:480px; margin:10px; height:auto;}
	.span6{width:580px; margin:10px; height:auto;}
	.span7{width:600px; margin:10px auto; height:auto;}
	.span8{width:720px; margin:10px; height:auto;}
	.span9{width:840px; margin:10px; height:auto;}
	.span10{width:960px; margin:10px auto; height:auto;}
	.span11{width:1080px; margin:10px; height:auto;}
	.span12{width:1150px; margin:10px auto; height:auto; float:none;}
	#login_homePage .fieldContainer input[type="text"], #login_homePage .fieldContainer input[type="password"],#login_homePage .fieldContainer input[type="email"]{width:100%;}
	#login_homePage .fieldContainer textarea{}
	#login_homePage .fieldContainer.user, #login_homePage .fieldContainer.pass, #login_homePage .fieldContainer.mail{width:222px; margin-bottom: 10px}
	#login_homePage .fieldContainer.mail{margin-right:0px; width:216px}
	#login_homePage .fieldContainer.textArea{width:100%; margin-right:0; margin-bottom: 10px}
	#login_homePage .fieldContainer.createAccountBtn{width:100%}
	#login_homePage .fieldContainer.createAccountBtn button{width:100%}
}
@media (max-width : 1200px) and (min-width: 970px) {
	body{min-width:970px}
	section .sectionWrap{width:970px; height:auto;}
	.sideNavContainer{width:70px}
	.sideNavContainer .sideNav{width:100%}
	.sideNavContainer .sideNav .colorCircle{margin:0 auto; float:none; width:30px; height:30px}
	.sideNavContainer .sideNav .navText{width:100%; text-align:center; float:none; font-size:10px; margin:5px 0}
	.span1{width:80px; margin:10px; height:auto;}
	.span2{width:180px; margin:10px; height:auto;}
	.span3{width:210px; margin:10px; height:auto;}
	.span4{width:280px; margin:10px; height:auto;}
	.span5{width:480px; margin:10px; height:auto;}
	.span6{width:580px; margin:10px; height:auto;}
	.span7{width:600px; margin:10px auto; height:auto; float:none;}
	.span8{width:580px; margin:10px; height:auto;}
	.span9{width:880px; margin:10px; height:auto;}
	.span10{width:900px; margin:10px auto; height:auto; float:none;}
	.span11{width:950px; margin:10px; height:auto;}
	.span12{width:930px; margin:10px auto; height:auto; float:none;}
	#portfolio .works{width:240px; height:240px; margin:20px 30px}
	#login_homePage .fieldContainer input[type="text"], #login_homePage .fieldContainer input[type="password"],#login_homePage .fieldContainer input[type="email"]{width:267px;}
	#login_homePage .fieldContainer.user, #login_homePage .fieldContainer.pass, #login_homePage .fieldContainer.mail{width:267px; margin-bottom: 10px}
	#login_homePage .fieldContainer input[type="email"]{width:100%;}
	#login_homePage .fieldContainer.pass{margin-right:0;}
	#login_homePage .fieldContainer.mail{margin-right:0; width:100%}
	#login_homePage .fieldContainer.textArea{width:100%; margin-right:0; margin-bottom: 10px}
	#login_homePage .fieldContainer.createAccountBtn{width:100%}
	#login_homePage .fieldContainer.createAccountBtn button{width:100%}
}
@media (max-width : 970px) and (min-width: 740px) {
	body{min-width:720px}
	.popWindow{width:720px}
	.sideNavContainer{display:none;}
	.popContainer{width:100%; padding:0; float:none;}
	.popContainer:first-child{width:100%; border-right: none;}
	section .sectionWrap{width:720px; height:auto;}
	.span1{width:80px; margin:10px; height:auto;}
	.span2{width:180px; margin:10px; height:auto;}
	.span3{width:160px; margin:10px; height:auto;}
	.span4{width:220px; margin:10px; height:auto;}
	.span5{width:480px; margin:10px; height:auto;}
	.span6{width:580px; margin:10px; height:auto;}
	.span7{width:580px; margin:10px auto; height:auto;}
	.span8{width:480px; margin:10px; height:auto;}
	.span9{width:880px; margin:10px; height:auto;}
	.span10{width:900px; margin:10px; height:auto;}
	.span11{width:950px; margin:10px; height:auto;}
	.span12{width:720px; margin:10px auto; height:auto;}
	#portfolio .works{width:210px; height:210px; margin:20px 15px}
	#login_homePage .fieldContainer label{font-size:14px}
	#login_homePage .fieldContainer input[type="text"], #login_homePage .fieldContainer input[type="password"],#login_homePage .fieldContainer input[type="email"]{width:220px; font-size:13px}
	#login_homePage .fieldContainer.user, #login_homePage .fieldContainer.pass, #login_homePage .fieldContainer.mail{width:215px; margin-bottom: 10px}
	#login_homePage .fieldContainer input[type="email"]{width:100%;}
	#login_homePage .fieldContainer.pass{margin-right:0;}
	#login_homePage .fieldContainer.mail{margin-right:0; width:100%}
	#login_homePage .fieldContainer.textArea{width:100%; margin-right:0; margin-bottom: 10px}
	#login_homePage .fieldContainer.createAccountBtn{width:100%}
	#login_homePage .fieldContainer.createAccountBtn button{width:100%}
}

@media (max-width : 740px) and (min-width: 480px) {
	body{min-width:480px}
	section .sectionWrap{width:90%; height:auto;}
	.popWindow{width:90%; top:15px}
	.floatLeft{float:none;}
	.floatRight{float:none;}
	section#forMobile{display: block;}
	.notMobile, .sideNavContainer{display:none;}
	ul#menu li{width:100%; margin: 0; padding: 0; float:none;}
	ul#menu li img{top:auto;}
	section#homeTop .sectionWrap h1{font-size:48px; line-height:48px; margin-bottom:30px}
	section#homeTop .sectionWrap h2{font-size:32px; line-height:32px}
	#hobbies .textInfo .span4{display:block;}
	.popContainer{width:100%; padding:0; float:none;}
	.popContainer:first-child{width:100%; border-right: none;}
	
	.span1{width:90%; margin:10px auto; height:auto;}
	.span2{width:90%; margin:10px auto; height:auto;}
	.span3{width:90%; margin:10px auto; height:auto;}
	.span4{width:90%; margin:10px auto; height:auto;}
	.span5{width:90%; margin:10px auto; height:auto;}
	.span6{width:90%; margin:10px auto; height:auto;}
	.span7{width:90%; margin:10px auto; height:auto;}
	.span8{width:90%; margin:10px auto; height:auto;}
	.span9{width:90%; margin:10px auto; height:auto;}
	.span10{width:90%; margin:10px auto; height:auto;}
	.span11{width:90%; margin:10px auto; height:auto;}
	.span12{width:90%; margin:10px auto; height:auto;}
	#portfolio .works{width:220px; height:220px; margin:50px auto; float:none;}
	#login_homePage .fieldContainer label{font-size:14px}
	#login_homePage .fieldContainer input[type="text"], #login_homePage .fieldContainer input[type="password"],#login_homePage .fieldContainer input[type="email"]{width:100%; font-size:13px; margin-right:0}
	#login_homePage .fieldContainer.user, #login_homePage .fieldContainer.pass, #login_homePage .fieldContainer.mail{width:100%; margin-bottom: 10px}
	#login_homePage .fieldContainer input[type="email"]{width:100%;}
	#login_homePage .fieldContainer.pass{margin-right:0;}
	#login_homePage .fieldContainer.mail{margin-right:0; width:100%}
	#login_homePage .fieldContainer.textArea{width:100%; margin-right:0; margin-bottom: 10px}
	#login_homePage .fieldContainer.createAccountBtn{width:100%}
	#login_homePage .fieldContainer.createAccountBtn button{width:100%}
}
@media (max-width: 480px) {
	body{min-width:100%;}
	section .sectionWrap{width:90%; height:auto;}
	.popWindow{width:90%; top:15px}
	.floatLeft{float:none;}
	.floatRight{float:none;}
	section#forMobile{display: block;}
	.notMobile, .sideNavContainer{display:none;}
	ul#menu li{width:100%; margin: 0; padding: 0; float:none;}
	ul#menu li img{top:auto;}
	section#homeTop .sectionWrap h1{font-size:48px; line-height:48px; margin-bottom:30px}
	section#homeTop .sectionWrap h2{font-size:32px; line-height:32px}
	#hobbies .textInfo .span4{display:block;}
	.popContainer{width:100%; padding:0; float:none;}
	.popContainer:first-child{width:100%; border-right: none;}
	
	.span1{width:90%; margin:10px auto; height:auto;}
	.span2{width:90%; margin:10px auto; height:auto;}
	.span3{width:90%; margin:10px auto; height:auto;}
	.span4{width:90%; margin:10px auto; height:auto;}
	.span5{width:90%; margin:10px auto; height:auto;}
	.span6{width:90%; margin:10px auto; height:auto;}
	.span7{width:90%; margin:10px auto; height:auto;}
	.span8{width:90%; margin:10px auto; height:auto;}
	.span9{width:90%; margin:10px auto; height:auto;}
	.span10{width:90%; margin:10px auto; height:auto;}
	.span11{width:90%; margin:10px auto; height:auto;}
	.span12{width:90%; margin:10px auto; height:auto;}
	#portfolio .works{width:180px; height:180px; margin:40px auto; float:none;}
	#login_homePage .fieldContainer label{font-size:14px}
	#login_homePage .fieldContainer input[type="text"], #login_homePage .fieldContainer input[type="password"],#login_homePage .fieldContainer input[type="email"]{width:100%; font-size:13px; margin-right:0}
	#login_homePage .fieldContainer.user, #login_homePage .fieldContainer.pass, #login_homePage .fieldContainer.mail{width:100%; margin-bottom: 10px}
	#login_homePage .fieldContainer input[type="email"]{width:100%;}
	#login_homePage .fieldContainer.pass{margin-right:0;}
	#login_homePage .fieldContainer.mail{margin-right:0; width:100%}
	#login_homePage .fieldContainer.textArea{width:100%; margin-right:0; margin-bottom: 10px}
	#login_homePage .fieldContainer.createAccountBtn{width:100%}
	#login_homePage .fieldContainer.createAccountBtn button{width:100%}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/* for Modernizr */
.no-csstransitions #login_homePage .fieldContainer.textArea textarea{background-color:transparent; width:690px}
.no-boxshadow{border:1px solid #e1e1e1}
.no-rgba #hobbies .sideNav .navText, .no-rgba #contactMe .sideNav .navText, .no-rgba #homeTop .sideNav .navText{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.no-rgba #portfolio .sideNav .navText, .no-rgba #aboutMe .sideNav .navText{border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.no-rgba .sideNav .navText{width:120px}
.no-rgba .section-blue{background-color:#61bae6}
.no-rgba .section-teal{background-color:#00aba9}
.no-rgba #login_homePage .fieldContainer input[type="text"].hasText, .no-rgba #login_homePage .fieldContainer input[type="password"].hasText,.no-rgba #login_homePage .fieldContainer input[type="email"].hasText, .no-rgba #login_homePage .fieldContainer.textArea textarea.hasText{background-color:#FFF;}
.no-rgba #login_homePage .fieldContainer input[type="text"].focus, .no-rgba #login_homePage .fieldContainer input[type="password"].focus,.no-rgba #login_homePage .fieldContainer input[type="email"].focus, .no-rgba #login_homePage .fieldContainer.textArea textarea.focus{background-color:#FFF}
.no-backgroundsize #aboutMe h1 .profilePic{width:90px; height:90px;} 
.no-borderradius #login_homePage .fieldContainer input[type="text"], .no-borderradius #login_homePage .fieldContainer input[type="password"], .no-borderradius #login_homePage .fieldContainer input[type="email"]{background-color: transparent; padding-left:0; padding-right:0; text-indent: 10px; width:100%}
.no-borderradius #login_homePage .fieldContainer.user, .no-borderradius #login_homePage .fieldContainer.pass, .no-borderradius #login_homePage .fieldContainer.mail{width:100%; margin-bottom: 10px}

.no-borderradius
.no-textshadow {}
.no-opacity {}
.no-csstransitions{} 
.fontface {}
.no-generatedcontent{}