/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   PAGE SHOP                                          *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.shop_content{
    float: left;
    width: 100%;
}
    .shop_content .list_products{
        float: left;
        width: 100%;
    }
        .shop_content .list_products .group{
            float: left;
            width: 100%;
            margin-bottom: 65px;
        }
            .shop_content .list_products .group .label{
                float: left;
                width: 26%;
            }
                .shop_content .list_products .group .label h2{
                    float: left;
                    width: 100%;
                    border-top: 3px solid #000;
                    padding-top: 13px;
                }
            .shop_content .list_products .group .products{
                float: left;
                width: -webkit-calc( 74% - 13px );
                width: -moz-calc( 74% - 13px );
                width: -ms-calc( 74% - 13px );
                width: -o-calc( 74% - 13px );
                width: calc( 74% - 13px );
                margin-left: 13px;
            }
                .shop_content .list_products .group .products .product{
                    float: left;
                    width: 30%;
                    margin-right: 5%;
                }
                .shop_content .list_products .group .products .product:nth-child(3n+3){
                    margin-right: 0;
                }
                    .shop_content .list_products .group .products .product a.url_product{
                        float: left;
                        width: 100%;
                    }
                    .shop_content .list_products .group .products .product .image{
                        float: left;
                        width: 100%;
                        height: 195px;
                        background: #f1f1f1 center no-repeat;
                        background-size: cover;
                    }
                        .shop_content .list_products .group .products .product .image img{
                            float: left;
                            width: 100%;
                            height: 100%;
                            opacity: 0;
                        }
                    .shop_content .list_products .group .products .product .product_name{
                        float: left;
                        width: 100%;
                        height: 52px;
                        line-height: 26px;
                        overflow: hidden;
                        margin: 13px 0;
                        font-family: 'LatoWebBlack';
                    }
                    .shop_content .list_products .group .products .product .product_price{
                        float: left;
                        width: 100%;
                        line-height: 26px;
                        overflow: hidden;
                        margin-bottom: 13px;
                        white-space: nowrap; 
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .shop_content .list_products .group .products .product .product_stats{
                        float: left;
                        width: 100%;
                        line-height: 26px;
                        overflow: hidden;
                        margin-bottom: 13px;
                    }
                        .shop_content .list_products .group .products .product .product_stats .stat{
                            float: left;
                            width: 100%;
                            line-height: 26px;
                            height: 26px;
                            white-space: nowrap; 
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                    .shop_content .list_products .group .products .product .button_content{
                        float: left;
                        width: 100%;
                        height: 39px;
                        background: #f1f1f1;
                        margin-bottom: 13px;
                    }
                        .shop_content .list_products .group .products .product .button_content button{
                            float: left;
                            width: 100%;
                            height: 39px;
                            text-align: center;
                            padding: 0;
                            margin: 0;
                            border-radius: 0;
                        }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   CATALOG CONTENT                                    *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.catalog_content{
    float: left;
    width: 100%;
}
    .catalog_content .top_divider{
        float: left;
        width: 130px;
        height: 3.9px;
        background: #ccc;
        margin-top: 65px;
        margin-left: -webkit-calc(( 100% - 130px ) / 2 );
        margin-left: -moz-calc(( 100% - 130px ) / 2 );
        margin-left: -ms-calc(( 100% - 130px ) / 2 );
        margin-left: -o-calc(( 100% - 130px ) / 2 );
        margin-left: calc(( 100% - 130px ) / 2 );
        margin-right: -webkit-calc(( 100% - 130px ) / 2 );
        margin-right: -moz-calc(( 100% - 130px ) / 2 );
        margin-right: -ms-calc(( 100% - 130px ) / 2 );
        margin-right: -o-calc(( 100% - 130px ) / 2 );
        margin-right: calc(( 100% - 130px ) / 2 );
    }
    .catalog_content h1{
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 13px;
    }
    .catalog_content h2{
        float: left;
        width: 65%;
        text-align: center;
        margin: 26px 17.5%;
        margin-top: 13px;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
    .catalog_content .list_products{
        float: left;
        width: 100%;
    }
        .catalog_content .list_products .product{
            float: left;
            width: 30%;
            margin-right: 5%;
        }
        .catalog_content .list_products .product:nth-child(3n+3){
            margin-right: 0;
        }
            .catalog_content .list_products .product a.url_product{
                float: left;
                width: 100%;
            }
            .catalog_content .list_products .product .image{
                float: left;
                width: 100%;
                height: 195px;
                background: #f1f1f1 center no-repeat;
                background-size: cover;
            }
                .catalog_content .list_products .product .image img{
                    float: left;
                    width: 100%;
                    height: 100%;
                    opacity: 0;
                }
            .catalog_content .list_products .product .product_name{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 26px;
                overflow: hidden;
                margin: 13px 0;
                font-family: 'LatoWebBlack';
            }
            .catalog_content .list_products .product .product_price{
                float: left;
                width: 100%;
                line-height: 26px;
                overflow: hidden;
                margin-bottom: 13px;
                white-space: nowrap; 
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .catalog_content .list_products .product .product_stats{
                float: left;
                width: 100%;
                line-height: 26px;
                overflow: hidden;
                margin-bottom: 13px;
            }
                .catalog_content .list_products .product .product_stats .stat{
                    float: left;
                    width: 100%;
                    line-height: 26px;
                    height: 26px;
                    white-space: nowrap; 
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            .catalog_content .list_products .product .button_content{
                float: left;
                width: 100%;
                height: 39px;
                background: #f1f1f1;
                margin-bottom: 13px;
            }
                .catalog_content .list_products .product .button_content button{
                    float: left;
                    width: 100%;
                    height: 39px;
                    text-align: center;
                    padding: 0;
                    margin: 0;
                    border-radius: 0;
                }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   SINGLE PRODUCT                                     *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.shop_product{
    float: left;
    width: 100%;
    margin-top: 65px;
}
    .shop_product .gallery_content{
        float: left;
        width: 39%;
    }
        .shop_product .gallery_content .image{
            float: left;
            width: 100%;
            height: 390px;
            background: #f1f1f1 center no-repeat;
            background-size: cover;
        }
            .shop_product .gallery_content .image img{
                float: left;
                width: 100%;
                height: 100%;
                opacity: 0;
            }
    .shop_product .head_content{
        float: left;
        width: -webkit-calc( 100% - 39% - 39px );
        width: -moz-calc( 100% - 39% - 39px );
        width: -ms-calc( 100% - 39% - 39px );
        width: -o-calc( 100% - 39% - 39px );
        width: calc( 100% - 39% - 39px );
        margin-left: 39px;
    }
        .shop_product .head_content h1{
            float: left;
            width: 100%;
        }
        .shop_product .head_content .info{
            float: left;
            width: 100%;
            line-height: 26px;
        }
        .shop_product .head_content .price{
            float: left;
            width: 100%;
            font-family: 'LatoWebBlack';
            font-size: 59px;
            margin: 39px 0;
        }
        .shop_product .head_content .description{
            float: left;
            width: 100%;
            line-height: 26px;
        }
        .shop_product .head_content form.checkout{
            float: left;
            width: 100%;
            margin-top: 26px;
        }
            .shop_product .head_content form.checkout input{
                float: left;
                width: 100%;
                background: #f1f1f1;
                border: solid 1px #ccc;
            }
        .shop_product .head_content .button_content{
            float: left;
            width: 100%;
            margin-top: 26px;
        }
            .shop_product .head_content .button_content button{
                float: left;
                width: -webkit-calc( 50% - 13px );
                width: -moz-calc( 50% - 13px );
                width: -ms-calc( 50% - 13px );
                width: -o-calc( 50% - 13px );
                width: calc( 50% - 13px );
                text-align: center;
                padding: 0;
                margin: 0;
                margin-right: 26px;
                margin-bottom: 26px;
            }
            .shop_product .head_content .button_content button:nth-child(2n+2){
                margin-right: 0;
            }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   CHECKOUT CONTENT                                   *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.checkout_content{
    float: left;
    width: 100%;
    margin: 39px 0;
}
    .checkout_content .gateway_selection{
        float: left;
        width: 100%;
    }
        .checkout_content .gateway_selection h1{
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 65px;
        }
        .checkout_content .gateway_selection .items{
            float: left;
            width: 100%;
            margin-top: 26px;
        }
            .checkout_content .gateway_selection .items .item{
                float: left;
                width: 260px;
                height: 130px;
                background: #f1f1f1;
                border: solid 1px #ccc;
                margin-right: 13px;
            }
            .checkout_content .gateway_selection .items .item:last-child{
                margin-right: 0;
            }
                .checkout_content .gateway_selection .items .item i{
                    float: left;
                    width: 100%;
                    text-align: center;
                }
                .checkout_content .gateway_selection .items .item .gateway_name{
                    float: left;
                    width: 100%;
                    height: 65px;
                    line-height: 65px;
                    font-size: 17px;
                    text-align: center;
                }
    .checkout_content .info_content{
        float: left;
        width: 100%;
    }
        .checkout_content .info_content h1{
            float: left;
            width: 100%;
            text-align: center;
        }
        .checkout_content .info_content .text{
            float: left;
            width: 100%;
            text-align: center;
        }
        .checkout_content .info_content .summary{
            float: left;
            width: 100%;
            margin-top: 26px;
            font-size: 13px;
        }
            .checkout_content .info_content .summary .item{
                float: left;
                width: 100%;
                padding: 13px 0;
                border-bottom: 1px solid #f1f1f1;
            }
            .checkout_content .info_content .summary .item.head{
                border-bottom: 1px solid #000;
            }
            .checkout_content .info_content .summary .item.tot{
                border-top: 1px solid #000;
                border-bottom: 0px solid #000;
                margin-top: -1px;
            }
                .checkout_content .info_content .summary .item.discount .inforow{
                    float: left;
                    width: 100%;
                    background: #f1f1f1;
                    text-align: center;
                    padding: 6.5px;
                    text-align: center;
                    border-bottom: solid 1px #ccc;
                    margin-bottom: 6.5px;
                }
                .checkout_content .info_content .summary .item .subtotal{
                    float: left;
                    width: 130px;
                    text-align: right;
                    min-height: 13px;
                }
                .checkout_content .info_content .summary .item .unitprice{
                    float: left;
                    width: 130px;
                    text-align: right;
                    min-height: 13px;
                }
                .checkout_content .info_content .summary .item .quant{
                    float: left;
                    width: 130px;
                    text-align: right;
                    min-height: 13px;
                }
                .checkout_content .info_content .summary .item .name{
                    float: left;
                    width: -webkit-calc( 100% - 390px );
                    width: -moz-calc( 100% - 390px );
                    width: -ms-calc( 100% - 390px );
                    width: -o-calc( 100% - 390px );
                    width: calc( 100% - 390px );
                    min-height: 13px;
                }
                    .checkout_content .info_content .summary .item .name span{
                        background: #ccc;
                        border-radius: 20px;
                        padding: 5px 7px;
                        font-size: 9px;
                    }
                    .checkout_content .info_content .summary .item .name span:hover{
                        cursor: pointer;
                        background: #39f;
                        color: #fff;
                    }
                    .checkout_content .info_content .summary .item .name span.notice{
                        background: transparent;
                        padding: 0;
                        margin: 0;
                        color: #888;
                        font-size: 13px;
                        font-style: italic;
                    }
                .checkout_content .info_content .summary .item .add_coupon{
                    float: left;
                    width: 100%;
                }
                    .checkout_content .info_content .summary .item .add_coupon label{
                        float: left;
                        width: 100%;
                        margin-bottom: 6.5px;
                    }
                    .checkout_content .info_content .summary .item .add_coupon input{
                        float: left;
                        width: -webkit-calc( 100% - 130px - 52px );
                        width: -moz-calc( 100% - 130px - 52px );
                        width: -ms-calc( 100% - 130px - 52px );
                        width: -o-calc( 100% - 130px - 52px );
                        width: calc( 100% - 130px - 52px );
                        padding: 0 26px;
                        background: #f1f1f1;
                    }
                    .checkout_content .info_content .summary .item .add_coupon button{
                        float: right;
                        width: 130px;
                        font-size: 13px;
                        border-radius: 0;
                    }
    .checkout_content form{
        float: left;
        width: 100%;
        margin-top: 65px;
    }
        .checkout_content form .form_title{
            float: left;
            width: 100%;
            text-align: center;
            font-family: 'LatoWebBlack';
        }
        .checkout_content form .form_subtitle{
            float: left;
            width: 100%;
            text-align: center;
            margin-bottom: 39px;
        }
        .checkout_content form .shipping_addr_container{
            float: left;
            width: 100%;
            visibility: hidden;
            height: 0;
            overflow: hidden;
        }
        .checkout_content form .shipping_addr_container.show{
            visibility: visible;
            height: auto;
            overflow: auto;
        }
        .checkout_content form .input_content{
            float: left;
            width: 100%;
            padding: 13px 0;
            border-top: solid 1px #f1f1f1;
            overflow-x: hidden;
        }
            .checkout_content form .input_content .container_label{
                float: left;
                width: -webkit-calc( 35% - 39px - 2px );
                width: -moz-calc( 35% - 39px - 2px );
                width: -ms-calc( 35% - 39px - 2px );
                width: -o-calc( 35% - 39px - 2px );
                width: calc( 35% - 39px - 2px );
            }
                .checkout_content form .input_content .container_label label{
                    float: left;
                    width: 100%;
                    height: 52px;
                    line-height: 52px;
                    font-size: 13px;
                }
                .checkout_content form .input_content.checkbox .container_label label{
                    height: 26px;
                    line-height: 26px;
                }
            .checkout_content form .input_content .container_input{
                float: left;
                width: 65%;
                margin-left: 39px;
            }
                .checkout_content form .input_content .container_input input, 
                .checkout_content form .input_content .container_input select{
                    float: left;
                    width: 100%;
                    width: -webkit-calc( 100% - 52px );
                    width: -moz-calc( 100% - 52px );
                    width: -ms-calc( 100% - 52px );
                    width: -o-calc( 100% - 52px );
                    width: calc( 100% - 52px );
                    background: #f9f9f9;
                    border: solid 1px #ccc;
                    padding: 0 26px;
                    font-size: 13px;
                    border-radius: 6.5px;
                    height: 52px;
                    line-height: 52px;
                }
                .checkout_content form .input_content .container_input select{
                    width: 100%;
                    padding: 0;
                }
                .checkout_content form .input_content .container_input input[type="checkbox"]{
                    float: left;
                    width: 26px;
                    height: 26px;
                    margin-right: 13px;
                }
                .checkout_content form .input_content .container_input .checkbox_info{
                    float: left;
                    width: -webkit-calc( 100% - 39px );
                    width: -moz-calc( 100% - 39px );
                    width: -ms-calc( 100% - 39px );
                    width: -o-calc( 100% - 39px );
                    width: calc( 100% - 39px );
                    font-size: 13px;
                    margin: 6.5px 0;
                }
                .checkout_content form .input_content .container_input .error{
                    float: left;
                    width: 100%;
                    color: #cc3300;
                    margin-top: 13px;
                } 
    .checkout_content .right_content{
        float: left;
        width: -webkit-calc( 100% - 39% - 39px );
        width: -moz-calc( 100% - 39% - 39px );
        width: -ms-calc( 100% - 39% - 39px );
        width: -o-calc( 100% - 39% - 39px );
        width: calc( 100% - 39% - 39px );
        margin-left: 39px;
    }
        .checkout_content .right_content .text{
            float: left;
            width: 100%;
        }
        .checkout_content .right_content ul{
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
        }
            .checkout_content .right_content ul li{
                float: left;
                width: 100%;
                line-height: 26px;
                margin: 0;
                padding: 0;
            }
    .checkout_content .waiting_order{
        float: left;
        width: 100%;
        margin-top: 65px;
    }
        .checkout_content .waiting_order .title_content{
            float: left;
            width: 100%;
            text-align: center;
            font-family: 'LatoWebBlack';
        }
        .checkout_content .waiting_order .icon_content{
            float: left;
            width: 100%;
            text-align: center;
            margin: 65px 0;
            font-size: 65px;
        }