@charset "utf-8";
body {padding:0; margin:0; font-family: 'Open Sans', sans-serif;}
div {position:relative}
select {font-family: 'Open Sans', sans-serif; font-weight:lighter}
input {font-family: 'Open Sans', sans-serif; font-weight:lighter}
textarea {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:5px; border:none;}
.email {font-size:20px; border:none; padding:5px; width:300px;}
.emailtext {font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:20px; padding:5px;}
.formselect {font-size:20px; border:none;}
.uploadback {font-size:20px; border:none; position:absolute; top:0; left:0; background:#FFF; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:5px; width:300px;}
.formblock {padding:0 0 10px 0;}
.uploadfront {padding:10px; opacity:0;}
.captcha {font-family: 'Open Sans', sans-serif; text-align:center; width:80px; height:36px; line-height:36px; font-size:28px; color:#333; vertical-align:middle; font-weight:normal; border:none}
.startbutton {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:normal; padding:10px 20px 10px 20px}
.howitworks {font-size:16px; font-family: 'Open Sans', sans-serif; color:#FFF; font-weight:lighter; cursor:pointer; border-bottom:1px dashed #FFF; margin:0 0 0 10px}
.moreinfo {font-size:16px; font-family: 'Open Sans', sans-serif; color:#000; font-weight:lighter; cursor:pointer; border-bottom:1px dashed #000;}

.menu {font-size:20px; font-weight:lighter; text-decoration:none; color:#000; margin:0 15px 0 0; line-height:40px; vertical-align:top;}
.menusel {font-size:20px; font-weight:lighter; border-bottom:4px solid #c3c2c5; text-decoration:none; color:#000; margin:0 15px 0 0; line-height:40px; vertical-align:top;}

.hrefwhite {font-size:20px; font-weight:lighter; border-bottom:1px dashed #FFF; text-decoration:none; color:#FFF; text-decoration:none}

@media screen and (min-width: 800px) {
.mainblock {margin:0 0 0 160px; padding:20px 20px 20px 0;}
.mainblock2 {margin:0 20px 0 160px; padding:20px 20px 20px 0;}
.mainblock3 {margin:0 0 0 160px; padding:20px 20px 20px 0;}
.logo {position:fixed; top:30px; left:30px}
.DesignContainer {padding:0 20px 0 160px;}
.DesignPic {}
.PopularBlock {padding:0 0 0 0}
.DownloadPic {float:left; margin:0 20px 40px 0}
h1 {font-size:36px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
h2 {font-size:28px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
.contactpic {float:left}
.contactdescr {margin:0 0 0 120px}
}

@media screen and (max-width: 800px) {
.mainblock {margin:0 0 0 0; padding:20px 0 20px 0;}
.mainblock2 {margin:0 20px 0 20px; padding:20px 20px 20px 0;}
.mainblock3 {margin:0 0 0 20px; padding:20px 20px 0 0;}
.logo {position:relative; top:20px; left:20px; padding:0 0 20px 0}
.DesignContainer {margin:0 20px 0 20px;}
.DesignPic {width:100%;}
.PopularBlock {padding:0 20px 0 20px}
.DownloadPic {float:none; display:block; margin:0 20px 10px 0; width:50%; min-width:200px}
h1 {font-size:28px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
h2 {font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 5px 0; margin:0}
.contactpic {float:none; padding:0 0 10px 0}
.contactdescr {margin:0 0 0 0}
}


.resulterror {background:#F33; color:#FFF; font-weight:lighter}
.resultsuccess {background:#080; color:#FFF; font-weight:lighter}

.title {font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:lighter; padding:0 0 20px 0}
.subtitle {font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:bold; padding:0 0 5px 0}
.textblock {padding:0 0 20px 0}
.textblock2 {font-size:20px; padding:0 0 20px 0}


.portfoliopreview {cursor:pointer; border:1px solid #CCC;}

.contactrow {margin:0 0 10px 0}
.contacticon {padding:0 5px 0 0}
.contactblock {margin:0 0 40px 0}

.Tab {border:1px solid #AAA;  padding:5px}
.TabSel {border:1px solid #AAA; border-bottom:none; padding:5px 10px 5px 10px;}
.TabEmpty {border-bottom:1px solid #AAA; width:50px}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}