.tovar_el a
{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.ur,.ur_fin {
    text-align: center;
}


.ur0 {
    position: relative;
    border: 1px solid #ccc;
    padding: 2%;
    border-radius: 40px;
    margin: 1%;
}

.ur1 {
   
}



@media (max-width:780px){
.ur0 {border-radius: 20px;}
}

/**
.ur_fin{text-align: center;}
.ur_,.ur_1,.ur_2,.ur_3{text-align: center;}
 
.ur0{text-align: left;}
.ur0_limit{ text-align: center;}

.ur1{text-align: left;}
.ur1_limit{ text-align: center;}
**/




.tovar {
overflow: hidden;
}


/** .tovar .ur_fin a:hover{text-decoration: underline;} **/
.tovar .box{}


.tovar_viz_all {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
}
.tovar_viz_all:hover{background: #0000000f;}


.tovar h3 {
    /* text-align: center; */
    font-size: 24px;
    padding-bottom: 10px;
    padding-top: 20px;
}


.tovar .title_ur0,
.tovar .title_ur1 {
font-size: 16px;
padding-bottom: 20px;
    padding-top: 20px;
}

.tovar .title_ur0 {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
  
}
.tovar .title_ur1{text-align: left;}

.tovar .title_ur0 b{display: none;}
.tovar .title_ur1 b {
    font-weight: normal;
    border: 1px solid;
    width: 30px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    /* font-size: 14px; */
}
 
.tovar hr {
    border: none;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: none;
}

.tovar .tovar_el {
    padding-bottom: 12px;
    display: inline-block;
    width: 22%;
    /* height: 369px; */
    background: #fff;
    margin-bottom: 5px;
    border-radius: 20px;
    vertical-align: top;
    border: 1px dotted #e7e7e7;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.tovar .tovar_el .priv_img{width: 100%;overflow: hidden;}
.tovar .tovar_el .priv_img img{width: 100%; opacity: 0;}

.tovar .tovar_el .zoom_priv {
    position: absolute;
    left: 5%;
    /* margin-left: -16px; */
    top: 26%;
    opacity: 0;
}


.tovar_el .title_el {
    /* background: #ccc; */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}
.tovar_el .hr_title {
    position: absolute;
    height: 35px;
    width: 100%;
    bottom: 0px;
    background: rgb(2,0,36);
    background: linear-gradient(0deg, #fff 0%, #fff0 100%);
}
.tovar .tovar_el h4{    font-size: 17px;color: #000;}


.tovar .title_h5 {
    border-radius: 2px 0px 0px 2px;
    background: #9d9d9d;
    height: 20px;
    width: 100%;
    line-height: 20px;
    position: relative;
    padding-left: 11px;
    margin-bottom: 3px;
    color: #fff;
}
.tovar .tovar_el h5 {
    font-size: 14px;
    /* padding-bottom: 5px; */
    text-align: left;
    font-weight: normal;
    width: 500px;
    color: #fff;
}

.tovar_el .hrh5 {
    position: absolute;
    height: 20px;
    width: 90px;
    right: 0px;
    background: rgb(2,0,36);
    background: linear-gradient(270deg, #fff 18%, #fff0 100%);
    top: 0px;
}

.tovar .tovar_el i {
    background: #ccc;
    color: #fff;
    font-weight: normal;
    padding: 4px;
    font-style: normal;
    position: absolute;
    top: 30px;
    border-radius: 0px 15px 15px 0px;
    left: 0px;
    padding-left: 9px;
    padding-right: 15px;
    /* float: left; */
}

.tovar .bt_viz a {
    height: 40px;
    display: block;
    width: 70%;
    background: #e9e9e9;
    margin-left: auto;
    margin-right: auto;
    line-height: 40px;
    border-radius: 20px;
    /* border: 1px solid #ccc; */
    color: #fff;
}

.tovar .tovar_el:hover a{
    width: 80%;
    background: #8770f6;
    background: linear-gradient(45deg, rgb(135 112 246) 0%, rgb(188 244 255) 100%);
    color: #fff;
    }

.tovar .tovar_el:hover{box-shadow: 0px 0px 14px #0000001f;}

.tovar .tovar_el:hover .zoom_priv{opacity: 1;}

/** ~~~~~~~~~~~~~ **/
@media (max-width:1030px){
.tovar .tovar_el {
    width: 32%;
}
}
/** ~~~~~~~~~~~~~ **/
@media (max-width:780px){
.tovar .tovar_el {
    width: 47%;
}


.ur0 {
    
     border: none; 

}


}


/** ******************** PAGE ********************** **/
.tovar_conteiner{margin-bottom: 45px;}
.tovar_box {width: 90%;margin-top: 60px;text-align: center;margin-left: 3%;}


.tovar_box .tovar_img {
    width: 60%;
    display: inline-block;
    max-width: 640px;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    position: relative;
}
.tovar_box .tovar_img .zoom_priv {
    position: absolute;
    z-index: 1;
    bottom: 5%;
    right: 5%;
    opacity: 1;
}

.tovar_box .tovar_img img{width: 100%;}


/** ---- content tovar ----- **/
.tovar_box .tovar_content {
    display: inline-block;
    width: 38%;
    min-height: 100px;
    max-width: 450px;
    vertical-align: top;
    /* border-left: 1px solid #ccc; */
    padding-top: 20px;
   /** border-left: 1px solid #e9e9e9;**/
    padding-bottom: 48px;
    text-align: left;
    position: relative;
    margin-top: 40px;
}
.tovar_content_box{padding-left: 30px;padding-right: 10px;padding-top: 10px;}

.tovar_content_box .hb {
    margin-bottom: 16px;
    font-size: 13px;
}
.tovar_content_box .hb i {
    margin-bottom: 16px;
    font-size: 13px;
    /* background: #ccc; */
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.tovar_content_box .hb a{display: inline-block; text-decoration: underline;margin-bottom: 5px;}
.tovar_content_box .hb a:hover{text-decoration: none;}

.tovar_box .tovar_content h1{font-size: 31px;text-align: left;font-weight: bold;text-transform: uppercase;display: inline-block;}
.tovar_box .tovar_content h2 {
    text-align: left;
    display: block;
    margin-top: 7px;
    font-size: 25px;
    font-weight: normal;
}
.tovar_content hr {height: 1px;border: none;background: #f3f3f3;}
.tovar_content h5 {
    text-align: left;
    margin-bottom: 12px;
    background: #000;
    display: inline-block;
    color: #fff;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
}

.price_main {overflow: hidden;padding-bottom: 0px;padding-right: 10px;padding-top: 6px;margin-top: 30px;}



.otzib_bt {
    display: inline-block;
}
.otzib_bt a {
    display: block;
    height: 60px;
}
.otzib_bt a img {
    height: 100%;
}
 

.box_price {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-radius: 0px 30px 30px 0px;
    background: #ffffff;
    box-shadow: -3px 3px 11px #00000033;
    margin-bottom: 12px;
    border: 1px solid #f1efef;
    border-left: none;
    text-align: right;
    padding-left: 0px;
    color: #000;
    position: relative;
}
.box_price .hrb {
    position: absolute;
    width: 33%;
    height: 200px;
    top: -15px;
    left: -15px;
}

.tovar_content .otz {
    text-align: right;
    padding-right: 5%;
    padding-left: 5%;
}
.tovar_content .otz h3 {
    font-size: 28px;
    padding-bottom: 4px;
}
.tovar_content .otz h4 {
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 12px;
}



.main_cost {
    text-align: right;
    margin-bottom: 11px;
}
.main_cost div {font-size: 32px;font-weight: bold;display: inline-block;vertical-align: sub;height: 32px;line-height: 32px;padding-right: 10px;}
.main_cost b {
    width: 100px;
    /* background: #ccc; */
    /* background: #ccc; */
    /* text-decoration: line-through; */
    margin-bottom: 0px;
    vertical-align: inherit;
    /* height: 32px; */
    line-height: 14px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    vertical-align: top;
    font-size: 11px;
    color: #000;
    display: inline-block;
}

.main_cost p{font-size: 14px;
    text-decoration: underline;cursor: pointer;}
.main_cost p:hover{text-decoration: none;} 

   
.main_cost i {display: inline-block;background: #ff1700;margin-bottom: 0px;vertical-align: inherit;height: 32px;line-height: 32px;padding-left: 10px;padding-right: 10px;font-size: 18px;    }
.main_cost i {position: relative;z-index: 10;margin-left: 15px;border-radius: 0px 16px 16px 0px;}
.main_cost i::after {content: '';width: 0;height: 0;display: block;position: absolute;z-index: 10;border: 0;border-top: 16px solid transparent;border-bottom: 16px solid transparent;margin-top: -16px;top: 50%;border-right: 10px solid #ff1700;left: -10px;}


.bt_tovar {
    height: 40px;
    display: inline-block;
    /* width: 70%; */
    background: #e9e9e9;
    margin-left: auto;
    margin-right: auto;
    line-height: 40px;
    border-radius: 20px;
    /* border: 1px solid #ccc; */
    color: #fff;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.btt_color_1{    
    background: #8770f6;
    background: linear-gradient(45deg, rgb(135 112 246) 0%, rgb(188 244 255) 100%);
    color: #fff;}
    
.btt_color_2 {
    background: #8770f6;
    background: linear-gradient(45deg, rgb(255 141 0) 0%, rgb(228 255 99) 100%);
    color: #fff;
}



.tovar_content_box{}
.tovar_content_box a{display: block;}
.tovar_content_box b{}


.ml{background: #ccc;
    color: #fff;
    font-weight: normal;
    padding: 4px;
    font-style: normal;
    position: absolute;
    top: 0px;
    border-radius: 0px 15px 15px 0px;
    left: 0px;
    padding-left: 9px;
    padding-right: 15px;
   }

/** MEDIA **//** MEDIA **//** MEDIA **//** MEDIA **/
@media (max-width:800px){
.test{}

.ml{position: relative;
    width: auto;
    display: inline-block;
    border-radius: 20px;
    padding-left: 15px;}
.tovar_conteiner {margin-bottom: 0px;}
.tovar_box {margin-left: 0%;width: 100%;}
.tovar_box .tovar_img {border-right: none;}
.tovar_box .tovar_img {width: 90%;display: block;max-width: none;margin-left: 5%;}

.tovar_content_box {padding-left: 10px;padding-right: 10px;}
.tovar_box .tovar_content {width: 90%;max-width: none;border-left: none;margin: auto;
text-align: center;
}

.box_price .hrb {
    width: 50%;
}
.price_main {padding-top: 6px;padding-left: 6px;padding-right: 6px;margin: 0px;margin: auto;text-align: center; margin-top: 30px;}
.box_price {border-radius: 0px 22px 22px 0px;padding-left: 10px;width: 92%;margin: auto;margin-bottom: 12px;text-align: right;}
.main_cost{}

.tovar_market {text-align: center;border-radius: 0px 0px 22px 22px;width: 70%;margin: auto;margin-top: -12px;}
.tovar_box .tovar_content h1 {font-size: 25px;text-align: center;}
.tovar_box .tovar_content h2 {font-size: 18px;text-align: center;}




}