@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap&subset=latin-ext');

body {font-family:'Lato', sans-serif;font-weight:400;background:#fff;margin:0;padding:0;}

header {position:fixed;top:5px;right:100px;left:100px;}
header a {font-weight:300;color:#212121;font-size:22px;line-height:58px;text-transform:uppercase;text-decoration:none;letter-spacing:1px;}
header strong {font-weight:600;}
header ul {float:right;}
header li {float:left;}
header li a {font-weight:600;color:#212121;font-size:11px;line-height:58px;margin-right:30px;text-transform:uppercase;text-decoration:none;letter-spacing:1px;}
header li a:hover {text-decoration:underline;}

article {position:fixed;background:#EEEEEE;top:66px;right:66px;left:66px;bottom:66px;overflow:scroll;}

.galleriesbox {width:100%;float:left;margin-top:40px;}
.galleriesbox fieldset {display:block;width:800px;margin:0 auto;padding:0;border:none;}
.galleriesbox ul {width:100%;float:left;padding-bottom:40px;}
.galleriesbox li {width:33.333%;float:left;height:90px;}
.galleriesbox li:nth-child(1), .galleriesbox li:nth-child(2), .galleriesbox li:nth-child(3) {margin-top:50px;}
.galleriesbox ul img {float:left;width:25%;border-radius:6px;}
.galleriesbox h2 {float:left;font-size:11px;color:#212121;font-weight:600;width:100%;margin-top:7px;text-transform:uppercase;letter-spacing:1.5px;line-height:16px;}
.galleriesbox h3 {float:left;font-size:10px;color:#212121;font-weight:300;width:100%;text-transform:uppercase;letter-spacing:1.5px;line-height:16px;}
.galleriesbox a:hover h2 {text-decoration:underline;}
.galleryrows {float:left;width:100%;}
.galleryrows h2 {font-size:24px;margin-top:10px;}
.galleryrow {float:left;width:100%;margin-top:30px;}
.galleryrow input {
  float:left;
  width:44%;
  font-weight:400;
  color:#212121;
  font-size:14px;
  background:rgba(0,0,0,0);
  border:1px solid #212121;
  box-shadow:0 0 0 0 #fff;
  letter-spacing:1px;
  height:56px;
  margin:0 2.6% 0 0;
  padding:0 2%;
}
.galleryrow input:nth-child(2n) {margin:0;}

.galleryminibox {float:right;width:70%;}

.galleriesbox2 li {height:180px;}

.boxes {width:100%;float:left;padding-bottom:50px;}
.containers2 {display:block;margin:60px 4%;}
.boxes fieldset {float:left;width:100%;margin:0;padding:0;border:none;}
.boxes h2 {float:left;font-size:24px;color:#212121;font-weight:400;width:100%;text-align:center;margin-bottom:60px;text-transform:uppercase;letter-spacing:1.5px;}
.box {float:left;width:40%;}
.box label, .colorsbox label {float:left;font-size:11px;color:#212121;font-weight:700;width:100%;margin-top:30px;text-transform:uppercase;letter-spacing:1px;}
.box input {
  float:left;
  width:91%;
  font-weight:400;
  color:#212121;
  font-size:14px;
  background:rgba(0,0,0,0);
  border:1px solid #212121;
  box-shadow:0 0 0 0 #fff;
  letter-spacing:1px;
  height:56px;
  margin:30px 0 0 0;
  padding:0 0 0 20px;
}
.box input:first-child {margin:0;}
.box ul {float:left;width:100%;margin-top:50px;}
.box li {float:left;width:100%;margin-top:14px;font-weight:400;color:#212121;font-size:14px;}
.box li:first-child {margin-top:0;}
.box li strong {float:right;font-weight:900;}

.bars h2 {font-size:18px;font-weight:700;margin-bottom:20px;}
.bars img {display:block;width:100px;margin:0 auto;padding-top:30px;}
.bars select {font-weight:400;float:left;width:96%;color:#212121;font-size:14px;margin-top:12px;background:rgba(0,0,0,0);border:1px solid #212121;box-shadow:0 0 0 0 #fff;letter-spacing:1px;}
.bars textarea {font-family:'Lato', sans-serif;float:left;width:82%;height:140px;padding:20px;margin-top:12px;resize:none;font-weight:400;color:#212121;font-size:14px;background:rgba(0,0,0,0);border:1px solid #212121;box-shadow:0 0 0 0 #fff;letter-spacing:1px;}
.bars input, .colorsbox input {margin:12px 0 0 0;}

.bars .box {width:30%;}
.bars .colorsbox {width:30%;margin:0 5%;}
.bars .gallerybox {width:20%;margin:0 5% 0 0;}
.bars .documentsbox {width:30%;margin:0;}

.bars .documentsbox img {margin-bottom:0;}

.two-rows {float:left;width:100%;}

.colorsbox {float:left;}
.colorsbox fieldset {width:86%;float:left;margin:0;padding:0;border:none;}

.colorboxUpload {width:100%;float:left;}
.colorboxUpload input {font-weight:400;float:left;color:#212121!important;font-size:13px!important;background:rgba(0,0,0,0)!important;border:1px solid #212121!important;box-shadow:0 0 0 0 #fff!important;letter-spacing:1px;}
.colorboxUpload input {width:94%!important;height:56px!important;margin:12px 0 0 0!important;padding:0 0 0 20px!important;}
.colorboxUpload input:focus, .formbox textarea:focus {background:#e9e9e9!important;}

.colorsbox {float:left;width:100%;}
.colorsrows {float:left;width:100%;margin-top:30px;}
.colorsrows fieldset {width:100%;float:left;margin:0;padding:0;border:none;}
.colorrow {width:29.3%;float:left;margin-right:6%;margin-bottom:20px;}
.colorrow:nth-child(3n) {margin-right:0;}
.colorrow img {width:100%;float:left;margin-bottom:10px;margin-top:0;padding-top:0;}
.colorrow input {float:left;width:100%;font-weight:400;color:#212121;text-align:center;font-size:12px;background:rgba(0,0,0,0);border:none;box-shadow:0 0 0 0 #fff;letter-spacing:0.6px;height:24px;margin:0;padding:0;}
.colorrow input:disabled {color:#212121;}

.picturesbox {width:52%;float:right;}
.picturesbox fieldset {width:100%;float:left;margin:0;padding:0;border:none;}
.picturesrows {float:left;width:100%;}
.picturerow {float:left;width:23%;margin-top:40px;margin-right:2.6%;}
.picturerow:nth-child(4n) {margin-right:0;}
.picturerow:nth-child(1), .picturerow:nth-child(2), .picturerow:nth-child(3), .picturerow:nth-child(4) {margin-top:0;}
.picturerow img {float:left;width:100%;margin-bottom:8px;border-radius:6px;}
.picturerow label {float:left;width:100%;margin-top:12px;font-weight:600;color:#212121;font-size:12px;}
.pictureitem {
  float:left;
  width:100%;
  font-weight:400;
  color:#212121;
  font-size:12px;
  background:rgba(0,0,0,0);
  border:none;
  box-shadow:0 0 0 0 #fff;
  letter-spacing:0.6px;
  height:24px;
  margin:0;
  padding:0;
}
.picturebuttonrows {width:100%;float:left;margin-top:16px;}
.picturebuttonrows input:nth-child(1) {
  float:left;
  width:48%;
  height:30px;
  margin:0;
  color:#fff;
  cursor:pointer;
  background:#212121;
  padding:0;
  border:2px solid #212121;
  text-transform:uppercase;
  font-size:9px;
}
.picturebuttonrows input:nth-child(1):hover {background:rgba(0,0,0,0)!important;color:#212121!important;}
.picturebuttonrows input:nth-child(2) {
  float:right;
  width:48%;
  height:30px;
  margin:0;
  color:#212121;
  cursor:pointer;
  background:rgba(0,0,0,0);
  padding:0;
  border:2px solid #212121;
  text-transform:uppercase;
  font-size:9px;
}
.picturebuttonrows input:nth-child(2):hover {background:#212121!important;color:#fff!important;}

.formbox {width:100%;float:left;margin-top:8%;}
.formbox h1 {float:left;font-size:22px;color:#212121;font-weight:300;width:100%;text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.5px;}
.formbox h2 {float:left;font-size:28px;color:#212121;font-weight:400;width:100%;text-align:center;margin-bottom:60px;text-transform:uppercase;letter-spacing:1.5px;}
.formbox img {display:block;margin:0 auto 20px auto;width:160px;}
.formbox form {width:100%;float:left;margin:0;padding:0;}
.formbox fieldset {display:block;width:80%;margin:0 auto;padding:0;border:none;}
.formbox label {float:left;font-size:10px;color:#212121;font-weight:800;width:100%;margin-left:2%;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px;line-height:16px;}
.formbox input {font-weight:400;float:left;color:#212121!important;font-size:14px!important;background:rgba(0,0,0,0)!important;border:1px solid #212121!important;box-shadow:0 0 0 0 #fff!important;letter-spacing:1px;}
.formbox input {width:44%!important;height:56px!important;margin:0 0 0 2.6%!important;padding:0 2%!important;}
.formbox input:first-child {margin:0!important;}
.formbox input:focus, .formbox textarea:focus {background:#e9e9e9!important;}
.formbox select {font-weight:400;float:left;color:#212121;font-size:14px;padding:18px;background:rgba(0,0,0,0);border:1px solid #212121;box-shadow:0 0 0 0 #fff;letter-spacing:1px;}

.formbox2 fieldset {width:50%!important;}
.formbox2 input {width:94%!important;}

.formbox3 fieldset {width:100%!important;}
.formbox3 .inputrow {width:30%!important;margin-right:4%!important;}
.formbox3 .inputrow:nth-child(3n) {margin-right:0!important;}
.formbox3 input {padding:0 6%!important;}

.textarearow {float:left;width:62.3%;margin-right:0;margin-bottom:30px;}
.textarearow textarea {font-family:'Lato', sans-serif;float:left;width:100%;height:140px;padding:20px;resize:none;font-weight:400;color:#212121;font-size:14px;background:rgba(0,0,0,0);border:1px solid #212121;box-shadow:0 0 0 0 #fff;letter-spacing:1px;}

.formbox4 h1 {font-size:26px;}
.formbox4 h2 {font-size:40px;}

.three-inputs input {width:27%!important;}

.infobox {display:block;margin:8% auto;width:540px;text-align:center;}
.infobox img {display:block;margin:0 auto;width:160px;}
.infobox h2 {float:left;width:100%;font-weight:300;color:#212121;font-size:28px;margin:20px 0 10px 0;text-transform:uppercase;letter-spacing:1.5px;}
.infobox h3 {float:left;width:100%;font-weight:400;color:#212121;line-height:40px;font-size:36px;margin-bottom:80px;text-transform:uppercase;letter-spacing:1.5px;}

.infobar {float:left;width:100%;text-align:center;}
.infobar p {float:left;width:100%;font-weight:300;color:#212121;line-height:20px;font-size:14px;margin-top:50px;text-transform:uppercase;letter-spacing:1.5px;}

.button-link {float:left;width:100%;text-align:center;margin-bottom:8%;}
.button-link a {display:block;margin:0 auto;width:250px;font-weight:600;color:#212121;font-size:12px;padding:18px 0;border:2px solid #212121;text-transform:uppercase;text-decoration:none;letter-spacing:1px;}
.button-link a:hover {color:#fff;background:#212121;}

.button-link-bottom {margin-bottom:0;}

.inputrow {width:100%;float:left;margin-bottom:30px;}
.inputrow ul {float:left;width:100%;margin-bottom:25px;}
.inputrow li {float:left;width:33%;margin-top:8px;}
.inputrow li label {color:#212121;cursor:pointer;float:left;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:0;}

.buttonrow {float:left;width:100%;}

.gallerybuttonrow {display:block;margin:0 auto;width:500px;}
.gallerybuttonrow2 {display:block;margin:0 auto;width:300px;}

#account {
  float:none!important;
  display:block;
  margin:0 auto!important;
  width:240px!important;
  color:#fff!important;
  cursor:pointer;
  background:#212121!important;
  padding:0!important;
  border:2px solid #212121!important;
  text-transform:uppercase;
}

#account:hover {background:rgba(0,0,0,0)!important;border:2px solid #212121!important;color:#212121!important;}

#change {
  float:left!important;
  width:33%!important;
  height:56px!important;
  color:#fff!important;
  cursor:pointer;
  background:#212121!important;
  padding:0!important;
  border:2px solid #212121!important;
  text-transform:uppercase;
  font-size:12px;
}

#change:hover {background:rgba(0,0,0,0)!important;color:#212121!important;}

.bars #add, .colorsbox #change {width:100%!important;}

#add {
  float:left!important;
  width:40%!important;
  height:56px!important;
  color:#fff!important;
  cursor:pointer;
  background:#212121!important;
  padding:0!important;
  border:2px solid #212121!important;
  text-transform:uppercase;
  font-size:13px;
}

#add:hover {background:rgba(0,0,0,0)!important;color:#212121!important;}

#confirm {
  float:left!important;
  margin:50px 0 0 0!important;
  width:100%!important;
  height:56px!important;
  color:#fff!important;
  cursor:pointer;
  background:#212121!important;
  padding:0!important;
  border:2px solid #212121!important;
  text-transform:uppercase;
  font-size:13px;
}

#confirm:hover {background:rgba(0,0,0,0)!important;color:#212121!important;}

#delete {
  float:left!important;
  width:33%!important;
  height:56px!important;
  color:#212121!important;
  cursor:pointer;
  background:rgba(0,0,0,0)!important;
  padding:0!important;
  border:2px solid #212121!important;
  text-transform:uppercase;
  font-size:12px;
}

#delete:hover {background:#212121!important;color:#fff!important;}

.container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 26px;
  letter-spacing: 1px;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.center-h2 {text-align:center;font-size:16px!important;margin-top:80px!important;}

::-webkit-input-placeholder {color:#212121!important;text-transform:uppercase;}
:-moz-placeholder {color:#212121!important;text-transform:uppercase;}
::-moz-placeholder {color:#212121!important;text-transform:uppercase;}
:-ms-input-placeholder {color:#212121!important;text-transform:uppercase;}

footer {position:fixed;right:100px;left:100px;bottom:22px;}
footer p {float:left;font-weight:400;text-transform:uppercase;}
footer a {color:#212121;text-decoration:none;font-weight:600;}
footer a:hover {text-decoration:underline;}
footer small {float:left;width:100%;color:#212121;font-size:11px;line-height:18px;}
/*--- End footer ---*/
/*--- Start responsive ---*/
@media only screen and
    (max-width: 1299px) {
      .containers {margin:0 20px;display:block;}
}

@media only screen and
    (min-width: 1300px) {
      .containers {margin:0 auto;display:block;width:1160px;}
}

@media only screen and
	(min-width: 240px) and
	(max-width: 767px) {
      
      article {right:0;left:0;}
      .formbox input {width:100%!important;margin:20px 0 0 0!important;}
      .formbox input:first-child {margin:0!important;}
      .formbox input {text-align:center;padding:0!important;}
      .formbox label {margin-bottom:0;}
      .formbox {margin-top:20%;}
      .formbox h3 {margin-bottom:60px;}
      .inputrow {margin-bottom:20px;}
      .textarearow {width:87%;}
      .buttonrow {margin-bottom:25%;}
      .infobox {width:100%;}
      .box, .picturesbox {width:100%;}
      .two-rows input {width:94%;margin:30px 0 0 0!important;}
      .two-rows input:first-child {margin:0!important;}
      .picturesrows {margin-top:50px;}
      .formbox3 .inputrow {width:100%!important;margin-right:0!important;}
}

@media only screen and
	(min-width: 240px) and
	(max-width: 1023px) {
      
      .bars .box, .bars .colorsbox {width:100%;margin:0;}
      .bars .colorsbox {margin:30px 0 0 0;}
      .bars .box {margin:0 0 30px 0;}
      .bars textarea {width:86%;}
}

@media only screen and
	(min-width: 768px) and
	(max-width: 1023px) {
      
      .bars textarea {width:93%;}
      .box input, .colorboxUpload input {width:96%;}
}

@media only screen and
	(min-width: 240px) and
	(max-width: 899px) {
      
      .galleriesbox li {width:100%;height:auto;margin-top:50px;}
      .galleriesbox li img {float:none;display:block;margin:0 auto;width:120px;}
      .galleriesbox h2 {margin-top:20px;}
      .galleryminibox {width:100%;text-align:center;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {
      
      footer {right:50px;left:50px;bottom:22px;text-align:center;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 1023px) {
      
      article {top:105px;}
      header {right:10px;left:10px;}
      header a {float:left;width:100%;text-align:center;line-height:20px;margin-top:20px;}
      header ul {width:100%;}
      header li {width:25%;}
      header li a {font-size:11px;line-height:16px;margin-right:0;}}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
      
      .picturerow {width:100%;margin-right:0;}
      .picturerow:nth-child(1), .picturerow:nth-child(2), .picturerow:nth-child(3), .picturerow:nth-child(4) {margin-top:40px;}
      .picturerow:nth-child(1) {margin-top:0;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 1023px) {
      
      .two-rows input {width:94%;margin:30px 0 0 0!important;}
      .two-rows input:first-child {margin:0!important;}
      .picturerow {width:100%;margin-right:0;}
      .picturerow:nth-child(1), .picturerow:nth-child(2), .picturerow:nth-child(3), .picturerow:nth-child(4) {margin-top:40px;}
      .picturerow:nth-child(1) {margin-top:0;}
      .textarearow {width:60%;}
}

@media only screen and 
	(min-width: 1024px) and
	(max-width: 1209px) {
      
      .two-rows input {width:94%;margin:30px 0 0 0!important;}
      .two-rows input:first-child {margin:0!important;}
}
/*--- End responsive ---*/