@import "mixins.less";

@width: 980px;

body{min-width: 1280px;}
.container-fluid{   
    width: @width;
    .wrapp;
}
.dspn{display: none !important;}
.dspb{display: block !important;}
.component{min-height: 600px;}
.mobile-menu{display: none;}
.mobmen{display: none;}
h1{
    .h1();   //(@ltcolor: #fe2e20,@mt: 0px,@mb: 25px,@rightLeft: -87px,@top: 10px)
}

/*--  block1  --*/
.block1{
    overflow: hidden;
    .sideleft {
        float: left;
        margin-right: -643px;
        width: 50%;
        background-color: #ffc556;
        height: 764px;
    }
    #hcentr {
        float: left;
        position: relative;
        width: 1286px;
        height: 764px;
        z-index: 2;
        background-image: url('../img/block1.jpg');
    }
    .sideright {
        float: right;
        margin-left: -643px;
        width: 49%;
        background-color: #ffd456;
        height: 764px;
    }    
    .container-fluid{
        .b1-block1{
            float: left;
            width: 242px;
            .b1b1-block1{
                margin-top: 15px;
                margin-left: 17px;
            }
            .b1b1-block2{
                margin-top: 10px;
                >div{
                    h3{
                        font: 22px ADomInoRegular;
                        color: #83152a;
                        text-transform: uppercase;
                        margin-bottom: 3px;
                        padding-left: 15px;
                    }
                    li{
                        a{ 
                            display: block;
                            height: 22px;
                            width: 227px;
                            font: 24px/22px ADomInoRegular;
                            color: #ffffff;
                            padding-left: 15px;
                            text-decoration: none;
                            text-shadow: 0 0 1px rgba(0, 0, 0, 0.37);
                        }
                    }
                    li.active,li.current,li:hover{
                        a{
                            background-color: #ff4529;
                        }
                    }
                }
            }
        }
        .b1-block2{
            float: right;
            width: 736px;
            .b1b2-block1{
                overflow: hidden;
                margin-top: 44px;
                margin-bottom: 22px;
                >div{
                    float: right;
                }
                .cart{
                    .mycart_mini_txt{
                        a{
                            display: block;
                            margin-right: 10px;
                            margin-left: 60px;
                            width: 70px;
                            padding-left: 25px;
                            font: 18px ADomInoRegular;
                            color: #fe2e20;
                            text-align: center;
                            text-decoration: none;
                            .background('../img/cart.png');
                        }
                    }
                }
                .search-wrapp{
                    .search{
                        form{
                            input[type="search"]{
                                border: 1px solid rgba(131, 21, 42, 0.27);
                                border-right: none;
                                background: none;
                                border-radius: 15px 0 0 15px;
                                height: 21px;
                                width: 183px;
                                padding: 0 0 0 28px;
                                font: 14px ADomInoRegular;
                                color: #83152a;
                            }                            
                            input[type="search"]:focus::-webkit-input-placeholder {color: rgba(255, 255, 255, 0);}
                            input[type="search"]:focus::-moz-placeholder          {color: rgba(255, 255, 255, 0);}
                            input[type="search"]:focus:-moz-placeholder           {color: rgba(255, 255, 255, 0);}
                            input[type="search"]:focus:-ms-input-placeholder      {color: rgba(255, 255, 255, 0);}
                            .btn{
                                background-color: #ffde7e;
                                border: 1px solid rgba(131, 21, 42, 0.27);
                                border-radius: 0 15px 15px 0;
                                height: 23px;
                                margin-left: -4px;
                                margin-top: -1px;
                                text-align: center;
                                width: 79px;
                                cursor: pointer;
                                font: 16px ADomInoRegular;
                                color: #83152a;
                            }
                        }
                    }
                }
            }
            .b1b2-block2{
                overflow: hidden;
                margin-bottom: 80px;
                .ask{
                    float: right;
                    width: 124px;
                    height: 36px;
                    display: block;
                    background-color: #ff4529;
                    text-align: center;
                    font: 18px/34px ADomInoRegular;
                    color: #ffffff;
                    text-decoration: none;
                    border-radius: 16px;
                }
                .ask:before{
                    border-radius: 16px;
                    background-color: #83152a;
                }
                .menu{
                    float: right;
                    margin-right: 5px;
                    >div{
                        ul{
                            li{
                                float: left;
                                margin: 0 5px;
                                a{
                                    display: block;
                                    height: 36px;
                                    font: 18px/40px ADomInoRegular;
                                    padding: 0 14px;
                                    color: #83152a;
                                    text-transform: uppercase;
                                    text-decoration: none;
                                }
                            }
                            li.active,li:hover{
                                a{
                                    color: #fe2e20;
                                }
                            }
                        }
                    }
                }
            }
            .b1b2-block3{
                .background('../img/slider.png');
                height: 522px;
                width: 688px;
                margin: auto;
                overflow: hidden;
                .slider{
                    height: 470px;
                    width: 570px;
                    margin: 14px auto 0;
                    .tp-bullets{
                        .bullet{
                            background-color: #fff;
                            background-image: none;
                            border-radius: 15px;
                            box-shadow: 2px 4px 0 0 #da7701;
                            height: 13px;
                            width: 13px;     
                            margin: 0 9px;                       
                        }
                        .bullet.selected,.bullet:hover{
                            box-shadow: 1px 1px 0 0 #da7701;
                        }
                    }
                }
            }
        }
    }    
}
/*--  end block1  --*/ 

