/******** COLOR CONFIG *********/
:root {
    --color-white: #ffffff;
    --color-magenta: #E1004E;
    --color-magenta-light: #ED4967;
    --color-blue: #55a84f;
    --color-blue-light: #55a84f;
    --color-yellow: #EDA411;
    --color-yellow-light: #55a84f;
    --color-backGray1: #F1F1F1;
    --color-backGray2: #dfe8ef;
    --color-darkgray: #24404D;
    --color-lightgray: #eee;
    --radius-01: .5em;
    --radius-02: 1em;
    --radius-03: 1.5em;
}

/******** /COLOR CONFIG *********/

.section {clear: both; padding: 0px; margin: 0px auto; box-sizing:border-box; -moz-box-sizing:border-box; max-width:1260px;}
.col {display: block;float:left;margin: 1% 0 1% 0%; box-sizing:border-box; -moz-box-sizing:border-box;}
.col:first-child { margin-left: 0; }
.w100 {width:100%;}

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.66%;}
.span_10_of_12 {width: 83.33%;}
.span_9_of_12  {width: 75%;}
.span_8_of_12  {width: 66.66%;}
.span_7_of_12  {width: 58.33%;}
.span_6_of_12  {width: 50%;}
.span_5_of_12  {width: 41.66%;}
.span_4_of_12  {width: 33.33%;}
.span_3_of_12  {width: 25%;}
.span_2_of_12  {width: 16.66%;}
.span_1_of_12  {width: 8.333%;}

.otstup .col {display: block;float:left;margin: 1% 0 1% 3%;}
.otstup .col:first-child { margin-left: 0; }
.otstup .span_12_of_12 {width: 100%;}
.otstup .span_11_of_12 {width: 91.41%;}
.otstup .span_10_of_12 {width: 82.83%;}
.otstup .span_9_of_12 {width: 74.25%;}
.otstup .span_8_of_12 {width: 65.66%;}
.otstup .span_7_of_12 {width: 57.08%;}
.otstup .span_6_of_12 {width: 48.5%;}
.otstup .span_5_of_12 {width: 39.91%;}
.otstup .span_4_of_12 {width: 31.33%;}
.otstup .span_3_of_12 {width: 22.75%;}
.otstup .span_2_of_12 {width: 14.16%;}
.otstup .span_1_of_12 {width: 5.583%;}

.closemenu {background:transparent;}
.section.menumob ul,
.section.menumob li,
.section.menumob a {box-sizing:border-box; -moz-box-sizing:border-box;}

.section.menumob ul {display:flex; margin:0; align-items:stretch;}
.section.menumob ul li {flex-grow: 1; text-align:center; transition:all ease .75s; display:flex; align-items:stretch;}
.section.menumob ul li a {text-decoration:none; display:flex; align-items:center; text-transform:uppercase; font-size:.9em;}
.section.menumob ul li.currentpage {}
.section.menumob ul li a.currentpage {}
.section.menumob ul li:hover {transition:all ease .75s;}
.section.menumob ul li:hover a {transition:all ease .75s;}
.section.menumob ul li:nth-child(1) {flex-grow: 1.5;}
.section.menumob ul li:nth-child(1) img {display:block; width:80%;}


/********popup*****************/

.overlayA {background-color: rgba(0,0,0,.4); bottom: 0;  cursor: default;  left: 0; opacity: 0; position: fixed; right: 0;  top: 0; visibility: hidden; z-index: 1001; -webkit-transition: opacity .5s; -moz-transition: opacity .5s;-ms-transition: opacity .5s;    -o-transition: opacity .5s;   transition: opacity .5s;}
.overlayA:target {visibility: visible;opacity: 1;}

.popupA {
background: #fff; display: inline-block; left: 50%; opacity: 0; padding: 2em 2em 2em 2em; position: fixed;  top: 40%; visibility: hidden; z-index: 11010; 
-webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s;
box-sizing:border-box; -moz-box-sizing:border-box; 
overflow-y: auto;
max-height:96vh;
width:90%; max-width:1100px;
}

.overlayA:target+.popupA {top: 50%; opacity: 1; visibility: visible;}
.close {float:right; height: 2em; width: 2em; line-height: 2em; position: sticky; text-align: center; text-decoration: none; top: 0; left: 1000px; border-radius:3em; content:url(/img/close.svg); background:white; z-index:1012; padding:.25em;}


