/*webreco*/


.webreco {
    width: 90%;
    max-width: 830px;
    margin: 0 auto 50px;
    font-size: 16px;
}

.webreco h3{
    font-size: 18px;
        margin: 0 0 20px 0;
    padding: 40px 0 0 0;
}


.webreco_bloc ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}

.webreco_bloc ul li {
    list-style: none;
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: flex-start;
    border: 1px solid #CCC;
    border-radius: 7px;
    padding: 10px 5px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
align-items: center;
}
.webreco_bloc ul li p{
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}

.webreco_bloc ul li h4{
font-size:15px;
margin: 0 0 5px 0;
}

.webreco_bloc ul li i{
font-size:60px;
color: forestgreen;
}

.webreco_bloc ul li span{
font-size:60px;
color: forestgreen;
}
.webreco_bloc ul li div{
    width: 70%;
    padding: 10px 7px 0 0;
}



.webreco_spec table {
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.webreco_spec table tr td:first-child{
text-align: left;
}

.webreco_spec td,.webreco_spec th{
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
padding:7px;
text-align: center;
}

.title_name {
    background: #EEE;
}
.title_basic{
background: #4AC3FF;
color:#FFF;
width:25%;
}

.title_premium{
background: #FF7900;
color:#FFF;
width:25%;
}


.flex{
display:flex;
padding: 65px 0 0 0;
}

.data {
    padding: 0 30px 0 0;
}