.p-1 {width: 100%; display: block;}
.p-1 .view-content {width: 100%; display: block;}
.p-1 .view-content .views-row .inner-row {width: 100%; display: flex; flex-direction: column;}
.p-1 .view-content .views-row .inner-row > div {margin-bottom:20px}
.p-1 .view-content .views-row .inner-row .views-label {font-size: var(--font15px);margin-bottom: 5px;display: block;}
.p-1 .view-content .views-row .profile-image {width: 100%; border-radius: var(--radius); overflow: hidden; }
.p-1 .view-content .views-row .profile-image img {width: 100%; height: auto; display: block; }
.p-1 .view-content .views-row .title { width: 100%; margin-bottom: 30px;}
.p-1 .view-content .views-row .title * { font-size: var(--font18px); font-weight: bold;}
.p-1 .view-content .views-row .telephone .field-content , 
.p-1 .view-content .views-row .coordinates .field-content ,
.p-1 .view-content .views-row .available-hours .field-content ,
.p-1 .view-content .views-row .link-box .field-content ,
.p-1 .view-content .views-row .address .field-content ,
.p-1 .social .field-content ,
.p-1 .view-content .views-row .mobile .field-content 
{padding: 10px 10px;background-color: #eee;width: 100%;display: block;border-radius: var(--radius);}
.p-1 .view-content .views-row .coordinates .field-content {font-size: 15px;width: 100%;display: flex;justify-content: space-between;}
.p-1 .view-content .views-row .coordinates .field-content a {padding: 3px;margin: 2px;max-width: 100px;display: block;}
.p-1 .view-content .views-row .coordinates .field-content a img { width: 100%; height: auto; display: block;}
.p-1 .address .field-content * , 
.p-1 .telephone .field-content * , 
.p-1 .mobile .field-content * , 
.p-1 .view-content .views-row .available-hours .field-content { font-size: var(--font14px); text-align: center;  width: 100%; display: block;}
.p-1 .address .field-content p:first-child {margin-bottom: 10px;}

.p-1 .view-content .views-row .telephone .views-label:before , 
.p-1 .view-content .views-row .mobile .views-label:before ,
.p-1 .view-content .views-row .coordinates .views-label:before , 
.p-1 .view-content .views-row .available-hours .views-label:before , 
.p-1 .view-content .views-row .social .views-label:before , 
.p-1 .view-content .views-row .address .views-label:before { background-repeat: no-repeat !important; width: 12px; margin-left: 10px; height: 12px; content: '';  display: block;background-size: 100% 100% !important;position: relative;top: 4px;float: right;}

.p-1 .view-content .views-row .telephone .views-label:before {background: url(svg/phone.svg);}
.p-1 .view-content .views-row .mobile .views-label:before {background: url(svg/mobile.svg);}
.p-1 .view-content .views-row .coordinates .views-label:before {background: url(svg/signs-post.svg);}
.p-1 .view-content .views-row .address .views-label:before {background: url(svg/map-pin.svg);}
.p-1 .view-content .views-row .available-hours .views-label:before {background: url(svg/clock.svg);}
.p-1 .view-content .views-row .social .views-label:before {background: url(svg/share-nodes.svg);}


.p-1 .social .field-content {width: 100%; display: flex; flex-direction: row; justify-content: center; padding: 14px 0;}
.p-1 .social .field-content * {color: #000;}
.p-1 .social .field-content a {background-color:#eee;width: 18px;height: 18px;margin-right:10px;display: block;}
.p-1 .social .field-content .telegram a {background: url(svg/telegram.svg); background-repeat: no-repeat; background-size: 100% 100%;opacity: 0.8;}
.p-1 .social .field-content .facebook a {background: url(svg/facebook.svg); background-repeat: no-repeat; background-size: 100% 100%;opacity: 0.8;}
.p-1 .social .field-content .twitter a {background: url(svg/twitter.svg); background-repeat: no-repeat; background-size: 100% 100%;color: #fff;opacity: 0.8;}
.p-1 .social .field-content .website a {background: url(svg/earth-americas.svg); background-repeat: no-repeat; background-size: 100% 100%;color: #fff;opacity: 0.8;}
.p-1 .social .field-content .instagram a {background: url(svg/instagram.svg); background-repeat: no-repeat; background-size: 100% 100%;color: #fff;opacity: 0.8;}
.p-1 .social .field-content .whatsapp a {background: url(svg/whatsapp.svg); background-repeat: no-repeat; background-size: 100% 100%;color: #fff;opacity: 0.8;}


.p-1 .view-content .views-row .rating {position:relative; margin-top: 10px;}
.p-1 .view-content .views-row .rating .average-rating-box .field-content { display: flex; flex-direction: row; position: absolute; left: 10px; top:0}
.p-1 .view-content .views-row .rating .average-rating-box .field-content input { display: none; }
.p-1 .view-content .views-row .rating .average-rating-box .field-content label { display: flex; width: 14px; height: 14px; background: url(svg/dark-star.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; text-align: center; margin-right: 2px;}
.p-1 .view-content .views-row .rating .average-rating-box .field-content input:checked~label~label, .p-1 .view-content .views-row .rating .average-rating-box .field-content>input:checked~label { background-image: url(svg/shiny-star.svg);}
.p-1 .view-content .views-row .rating .average-rating-box .rating-count {font-size: var(--font14px); margin-left: 7px; display: block;}
.p-1 .view-content .views-row .rating .average-rating-box .rating-count::after { content: ''; width: 11px; height: 11px; display: block; float: right; background: url(svg/user.svg); background-size: 100% 100%; background-repeat: no-repeat; top: 3px; position: relative; margin-left: 5px;}
.p-1 .view-content .views-row .rating .rate-box { text-align: center; background-color: #eee; padding: 20px 10px; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.p-1 .view-content .views-row .rating .rate-box input { display: none; }
.p-1 .view-content .views-row .rating .rate-box label { width: 40px; height: 40px; cursor: pointer; transition: all .3s; background-image: url(svg/dark-star.svg?sd); background-repeat: no-repeat; background-position: center; background-size: 76%; text-align: center; display: inline-table;}
.p-1 .view-content .views-row .rating .rate-box>input:not(:checked)~label:hover, .p-1 .view-content .views-row .rating .rate-box>input:not(:checked)~label:hover~label {
    background-image: url(svg/half-star.svg?sd);
}
.p-1 .view-content .views-row .rating .rate-box .rating-message { display: inline-block; margin-top: 8px;  width: 100%;}
.p-1 .view-content .views-row .rating .rate-box .rating-message * { text-align: center;    font-size: var(--font14px);}

.p-2 {width: 100%;}
.p-2 .view-content { width: 100%; display: block;  }
.p-2 .view-content .views-row { width: 100%; display: flex; flex-direction: column; }
.p-2 .view-content .views-row .teaser {  width: 100%; border-radius: 7px; margin-bottom: 20px; text-align: justify; box-shadow: rgba(0,0,0,0.05) 0px 2px 12px 0px, rgba(0,0,0,0.05) 0px 0px 35px 0px, rgba(0,0,0,0.15) 0px 30px 100px -40px; padding: 20px 30px;  }
.p-2 .view-content .views-row .teaser * {text-align: justify;line-height: 35px;font-size: var(--font16px);} 



@media screen and (max-width:1600px) {
    .page-node-type-companies #page #main {padding:0 10px;} 
}

@media screen and (max-width:1300px) {
    .page-node-type-companies #sidebar-first {flex: 0 0 33%;}
    .page-node-type-companies #content {    flex: 0 0 65%;}
}

@media screen and (max-width:800px) {
    .page-node-type-companies #sidebar-first , 
    .page-node-type-companies #content {    flex: 0 0 100%;}
}