/*--  block2  --*/
.block2{
    margin-top: 10px;
    .container-fluid{
        .b2-block1{
            .label_products{
                overflow: hidden;
                .block_item{
                    float: left;
                    width: 243px;
                    height: 290px;
                    margin-right: 2px;
                    position: relative;
                    margin-bottom: 10px;
                    .image{
                        .image_block{
                        	overflow: hidden;
                            a{
                                img{
                                    vertical-align: middle;
                                    transform: scale(1.05, 1.05);
                                    .transition(transform, 0.3s);
                                }
                                img:hover{
									transform: scale(1, 1);
                                }
                            }
                        }
                    }
                    .loupe {
                        position: absolute;
                        top: 10px;
                        left: 9px;
                        width: 29px;
                        height: 29px;
                        .background('../img/loupe.png');
                    }  
                    .prc-btn{
                        height: 45px;
                        width: 241px;
                        border: 1px solid #83152a;
                        position: relative;
                        .jshop_price{
                            float: left;
                            width: 122px;
                            height: 45px;
                            font: 18px/44px ADomInoRegular;
                            color: #fe2e20;
                            text-align: center;
                        }
                        .buttons{
                            float: right;
                            a{
                                display: block;
                                position: absolute !important;
                                width: 120px;
                                height: 45px;
                                background-image: url('../img/buttons.png');
                                background-repeat: no-repeat;
                                background-position: 50px 14px;
                                text-indent: -9999px;
                                font-size: 0;
                                bottom: 0;
                                right: 0;
                            }
                            a:hover{
                                height: 55px;
                                bottom: -1px;
                                right: -1px;
                                background-image: url('../img/buttons-hover.png');
                                background-position: 0 0;
                            }
                        }
                    }                  
                }
                div.block_item:nth-child(4n){
                    margin-right: 0;
                }
            }
        }
    }
}   
/*--  end block2  --*/

/*--  block3  --*/
.block3{
    margin-top: 30px;
    .container-fluid{
        .b3-block1{
            >div{
                h3{
                    font: 24px ADomInoRegular;
                    color: #ff2f21;
                    text-transform: uppercase;
                    margin-bottom: 20px;
                }
                p{
                    font: 18px Arial,sans-serif;
                    color: #551803;
                    margin-bottom: 30px;
                }
            }
        }
    }
}       
/*--  block3  --*/

