/*---------------Navigation switching------------------*/
.active{
    display: none;
    
}

.body_context{
  padding-left: 5.5em;
}



@media (max-width: 1100px){
    #menu{
        display: none;
    }

    .active{
    display: block;
    position: fixed;
    
    }

    .body_context{
        padding-top: 4em;
        padding-left: 0;
    }

    
}


/*---------------body context------------------*/


/*------------------Index page---------------*/
.img_amd_text{
    position: relative; 
}

figcaption { 
   position: absolute; 
   top: 42%; 
   left: 49.5%; 
   width: 38em; 
   padding: 0em 0em 4em 0em;
  color: #dadada;
  font-size: 0.65em;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 200%;
  font-weight: 200;
   z-index: 500;
}

.img_and_text figcaption div a{
    margin-left: .2em;
    margin-top: 5em;
}

@media (max-width: 1100px){
    figcaption { 
       top: 46%; 
       left: 25%; 
       width: 40em;
    }
}


.index_text_box {
    display: inline-block;
    /*background-color: #000000;*/
    width: 27em;
    height: 15em;
    margin: 0;
    /*padding: 2em;*/
    margin-left: 0;
    position: absolute;
    /*float: right;*/
/*    left: 50%;
    top: 40%;*/
}



.index_text_box p{
    margin-top: 0;
}


.body_context div.product_collage{
    padding-left: 0;
}

.index_content{
    width: 100%;
    height: 100%; 
}

.body_context #rig li.rig_size1 {
    width: 50%;

}

.body_context #rig li.rig_size2 {
    width: 10%;

}

.body_context #rig li.rig_size3 {
    width: 75%;

}


/*.body_context div div ul li.rig_size1{
    width: 33%;

}

li.rig_size1{
    width: 33%;

}*/



@media (max-width: 1100px){
    .index_text_box{
        left: 3%;
        top: 32%;
    }

    
}

@media (max-width: 750px){
    .index_text_box{
        position: static;
    }


    
}








/*--------------------checkout page--------------*/

.checkout_info {
    display: inline-block;
    /*background-color: #000000;*/
    width: 50%;
    /*height: 100%;*/
    margin: 0;
    padding-left: 3em;
    padding-top: 2em;
    /*border: 0.2em solid #bea67c;  */
    margin-right: 0;
    /*margin-left: 6em;*/
    /*position: fixed;*/
    /*float: right;*/
    left: 0;

    

}


.checkout_total{
    display: inline-block;
    /*background-color: #000000;*/
    width: 40%;
    /*height: 100%;*/
    margin: 0;
    border: 2px solid #bea67c;
    vertical-align: top;
    margin-top: 3%;
    position: fixed;
    right: 3%;
}

.checkout_total ul li div.cart_box_section3{
    width: 45%;

}

.checkout_total ul li div.cart_box_total{
    width: 50%;

}

.checkout_total ul li div.cart_box_price{
    width: 35%;

}

.checkout_total ul li div div h2{
    font-size: 1.3em;

}

.checkout_total ul li div div h4{
    font-size: 1.5em;

}



@media (max-width: 1100px){

    .checkout_total{
    position: static;
    width: 100%;
    border: none;
    }

    .checkout_info {
    width: 100%;
    margin-top: 2em;
    }




}






/*-----------------product detail page------------*/
.cart_popout {
    opacity: 0.9;
    display: inline-block;
    background-color: #000;
    width: 32%;
    height: 28%;
    margin: 0;
    padding: 5em;
    padding-top: 0;
    /*border-bottom: 0.1em solid rgba(255, 255, 255, 0.5);  */
    margin-right: 0;
    margin-left: 0;
    position: fixed;
    /*float: right;*/
    right: 25%;
    z-index: 100;
    display: none;

}

.cart_popout p{
    color: rgba(255,255,255,0.7);
    padding-bottom: 1em;
}



.product_detail_box {
    display: inline-block;
    /*background-color: #000000;*/
    width: 34%;
    /*height: 100%;*/
    margin: 0;
    padding: 5em;
    /*border: 0.2em solid #bea67c;  */
    margin-right: 0;
    margin-left: 0;
    position: fixed;
    /*height: 100%;*/
    /*float: right;*/
    right: 0;
    /*z-index: 999;*/
    /*overflow-y: auto;*/
    /*vertical-align: top;*/

}