.accord {width:100%;}
.accord * {box-sizing:border-box; -moz-box-sizing:border-box;}
.accord label {position: relative; z-index: 20; display: block; line-height: 1.3; cursor: pointer; border-bottom:2px solid #ccc; padding:.75em 0; font-size:1.5em; color:var(--color-darkgray);}
.accord label:after {content:url(/img/arrow-blue-right-sm.svg); position: absolute; width:1.5em; height:1.5em; top:.5em; right:0; border:none; border-radius:0; text-align:center; vertical-align:center;}
.accord input:checked + label {color:var(--color-magenta); transition: all 1.2s ease;}
.accord input + label:after {transform: rotate(0deg); transition: all .5s ease;}
.accord input:checked + label:after {content:url(/img/arrow-blue-right-sm.svg)); transform: rotate(90deg); transition: all .5s ease;}
.accord input {display: none;}
.accord article {width:100%; overflow: hidden; height: 0px; max-height: 0px; position: relative; z-index: 10; transition: all ease 2s; padding-top:1em; overflow-x:auto;}
.accord article h3, .accord article h4 {margin:0;padding:0;font-size:1.3rem;}
.accord input:checked ~ article {height: auto; max-height:2000px; transition: all ease 2s;}

.cntSources.accord input ~ article {transition: all ease 0s;}
.cntSources.accord input:checked ~ article {height: auto; max-height:2000px; transition: all ease 0s;}

.cntSources.accord label {line-height: 1.3; padding: 1.5em 0 .5em 0;  font-size: 2.4em; color: var(--color-blue); font-weight:bold;}
.cntSources.accord article {font-size:.8em; line-height:1.5;}
.cntSources.accord input:checked ~ article {padding:2em 0;}
.cntSources.accord input:checked ~ article div {margin-bottom:1em;}
.cntSources.accord label:after {content:" "; background-size:1.1em 1.1em; background:url(/img/arrow-blue-right.svg) center center no-repeat; position: absolute; width: 1.1em; height: 1.1em; top: 1.4em; border:none; border-radius:0;}
.accord input:checked + label:after {border:none; border-radius:0;}


.faqlist {display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-gap:0 4em;} 
.faqlist > div {position:relative; padding-left:4em;}
.faqlist > div:before {transition: all ease .5s;  content:""; background:url(/img/ico-gbook.svg) center center no-repeat;
    position: absolute;  display: block; width: 1.5em;  height: 1.5em; background-size:1.2em 1.2em;
    border-radius: 0;  left: 0; top: 0.5em; text-align: center; line-height: 1.5em; color: white; font-size: 2em;}
.faqlist > div:nth-child(1):before {background:url(/img/ico-gbook-blue.svg) center center no-repeat; background-size: 1.2em 1.2em;}

.faqlist > div a {text-decoration:none; color:var(--color-darkgray);}
.faqlist > div a:hover {color:var(--color-blue);}


.abutton.inline, 
.faqanswer .abutton.inline, 
.faqanswer .abutton.cMagenta {
    border: 2px solid var(--color-magenta);
    color: var(--color-magenta);
}

.abutton {
    font-weight: 700;  transition: all ease .5s;  position: relative;  display: inline-block; color: white; text-transform: uppercase; border-radius: 2em; border: 2px solid white;
    padding: 0.8em 2.4em; text-decoration: none;  background: transparent;
}

/*****gb*******/
.faqlist {margin-bottom:2em;}
.cms-guestbook-div-insert {padding:.5rem 2em .5rem 2em; background:var(--color-yellow-light); margin: 0; border-radius:2em; position:relative; height:5em; max-height: 5em; overflow:hidden; transition:all ease .7s;}
.cms-guestbook-div-insert.openPlanka {height: auto; max-height: 100%;  overflow: hidden; transition:all ease .7s; text-align:center; box-sizing:border-box;}
.cms-guestbook-div-insert h2 {padding:0; margin:.25em 0 ; width:100%; box-sizing:border-box; color:white; font-size:2em; text-align:center;}

.cms-guestbook-div-insert .arrow-open {position:absolute; top:1.2em; right:1em; width:5em; height:2em; border:none; border-radius:0; transform: rotate(90deg); cursor:pointer; transition:all ease .5s;}
.cms-guestbook-div-insert .arrow-open:hover {border:none; border-radius:0; transform: rotate(-90deg); cursor:pointer; transition:all ease .5s;}
.cms-guestbook-div-insert.openPlanka .arrow-open {transform: rotate(-90deg);}
.cms-guestbook-div-insert .gbook_field,
.cms-guestbook-div-insert .line {}

.gbook_entry_message {padding-top:1em; padding-bottom:1em;}

