/*header*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300);
@import url(https://fonts.googleapis.com/css?family=Squada+One);


body {
  padding-top: 20px;
  background-image: url("imgs/pw_maze_black.png");
  display: none;
}

.output{
  background-image: url("imgs/black_linen_v2.png");
  padding-top: 1em;
  flex-wrap: wrap;
  margin-top: -15px;
  padding-bottom: 3em;
}

.flexSpaceAround{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.border {
    /* background-color: #f8f8f8; */
    border-color: #e7e7e7;
    /* border-style: solid; */
    border-width: 1px;
    margin-top: 20px;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

.selectLabel {
    background-color: white;
    border-radius: 5px;
    border: 2px;
    height: 35px;
    padding-top: 5px;
    padding-left: 5px;
    width: 210px;
}

.search{
  text-indent: -999999px;
  background-image: url("imgs/search-icon.png");
  width: 32px;
  background-repeat: no-repeat;
}

/*header*/
.logo {
  font-family: 'Open Sans', sans-serif;
  color: #555;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 120px;
  font-weight: 800;
  text-align: center;
  letter-spacing: -3px;
  line-height: 1;
  text-shadow: #EDEDED 3px 2px 0;
  position: relative;
}

.logo{
   width:100%;
   height:300px;
   background: #000000 url(imgs/header3.png) ;
   background-repeat: no-repeat;
   text-align:center;
   padding-left: 0px;
   padding-right: 0px;
   margin-top: -20px;
   margin-bottom: -75px;
}

.naV{
  padding-left: 0px;
  padding-right: 0px;
}


/*footer*/
hr{
  border-top:1px solid rgba(0,0,0,.1);
}
.footer span{
  margin: 35em;
}

/**/
.ad img{
  width: 200px;
  margin-top: 10em;
  margin-bottom: 3em;
}
.adsLeft {
    margin-left: -3em;
    margin-right: 2.5em;
}
/*selectContainer*/
.selectContainer{
  margin: 0 auto;
  /* padding-top: 4em; */
  padding-bottom: 2em;
}
select{
  width: auto;
}

/*output*/
.itemContainer{
  width: 200px;
  padding-bottom: 20px;
}


.imageContainer{
  /* background-color: #333;
  width: 200px;
  overflow: hidden; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.marAndTitle{
  text-align: center;
    /* text-transform: uppercase; */
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16px;
    color: white;
}
.marAndPrice{
  text-align: center;
  font-style: italic;
  font-size: 11px;
}
.checkoutContainer {
  color: white;
  width:66%;
}
.checkoutContainer h2{
  color: white;
}
.checkoutContainer h4{
  color: white;
}
.buttonContainer{
  text-align: center;
    padding: 10px;
}
/*mark 2*/
@import url(https://fonts.googleapis.com/css?family=Arvo:700);
.proAndTitle {
  background-color: #333;
  color: #fff;
  font-family: Arvo;
  font-weight: bold;
  text-shadow: -3px -3px 0 #222, 3px -3px 0 #222, -3px 3px 0 #222, 3px 3px 0 #222, 4px 4px 0 #fff, 5px 5px 0 #fff, 6px 6px 0 #fff, 7px 7px 0 #fff;
  /* line-height: 0.8em; */
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 26px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.proAndPrice{
  background-color:#fff;
  color: #333;
  font-family: Arvo;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  font-size: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  border:1px solid #333;
}

.confirmationMessage{
  font-weight: bold;
  text-align: center;
  font-size: 22px;
}

.submit {
    background: #fb044a;
    color: #fff;
    font-weight: 700;
}

/**
  *
  Footer
  */

body {
   color: #666666;
   font-family: "Open Sans",sans-serif;
   line-height: 24px;
}

.footer-top-layout {
 background: #1c1c1c none repeat scroll 0 0;
 color: #ffffff;
 padding-top: 20px;
 padding-bottom: 10px;
}

.footer-top-layout h4 {
 color: #ffffff;
 font-size: 18px;
 margin-bottom: 21px;
}

.footer-top-layout [class*="col-sm-"]:first-child {
 padding: 0;
}

.footer-top-layout [class*="col-sm-"] {
 border-right: 2px solid #333333;
 padding: 0 0 0 28px;
}

.footer-top-layout [class*="col-sm-"]:last-child {
 border-right: medium none;
}

.footer-col-item {
 min-height: 140px;
}

address {
 color: #545454;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 color: #333333;
 font-family: "Roboto",sans-serif;
 font-weight: 500;
 line-height: 1.1;
 margin-top: 0;
}

.footer-col-item .item-contact a {
 color: #545454;
 display: inline-block;
 margin-bottom: 7px;
 width: 100%;
}

.footer-col-item .item-contact a .link-id {
 color: #ffffff;
 margin-left: 0;
 margin-right: 6px;
}

.footer-col-item span {
 margin-left: 7px;
}

.footer-col-item .item-contact a {
 color: #545454;
}

.signUpNewsletter {
 position: relative;
}

.signUpNewsletter .gt-email {
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
 border: 1px solid #666666;
 border-radius: 0;
 color: #ffffff;
 height: 52px;
}

.signUpNewsletter .btn-go {
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
 border-color: #666666;
 border-style: solid;
 border-width: 0 0 0 1px;
 bottom: 0;
 color: #ffffff;
 font-size: 16px;
 position: absolute;
 right: 0;
 text-transform: uppercase;
 top: 0;
 width: 52px;
}
