/* COMMON STYLES */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

h2.generalTitle {
    font-size: 27px;
}
.avcp-main-content *, h2.avcp-content-h2 {
    font-family: Montserrat;
}

.avcp-h1-wrap-all {
    margin-top: 3em;
}
section.avcp-embeded-block {
    margin-top: 3em;
    margin-bottom: 3em;
    height: fit-content;
    margin-right: 1.5em;
    width: 100%;
}
span.avcp-separatorLine {
    position: relative;
    display: block;
    margin: 10px auto;
    height: 1px;
    border-top: 1px solid #0a0a0a;
    margin-top: 38px;
    margin-bottom: 38px;
    width: 60%;
}
/* Button*/
.avcp-btn-general {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: inherit;
    text-align: center;
}
.avcp-embeded-block .avcp-block-wh .avcp-btn-general {
    margin-top: 3em;
}
.avcp-btn-general > a {
    background: linear-gradient(-90deg, #0d90b3, #5db059);
    border-radius: 3px;
    /* min-width: 100%; */
    font-size: 15px;
    font-weight: 500;
    line-height: 52px;
    height: 55px;
    padding: 0 36px;
    display: inline-block;
    width: 328px;
    text-align: center;
    transition: all 0.3s ease;
}
.avcp-btn-general > a:hover {
    background: linear-gradient(-90deg, #5db059, #0d90b3);
}
span.avcp-btn-text {
    color: white;
}
/*end Button*/
/* END COMMON STYLES */

/*H1 home */
.avcp-h1wrapper {
    margin: auto; 
    text-align: center; 
    margin-bottom: 5em;
}

/* END H1 home */

/* LEVEL1 LINKS WRAPPER */
.avcp-wraper {
    display: flex;
    flex-direction: row;
    gap: 1.5em;
    margin-top: 4em;
    margin-bottom: 4em;
}

.avcp-imgLink {
    flex: 1 1 0;
    position: relative;
}

.avcp-home {
    height: 350px;
}

.avcp-img-on-bg {
    width: auto;
    display: block;
    background-size: cover;
    background-position: center;
    position: relative;
}

.avcp-img-on-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.avcp-img-on-bg::after {
    content: '';
    border: 1px solid #fff;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 13px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.avcp-img-on-bg:hover::after {
    opacity: 0.6;
}

.avcp-title-wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: table;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    pointer-events: none;
}

h2.avcp-title-home {
    margin: 0;
    padding: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 100;
    word-wrap: break-word;
    letter-spacing: 1px;
    font-family: Montserrat;
}
.avcp-text-wrap-bg h2 {
    font-family: Montserrat;
}
h2.avcp-title-home > a {
    color: white;
    font-weight: 300;
}

/* END LEVEL1 LINKS WRAPPER */

/* LEVEL2 LINKS WRAPPER */
.avcp-wraper.avcp-embeded-block {
    gap: 2.5em;
    flex-wrap: wrap;
}
.avcp-imgLink-l2 {
    flex: 0 1 200px;
    position: relative;
}
.avcp-imgLink-l2 a {
    height: 230px;
}
h2.avcp-title-lev {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    word-wrap: break-word;
    letter-spacing: 1px;
    font-family: Montserrat;
}
h2.avcp-title-lev > a {
    color: white;
    word-break: break-word;
}

/* END LEVEL2 LINKS WRAPPER */

/* LEVEL COMMUNE LINKS WRAPPER */
.avcp-imgLink-com {
    flex: 0 1 325px;
    position: relative;
}
.avcp-imgLink-com a {
    height: 120px;
}
.avcp-h1-wrap-all.avcp-art > p {
    width: 100%;
    text-align: justify;
}

/* END LEVEL COMMUNE LINKS WRAPPER */

/* PAGE ARTISANTS */
.avcp-gold-m * {
    font-family: 'Montserrat';
}
.avcp-sp-block {
    flex-direction: row;   
}
.avcp-sp-block > div {
    flex: 1;
}
.avcp-sp-block > div:has(.avcp-sp-block-tt) {
    padding-top: 2em;
}
.avcp-sp-block .avcp-sp-block-tt {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    font-family: 'Montserrat';
    font-size: 20px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
}
.avcp-sp-block > div:has(.avcp-sp-block-tt) > p {
    text-align: justify;
}
.avcp-btn-general.avcp-btn-lil {
    margin-top: 2em;
}
.avcp-btn-general.avcp-btn-lil > a {
    padding: 10px 0 0 0;
    margin: auto;
    width: 65%;
    height: 35px;
    font-size: 13px;
}
.avcp-btn-general.avcp-btn-lil span {
    margin: auto;
    display: block;
    line-height: 1;
    padding: 0;
}
.avcp-wraper.avcp-embeded-block.avcp-sp-block.avcp-sp-block-2 > div:has(img) {
    display: flex;
}
.avcp-wraper.avcp-embeded-block.avcp-sp-block.avcp-sp-block-2 img {
    width: 90%;
    margin: auto;
}
/*dropdown*/
.avcp-dropdown-com {
    position: relative;
    display: inline-block;
    width: 100%;
}
.avcp-dropbtn {
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    background-color: #30AEB4;
    display: flex;
    flex-direction: row;
    height: 50px;
    padding: 0;
    border: none;
    justify-content: space-around;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 76, 79, .3), 0 4px 15px rgba(27, 170, 175, .18);
    padding-left: 30px;
}
.avcp-dropbtn > svg {
    margin-left: 20px;
}
.avcp-dropbtn > img {
    height: 56px;
    margin-left: auto;
    margin-right: 33px;
    margin-bottom: 0;
}
.avcp-exp-content {
    display: none;
    position: absolute;
    width: 55%;
    margin-top: 10px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 4px;
}
.avcp-exp-content a {
    color: grey;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: solid 1px #d3d3d385;
}
.avcp-exp-content a:first-child {
    border-radius: 4px 4px 0 0;
}
.avcp-exp-content a:last-child {
    border: none;
    border-radius: 0 0 4px 4px;
}
.avcp-exp-content a:hover, .avcp-exp-content a:active,
.avcp-exp-content a:focus-visible {
    background: linear-gradient(70deg, #1BAAAF, #69d1d1);
    color: white;
    text-decoration: none;
}
.avcp-show {
    display: block;
}
.avcp-open #avcp-chevron-icon {
    transform: rotate(180deg);
}
/*end dropdown*/

