.a-1 {width: 100%; border-radius: var(--radius); overflow: hidden; margin-bottom: 15px; }
.a-1 .views-row {width: 100%; display: block;}
.a-1 .view-content .views-row  {width: 100%; display: block; position: relative;    background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.a-1 .view-content .views-row .image {width: 100%; border-radius: var(--radius);  }
.a-1 .view-content .views-row .image img {width: 100%; height: auto; display: block; }
.a-1 .view-content .views-row .image:before { content: ""; z-index: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: 500% 500%; background: -moz-linear-gradient(top,transparent 40%,rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,transparent 40%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,0.65) 100%);}
.a-1 .view-content .views-row .title { position: absolute; bottom: 35px; padding: 0 10px; width: 100%; }
.a-1 .view-content .views-row .title * { color: var(--colorWhite); text-align: center; width: 100%; display: block; text-shadow: 0 3px 3px rgba(0,0,0,0.39); }
.a-1 .view-content .views-row .category { position: absolute; top: 30px; width: 100%; float: right; right: 0; display: flex; justify-content: center;}
.a-1 .view-content .views-row .category li a {  color: #fff; background-color: #39b54a !important; padding: 5px 20px; font-size: var(--font16px); border-radius: var(--radius); }

.s-1 { width: 100%;  } 
.s-1 .view-content { width: 100%; } 
.s-1 .view-content .views-row { width: 100%; position: relative;} 
.s-1 .view-content .views-row .image { width: 100%; border-radius: var(--radius); overflow: hidden;  margin-bottom: 15px; } 
.s-1 .view-content .views-row .image img { width: 100%; display: block; height: auto; } 
.s-1 .view-content .views-row .lead { padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.s-1 .view-content .views-row .lead * {  color: var(--colorLead); font-size: var(--font13px); line-height: 21px; }
.s-1 .view-content .views-row .category { position: absolute; right: 0; top: 0;}
.s-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);}
.s-1 > div > div > div > div > .view-content .inner-row .title { width: 100%; min-height: 3rem; max-height: 3rem; margin-bottom: 15px; }
.s-1 > div > div > div > div > .view-content .inner-row .title a { width: 100%; display: block; font-size: var(--font17px);  }


.s-1 .attachment .views-row { margin-bottom: 15px; }
.s-1 .attachment .views-row .title { width: 100%; border-radius: 7px; overflow: hidden; }
.s-1 .attachment .views-row .title a { border-right: 3px solid rgba(57,181,74,0.29); padding-right: 15px; transition: all .3s; font-size: 15px; display: block; line-height: 37px;}
.s-1 .attachment .views-row .title a:hover { border-right: 3px solid var(--colorAccent); color: var(--colorAccent); }

.s-3 .content ul {display: flex; flex-direction: column;}
.s-3 .content ul li a {width: 100%; padding: 10px 0; font-size: var(--font15px); display: block;}
.s-3 .content ul li a:before { display: inline-block; background: url(svg/bookmark.svg); content: ''; width: 13px; height: 13px; margin-left: 10px; position: relative; top: 4px; background-repeat: no-repeat; background-size: 100% 100%;}


.a-2 {width: 100%;} 
.a-2 .view-content {width: 100%; display: flex; flex-direction: column;}
.a-2 .view-content .views-row { padding: 5px 10px; margin-bottom: 10px; }