.cms-guestbook-div-insert .err textarea {border:2px solid var(--color-magenta); color:var(--color-magenta);}
.cms-guestbook-div-insert .err input[type="text"] {border:2px solid var(--color-magenta); color:var(--color-magenta);}
.cms-guestbook-div-insert .err label {color:var(--color-magenta);}
/*
.cms-guestbook-div-insert form > div:nth-child(7) {flex-direction: row-reverse; padding:.6em 0;}
.cms-guestbook-div-insert form > div:nth-child(7) input {margin-right:1em;}
.cms-guestbook-div-insert form > div:nth-child(7) label {width:100%; flex-grow:1;}
.cms-guestbook-div-insert textarea,
.cms-guestbook-div-insert input[type="text"], 
.cms-guestbook-div-insert select {border-radius: var(--radius-03); border: 2px solid var(--color-lightgray); float: left; padding: .6em .6em; font-family: Montserrat, sans-serif, arial; font-size:1.2em; width:99%;}
.cms-guestbook-div-insert label {width:30%;}
.cms-guestbook-div-insert form > div:nth-child(8) {display:block; margin-bottom:1em;}
.cms-guestbook-div-insert form > div:nth-child(8) a {color:var(--color-darkgray);}
.cms-guestbook-div-insert form .cms_submit {border: 2px solid var(--color-darkgray);color: var(--color-darkgray); font-weight: 700;     transition: all ease .5s; position: relative; display: inline-block; text-transform: uppercase; border-radius: 2em; padding: 0.8em 2.4em;     text-decoration: none;  background: transparent; font-family: Montserrat, sans-serif, arial; font-size:1em; float:right; margin-top:1em; cursor:pointer;}
*/

.cms-guestbook-div-insert form {margin-top:1em; background:white; padding:1em; border-radius: var(--radius-02);}
.cms-guestbook-div-insert form > div {text-align:left;}
.cms-guestbook-div-insert form > div.line {margin-bottom:1em;}
.cms-guestbook-div-insert form > div.line {display:flex; flex-direction:column; gap:.5em;}
.cms-guestbook-div-insert form > div.line.check {flex-direction:row-reverse;  gap:1em; justify-content: flex-end;}
.cms-guestbook-div-insert form > div.line.policy {display:block;}
.cms-guestbook-div-insert form > div.gbook_field {display:flex; flex-direction:column; gap:.5em;}
.cms-guestbook-div-insert textarea,
.cms-guestbook-div-insert input[type="text"], 
.cms-guestbook-div-insert select {border-radius: var(--radius-01); border: 2px solid var(--color-lightgray); float: left; padding: .6em .6em; font-family: Montserrat, sans-serif, arial; font-size:1.2em; width:99%;}
.cms-guestbook-div-insert .cms_submit {cursor:pointer;font-weight: 700;  transition: all ease .5s;  position: relative;  display: inline-block; color: gray; text-transform: uppercase; border-radius: 2em; border: 2px solid gray;
    padding: 0.8em 2.4em; text-decoration: none;  background: transparent; margin-top:1em;}

.line input:invalid {color:red;}
.cms-guestbook-div-insert .note {padding-bottom:1em;}
.quot,
.cms-guestbook-div-insert .quot {font-size:1.3em; text-align:center; padding:4em 2em; border-radius: var(--radius-03); border: 2px solid var(--color-blue); background:var(--color-lightgray); margin:2em 0;}
.gbook_product,
.gbook_website {position: absolute;  left: -600em;}

input.cms_checkbox {-webkit-appearance: checkbox;}

.gbItem {padding:1em 0 1em 0;border-bottom:2px solid var(--color-lightgray); margin:5px 0;}
.gbItem .gbName{text-align:left;font-weight:bold;}
.gbItem .gbCity{text-align:left;font-weight:bold;font-size:90%;}
.gbItem .gbName:first-letter{text-transform:uppercase;}
.gbItem .itemQ{font-weight:bold;}
.gbItem .gbData {position:relative;}

#accordion ul {margin:0;padding:0;}
#accordion .accordion > li:first-child{}
#accordion .accordion li {cursor:pointer;list-style-image:none;list-style-position:outside;list-style-type:none;list-style:none;}
#accordion .accordion li.active {}
#accordion .accordion li ul {list-style:none; padding-left:45px;}
#accordion .accordion li.active li {}
#accordion .accordion li li {border:0;}

