.t-1 {width:100%;}
.t-1 .view-content {width:100%; display:flex; flex-direction:column;  }
.t-1 .view-content .views-row {width:100%;position:relative;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.t-1 .view-content .views-row .category { position: absolute; right: 0; top: 0;}
.t-1 .view-content .views-row .category a { color: var(--colorWhite); display: block; padding: 5px 8px; font-size: var(--font13px); background-color: var(--colorAccent); border-bottom-left-radius: var(--radius);}
.t-1 .view-content .views-row .image {width: 210px;float: right;margin-left: 20px;border-radius: var(--radius);overflow: hidden;}
.t-1 .view-content .views-row .image img {width:100%;height:auto;display: block;}
.t-1 .view-content .views-row .title { font-weight: 700; line-height: 23px; font-size: var(--font18px); margin-bottom: 10px;}
.t-1 .view-content .views-row .lead * {    line-height: 21px; font-size: var(--font14px); text-align: justify; text-transform: initial;  color: var(--colorLead);}



.t-2 {width:100%;border-radius: var(--radius);overflow: hidden; margin-bottom: 30px;}
.t-2 .view-content { width: 100%; display: flex; flex-direction: column; position: relative; }
.t-2 .view-content .image {width:100%; display:block;}
.t-2 .view-content .image img {width:100%; display:block; height:auto;}
.t-2 .view-content .title {position: absolute; width: 100%; float: right; top: 40px; overflow: hidden; border-radius: 7px; display: flex; justify-content: center;}
.t-2 .view-content .title * { padding: 10px 30px; background-color: #39b54a; color: #fff; font-size: var(--font20px); border-radius: var(--radius); display: block;}
.t-2 .view-content .lead {    position: absolute; bottom: 25px; width: 100%; padding: 0 25px;}
.t-2 .view-content .lead .field-content {background: #020202b5; display: block;     padding: 10px 10px;border-radius: 5px; }
.t-2 .view-content .lead .lead-content {color: #fff;width: 100%; text-align: center;font-size: var(--font16px);display: block;line-height: 30px;}



.t-3 {width:100%;margin-bottom:20px;padding-bottom: 10px;border-bottom: 1px solid #eee;display: block;}
.t-3 .title * {font-size: var(--font30px);}


.vocabulary-companies_location #page { background: #e9e9e9;}

.t-4 { width: 100%; display: block; position: relative; }
.t-4 .inner-row .title { width: 100%; cursor: pointer; display: block; margin-bottom: 15px; position: relative;}
.t-4 .inner-row .title:after {content:'';background: url(svg/chevron-down.svg);width: 24px; height: 24px; display: block; position: absolute; left: 18px; top: 16px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.t-4 .inner-row.active .title:after {content:'';background: url(svg/chevron-up.svg);    background-repeat: no-repeat; background-position: center; background-size: 100%;}
.t-4 .description {display: none;padding: 10px 0;margin-bottom: 15px;}



.t-6.promoted {width:100%; background-color: #5a5f5a; padding: 20px; margin-bottom: 20px; border-radius: 7px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); -o-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.t-6.promoted h2 { font-size: var(--font17px); color: #f8c800; margin-bottom:10px}
.t-6 .view-content { width:100%; flex-direction:row; display: flex;  flex-wrap: wrap;}
.t-6 .view-content .views-row {margin-bottom: 10px;display: flex;position: relative;justify-content: flex-end; flex-basis: 25%; padding: 10px;}
.t-6 .view-content .views-row .inner-row {display: flex;flex-direction: column;width: 88%;background: #fff;min-height: 152px;box-shadow: 0 2px 7px -1px rgba(0,0,0,0.3);padding: 10px 55px 10px 10px;border-radius: 7px;align-items: flex-start;}
.t-6 .view-content .views-row .image { float: left; position: absolute; z-index: 2; right: 0; top: 18%; border-radius: 100px; overflow: hidden; box-shadow: 0 2px 7px -1px rgba(0,0,0,0.3);}
.t-6 .view-content .views-row .image img {width:100%;height:auto; display:block}
.t-6 .view-content .views-row .rating {display: flex; flex-direction: row; position: absolute; left: 10px;}
.t-6 .view-content .views-row .rating input { display: none;}
.t-6 .view-content .views-row .rating 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;}
.t-6 .view-content .views-row .rating input:checked~label~label , .t-6 .view-content .views-row .rating>input:checked~label  { background-image: url(svg/shiny-star.svg); }
.t-6 .view-content .views-row .title a {    font-size: var(--font15px); font-weight: bold; margin-bottom: 4px; display: block;}
.t-6 .view-content .views-row .profession , 
.t-6 .view-content .views-row .region , 
.t-6 .view-content .views-row .service { font-size:var(--font12px); }
.t-6 .view-content .views-row .summary {display:none}
.t-6 .view-content .views-row .call {position:absolute; left: 20px; bottom: 20px;}
.t-6 .view-content .views-row .call .field-content {display:flex; flex-direction:row;}
.t-6 .view-content .views-row .call .telephone {border: 1px solid var(--colorAccent);border-radius: var(--radius);margin-right: 10px;position: relative;}
.t-6 .view-content .views-row .call .telephone a {font-size:var(--font12px);direction: rtl;color: var(--colorAccent);padding: 4px 8px 4px 8px;text-align: center;display: flex;}
.t-6 .view-content .views-row .call .telephone a:after {background-repeat: no-repeat;width: 11px;margin-right: 7px;height: 11px;content:'';background: url(svg/phone.svg);display: block;background-size: 100% 100%;position: relative;top: 2px;}


.t-7 {width: 100%; display: block;    margin-bottom: 30px;}
.t-7 .view-content { flex-direction: column; align-content: center; justify-content: center; flex-wrap: wrap; display: flex;}
.t-7 .view-content .views-row {width: 80%;}
.t-7 .view-content .views-row .faq-item { display: block; width: 100%; background: var(--colorWhite); margin-bottom: 5px; border: 1px solid #dedede; padding: 10px 20px 10px 30px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); -o-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 7px; cursor: pointer; position: relative;}
.t-7 .view-content .views-row .faq-item h2 { display: block; width: 100%;   font-size: var(--font15px); user-select: none;}
.t-7 .view-content .views-row .faq-item p { width: 100%;  display: none; margin: 0; padding: 15px; line-height: 24px; font-size: var(--font14px); }
.t-7 .view-content .views-row .faq-item:after {content:'';background: url(svg/chevron-down.svg);width: 15px;height: 15px;display: block;position: absolute;left: 18px;top: 12px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.t-7 .view-content .views-row .faq-item.active:after {content:'';background: url(svg/chevron-up.svg);width: 15px;height: 15px;display: block;position: absolute;left: 18px;top: 12px;background-repeat: no-repeat;background-position: center;background-size: 100%;}


.t-8 {width: 100%;}
.t-8 h2 { font-size: var(--font30px); margin-bottom:20px;}
.t-8 .content ul {display:flex;flex-direction:row; flex-wrap:wrap}
.t-8 .content ul li {    border-radius: 17px; overflow: hidden; box-shadow: 0 2px 7px -1px rgba(0,0,0,0.3); margin-left: 11px; margin: 0 0 10px 10px; }
.t-8 .content ul li a {background-color: #fff;padding: 10px;display: block;font-size: var(--font14px);}


.t-9 {width:100%; display:block;}
.t-9 .view-content { display:flex; flex-direction:row; flex-wrap:wrap; }
.t-9 .view-content .views-row {min-height:120px;flex-basis: 20%;padding: 10px;}
.t-9 .view-content .views-row .inner-row { background-color: #fff; padding: 15px; border-radius: 7px; min-height: 110px; box-shadow: 0 2px 7px -1px rgba(0,0,0,0.3);}
.t-9 .view-content .title {margin-bottom:8px;}
.t-9 .view-content .title a { width:100%; font-size: var(--font14px); font-weight:bold; }
.t-9 .view-content .region:before {width: 4px;height: 4px;background-color: #39b54a;margin-left: 6px;position: relative;top: 7px;border-radius: 7px;content: "";float: right; margin-left:10px;}
.t-9 .view-content .profession:before {width: 4px;height: 4px;background-color: #39b54a;margin-left: 6px;position: relative;top: 7px;border-radius: 7px;content: "";float: right; margin-left:10px;}
.t-9 .view-content .region * {font-size:var(--font13px);}
.t-9 .view-content .profession * {font-size:var(--font13px);}


@media screen and (max-width:1600px) {
    .vocabulary-companies_location #page #main , 
    .vocabulary-companies_location .featured-top ,
    .vocabulary-companies_location #page .featured-top ,
    .vocabulary-category #page #main {padding:0 10px;} 
}

@media screen and (max-width:1500px) {
    .t-6 .view-content .views-row {flex-basis: 33.3%;}
}
@media screen and (max-width:1100px) {
    .t-6 .view-content .views-row {flex-basis: 50%;}
    .t-9 .view-content .views-row {flex-basis: 33%;}
    .t-1 .view-content .views-row .image {width: 100%;margin-bottom: 15px;}
    .vocabulary-category #content , 
    .vocabulary-tags #content
    {flex: 0 0 57.5%;}
    .vocabulary-category #sidebar-second , 
    .vocabulary-tags #sidebar-second
    {flex: 0 0 40%;}
}
@media screen and (max-width:800px) {
    .t-6 .view-content .views-row {flex-basis: 100%;}
    .t-9 .view-content .views-row {flex-basis: 49%;}
    .page-node-type-companies #sidebar-first , 
    .page-node-type-companies #content {    flex: 0 0 100%;}
    .t-2 .view-content .image {  height: 430px;  overflow: hidden;}
    .t-2 .view-content .image img {width: auto;}
    .t-2 .view-content .lead .lead-content { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; line-height: 25px;  font-size: var(--font14px); }
    .t-2 .view-content .title * { font-size: var(--font17px); }
    .vocabulary-category #content , 
    .vocabulary-tags #content
    {flex: 0 0 100%;}
    .vocabulary-category #sidebar-second , 
    .vocabulary-tags #sidebar-second
    {flex: 0 0 100%;}
}
@media screen and (max-width:500px) {
    .t-9 .view-content .views-row {flex-basis: 100%;}
}