html {
  /*background: #333 url(http://subtlepatterns.com/patterns/tex2res4.png) 0 0 repeat;*/
  padding: 0;
  font-size: 100%;
}
/*test*/

figure{
  margin: 0;
  position: relative;
}

body{
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size:1em;
  color: black;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #1e1e1e;

}


h1{
    font-size: 2.6em;
    /*margin-top: 0px;
    margin-bottom: 20px;
    padding-left: 10px; */
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

h2{
    font-size: 2em;
    /*padding-top: 0.1em;
    padding-bottom: 0.1em;*/
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

h3{
    /*padding-top: 0.1em;
    padding-bottom: 0.1em;*/
    font-weight: 400;
    text-transform: uppercase;
    color: #bea67c;
    font-size: 1.8em;
}

h4{
    position: relative;
    top: -14px;
    /*padding-top: 0.1em;
    padding-bottom: 0.1em;*/
    font-size: 1.1em;
    font-weight: 200;
    text-transform: uppercase;
    color: #dadada;
}

/*h5{
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    font-weight: 400;
    color: #bbbbbb;
}*/

h5{
    font-size: 0.8em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #dadada;
}

p{
  padding: 0em 0em 4em 0em;
  color: #dadada;
  font-size: 0.65em;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 200%;
  font-weight: 200;
}

ul{
  list-style-type: none;
}

li{
  list-style-type: none;
}

/*--------------------button style-------*/

.button-more {
  display: inline-block;
  padding: 0.8em 2.9em; /*Clears an area around the content.*/
  margin: 2em 1em 2em 0em; /*Clears an area outside the border.*/
  color: #bea67c;
  border: 2px solid #bea67c;
  border-radius: 0em;
  font-size: 1.3em;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: .2em;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  position: relative;
  left: 50%;
  top: 50%;
}

.button-more:hover {
  color: #0b0b0d;
  background-color: #bea67c;
  border: 2px solid #bea67c;
}

.button-add, form input[type=submit] {
  display: inline-block;
  padding: 0.8em 2.8em; /*Clears an area around the content.*/
  margin: 2em 1em 2em 0em; /*Clears an area outside the border.*/
  color: #bea67c;
  border: 2px solid #bea67c;
  border-radius: 0em;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: .2em;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.button-checkout {
  display: inline-block;
  padding: 0.8em 2.8em; 
  margin: 2em 1em 2em 0em;
  color: #bea67c;
  border: 2px solid #bea67c;
  border-radius: 0em;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: .2em;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.button-add:hover, .button-add:focus, .button-checkout:hover, .button-checkout:focus, form input[type=submit]:hover, form input[type=submit]:focus{

  color: #1e1e1e;
  background-color: #bea67c;
  border: 2px solid #bea67c;
}

.button-cancel, form input[type=cancel] {
  display: inline-block;
  padding: 0.8em 2.8em; /*Clears an area around the content.*/
  margin: 2em 1em 2em 0em; /*Clears an area outside the border.*/
  color: #dadada;
  border: 2px solid #dadada;
  font-size: .8em;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: .2em;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.button-cancel:hover, form input[type=cancel]:hover, form input[type=cancel]:focus {
  color: #0b0b0d;
  background-color: #dadada;
  border: 2px solid #dadada;
}


/*-------------------product page elements-------------*/

#rig {
    max-width: 4000px;
    /*margin-left: 30%;*/
    margin:0 auto; /*center aligned*/
    padding: 0;
    font-size: 0;
    list-style: none;
    background-color: #1e1e1e;
}

#rig li {
    display: inline-block;
    *display: inline;/*for IE6 - IE7*/
    width: 25%;
    vertical-align: top;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#rig li ul li{

    width: 50%;

}


#rin .4x4{

    width: 10%;

}


#rig li ul {   
    padding: 0;
}

#rig div {
    display: inline-block;
    *display: inline;/*for IE6 - IE7*/
    width: 25%;
    vertical-align: top;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
        
/* The wrapper for each item */
.rig-cell {
    display: block;
    position: relative;
    overflow: hidden;
}
        
/* If have the image layer */
.rig-img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    transform: scale(1);
    transition: all 1s;
}

#rig .rig-cell:hover .rig-img {
    transform: scale(1.05);
}

#rig .rig-cell:hover .rig-img {
    transform: scale(1.05);
}
 

/*------------------ If have the overlay layer ------------------*/
.product_collage .rig-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #000 no-repeat center 10%;
    background-size: 50px 50px;
    opacity: 0;
    filter: alpha(opacity=0);/*For IE6 - IE8*/
    transition: all 0.6s;
}