.gbItem .gbook_entry_message ul {border-left:2px solid var(--color-blue); margin-top:1em;}
.gbItem .gbook_entry_message * {margin-top:1em;}
.gbItem .gbook_entry_message p {margin-top:0;}
.gbItem .gbData {position:relative;}
.gbItem .gbData::after {position: absolute; top: 0px; right: 0px; content:"ОТВЕТ"; font-weight:600; display: block; width: auto; color: white; background: #c64739; padding: 0.8em 2.4em; border-radius: var(--radius-03); transition:all ease .6s;}
.gbItem .gbData:hover::after {background: var(--color-blue); transition:all ease .6s;}


.cntContent .gbook ul > li {padding-bottom: 1em;padding-left: 0; background: none; background-size: 0 0;}
.cntContent .gbook ul > li li {padding-bottom: 0; color:var(--color-blue);}
.gbook_entry_message ul {border-left:2px solid var(--color-blue);}

/****gb****/
.popup.faq .abutton.inline {}
.popup.faq {}

.pgImg {display:grid; grid-gap:3em; grid-template-columns:30% 1fr; margin-bottom:1em;}
.pgImg img {width:100%;}
.pgImg p {font-size: 1.5em; line-height: 1.2; min-height: 4.5em;  padding: 0; padding-bottom:1em; margin-bottom:1em;}
.pgImg.cBlue p {color: var(--color-blue); border-bottom:2px solid var(--color-blue);}
.pgImg.cMagenta p {color: var(--color-magenta); border-bottom:2px solid var(--color-magenta);}
.pgImg.cYellow p {color: var(--color-darkgray); border-bottom:2px solid var(--color-yellow);}

/***gCaptcha******/

.grecaptcha-badge {visibility: hidden;}
.gCaptha {font-size:80%; margin:.5em 0;}


@media only screen and (max-width: 1280px) {
body > .w100 > .section,
body > .section {padding-left:1em; padding-right:1em;}
body > .w100 > .section.menumob,
body > .section.menumob {padding-left:0; padding-right:0;}
}

@media only screen and (max-width: 480px) {
body > .w100 > .section,
body > .section {padding-left:4vmin; padding-right:4vmin;}
body > .w100 > .section.menumob {padding-left:0; padding-right:0;}

.col {  margin: 1% 0 1% 0%; }
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
.otstup .span_1_of_12, .otstup .span_2_of_12, .otstup .span_3_of_12, .otstup .span_4_of_12, .otstup .span_5_of_12, .otstup .span_6_of_12, .otstup .span_7_of_12, .otstup .span_8_of_12, .otstup .span_9_of_12, .otstup .span_10_of_12, .otstup .span_11_of_12, .otstup .span_12_of_12 {width: 100%;}
.otstup .col {margin: 1% 0; margin-left: 0;}


.section.menumob span.icomenu {display:none; background:var(--color-magenta);}
.section.menumob:nth-child(1) {border-bottom:1px solid rgba(255,255,255,.2)}
.section.menumob ul {display:flex; margin:0; background:var(--color-magenta);}
.section.menumob ul li {display:block;}
.section.menumob ul li a {}
.section.menumob ul li a.currentpage {}
.section.menumob ul li a:hover {border:1px solid rgba(255,255,255,.6); transition:all ease .7s;}

/*****mob menu ââåñòè óíèêàëüíûé êëàññ äëÿ âåðõ ìåíþ, ïðèìåð .menumob *****/
.section.menumob {overflow:hidden;}
.section.menumob:hover {height:auto;}
.section.menumob ul {position:relative; margin-top:13vmin; height:auto;overflow:hidden; transition:max-height ease .5s; display:block;}
.section.menumob {position:fixed; z-index:999; top:0; left:0; overflow:hidden; width:100%; min-height:14vmin; padding:0; margin:0;}
.section.menumob span.icomenu {display:block; cursor:pointer; position:absolute; top:2vmin; left:2vmin; height:9vmin; color:white; z-index:1001; border:1px solid red;}
.section.menumob span.icomenu:before {content:""; width:9vmin; height:9vmin; background:url(/img/menu.svg); display:block; position:relative; top:0; left:0; background-size:cover;}
.section.menumob li {display:block; overflow:hidden; border-bottom:0.5vmin solid rgba(255,255,255,.3);box-sizing:border-box; -moz-box-sizing:border-box; width:100%; }
.section.menumob li a {display:block; height:14vmin; border:none; line-height:14vmin; text-decoration:none; text-align:left; text-transform:uppercase;box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:0 3vmin; font-size:5vmin; text-align:left;}
.openmenu {max-height:90vh;}
.closemenu {max-height:0vh;}
}