/* gold blue artisant wrapper */
.avcp-gld-m {
   background: linear-gradient(154deg, #CB8408, #EACE81, #D39A2E);
}
.avcp-bl-m {
    background: linear-gradient(154deg, #1BAAAF, #59dce1, #1BAAAF);
 }
 .avcp-gr-m {
    background: linear-gradient(154deg, #686868, #b4b4b4, #686868);
 }
.avcp-gold-m {
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 20px;
    position: relative;
}
.avcp-gold-m {
    display: flex;
    padding: 25px 15px 15px 15px;
    gap: 1em;
}
.avcp-gold-m *:not(span.avcp-int):not(button.avcp-contact-btn):not(.avcp-ad-changeCity-drop-list):not(.avcp-ad-changeCity-drop-list div input) {
    color: white;
}
.avcp-gold-m > div:has(figure) {
    flex: 1 1 25%;
    display: flex;
    flex-direction: column;
}
figure.avcp-thumnail {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    background: white;
    position: relative;
    transition: all 0.3s ease;
}
.avcp-gld-m figure.avcp-thumnail {
    box-shadow: 3px 3px 3px #CB8408;
}
.avcp-gld-m figure.avcp-thumnail:hover { 
    scale: 130%;
    box-shadow: 1px 1px 3px #CB8408;
}
.avcp-bl-m figure.avcp-thumnail {
    box-shadow: 3px 3px 3px #1BAAAF;
}
.avcp-bl-m figure.avcp-thumnail:hover {
    scale: 130%;
    box-shadow: 1px 1px 3px #1BAAAF;
}
.avcp-gr-m figure.avcp-thumnail {
    box-shadow: 3px 3px 3px #686868;
}
.avcp-gr-m figure.avcp-thumnail:hover {
    scale: 130%;
    box-shadow: 1px 1px 3px #686868;
}
span.avcp-int {
    font-family: "Roboto Mono", monospace;
    font-style: normal;
    text-transform: uppercase;
    position: absolute;
    font-size: 85px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.avcp-gld-m span.avcp-int {
    color: #cb8308;
}
.avcp-bl-m span.avcp-int {
    color: #1BAAAF;
}
.avcp-gr-m span.avcp-int {
    color: #686868;
}
figure.avcp-thumnail > img {
    border-radius: 250px;
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
}
.avcp-gold-m > div:has(h3) {
    flex: 1 1 75%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.avcp-gold-m > div:has(figure) > p {
    margin-top: auto;
    text-align: center;
    font-size: smaller;
    margin-bottom: 0;
}
.avcp-gold-m h4 {
    text-transform: uppercase;
    margin: 0;
    margin-right: 20px;
}
.avcp-gold-m h3 {
    margin: 0;
    max-width: 65%;
}
.avcp-gold-m > div:has(h3) > div:has(mark) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 65%;
}
.avcp-gold-m.avcp-gr-m > div:has(h3) > div:has(mark) {
    width: 100%;
}
.avcp-gold-m.avcp-gr-m h3 {
    margin: 0;
    max-width: 100%;
}
mark.avcp-location {
    padding: 0 5px;
    height: fit-content;
    border-radius: 3px;
    width: max-content;
}
.avcp-gld-m mark.avcp-location {
    background: #D39A2E;
}
.avcp-bl-m mark.avcp-location {
    background: #1BAAAF;
}
.avcp-gr-m mark.avcp-location {
    background: #686868;
}
mark.avcp-location > svg {
    height: 13px;
}
a.avcp-more {
    text-decoration: underline;
    text-underline-offset: 2px;
}
a.avcp-more:hover {
    text-decoration: none;
}
a.avcp-mem-link {
    vertical-align: middle;
    margin-bottom: 0;
}
a.avcp-mem-link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}
a.avcp-mem-link > svg {
    vertical-align: sub;
    margin-right: 7px;
}
.avcp-gr-m p:has(a.avcp-subcription-link) {
    margin-top: auto;
    margin-bottom: 0;
}
.avcp-gr-m a.avcp-subcription-link {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.avcp-gr-m a.avcp-subcription-link:hover {
    text-decoration: none;
}
button.avcp-contact-btn {
    margin-top: 1.5em;
    border: solid 2px white;
    background: white;
    padding: 5px 10px;
    width: fit-content;
    border-radius: 50px;
    transition: all 0.3s ease;
}
.avcp-gld-m button.avcp-contact-btn {
    color: #E7BB22;
    box-shadow: 0 3px 5px #CB8408c0;
}
.avcp-gld-m button.avcp-contact-btn:hover {
    background: transparent;
    color: white;
    box-shadow: 0 2px 3px #cb8308c0;
}
.avcp-bl-m button.avcp-contact-btn {
    color: #1BAAAF;
    box-shadow: 0 3px 5px #1BAAAFc0;
}
.avcp-bl-m button.avcp-contact-btn:hover {
    background: transparent;
    color: white;
    box-shadow: 0 2px 3px #1BAAAFc0;
}
.avcp-gr-m button.avcp-contact-btn {
    color: #686868;
    box-shadow: 0 3px 5px #686868c0;
}
.avcp-gr-m button.avcp-contact-btn:hover {
    background: transparent;
    color: white;
    box-shadow: 0 2px 3px #686868c0;
}
fieldset.avcp-social-icon {
    border: none;
    width: fit-content;
    margin-left: auto;
    margin-right: 2em;
    padding: 0;
}
fieldset.avcp-social-icon > a {
    margin-left: 5px;
    margin-right: 5px;
}
fieldset.avcp-social-icon > a > svg {
    height: 25px;
    width: auto;
    transition: all 0.3s ease;
}
fieldset.avcp-social-icon > a:hover {
    text-decoration: none;
}
fieldset.avcp-social-icon > a:hover > svg {
    cursor: pointer;
 /*   box-shadow: 0 3px 5px #9f7f12ad; */
    scale: 115%;
}
/* reviews */
div.avcp-reviews > a {
    position: absolute;
    top: 2%;
    right: 6%;
    width: 25%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: baseline;
    transition: all 0.3s ease;
}
div.avcp-reviews > a > div {
    width: 100%;
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    justify-content: end;
}

div.avcp-reviews > a div.avcp-rating-container {
    margin-right: 5px;
    font-size: 14px;
    line-height: 21px;
}
div.avcp-reviews > a:hover {
    scale: 105%;
    text-decoration: none;
}
div.avcp-reviews > a > span:last-child {
    font-size: smaller;
}
i.avcp-reviews {
    font-family: 'Bootstrap-icons';
    font-style: normal;
    margin: 0;
    transition: transform 0.3s ease;
}
i.avcp-reviews:hover::before {
    transform: scale(1.2);
  }
i.avcp-reviews.avcp-star-fill::before {
    content: '\F586';
}
i.avcp-reviews.avcp-star-half::before {
    content: '\F587';
}
i.avcp-reviews.avcp-star-outline::before {
    content: '\F588';
}
/* Contact INFO members */
div.avcp-contact-info-mem {
    margin-top: 21px;
}
div.avcp-contact-info-mem > p > i {
    vertical-align: middle;
    margin-right: 7px;
}
div.avcp-contact-info-mem > p:last-child {
    margin-bottom: 0;
}

/* check icon */
span.avcp-check-icon {
    position: absolute;
    top: -5%;
    right: -2%;
}
span.avcp-check-icon > img {
    height: 50px;
    width: auto;
}
/* end gold artisant wrapper */

/* FAQ */
section.avcp-wraper.avcp-embeded-block.avcp-faq {
    gap: 1em;
    display: flex;
    flex-direction: column;
}
.avcp-faq > p {
    text-align: justify;
}
.avcp-faq-item {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: solid 1px #d3d3d385;
}
.avcp-faq-qn {
    cursor: pointer;
    font-size: 20px;
    display: flex;
    margin-top: 1em;
    justify-content: space-between;
    align-items: flex-start;
    line-height: normal;
}
.avcp-faq-qn > h3 {
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 21px;
    font-size: 20px;
}
.avcp-faq > div:first-of-type > .avcp-faq-qn {
    margin-top: 0;
}
.avcp-faq-qn > i {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}
.avcp-faq-qn.avcp-open2 > i {
    transform: rotate(-90deg);
}
.avcp-faq-aw {
    display: none;
    text-align: justify;
}
.avcp-faq > div:last-child {
    border: none;
}
/* END FAQ */
/* END PAGE ARTISANTS */

/* ADMIN BUTTONS */
.avcp-admin-button-set {
    position: absolute;
    right: -19px;
    top: 20%;
    display: flex;
    flex-direction: column;
    z-index: 9;
    align-items: end;
}
.avcp-admin-button-set button {
    height: 38px;
    width: 38px;
    padding: 8px 8px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    transition: all 0.6s ease;
    line-height: 21px;
    font-size: 14px;
}
button.avcp-ad-delete {
    background-color: red;
    border: solid 2px white;
}
.avcp-admin-button-set button i, 
.avcp-admin-button-set button span {
    vertical-align: middle;
}
.avcp-admin-button-set button i {
    height: 18px;
    display: block;
    align-content: center;
}
.avcp-admin-button-set button span {
    margin-left: 7.5px;
}
button.avcp-ad-changeCat, button.avcp-ad-changeCity {
    background-color: #a7a7a7;
    border: solid 2px white;
    margin-top: 1em;
}

/* Change city search & btn */
.avcp-hidden {
    display: none;
}
.avcp-ad-changeCity-drop {
    position: relative;
    display: inline-block;
}
.avcp-ad-changeCity-drop-list {
    position: absolute;
    right: 0;
    z-index: 1;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    width: 250px;
    border-radius: 5px;
    margin-top: 1em;
}
.avcp-ad-change-drop-label {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: black !important;
    margin-bottom: 8px;
}
.avcp-ad-changeCity-drop-list input{
    width: 100%;
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 0.5em;
  }
  .avcp-ad-changeCity-drop-list ul {
/*    position: absolute; */
    z-index: 10;
    width: 100%;
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 300px;
    overflow-y: auto;
    list-style: none;
  }
  .avcp-ad-changeCity-drop-list ul li {
    padding: 8px 12px;
    cursor: pointer;
    margin: 0;
  }
  .avcp-ad-changeCity-drop-list ul li::marker {
    display: none;
  }
  
  .avcp-ad-changeCity-drop-list ul li:hover {
    background-color: #eee;
  }

/* ADMIN BUTTONS */

/* EMBEDED Block White*/
.avcp-embeded-block .avcp-block-wh {
    width: 100%;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.25);
    padding: 25px;
}
.avcp-embeded-block .avcp-block-wh h2 {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}
.avcp-embeded-block .avcp-block-wh p {
    text-align: justify;
}
.avcp-embeded-block .avcp-block-wh span,
.avcp-sp-block span {
    width: 70%;
    border-color: #2CAEB2;
    margin-top: 10px;
    margin-bottom: 15px;
}

/* END EMBEDED Block White*/

/* BLOCK BOTTOM / IMG INFO BLOCK */
.avcp-info-block-wrapper {
    position: relative;
    margin: 5em auto;
}
.avcp-info-block {
    background-image: url('assets/Annecy-centre-ville.jpeg');
/*    object-fit: cover; */
    display: block;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 450px;
    background-repeat: no-repeat; 
    filter: grayscale(1) opacity(0.35);
/*    background-size: 150% 250%; 
    transition: background-size 0.5s ease-in-out; */
}
/* .avcp-info-block:hover {
    background-size: 200% 320%; 
}*/
.avcp-info-block::after {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.avcp-text-wrap-bg {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
}
.avcp-text-wrap-bg h2 {
    font-weight: 600;
    margin-top: 20px;
}
.avcp-text-wrap-bg > p {
    font-weight: 500;
}

/* PRICES */
.avcp-pr-row {
    display: flex;
    gap: 7px;
  /*  gap: 2em; 
  height: 50px;
  */
    text-align: center;
    height: 60px;
    align-items: center;
    position: relative;
}
.avcp-pr-row .avcp-pr-descr {
 /*   flex: 0 0 250px;
    height: inherit;
    color: black;
    font-size: 16px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #bdbdbd;
    justify-content: start; */
    position: absolute;
    left: 50%;
    top: 5px;
    transform: translate(-50%);
    width: 100%;
}
.avcp-pr-row .avcp-pr-descr > span {
 /*   font-weight: 700; */
 font-weight: 400;
    text-align: start;
}
.avcp-pr-row .avcp-pr-col {
    flex: 1 1 20%;
    height: inherit;
    color: black;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  /*  align-items: center; */
    border-bottom: solid 1px #bdbdbd;
    padding-bottom: 5px;
}
.avcp-pr-col i {
    font-size: 25px;
}
.avcp-pr-col i.bi.bi-check-lg {
    color: #5db059;
}
.avcp-pr-row > a {
    height: inherit;
    flex: 1 1 20%;
}
.avcp-pr-row > a:hover,
.avcp-pr-row > a:active {
    box-shadow: 3px 3px 7px #808080c7;
}
.avcp-pr-row > a:hover > .avcp-pr-col.avcp-pr-title,
.avcp-pr-row > a:active > .avcp-pr-col.avcp-pr-title {
    box-shadow: none;
}
.avcp-pr-row .avcp-pr-col.avcp-pr-title {
    color: white;
   /*  font-size: 20px; */
   font-size: 15px;
    font-weight: 600;
    box-shadow: inset 2px 2px 5px 0px rgb(0 0 0 / 24%), 2px 2px 2px 0px rgb(0 0 0 / 20%);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.avcp-pr-row .avcp-pr-col.avcp-pr-col-gr {
    background: linear-gradient(154deg, #686868, #b4b4b4, #686868);
    text-shadow: 1px 1px 2px #686868;
    
}
.avcp-pr-row .avcp-pr-col.avcp-pr-col-bl {
    text-shadow: 1px 1px 2px #1BAAAF;
    background: linear-gradient(154deg, #1BAAAF, #59dce1, #1BAAAF);
}
.avcp-pr-row .avcp-pr-col.avcp-pr-col-gldn {
    background: linear-gradient(154deg, #CB8408, #EACE81, #D39A2E);
    text-shadow: 1px 1px 2px #CB8408;
}
/* END PRICES */

/* END BLOCK BOTTOM / IMG INFO BLOCK */

/* All media */
/*1140*/
@media screen and (max-width: 1140px) {
    .avcp-h1wrapper {
        width: 70%; 
    }
    .avcp-info-block {
        height: 500px; 
    }
    div.avcp-reviews {
        margin: 1em 0;
    }
    div.avcp-reviews > a {
        position: static;
        justify-content: start;
        width: 100%;
    }
    div.avcp-reviews > a > div {
        flex: 1 0 100%;
        justify-content: start;
    }
    div.avcp-reviews > a div.avcp-rating-container > i:last-child {
        margin-right: 7px;
    }
    div.avcp-reviews > a > span {
        width: 100%;
    }
    div.avcp-gold-m > div:has(h3) > h3 {
        max-width: 100%;
    }
    div.avcp-gold-m > div:has(h3) > div:has(h4) {
        width: 100%; 
    }
    h2.avcp-title-home {
        font-size: 22px;
    }
}

/* 1018*/
@media screen and (max-width: 1018px) {
    .avcp-h1wrapper {
        width: 90%; 
    }
    h2.avcp-title-home {
        font-size: 20px;
    }
    .avcp-info-block {
        height: 675px; 
    }
    .avcp-btn-general.avcp-btn-lil > a {
        width: 90%;
    }
    .avcp-dropbtn {
        padding-left: 10px;
    }
    .avcp-dropbtn > img {
        margin-right: 0;
        width: 30%;
        overflow: hidden;
        object-fit: cover;
        object-position: left;
        margin-bottom: 0;
    }
    .avcp-exp-content {
        width: 70%;
    }
    button.avcp-contact-btn {
        margin-bottom: 1.5em;
    }
    .avcp-wraper {
        flex-direction: column;
        gap: 7px;
        margin-top: 3em;
        padding-left: 10px;
        padding-right: 10px;
    }
    .avcp-wraper .avcp-imgLink {
        flex: unset;
        width: 100%;
        margin: auto;
        height: 230px;
    }
    .avcp-wraper .avcp-imgLink a.avcp-img-on-bg.avcp-home {
        height: 230px;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block {
        gap: 0;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block .avcp-sp-block-tt {
        margin-top: 0;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block > :has(.avcp-sp-block-tt) {
        padding: 0;
    }
    .avcp-btn-general.avcp-btn-lil > a {
        width: 65%;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block.avcp-sp-block-2 > div:has(.avcp-sp-block-tt) {
        padding-top: 2em;
    }
}

/* 768*/
@media screen and (max-width: 768px) {
    section {
        margin-left: 0 !important;
        margin-right: 0 !important;
    /*    padding: 0 1em !important; */
    }
    .avcp-h1wrapper {
        margin-bottom: 3em;
    }
    .avcp-wraper {
        flex-direction: column;
        gap: 7px;
        margin-top: 3em;
        padding-left: 10px;
        padding-right: 10px;
    }
    .avcp-wraper .avcp-imgLink {
        flex: unset;
        width: 100%;
        margin: auto;
        height: 230px;
    }
    .avcp-wraper .avcp-imgLink a.avcp-img-on-bg.avcp-home {
        height: 230px;
    }
    .avcp-text-wrap-bg h2 {
        text-align: center;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block {
        gap: 0;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block .avcp-sp-block-tt {
        margin-top: 0;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block > :has(.avcp-sp-block-tt) {
        padding: 0;
    }
    .avcp-btn-general.avcp-btn-lil > a {
        width: 65%;
    }
    .avcp-wraper.avcp-embeded-block.avcp-sp-block.avcp-sp-block-2 > div:has(.avcp-sp-block-tt) {
        padding-top: 2em;
    }
    .avcp-imgLink-com {
        flex: 1;
    }
    .avcp-dropbtn > img {
        width: auto;
    }
    .avcp-gold-m {
        flex-direction: column;
        margin: 2em 0;
        padding: 25px;
    }
    figure.avcp-thumnail {
        width: 100%;
        border-radius: 15px;
    }
    figure.avcp-thumnail > img {
        width: 100%;
        border-radius: 15px;
    }
    .avcp-gold-m > div:has(h3) > h3 {
        max-width: 100%;
    }
    div.avcp-reviews {
        text-align: center;
        margin: 1.5em 0;
    } 
    div.avcp-reviews > a {
        position: static;
    }
    div.avcp-reviews > a > div {
        font-size: x-large;
        justify-content: center;
        margin-bottom: 5px;
    }
    div.avcp-reviews > a > div > span {
        font-weight: 600;
    }
    div.avcp-reviews > a > i::before {
        font-size: x-large;
    }
    div.avcp-reviews > a > span {
        font-size: x-large;
        font-weight: 600;
    }
    div.avcp-reviews > a > span:last-child {
        font-size: large;
        font-weight: normal;
    }
    .avcp-gold-m > div:has(h3) > *:not(p) {
        text-align: center;
    }
    mark.avcp-location {
        margin: auto;
    }
    .avcp-gold-m h4 {
        margin-right: 0;
    }
    .avcp-gold-m > div:has(h3) > p {
        text-align: justify;
        flex-wrap: wrap;
        max-width: 100%;
    }
    .avcp-gold-m > div:has(h3) > div {
        justify-content: center;
    }
    a.avcp-mem-link {
        margin-bottom: 0;
    }
    .avcp-contact-info-mem > p {
        text-align: center;
        margin-top: 0;
        margin-bottom: 1em;
    }
    .avcp-contact-info-mem {
        margin-bottom: 1.5em;
    }
    a.avcp-mem-link > svg, .avcp-contact-info-mem > p > i {
        vertical-align: middle;
        height: 20px;
        width: 20px;
    }
    button.avcp-contact-btn {
        margin: 1.5em auto;
    }
    fieldset.avcp-social-icon {
        margin: 0 auto;
    }
    fieldset.avcp-social-icon > a {
        margin: 0 15px;
    }
    span.avcp-check-icon {
        top: -3%;
    }
    .avcp-gold-m > div:has(h3) > div:has(mark) {
        margin: auto;
    }
    .avcp-gr-m > div:has(figure) {
        display: none;
    }
    .avcp-sp-block > div:has(img) {
        text-align: center;
    }
    .avcp-sp-block > div:has(img) > img, .avcp-wraper.avcp-embeded-block.avcp-sp-block.avcp-sp-block-2 > div:has(img) > img {
        width: 50vw;
    }
    .avcp-gr-m p:has(a.avcp-subcription-link) {
        text-align: center;
        margin-top: 1em;
    }
    .avcp-info-block {
        height: 600px; 
    }
}

/* SPETIAL MEDIA RULE MOBILE FIRST FOR TARIFS BLOCK */
@media screen and (min-width: 576px) {
    section.avcp-prices .avcp-pr-row {
        gap: 1em; 
        height: 50px;
    }
    section.avcp-prices .avcp-pr-row .avcp-pr-descr {
        flex: 0 0 200px;
        height: inherit;
        color: black;
        font-size: 13px;
        display: flex;
        align-items: center;
        border-bottom: solid 1px #bdbdbd;
        justify-content: start; 
        position: static;
        transform: none;
    }
    section.avcp-prices .avcp-pr-row .avcp-pr-descr > span {
         font-weight: 700;
       }
    section.avcp-prices .avcp-pr-row .avcp-pr-col {
        align-items: center; 
       }
    section.avcp-prices .avcp-pr-row .avcp-pr-col {
        align-items: center; 
    }
    .avcp-pr-row .avcp-pr-col.avcp-pr-title {
        font-size: 15px;
    }
}
@media screen and (min-width: 768px) {
    section.avcp-prices .avcp-pr-row {
        gap: 2em; 
    }
    section.avcp-prices .avcp-pr-row .avcp-pr-descr {
        flex: 0 0 250px;
        height: inherit;
        color: black;
        font-size: 16px;
    }
}
@media screen and (min-width: 1200px) {
.avcp-pr-row .avcp-pr-col.avcp-pr-title {
        font-size: 20px;
    }
}
/* END SPETIAL MEDIA RULE FOR TARIFS BLOCK */

/* 576*/
@media screen and (max-width: 576px) {
    .avcp-info-block {
        height: 815px; 
    }
    .avcp-info-block h2 {
        text-align: center;
    }
    .avcp-btn-general.avcp-btn-lil > a {
        width: 90%;
    }
    .avcp-dropbtn > img {
        width: 30%;
    }
    .avcp-exp-content {
        width: 100%;
    }
    .avcp-sp-block > div:has(img) > img, .avcp-wraper.avcp-embeded-block.avcp-sp-block.avcp-sp-block-2 > div:has(img) > img {
        width: 70vw;
    }
    .avcp-text-wrap-bg h2 {
        font-weight: 600;
        margin-top: 10px;
    }
}
/* 420*/
@media screen and (max-width: 420px) {
    .avcp-h1wrapper {
        width: 100%; 
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    .avcp-btn-general > a {
        width: 100%;
    }
    .avcp-info-block {
        height: 1000px; 
    }
    .avcp-btn-general.avcp-btn-lil > a {
        width: 100%;
        font-size: 12px;
    }
    .avcp-dropbtn > svg {
        display: none;
    }
    button.avcp-dropbtn {
        font-size: 14px;
        padding-left: 0;
        line-height: normal;
    }
    button.avcp-dropbtn > img {
        width: 55%;
    }
}

/* END All media */