#rig .rig-cell:hover .rig-overlay {
    opacity: 0.8;
}

#rig .rig-cell:hover .rig-overlay {
    opacity: 0.8;
}


/*------------------ If have captions ------------------*/
h2 span{
  text-align: center;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 200;
  letter-spacing: .1em;
  line-height: 160%;
  top: 5%;
  left: 5%;
  position: absolute;
  border: .12em solid white;
  padding: 1.5em 1.1em;
  margin: 1em;
}

.rig-text {
    display: block;
    padding: 0 1em;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 160%;
    top: 40%;
    color: white;
    opacity: 0;
    filter: alpha (opacity=0);/*For older IE*/
    transform: translateY(-20px);
    transition: all .3s;
}

.body_context ul li span span{
  display: block;
  margin-top: 0;
  padding: 0;
  color: rgba(255,255,255,0.5);
  /*font-size: 0.6em;*/
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 150%;
  /*text-align: left;*/
  /*margin-left: 40%;*/
  text-align: center;
}

#rig .rig-cell:hover .rig-text {
    transform: translateY(0px);
    opacity: 0.9;
}

#rig .rig-cell:hover .rig-text {
    transform: translateY(0px);
    opacity: 0.9;
}

@media (max-width: 1100px){
    .rig-text{
      top: 30%;
      font-size: 14px;
    }
    .body_context ul li span span{
      line-height: 100%;
      /*text-align: left;*/
    }
    h2 span{
      font-size: 12px;
    }
}


/*------------------contact page elements--------------*/

form input[type=text],
form input[type=password],
textarea {
  width: 85%;
  height: 3em;
  margin-bottom: 1em;
  padding-left: 1em;
  margin-top: 2em;
  background: #e5e4e4;
  border: none;
  color: #4a4949;
  outline: none;

}

textarea{
  height: 10em;
}

form input[type=submit]{
  background-color: #1e1e1e;
  margin-bottom: 1em;
}

form input[type=cancel]{
  background-color: #1e1e1e;
  margin-bottom: 1em;
}

input#security-number{
  margin-bottom: 2em;
}

input#first-name{
  width: 38%;
  margin-right: 1em;

}

input#last-name{
  width: 38%;

}

label#label_last_name{
  padding: 31%;
}

/*--------------check out elements-------------------*/

h4#billing_padding {
  padding-bottom: 3em;

}

.checkout_info h4 a{
  color: #bea67c;
}



label {
  /*padding: 4em 0em 4em 0em;*/
  color: rgba(255,255,255,0.7);
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 200%;
}

select {

  /*color: rgba(255,255,255,0.7);*/
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 200%;
  margin-bottom: 2em;
  padding: 0.5em;
  background-color: #e5e4e4;

}

/*-----------index elements------------*/
.main_img {
  width: 100%;
}


/*------------complete page elements-----------*/
.checkout_info p{
  padding-top: 0;
  padding-bottom: 1em;
  /*border-bottom: 0.1em solid rgba(255,255,255,0.5);*/

}

.border_on_top{
  border-top: 0.1em solid rgba(255,255,255,0.5);
}

h4.border_on_top{
  padding-top: 2em;
}

@media (max-width: 1100px){
    .checkout_info p{
      margin-right: 10%;
      /*border-bottom: 0.1em solid rgba(255,255,255,0.5);*/

    }
}


/*-------------login page-------------*/

#login-page li {
  list-style-type: none;
}


/*----------product detail page---------*/

span.star_on {
  font-size: 16px;
  letter-spacing: 2px;
  color: #bea67c;
  cursor: pointer;
}

span.star_on:hover:before {
  content: "\2605";
  position: absolute;
  color: #bea67c;
}



/*----------footer----------*/

.footer{
  display: inline-block;
  background-color:#1e1e1e;
  /*width: 100%;*/
  text-align: left;
  font-size: 1em;
  padding: 2rem 8rem;
  margin-top: 0rem;
}

p.footer-links {
  padding-bottom: 0;

}

.footer-links a{
  margin-right: 1em;
}



.footer p{
  color: white;
}
.footer a{
  color: rgba(255,255,255,0.5);
  text-decoration:none;
}
.footer a:hover{
  color:rgba(255,255,255,1);
}

.footer-name{
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,0.5);
  padding-bottom: 0;
}

@media (max-width: 1100px){
    .footer{
      padding: 2em;
    }
}

/*citation*/
.citation{
  margin: 2em;
  color: rgba(255,255,255,0.5);

}

.citation li{
  padding-top: 1em;
}