.product_detail_img {
    display: inline-block;
    /*background-color: #000000;*/
    width: 55%;
    /*height: 100%;*/
    margin: 0;
    z-index: 999;
}

.product_detail_reviews{
    display: inline-block;
    padding: 2em;
}

.single_review {
    margin-top:2em;
}

.review_content {
    margin-top:-5em;
}

.review-stars{
    float:left;
    margin-top:-1.8em;
}

.name{
    font-size: 1em;
    margin-bottom:-2.2em;
}

.time{
    float: right;
    margin-top:-3em;
}

.product_detail_img img{
    z-index: 999;
}

.product_detail_img iframe{
    width: 100%;
    height: 59em;
}



.product_detail_hint {
    display: inline-block;
    position: fixed;
    left:30%;
    top: 95%;
    width: 4em;
    /*border: 0.2em solid #bea67c;  */


}

.detail_img_grid_rect{
    width: 100%;
}

.detail_img_grid_square{
    width: 24.58%;
}

@media (max-width: 1100px){

    .cart_popout {
        background-color: #000;
        padding-left: 2%;
        padding-top: 2%;
        padding-bottom: 0;
        width: 100%; 
        height: 23em;  
        left: 0;
    }

    

    .cart_popout ul li div div a img{
        width: 50%;
    }

    .product_detail_box {
        background-color: #1e1e1e;
        padding-left: 2%;
        padding-top: 2%;
        padding-bottom: 0;
        width: 100%;   
        left: 0;
    }

    .product_detail_img {
        margin-top: 35%;
        width: 100%;
    }

    .product_detail_img iframe{

    width: 100%;
    height: 40em;

    }

    .button-add {
      margin: 1em 1em 0em 0em; /*Clears an area outside the border.*/
    }

    .product_detail_box h1, .product_detail_box h4, .product_detail_box h3{
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    p.productDetail{
      padding: 0em 3em 0em 0em;
      line-height: 175%;
    }

    .product_detail_hint{
        left: 45%;

    }

    /*h1.super_text {
      font-size: 3em;
      padding: 0;
    }*/

    form input[type=text],
    form input[type=password],
    textarea {
      height: 3em;
      margin-bottom: 1em;
      margin-top: 1em;
    }

    textarea{
      height: 10em;
    }

    form input[type=submit]{
      margin-left: 0;
    }
}

.review_box {
  padding-top: 2em;
}


/*-------product page grid----------*/

.product_collage{
    padding-left: 5%;
}

#rig li {
    padding: 2px;
}

#rig li li {
    padding: 0;
}

@media (max-width: 4000px) {
    #rig li {
        width: 25%;
    }
}

@media (max-width: 768px) {
    #rig li {
        width: 33.33%;
    }
}

@media (max-width: 480px) {
    #rig li {
        width: 50%;
    }
}

@media (max-width: 1100px) {
    div.product_collage{
        padding-left: 0;
        padding-top: 8%;
    }
}


/*--------------login page grid-----------------*/
.login_box{
    width: 95%;
    height: 100%;
    margin-left: 20%;
    /*border: 0.2em solid #bea67c;  */
}

.login_box h1{
    padding-top: 6em;
    padding-left: 1em;
    margin-bottom: 1em;
}



.login_box form input[type=text], .login_box form input[type=password] {
    width: 50%;
    height: 4em;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.login_box form input[type=submit]{
    margin-top: 3em;
}


@media (max-width: 1100px) {

    .login_box{
        width: 95%;
        height: 100%;
        text-align: left;
        margin-left: 8%;
    }
    .login_box h1{
        padding-top: 2em;
        font-size: 3em;
    }

    .login_box form input[type=text], .login_box form input[type=password] {
        width: 80%;
        height: 4em;
        margin-left: 0;
        margin-top: 1em;
    }

    .login_box form input[type=submit]{
        margin-left: 0;
    }

    .login_box form ul{
        padding-left: 3em;
    }
}


/*--------------contact page grid-----------------*/
.contact_text h1{
    padding-left: .85em;
    margin-bottom: 1em;
}
.contact_text h3{
    padding-left: 1.9em;
    font-size: 1.2em;
    margin-bottom: 2em;
}
.contact_text h4{
    padding-left: 2.4em;
    font-size: 1em;
    margin-bottom: -0.8em;
}