.a-2 .view-content .views-row .lead {  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: 30px 40px; border-right-width: 5px; border-right-style: solid; border-right-color: var(--colorAccent);}
.a-2 .view-content .views-row .lead * {line-height: 35px; font-size: var(--font16px); }
.a-2 .view-content .views-row .tags ul li { margin: 0 0 10px 10px;}
.a-2 .view-content .views-row .tags ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.a-2 .view-content .views-row .tags ul a {padding: 3px 12px; border-radius: 7px; transition: all 0.2s; border: 1px solid var(--colorAccent); font-size: 14px; border-right: 4px solid var(--colorAccent); display: block;}
.a-2 .view-content .views-row .tags ul li a:hover { background-color: var(--colorAccent); color: var(--colorWhite);}
.a-2 .view-content .views-row .breadcrumb { display:flex; flex-direction:row; margin-bottom:15px; }
.a-2 .view-content .views-row .breadcrumb li {margin-left:10px;}
.a-2 .view-content .views-row .breadcrumb li * {color: var(--colorAccent)}
.a-2 .view-content .views-row .breadcrumb li.breadcrumb-home:before {display: inline-block;background: url(svg/house.svg);content:'';width:15px;height:15px;margin-left: 5px;position: relative;top: 3px; background-repeat: no-repeat; background-size: 100% 100%;}
.a-2 .view-content .views-row .breadcrumb li.breadcrumb-service:before { display: inline-block; background: url(svg/newspaper.svg); content: ''; width: 15px; height: 15px; margin-left: 5px; position: relative; top: 3px; background-repeat: no-repeat; background-size: 100% 100%;}
.a-2 .view-content .views-row .breadcrumb li.breadcrumb-home a:after {content: ">";margin-right: 10px;margin-left: 4px;font-family: unset;color: #000000c2;padding-top: 1px;}
.a-2 .view-content .views-row .breadcrumb li a {font-size: var(--font15px);vertical-align: middle;}


.a-3 {width:100%; margin-bottom: 30px;}
.a-3 .view-content {width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; }
.a-3 .view-content .views-row {width:100%; display:flex; flex-direction:column; flex-basis:32%; position: relative; }
.a-3 .view-content .views-row:nth-child(4) {display: none;}
.a-3 .view-content .views-row .image {width:100%; border-radius: 7px; overflow: hidden; margin-bottom: 15px;}
.a-3 .view-content .views-row .image img {width:100%; display:block; height:auto}
.a-3 .view-content .views-row .title a { font-size: var(--font15px); }
.a-3 .view-content .views-row .category {position: absolute;right: 0;top: 0;}
.a-3 .view-content .views-row .category a {color: var(--colorWhite);display: block;padding: 5px 8px;background-color: var(--colorAccent);border-bottom-left-radius: var(--radius);font-size: var(--font13px);}


.a-4 { width:100%; margin: 25px 0;}
.a-4 .view-content { width:100%; display:flex; flex-direction:row }
.a-4 .view-content .views-row { width:100%; }
.a-4 .view-content .views-row .profile {max-width: 110px;border-radius: 50%;overflow: hidden;float: right;box-shadow: 0 2px 15px -1px rgba(0,0,0,0.3);display: inline-block;margin: 0 0 20px 20px;}
.a-4 .view-content .views-row .profile img {width:100%; height:auto; display:block;}
.a-4 .view-content .views-row .name { float: right; display: inline-block; position: relative; top: 38px;}
.a-4 .view-content .views-row .name a {font-size: var(--font18px);font-weight: bold;}


.share-btns .content {width:100%;display:flex;flex-direction:row;justify-content: flex-end;}
.share-btns .content * {color: #000;}
.share-btns .content a {background-color:#eee;width: 30px;height: 30px;margin-right:10px;display: block;}
.share-btns .content .telegram a {background: url(svg/telegram.svg); background-repeat: no-repeat; background-size: 100% 100%;opacity: 0.8;}
.share-btns .content .facebook a {background: url(svg/facebook.svg); background-repeat: no-repeat; background-size: 100% 100%;opacity: 0.8;}
.share-btns .content .twitter a {background: url(svg/twitter.svg); background-repeat: no-repeat; background-size: 100% 100%;color: #fff;opacity: 0.8;}


.a-5 {width:100%;}
.a-5 .view-content {width:100%;flex-direction:column;display: flex;}
.a-5 .view-content .views-row {margin-bottom: 10px;display: flex;position: relative;justify-content: flex-end;}
.a-5 .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;}
.a-5 .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);}
.a-5 .view-content .views-row .image img {width:100%;height:auto; display:block}
.a-5 .view-content .views-row .title {    font-weight: bold; font-size: var(--font15px); margin-bottom: 4px;}
.a-5 .view-content .views-row .rating {display: flex; flex-direction: row; position: absolute; left: 10px;}
.a-5 .view-content .views-row .rating input { display: none;}
.a-5 .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;}
.a-5 .view-content .views-row .rating input:checked~label~label , .a-5 .view-content .views-row .rating>input:checked~label  { background-image: url(svg/shiny-star.svg); }
.a-5 .view-content .views-row .title a { font-size: var(--font14px); font-weight: bold;}
.a-5 .view-content .views-row .profession , 
.a-5 .view-content .views-row .region , 
.a-5 .view-content .views-row .service { font-size:var(--font12px); }
.a-5 .view-content .views-row .summary {display:none}
.a-5 .view-content .views-row .call {position:absolute;left: 10px;bottom: 10px;}
.a-5 .view-content .views-row .call .field-content {display:flex; flex-direction:row;}
.a-5 .view-content .views-row .call .telephone {border: 1px solid var(--colorAccent);border-radius: var(--radius);margin-right: 10px;position: relative;}
.a-5 .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;}
.a-5 .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;}


@media screen and (max-width:1600px) {
    .page-node-type-article #page #main {padding:0 10px;} 
    .a-2 .view-content .views-row {padding:0}
}

@media screen and (max-width:1200px) { 
    .a-1 .view-content .views-row .title * {font-size: 24px;}
}
@media screen and (max-width:1300px) {
    .page-node-type-article #sidebar-second {flex: 0 0 40%;}
    .page-node-type-article #content {flex: 0 0 57%;} 
}

@media screen and (max-width:900px) {
    .page-node-type-article #sidebar-second {flex: 0 0 100%;}
    .page-node-type-article #content {flex: 0 0 100%;} 
    .a-2 .view-content .views-row .lead {  padding: 15px 25px;  } 
    .a-2 .view-content .views-row .lead * { font-size: var(--font15px); } 
}
@media screen and (max-width:800px) { 
    .a-1 .view-content .views-row .image img {display: none;}
    .a-1 .view-content .views-row { min-height: 410px; }
}

@media screen and (max-width:700px) { 
    .a-5 {display: none;}
    .a-1 .view-content .views-row .title * {font-size: 22px;}
    .a-3 .view-content .views-row { flex-basis: 49%; margin-bottom: 15px; }
    .a-3 .view-content .views-row:nth-child(4) {display: block;}

}
@media screen and (max-width:700px) { 
    .a-3 .view-content .views-row { flex-basis: 100%; }
}