/*--  footer  --*/
footer{
    overflow: hidden;
    margin-top: 20px;
    .sideleft {
        float: left;
        margin-right: -570px;
        width: 50%;
        background-color: #ffc556;
        height: 287px;
    }
    #fcentr {
        float: left;
        position: relative;
        width: 1140px;
        height: 287px;
        z-index: 2;
        background-image: url('../img/footer.jpg');
    }
    .sideright {
        float: right;
        margin-left: -570px;
        width: 49%;
        background-color: #ffd456;
        height: 287px;
    } 
    .container-fluid{
        width: 1250px;
        .f-block1{
            float: left;
            width: 235px;
            margin-left: 80px;
            div.menu{
                margin-top: 19px;
                margin-bottom: 11px;
                padding-left: 42px;
                >div{
                    ul{
                        li{
                            a{
                                font: 18px/22px ADomInoRegular;
                                color: #83152a;
                                text-transform: uppercase;
                                text-decoration: none;
                            }
                        }
                        li.active,li:hover{
                            a{
                                color: #fe2e20;
                            }
                        }
                    }
                }
            }
            .ask{
                margin-left: 20px;
                margin-bottom: 40px;
                width: 124px;
                height: 36px;
                display: block;
                background-color: #ff4529;
                text-align: center;
                font: 18px/34px ADomInoRegular;
                color: #ffffff;
                text-decoration: none;
                border-radius: 16px;
            }
            .ask:before{
                border-radius: 16px;
                background-color: #83152a;
            }
            .copyright{
                margin-left: 7px;
                font: 14px Arial,sans-serif;
                color: #83152a;
                a{
                    font: 22px ADomInoRegular;
                    color: #83152a;
                    text-decoration: none;
                }
                p{
                    margin-left: 20px;
                    text-transform: uppercase;
                }
            }
        }
        .f-block2{
            float: right;
            width: 922px;
            .fb2-block1{
                margin-top: 19px;
                margin-bottom: 40px;
                overflow: hidden;
                >div{
                    float: left;
                    margin-right: 5px;
                    height: 152px;
                    overflow: hidden;
                    position: relative;
                }
                >div:nth-child(2){
                    &:after{
                        content: "";
                        position: absolute;
                        width: 198px;
                        height: 1px;
                        background-color: #EB732F;
                        bottom: 0;
                        left: 2px;
                    }
                }
                >div:nth-child(4){
                    margin-right: 0;
                    width: 350px;
                }
            }
            .fb2-block2{
                div{
                    width: 483px;
                    border: 1px dashed #83152a;
                    margin-left: 70px;
                    height: 52px;
                    text-align: center;
                    font: 22px/24px ADomInoRegular;
                    color: #83152a;
                    padding: 5px;
                    border-radius: 5px;
                    float: left;
                }
                a{
                    float: right;
                    width: 180px;
                    margin-right: 75px;
                    margin-top: 15px;
                    text-decoration: none;
                    p{
                        float: left;
                        width: 80px;
                        font: 12px Arial,sans-serif;
                        color: #83152a;
                    }
                    img{
                        float: right;
                        width: 93px;
                    }
                }
                a:hover{
                    p{
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}
/*--  end footer  --*/   

/*--  fancybox  --*/
.fancybox-inner{
    #fancybox-form-wrapp{
        display: block !important;
        width: 500px;
        height: 570px;
        background-color: #FFC557;
        overflow: hidden;
        #fancybox-form{
            width: 360px;
            margin: 45px auto 0;
            h3{
                font: 32px ADomInoRegular;
                color: #fe2e20;
                text-transform: uppercase;
                margin-bottom: 28px;
                text-align: center;
            }
            form{
                .inp{
                    width: 320px;
                    height: 60px;
                    background-color: #FFDB7A;
                    border: none;
                    padding: 0px 20px;
                    font: 20px Arial,sans-serif;
                    color: #83152a;
                    margin-bottom: 29px;
                }
                .name-prod.inp {
                    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
                    border: medium none !important;
                    display: block;
                    height: 20px !important;
                    margin-bottom: 20px !important;
                    margin-top: -25px;
                    padding: 0 !important;
                    text-align: center;
                    text-transform: uppercase;
                    width: 360px !important;
                }               
                .error{
                    box-shadow: 0 0 2px red inset;
                }
                .inp::-webkit-input-placeholder {color:     #83152a;}
                .inp:-moz-placeholder,
                .inp::-moz-placeholder {color:              #83152a;}
                .inp:-ms-input-placeholder {color:          #83152a;}
                textarea::-webkit-input-placeholder {color:     #83152a;}
                textarea:-moz-placeholder,
                textarea::-moz-placeholder {color:              #83152a;}
                textarea:-ms-input-placeholder {color:          #83152a;}  
                .inp.error::-webkit-input-placeholder {color:     red;}
                .inp.error:-moz-placeholder,
                .inp.error::-moz-placeholder {color:              red;}
                .inp.error:-ms-input-placeholder {color:          red;}
                textarea.error::-webkit-input-placeholder {color:     red;}
                textarea.error:-moz-placeholder,
                textarea.error::-moz-placeholder {color:              red;}
                textarea.error:-ms-input-placeholder {color:          red;}             
                .inp:focus::-webkit-input-placeholder {color:     rgba(255, 255, 255, 0);}
                .inp:focus:-moz-placeholder,
                .inp:focus::-moz-placeholder {color:              rgba(255, 255, 255, 0);}
                .inp:focus:-ms-input-placeholder {color:          rgba(255, 255, 255, 0);}         
                textarea:focus::-webkit-input-placeholder {color:     rgba(255, 255, 255, 0);}
                textarea:focus:-moz-placeholder,
                textarea:focus::-moz-placeholder {color:              rgba(255, 255, 255, 0);}
                textarea:focus:-ms-input-placeholder {color:          rgba(255, 255, 255, 0);} 
                #errorMessage-fancybox{
                    display: none;
                    position: relative;
                    p{
                        bottom: 15px;
                        color: red;
                        position: absolute;
                        text-align: center;
                        width: 360px;
                        font: 18px Arial,sans-serif;
                    }
                } 
                textarea{
                    width: 320px;
                    height: 102px;
                    background-color: #FFDB7A;
                    border: none;
                    padding: 10px 20px;
                    font: 20px/20px Arial,sans-serif;
                    color: #83152a;
                    margin-bottom: 50px;                    
                }
                .btn{
                    cursor: pointer;
                    font: 24px MyriadPro-Regular;
                    height: 52px;
                    left: 50%;
                    margin: 0 0 0 -121px;
                    padding: 0;
                    text-align: center;
                    text-transform: uppercase;
                    width: 242px;
                    color: #fff;
                    border-radius: 16px;
                    border: none;
                    background-color: #ff4529;
                }
                .btn:before{
                    border-radius: 16px;
                    background-color: #83152a;
                }                
            }
        }
        .ContactSend-fancybox{
            display: none;
            width: 360px;
            margin: 45px auto 0;
            h4{
                font: 32px ADomInoRegular;
                color: #fe2e20;
                text-transform: uppercase;
                margin-bottom: 28px;
                text-align: center;
            }
            p{
                font: 18px Arial,sans-serif;
                color: #83152a;
                text-align: center;
            }
        }
    }
}
/*--  end fancybox  --*/

/*--  component  --*/
.component{
    background: #fff none repeat scroll 0 0;
    left: 50%;
    margin-left: -246px;
    padding-left: 10px;
    padding-top: 20px;
    position: relative;
    margin-top: -570px;
    width: 730px;
    z-index: 9;
    &:after{
        background-color: #fff;
        content: "";
        height: 570px;
        position: absolute;
        right: -150px;
        top: 0;
        width: 150px;
        z-index: 9;
    }    
    .container-fluid{
        width: 730px;
        .breadcrumbs{
            margin-bottom: 20px;
            margin-left: 10px;
            >div{
                ul{
                    overflow: hidden;
                    li:first-child{
                        display: none;
                    }
                    li{
                        float: left;
                        font: 12px Arial,sans-serif;
                        color: #83152a;
                        span{
                        }
                        a{
                            font: 12px Arial,sans-serif;
                            color: #83152a;
                            text-decoration: underline;
                        }
                        a:hover{
                            text-decoration: none;
                        }
                        .divider{
                            padding: 0 5px;
                        }
                    }
                }
            }
        }
        .text{
            min-height: 515px;
            #comjshop{
                >h1{
                    .h1();   //(@ltcolor: #fe2e20,@mt: 0px,@mb: 25px,@rightLeft: -87px,@top: 10px)
                }
                .short-description{
                    font: 18px Arial,sans-serif;
                    color: #551803;
                    margin-bottom: 20px;
                    p{
                        text-indent: 10px;
                        margin-bottom: 10px;
                    }
                }
                .description{
                    font: 18px Arial,sans-serif;
                    color: #551803;
                    margin-top: 20px;
                    p{
                        text-indent: 10px;
                        margin-bottom: 10px;
                    }
                    h3 {
                        color: #ff2f21;
                        font: 24px ADomInoRegular;
                        margin-bottom: 10px;
                        margin-top: 5px;
                        text-transform: uppercase;
                    }                    
                }
                .jshop_list_product{
                    #sort_count{
                        position: absolute;
                        right: 0;
                        top: 0;
                        >div{
                            span{
                                font: 12px Arial,sans-serif;
                                color: #83152a;
                                overflow: hidden;
                                display: block;
                                >div{
                                	float: left;
                                	margin-right: 5px;
                                	margin-top: 5px;
                                }
                                .select-outer{
								    background: #ffffff none repeat scroll 0 0;
								    background-image: url('../img/select-arr.png');
								    background-repeat: no-repeat;
								    background-position: 88px 8px;
								    border: 1px solid #83152a;
								    overflow: hidden;
								    position: relative;
								    width: 103px;   
								    height: 21px; 
								    margin-top: 0;   
								    &:before{
								    	content: "";
								    	position: absolute;
								    	right: 21px;
								    	top: 0;
								    	width: 1px;
								    	height: 21px;
								    	background-color: #83152a;
								    }                         	
	                                select{
	                                	background: rgba(0, 0, 0, 0);
	                                    font: 12px Arial,sans-serif;
	                                    color: #83152a;                                    
	                                    cursor: pointer;
	                                    border: none;
								    	width: 120px;
								    	height: 21px;
	                                }                                	
                                }
                                img{
                                    cursor: pointer;
                                    margin-top: 1px;
                                }
                            }
                        }
                    }
                    #comjshop_list_product{
                        .list_product_row{
                            overflow: hidden;
                            div.block_product:nth-child(4n){margin-right: 0;}
                            .block_product{
                                float: left;
                                width: 180px;
                                height: 250px;
                                overflow: hidden;
                                margin-right: 3px;
                                margin-bottom: 10px;
                                .product{
                                    .image{
                                        .image_block{
                                            position: relative;
                                            overflow: hidden;
                                            .product_label{
                                                display: none;
                                            }
                                            .prod-img{
                                                width: 180px;
                                                height: 180px;
                                                background-size: cover;
                                                background-position: center;
                                                display: block;
                                                transform: scale(1.05, 1.05);
                                                .transition(transform, 0.3s);
                                            }
                                            .prod-img:hover{
												transform: scale(1, 1);
                                            }
                                            .loupe {
                                                position: absolute;
                                                top: 10px;
                                                left: 9px;
                                                width: 29px;
                                                height: 29px;
                                                .background('../img/loupe.png');
                                            } 
                                        }
                                    }
                                    .mainblock{
                                        border: 1px solid #83152a;
                                        width: 178px;
                                        height: 68px;
                                        overflow: hidden;
                                        position: relative;
                                        .name{
                                            width: 178px;
                                            height: 34px;
                                            border-bottom: 1px solid #83152a;
                                            clear: both;
                                            h2{
                                                text-align: center; 
                                                display: table-cell;
                                                height: 34px;
                                                width: 178px;
                                                vertical-align: middle;
                                                line-height: 14px;
                                                a{
                                                    font: 14px/14px Arial,sans-serif;
                                                    color: #83152a;
                                                    text-decoration: none;
                                                    width: auto;
                                                    height: auto;
                                                    max-width: 178px;
                                                    max-height: 34px;
                                                }
                                            }
                                        }
                                        .jshop_price{
                                            float: left;
                                            width: 91px;
                                            height: 33px;
                                            text-align: center;
                                            p{
                                                text-align: center; 
                                                display: table-cell;
                                                height: 33px;
                                                width: 91px;
                                                vertical-align: middle;
                                                line-height: 14px;
                                                span{
                                                    font: 14px/14px ADomInoRegular;
                                                    color: #fe2e20;
                                                    width: auto;
                                                    height: auto;
                                                    max-width: 91px;
                                                    max-height: 33px;
                                                }
                                            }    
                                        }
                                        .buttons{
                                            float: right;
                                            a{
                                                display: block;
                                                position: absolute !important;
                                                width: 89px;
                                                height: 35px;
                                                background-image: url('../img/buttons.png');
                                                background-repeat: no-repeat;
                                                background-position: 37px 12px;
                                                background-size: 18px 15px;
                                                text-indent: -9999px;
                                                font-size: 0;
                                                bottom: 0;
                                                right: 0;
                                            }
                                            a:hover{
                                                height: 41px;
                                                bottom: -1px;
                                                right: -1px;
                                                background-image: url('../img/buttons-hover.png');
                                                background-position: 0 0;
                                                background-size: 89px auto;
                                            }
                                        }
                                    }
                                }
                                .product:hover{
                                	.mainblock{
                                		.name{
                                			background-color: #FFD456;
                                		}
                                	}
                                }
                            }
                        }
                    }
                    .jshop_pagination{
                        
                    }
                }
                >form{
                    >h1{
                        .h1();   //(@ltcolor: #fe2e20,@mt: 0px,@mb: 25px,@rightLeft: -87px,@top: 10px)
                    }
                    .prod-wrapper{
                        overflow: hidden;
                        margin-bottom: 25px;
                        .pw-img{
                            float: left;
                            width: 325px;
                            .product_label{
                                display: none;
                            }
                            a{
                                width: 323px;
                                display: block;
                                position: relative;
                                img{
                                    max-width: 323px;
                                    width: auto;
                                    height: auto;
                                    vertical-align: middle;
                                }
                                .loupe {
                                    position: absolute;
                                    top: 10px;
                                    left: 9px;
                                    width: 29px;
                                    height: 29px;
                                    .background('../img/loupe.png');
                                }  
                            }
                        }
                        .pw-cont{
                            float: right;
                            width: 368px;
                            @mbAllEll: 14px;
                            .extra_fields{
                                >div{
                                    overflow: hidden;
                                    margin-bottom: @mbAllEll;
                                    .extra_fields_name{
                                        float: left;
                                        width: 133px;
                                        font: 24px ADomInoRegular;
                                        color: #83152a;
                                    }
                                    .extra_fields_value{
                                        float: left;
                                        font: 18px Arial,sans-serif;
                                        color: #83152a;
                                        width: 235px;
                                        padding-top: 4px;
                                    }
                                }
                            }
                            .jshop_code_prod{
                                overflow: hidden;
                                margin-bottom: @mbAllEll;
                                .code-name{
                                    float: left;
                                    width: 133px;
                                    font: 24px ADomInoRegular;
                                    color: #83152a;
                                }
                                #product_code{
                                    float: left;
                                    font: 18px Arial,sans-serif;
                                    color: #83152a;
                                    width: 235px;
                                    padding-top: 4px;
                                }
                            }
                            .prod_price{
                                overflow: hidden;
                                margin-bottom: @mbAllEll;
                                .price-name{
                                    float: left;
                                    width: 133px;
                                    font: 24px ADomInoRegular;
                                    color: #83152a;
                                }
                                #block_price{
                                    float: left;
                                    font: bold 24px Arial,sans-serif;
                                    color: #f82d1f;
                                    width: 235px;
                                }
                            }
                            .prod_buttons{
                                margin: 20px 0;
                                .buttons{
                                    .buy{
                                        background-image: url('../img/btn-bay.png');
                                        background-repeat: no-repeat;
                                        background-position: 0 0;
                                        border: none;
                                        width: 106px;
                                        height: 44px;
                                        cursor: pointer;
                                        display: block;
                                        padding-left: 87px;
                                        font: bold 18px/44px Arial,sans-serif;
                                        color: #83152a;
                                    }
                                    .buy:hover{
                                        background-position: 0 -60px;
                                    }
                                }
                            }
                            .share{
                                overflow: hidden;
                                >span{
                                    float: left;
                                    margin-right: 10px;
                                    font: 14px/28px Arial,sans-serif;
                                    color: #83152a;
                                }
                                >div{
                                    float: left;
                                    .b-share{
                                        padding: 0 !important;
                                        a.b-share__handle{
                                            padding: 0 !important;
                                            height: 28px;
                                            margin: 0 1px;
                                            span.b-share-icon{
                                                width: 28px;
                                                height: 28px;
                                                background-image: url('../img/like-sprite.png');
                                                opacity: .8;
                                                .transition(opacity, .3s);
                                            }
                                            span.b-share-icon:hover{
                                                opacity: 1;
                                            }
                                            .b-share-icon_vkontakte{background-position: 0 0;}
                                            .b-share-icon_facebook{background-position: -120px 0;}
                                            .b-share-icon_twitter{background-position: -90px 0;}
                                            .b-share-icon_odnoklassniki{background-position: -30px 0;}
                                            .b-share-icon_gplus{background-position: -60px 0;}
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .jshop_prod_description{
                    	font: 18px Arial,sans-serif;
                    	color: #551803;
                    	p{
                    		margin-bottom: 10px;
                    	}
                    }
                }
                .related_header{
                    font: 24px ADomInoRegular;
                    color: #ff4529;
                    margin: 30px 0 25px 10px;
                }
                .jshop_list_product{
                    .list_related{
                        >div{
                            overflow: hidden;
                            >div.jshop_related:nth-child(4n){margin-right: 0;}
                            .jshop_related{
                                float: left;
                                width: 180px;
                                height: 250px;
                                overflow: hidden;
                                margin-right: 3px;
                                margin-bottom: 10px;
                                .product{
                                    .image{
                                        .image_block{
                                            position: relative;
                                            overflow: hidden;
                                            .product_label{
                                                display: none;
                                            }
                                            .prod-img{
                                                width: 180px;
                                                height: 180px;
                                                background-size: cover;
                                                background-position: center;
                                                display: block;
                                                transform: scale(1.05, 1.05);
                                                .transition(transform, 0.3s);
                                            }
                                            .prod-img:hover{
												transform: scale(1, 1);
                                            }
                                            .loupe {
                                                position: absolute;
                                                top: 10px;
                                                left: 9px;
                                                width: 29px;
                                                height: 29px;
                                                .background('../img/loupe.png');
                                            } 
                                        }
                                    }
                                    .mainblock{
                                        border: 1px solid #83152a;
                                        width: 178px;
                                        height: 68px;
                                        overflow: hidden;
                                        position: relative;
                                        .name{
                                            width: 178px;
                                            height: 34px;
                                            border-bottom: 1px solid #83152a;
                                            clear: both;
                                            h2{
                                                text-align: center; 
                                                display: table-cell;
                                                height: 34px;
                                                width: 178px;
                                                vertical-align: middle;
                                                line-height: 14px;
                                                a{
                                                    font: 14px/14px Arial,sans-serif;
                                                    color: #83152a;
                                                    text-decoration: none;
                                                    width: auto;
                                                    height: auto;
                                                    max-width: 178px;
                                                    max-height: 34px;
                                                }
                                            }
                                        }
                                        .jshop_price{
                                            float: left;
                                            width: 91px;
                                            height: 33px;
                                            text-align: center;
                                            p{
                                                text-align: center; 
                                                display: table-cell;
                                                height: 33px;
                                                width: 91px;
                                                vertical-align: middle;
                                                line-height: 14px;
                                                span{
                                                    font: 14px/14px ADomInoRegular;
                                                    color: #fe2e20;
                                                    width: auto;
                                                    height: auto;
                                                    max-width: 91px;
                                                    max-height: 33px;
                                                }
                                            }    
                                        }
                                        .buttons{
                                            float: right;
                                            a{
                                                display: block;
                                                position: absolute !important;
                                                width: 89px;
                                                height: 35px;
                                                background-image: url('../img/buttons.png');
                                                background-repeat: no-repeat;
                                                background-position: 37px 12px;
                                                background-size: 18px 15px;
                                                text-indent: -9999px;
                                                font-size: 0;
                                                bottom: 0;
                                                right: 0;
                                            }
                                            a:hover{
                                                height: 41px;
                                                bottom: -1px;
                                                right: -1px;
                                                background-image: url('../img/buttons-hover.png');
                                                background-position: 0 0;
                                                background-size: 89px auto;
                                            }
                                        }
                                    }
                                }
                                .product:hover{
                                	.mainblock{
                                		.name{
                                			background-color: #FFD456;
                                		}
                                	}
                                }
                            }
                        }    
                    }
                }
                .back_to_shop{
                    font: 22px ADomInoRegular;
                    color: #83152a;
                    text-decoration: underline;
                }   
                .back_to_shop:hover{
                    text-decoration: none;
                }
            }
            .item-page{
                .page-header{
                    .h1();   //(@ltcolor: #fe2e20,@mt: 0px,@mb: 25px,@rightLeft: -87px,@top: 10px)
                }
                .articleBody{
                    color: #551803;
                    font: 18px Arial,sans-serif;
                    h3 {
                        color: #ff2f21;
                        font: 24px ADomInoRegular;
                        margin-bottom: 5px;
                        text-transform: uppercase;
                    }                    
                    p {
                        margin-bottom: 15px;
                    }    
                    ul,ol{
                        margin-left: 10px;
                        margin-bottom: 15px;
                    }                
                }
            }
            #jshop_menu_order{
                overflow: hidden;
                margin-bottom: 25px;
                .jshop_order_step{
                    float: left;
                    padding: 5px 10px;
                    span{
                        font: 26px ADomInoRegular;
                        color: #83152a;
                    }
                    a{
                        color: #83152a;
                        text-decoration: underline;   
                    }
                    a:hover{
                        text-decoration: none;
                    }
                    .active_step{
                        color: #fe2e20;
                    }
                }
            }
            .address_block{
                form{
                    .user_info,#div_delivery{
                        fieldset{
                            div{
                                overflow: hidden;
                                margin-bottom: 15px;
                                .name{
                                    color: #83152a;
                                    float: left;
                                    font: 20px ADomInoRegular;
                                    width: 133px;                                    
                                }
                                .input{
                                    float: left;
                                    input{
                                        border: 1px solid #83152a;
                                        height: 25px;
                                        padding: 0 10px;
                                        width: 300px;   
                                        font: 18px Arial,sans-serif;
                                        color: #83152a;
                                    }
                                    .fielderror{
                                        border-color: red;
                                        box-shadow: 0 0 2px red inset;
                                    }
                                }
                            }
                        }
                    }
                    .no_display{
                        display: none;
                    }
                    .jshop_delivery_adress{
                        font: 18px Arial,sans-serif;
                        color: #83152a;     
                        margin: 5px 0 20px;                   
                    }
                    .reqsave{
                        overflow: hidden;
                        margin-top: 50px;
                        .requiredtext{
                            float: left;
                            font: 16px Arial,sans-serif;
                            color: #83152a;  
                        }
                        .button{
                            float: right;
                            font: 18px Arial,sans-serif;
                            color: #83152a;  
                            text-decoration: underline;
                            background: none;
                            border: none;
                            cursor: pointer;
                        }
                        .button:hover{
                            text-decoration: none;
                        }
                    }
                }
            }
            #payment_form,#shipping_form{
                #table_payments,#table_shippings{
                    .padiv{
                        margin-bottom: 15px;
                        input{
                            cursor: pointer;
                        }
                        label{
                            cursor: pointer;
                            font: 18px Arial,sans-serif;
                            color: #83152a;
                        }
                    }
                }
                #payment_submit,.button{
                    float: right;
                    font: 18px Arial,sans-serif;
                    color: #83152a;  
                    text-decoration: underline;
                    background: none;
                    border: none;
                    cursor: pointer;                    
                }
            }
            table.cart{
                tr:last-child{
                    border-bottom: 1px solid #83152a;
                }    
                tr{
                    border-top: 1px solid #83152a;
                    th:last-child,td:last-child{
                        border-right: 1px solid #83152a;
                    }
                    th{
                        border-left: 1px solid #83152a;
                        vertical-align: middle;
                        text-align: center;
                        font: 22px/18px ADomInoRegular;
                        color: #ff2f21;
                        padding: 10px;
                    }
                    td{
                        border-left: 1px solid #83152a;
                        vertical-align: middle;
                        padding: 5px;
                    }
                    .jshop_img_description_center{
                        padding: 0;
                        a{
                            display: table-cell;
                            width: 115px;
                            height: 110px;
                            vertical-align: middle;
                            text-align: center;
                            img{
                                max-width: 105px;
                                max-height: 100px;
                                vertical-align: middle;
                            }
                        }
                    }
                    .product_name{
                        a{
                            font: 18px/18px ADomInoRegular;
                            color: #ff2f21;    
                            text-decoration: underline;                                
                        }                         
                        a:hover{
                            text-decoration: none;
                        }       
                        .list_extra_field{
                            color: #551803;
                            font: 16px/16px Arial,sans-serif;   
                            font-weight: bold;    
                            margin-top: 8px;                             
                            .value{
                                font-weight: normal;
                            }
                        }
                    }
                    .product_price{
                        font: 18px Arial,sans-serif;
                        color: #f82d1f;
                        text-align: center;
                    }
                    .product_suma{
                        font: 18px Arial,sans-serif;
                        color: #f82d1f;
                        text-align: center;
                    }
                    .product_qty{
                        overflow: hidden;
                        text-align: center;
                        font: 18px Arial,sans-serif;
                        color: #551803;
                        input{
                            border: 1px solid #83152a;
                            height: 25px;
                            padding: 0 10px;
                            font: 16px Arial,sans-serif;
                            color: #551803;
                            float: left;
                        }
                        span{
                            display: block;
                            width: 18px;
                            height: 18px;
                            float: right;
                            margin-top: 4px;
                        }
                    }
                    .product_delete{
                        text-align: center;
                    }
                }
            }
            .jshop_subtotal{
                >div{
                    overflow: hidden;
                    >div{
                        float: right;
                    }
                    .name{
                        font: bold 16px/30px Arial,sans-serif;
                        color: #551803;
                        margin-right: 10px;
                    }
                    .value{
                        color: #f82d1f;
                        font: 22px Arial,sans-serif;  
                        width: 100px;
                        text-align: right;                              
                    }
                }
            }
            .cart-step{
                margin-top: 20px;
                #checkout{
                    overflow: hidden;
                    .td_1{
                        float: left;
                    }
                    .td_2{
                        float: right;
                    }
                    a{
                        font: 22px ADomInoRegular;
                        color: #83152a;
                        text-decoration: underline;
                    }   
                    a:hover{
                        text-decoration: none;
                    }
                }
            }
            .prevfinish_info{
                .addr_block{
                    >div{
                        font: 18px Arial,sans-serif;
                        color: #551803;
                        margin-bottom: 5px;
                    }
                }
                form[name="form_finish"]{
                    .prevfinishjshop{
                        .add_info{
                            font: 20px ADomInoRegular;
                            color: #551803; 
                            margin-bottom: 15px;
                            textarea{
                                width: 80%;
                                height: 100px;
                                border: 1px solid #83152a;
                                padding: 5px 10px;
                                font: 16px Arial,sans-serif;
                                color: #551803; 
                            }
                        }
                        .row_agb{
                            font: 20px ADomInoRegular;
                            color: #551803; 
                            margin-bottom: 15px;
                            a{
                                color: #551803; 
                                text-decoration: underline;
                            }
                            a:hover{
                                text-decoration: none;
                            }
                        }
                        .row_agb.fielderror{
                            color: red; 
                            a{
                                color: red; 
                            }
                        }
                        .finish_registration{
                            button{
                                float: right;
                                background-color: #ff4529;
                                border: medium none;
                                border-radius: 16px;
                                color: #ffffff;
                                cursor: pointer;
                                display: block;
                                font: 18px/34px ADomInoRegular;
                                height: 36px;
                                text-align: center;
                                text-decoration: none;
                                width: 124px;    
                                &:before{
                                    background-color: #83152a;
                                    border-radius: 16px;                                    
                                }                            
                            }
                        }
                    }    
                }
            }
        }    
    }        
}
/*--  end component  --*/

/*--  contacts  --*/
.contacts{
    .component{
        .container-fluid{
            .text{
                .item-page{
                    .articleBody{
                        overflow: hidden;
                        .contact-block1{
                            float: left;
                            width: 320px;
                            div{
                                margin-bottom: 30px;
                                span{
                                    font: 24px ADomInoRegular;
                                    color: #83152a;
                                    display: block;
                                }
                                p{
                                    display: block;
                                    margin-left: 20px;
                                    margin-bottom: 0;
                                    font: 18px Arial,sans-serif;
                                    color: #83152a;
                                }
                                a{
                                    font: 22px ADomInoRegular;
                                    color: #83152a;
                                    text-decoration: underline;
                                }
                                a:hover{
                                    text-decoration: none;
                                }
                            }
                        }
                        .contact-block2{
                            float: right;
                            width: 400px;
                        }
                    }
                }
            }
        }
    }                    
}
/*--  end contacts  --*/

/*--  news  --*/
.news{
    .component{
        .container-fluid{
            .text{
                #k2Container{
                    .itemListCategoriesBlock,.itemHeader{
                        h1{
                            .h1();   //(@ltcolor: #fe2e20,@mt: 0px,@mb: 25px,@rightLeft: -87px,@top: 10px)
                        }
                    }
                    .itemList{
                        #itemListLeading{
                            .itemContainer{
                                margin-bottom: 30px;
                                .catItemView{
                                    .catItemHeader{
                                        margin-bottom: 10px;
                                        h3{
                                            a{
                                                font: 24px ADomInoRegular;
                                                color: #ff2f21;
                                                text-decoration: none;
                                            }
                                            a:hover{
                                                color: #83152a;
                                            }
                                        }
                                    }
                                    .catItemBody{
                                        overflow: hidden;
                                        .catItemImageBlock{
                                            float: left;
                                            width: 230px;
                                        }
                                        .catItemIntroText{
                                            float: left;
                                            font: 18px Arial,sans-serif;
                                            color: #551803;
                                            width: 500px;
                                            p{
                                                text-indent: 10px;
                                                margin-bottom: 10px;
                                            }
                                        }
                                    }
                                    .catItemReadMore{
                                        border-top: 1px solid #83152a;
                                        text-align: right;
                                        a{
                                            font: 16px ADomInoRegular;
                                            color: #83152a;
                                            text-decoration: none;
                                        }
                                        a:hover{
                                            text-decoration: underline;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .itemBody{
                        .itemImageBlock{
                            float: left;
                            margin: 0 15px 5px 0;
                        }
                        .itemFullText{
                            font: 18px Arial,sans-serif;
                            color: #551803;
                            p{
                                text-indent: 10px;
                                margin-bottom: 10px;
                            }    
                            h3 {
                                color: #ff2f21;
                                font: 22px ADomInoRegular;
                                margin-bottom: 10px;
                                margin-top: 5px;
                                text-transform: uppercase;
                            }    
                            ul,ol{
                                margin-left: 10px;
                                margin-bottom: 15px;
                            }                        
                        }
                    }
                }
            }
        }
    }                    
}
/*--  end news  --*/

/*--  reviews  --*/
.reviews{
    .component{
        .container-fluid{
            .text{
                #phocaguestbook{
                    .posts-wrapp{
                        padding-bottom: 15px;
                        margin-bottom: 20px;
                        border-bottom: 1px solid #83152a;
                        .review-header{
                            overflow: hidden;
                            margin-bottom: 10px;
                            h5{
                                float: left;
                                font: 22px ADomInoRegular;
                                color: #ff2f21;
                                span{
                                    font-size: 18px;
                                    margin-right: 10px;
                                }
                            }   
                            small{
                                float: right;
                                font: 16px ADomInoRegular;
                                color: #83152a;
                            }                         
                        }
                        blockquote{
                            .pgb-content-inside{
                                font: 18px Arial,sans-serif;
                                color: #551803;
                                p{
                                    text-indent: 10px;
                                }
                            }
                        }
                    }
                    .pgbadminForm-wrapper{
                        display: none;
                    }
                    .reviews-form-wrapp{
                        h4{
                            .h1(); //(@ltcolor: #fe2e20,@mt: 0px,@mb: 25px,@rightLeft: -87px,@top: 10px)
                        }
                        .control-group{
                            overflow: hidden;
                            margin-bottom: 15px;
                            span{
                                float: left;
                                label{
                                    width: 100px;
                                    font: 18px/25px Arial,sans-serif;
                                    color: #551803;
                                    display: block;
                                }
                            }    
                            input[type="text"]{
                                border: 1px solid #83152a;
                                padding: 0 10px;
                                height: 25px;
                                width: 300px;
                                    font: 16px Arial,sans-serif;
                                    color: #551803;
                            }
                            .controls{
                                textarea{
                                    border-radius: 0;
                                    border: 1px solid #83152a;
                                    width: 600px;
                                    padding: 5px 10px;
                                    font: 16px Arial,sans-serif;
                                    color: #551803;
                                }
                            }                            
                        }
                        .btn-toolbar{
                            overflow: hidden;
                            div.btn-group:first-child{
                                float: left;
                                button{
                                    border: none;
                                    width: 124px;
                                    height: 36px;
                                    display: block;
                                    background-color: #ff4529;
                                    text-align: center;
                                    font: 18px/34px ADomInoRegular;
                                    color: #ffffff;
                                    text-decoration: none;
                                    border-radius: 16px;
                                    cursor: pointer;
                                }
                                button:before{
                                    border-radius: 16px;
                                    background-color: #83152a;
                                }                                
                            }
                            div.btn-group:last-child{
                                float: right;
                                button{
                                    font: 22px ADomInoRegular;
                                    color: #83152a;
                                    text-decoration: underline;
                                    border: none;
                                    background: none;
                                    cursor: pointer;
                                }
                                button:hover{
                                    text-decoration: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
/*--  end reviews  --*/

/*--  catalog  --*/
.catalog{
    .component{
        .container-fluid{
            .text{
                #comjshop{
                    .jshop_list_category{
                        .jshop{
                            overflow: hidden;
                            .str_category{
                                float: left;
                                height: 216px;
                                margin-bottom: 10px;
                                margin-right: 3px;
                                overflow: hidden;
                                width: 180px;
                                .jshop_categ{
                                    .category{
                                        .image{
                                            position: relative;
                                            overflow: hidden;
                                            a{
                                                background-position: center center;
                                                background-size: cover;
                                                display: block;
                                                height: 180px;
                                                width: 180px;
                                                .transition(transform, .3s);
                                                transform: scale(1.05, 1.05);
                                            }
                                            a:hover{
                                            	transform: scale(1, 1);
                                            }
                                        }
                                        .mainblock{
                                            border: 1px solid #83152a;
                                            height: 34px;
                                            overflow: hidden;
                                            position: relative;
                                            width: 178px;                                            
                                            .category_title{
                                                display: table-cell;
                                                height: 34px;
                                                line-height: 14px;
                                                text-align: center;
                                                vertical-align: middle;
                                                width: 178px;                                                
                                                a{
                                                    color: #83152a;
                                                    font: 14px/14px Arial,sans-serif;
                                                    height: auto;
                                                    max-height: 34px;
                                                    max-width: 178px;
                                                    text-decoration: none;
                                                    width: auto;
                                                }
                                            }    
                                        }
                                    }
                                    .category:hover{                                         
                                        .category_title{
											background-color: #FFD456;	
										}	
                                    }
                                }
                            }
                            .str_category:nth-child(4n){
                                margin-right: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}
/*--  end catalog  --*/                

/*--  DOMWindow  --*/
#DOMWindow{
    border: none !important;
    background-color: #FFC557 !important;
    height: 300px !important;
    .modal_header{
        margin: 10px 0 28px;
        font: 32px ADomInoRegular;
        color: #fe2e20;
        text-decoration: none;
    }
    .modal_text{
        font: 22px Arial,sans-serif;
        color: #83152a;
        margin: 0 0 15px;
        .modal_quantity{
            font: 32px ADomInoRegular;
            color: #fe2e20;
        }
        .modal_summ{
            font: 28px ADomInoRegular;
            color: #fe2e20;
        }
    }
    .modal_anchor{
        overflow: hidden;
        margin: 0 0 15px;
        .modal_to_cart,.modal_checkout{
            a{
                background-color: #ff4529;
                border-radius: 16px;
                color: #ffffff;
                display: block;
                float: right;
                font: 18px/34px ADomInoRegular;
                height: 36px;
                text-align: center;
                text-decoration: none;
                width: 124px;
            }
            a:before{
                border-radius: 16px;
                background-color: #83152a;
            }
        }
        .modal_to_cart{
            float: left;
        }
        .modal_checkout{
            float: right;
        }
    }
    .closeDOMWindow-wrapp{
        margin: 25px 0 0;
        a.closeDOMWindow{
            font: 22px ADomInoRegular;
            color: #83152a;
            text-decoration: underline;
        }
        a.closeDOMWindow:hover{
            text-decoration: none;
        }
    }    
}
/*--  end DOMWindow  --*/

/*--  searchForm  --*/
#searchForm{
    position: relative;
    .btn-toolbar{
        overflow: hidden;
        #search-searchword{
            border: 1px solid rgba(131, 21, 42, 0.27);
            border-right: none;
            background: none;
            border-radius: 15px 0 0 15px;
            height: 21px;
            width: 183px;
            padding: 0 0 0 28px;
            font: 14px ADomInoRegular;
            color: #83152a;
            display: block;
            float: left;
        }                            
        #search-searchword:focus::-webkit-input-placeholder {color: rgba(255, 255, 255, 0);}
        #search-searchword:focus::-moz-placeholder          {color: rgba(255, 255, 255, 0);}
        #search-searchword:focus:-moz-placeholder           {color: rgba(255, 255, 255, 0);}
        #search-searchword:focus:-ms-input-placeholder      {color: rgba(255, 255, 255, 0);}
        .btn{
            background-color: #ffde7e;
            border: 1px solid rgba(131, 21, 42, 0.27);
            border-radius: 0 15px 15px 0;
            height: 23px;
            text-align: center;
            width: 79px;
            cursor: pointer;
            font: 16px ADomInoRegular;
            color: #83152a;
            display: block;
            float: left;
        }
    }
    .searchintro{
        margin: 20px 0;   
        color: #551803;
        font: 14px Arial,sans-serif;
    }
    .searchintro span{
      color: #FF661C;
    }
    .phrases{
        margin: 0 0 20px 0;     
    }
    .phrases legend{
      color: #ff2f21;
      font: 22px ADomInoRegular;
    }
    .phrases .ordering-box{
        position: absolute;
        right: 200px;
        top: 0;  
    }
    .form-limit {
        position: absolute;
        right: 0;
        top: 0;
    }  
    .counter{
        text-align: center;
    } 
}
.search-results .result-block{
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 22px;
    overflow: hidden;
    padding-bottom: 17px;  
    .result-title{
        a{
            color: #ff2f21;
            font: 20px ADomInoRegular;
            text-decoration: underline;
        }    
        a:hover{
            text-decoration: none;
        }
    }
    .result-category{
        font: 16px Arial,sans-serif;
        color: #551803;
    }
    .result-text{
        font: 14px Arial,sans-serif;
        color: #551803;
    }
}
.search-results div.result-block:last-child{
    border-bottom: none;
    padding-bottom: 0px;  
} 
/*--  end searchForm  --*/

/*--  pagination  --*/
.pagination{
    display: table;
    margin: auto;
    ul{
        li{
            float: left;
            margin: 0 3px;
            a{
                font: 16px Arial,sans-serif;
                color: #551803;
                text-decoration: underline;
            }
        }
        li.active,li:hover{
            a{
                text-decoration: none;
            }
        }
    }
}
/*--  end pagination  --*/

.b1b2b1-phone {
    font: 22px/24px ADomInoRegular;
    margin-right: 100px;
    color: #83152a;
}

.fancybox-title-float-wrap .child {
    background-color: #83152a;
    border-radius: 0;
}
.fancybox-skin {
    border-radius: 0;
    padding: 0px !important;
}

/*--  btn effect  --*/
.button {
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
/* Ujarak */
.button--ujarak {
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #37474f;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {
    border-radius: 2px;
}
.button--ujarak.button--inverted::before {
    background: #7986CB;
}
.button--ujarak,
.button--ujarak::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
    color: #fff;
    border-color: #37474f;
}
.button--ujarak.button--inverted:hover {
    color: #37474F;
    border-color: #fff;
}
.button--ujarak:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*--  btn effect  --*/