/*=============================*/
/* ROOT */
/*=============================*/
:root {
  --color-white: #fff;
  --color-black: #2d3436;
  --color-grey: #dfe6e9;
  --color-green: #44bd32;
  --color-red: #ff4757;
  /*header*/
  --header-height: 70px;
}
/*media*/
@media(max-width: 1199px){
  :root {--header-height: 60px;}
}
@media(max-width: 767px){
  :root {--header-height: 50px;}
}

/*=============================*/
/* CUSTOM PRELOAD */
/*=============================*/
.loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: var(--color-white);-webkit-animation: loader 1.4s linear;animation: loader 1.4s linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes loader {0%{opacity: 1;}70%{opacity: 1;}99%{opacity: 0;}100%{display: none;visibility: hidden;z-index: -10;opacity: 0;}}
@keyframes loader {0%{opacity: 1;}70%{opacity: 1;}99%{opacity: 0;}100%{display: none;visibility: hidden;z-index: -10;opacity: 0;}}

/*=============================*/
/* RESET STYLES */
/*=============================*/
* {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;box-sizing: border-box;}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar {width: 6px;height:6px;}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--color-green);}
:focus,:active,:visited {outline: none;}

/*=============================*/
/* GLOBAL SETTINGS */
/*=============================*/
html {height: 100%;}
body {height: 100%;}
body.lock {overflow: hidden;}
#content-block {overflow: hidden;position: relative;}
html:not(.ie) #content-block {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;}
.overflow-hidden {overflow: hidden;}
html.overflow-hidden body {overflow: hidden;}
html:not(.ie) main {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.container {padding: 0 15px;}
.row {--bs-gutter-x: 30px;}
/*spacers*/
.spacer-xl {height: 100px;}
.spacer-lg {height: 80px;}
.spacer-md {height: 60px;}
.spacer-sm {height: 40px;}
.spacer-xs {height: 30px;}
/*media*/
@media(min-width: 1441px) and (max-width:1640px){
  .container{max-width: 1340px;}
}
@media(min-width:1200px) and (max-width:1440px){
  .container{max-width: 1240px;}
}
@media(min-width:1200px) and (max-width: 1730px){
  .col-lt-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
  .col-lt-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
  .col-lt-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
  .col-lt-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
  .col-lt-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
  .col-lt-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
  .col-lt-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
  .col-lt-5 {max-width: 41.666667%;flex: 0 0 41.666667%;-ms-flex: 0 0 41.666667%;}
  .col-lt-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
  .col-lt-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
  .col-lt-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
  .offset-lt-0{margin-left:0;}
  .offset-lt-3{margin-left: 25%;}
  .offset-lt-2{margin-left: 16.666667%;}
  .offset-lt-1{margin-left: 8.333333%;}
}
@media(max-width: 1640px){
  .spacer-xl {height: 80px;}
}
@media(max-width: 1440px){
  .spacer-xl,.spacer-lg {height: 70px;}
}
@media(max-width: 1199px){
  .spacer-xl,.spacer-lg {height: 60px;}
}
@media(max-width: 991px){
  .spacer-xl,.spacer-lg,.spacer-md {height: 50px;}
}
@media(max-width: 767px){
  .spacer-xl,.spacer-lg,.spacer-md {height: 40px;}
}
@media(max-width: 575px){
  .spacer-xl,.spacer-lg,.spacer-md,.spacer-sm {height: 30px;}
}

/*=============================*/
/* COLORS */
/*=============================*/
.color-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-top: -20px;}
.color-item {position: relative;display: inline-block;width: 120px;min-width: 120px;height: 120px;border-radius: 50%;margin-right: 20px;margin-top: 20px;}
.color-item:last-child {margin-right: 0;}
.color-item:nth-child(1) {background-color: var(--color-white);}
.color-item:nth-child(2) {background-color: var(--color-black);}
.color-item:nth-child(3) {background-color: var(--color-grey);}
.color-item:nth-child(4) {background-color: var(--color-green);}
.color-item:nth-child(5) {background-color: var(--color-red);}
/*media*/
@media(max-width: 1440px){
  .color-block {margin-top: -15px;}
  .color-item {width: 110px;min-width: 110px;height: 110px;margin-right: 15px;margin-top: 15px;}
}
@media(max-width: 991px){
  .color-item {width: 100px;min-width: 100px;height: 100px;}
}
@media(max-width: 575px){
  .color-block {margin-top: -10px;}
  .color-item {width: 90px;min-width: 90px;height: 90px;margin-right: 10px;margin-top: 10px;}
}
@media(max-width: 480px){
  .color-item {width: 80px;min-width: 80px;height: 80px;}
}
@media(max-width: 400px){
  .color-item {width: 70px;min-width: 70px;height: 70px;}
}

/*=============================*/
/* TYPOGRAPHY */
/*=============================*/
body * {font-family: 'Poppins', sans-serif;}
* {-webkit-locale: auto;}
strong {font-weight: 700;}
a {cursor: pointer;text-decoration: none;outline: none;color:inherit;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
a:link, a:visited, a:active, a:hover {cursor: pointer;text-decoration: none;outline: none;}
iframe {border: none;outline: none;}
ul, ol {list-style: none;}
img {width: 100%;height: auto;max-width: 100%;}
button {background-color: transparent;border: 0;cursor: pointer;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;-webkit-appearance: none;}
/*text*/
.text,.text p {font-size: 20px;line-height: 1.6em;color: var(--color-black);}
.text.size-2,.text.size-2 p {font-size: 18px;}
.text img {display: block;max-width: 100%;height: auto;}
.text ul li,.text ol li {position: relative;display: block;padding-left: 24px;margin-bottom: 20px;}
.text ul li:last-child,.text ol li:last-child {margin-bottom: 0;}
.text.size-2 ul li {padding-left: 22px;margin-bottom: 15px;}
.text ul li::before {position: absolute;content: "";left: 0;top: 11px;display: inline-block;width: 8px;height: 8px;background-color: var(--color-green);}
.text ol {counter-reset: item;}
.text ol li {padding-left: 28px;}
.text.size-2 ol li {padding-left: 24px;margin-bottom: 15px;}
.text ol li::before {position: absolute;counter-increment: item;content: counter(item) ".";top: 0;left: 0;display: inline-block;font-size: 18px;font-weight: 500;color: var(--color-green);}
.text.size-2 ol li::before {font-size: 17px;top: 1px;}
.text a {position:relative;color: var(--color-green);cursor:pointer;white-space: nowrap;}
.text a::before {position: absolute;content: '';bottom: 0;right: 0;display: block;width: 0;height: 2px;background-color: var(--color-green);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.text span {color: var(--color-green);font-weight: 700;}
blockquote {position: relative;display: block;width: 100%;text-align: center;font-size: 18px;line-height: 1.6em;color: var(--color-black);padding: 30px 60px;border: 2px solid var(--color-grey);}
/*titles*/
h1,.h1 {position: relative;font-size: 44px;line-height: 1.3em;color: var(--color-black);}
h2,.h2 {position: relative;font-size: 40px;line-height: 1.3em;color: var(--color-black);}
h3,.h3 {position: relative;font-size: 36px;line-height: 1.3em;color: var(--color-black);}
h4,.h4 {position: relative;font-size: 32px;line-height: 1.3em;color: var(--color-black);}
h5,.h5 {position: relative;font-size: 28px;line-height: 1.3em;color: var(--color-black);}
h6,.h6 {position: relative;font-size: 24px;line-height: 1.3em;color: var(--color-black);}
/*font-weight*/
.bold {font-weight: 700;}
.media {font-weight: 500;}
.normal {font-weight: 400;}
.text-upper {text-transform: uppercase;}
/*position*/
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
/*colors*/
.color-black {color: var(--color-black);}
.color-white {color: var(--color-white);}
/*text-line*/
.text-line-1 {overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-2 {overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-3 {overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-4 {overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-5 {overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-6 {overflow: hidden;-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -webkit-box;}
/*media*/
@media(min-width: 1200px){
  .text a:hover::before {right: auto;left: 0;width: 100%;}
}
@media(max-width: 1440px){
  h1,.h1 {font-size: 42px;}
  h2,.h2 {font-size: 38px;}
  h3,.h3 {font-size: 34px;}
  h4,.h4 {font-size: 30px;}
  h5,.h5 {font-size: 26px;}
  h6,.h6 {font-size: 22px;}
  .text,.text p {font-size: 18px;}
  .text ul li {padding-left: 22px;margin-bottom: 15px;}
  .text ol li {padding-left: 24px;margin-bottom: 15px;}
  .text ol li::before {font-size: 17px;top: 1px;}
}
@media(max-width: 991px){
  h1,.h1 {font-size: 40px;}
  h2,.h2 {font-size: 36px;}
  h3,.h3 {font-size: 32px;}
  h4,.h4 {font-size: 28px;}
  h5,.h5 {font-size: 24px;}
  h6,.h6 {font-size: 20px;}
  .text,.text p,.text.size-2,.text.size-2 p {font-size: 17px;}
  .text ul li,.text.size-2 ul li {padding-left: 20px;margin-bottom: 12px;}
  .text ul li::before,.text.size-2 ul li::before {width: 7px;height: 7px;}
  .text ol li,.text.size-2 ol li {padding-left: 22px;margin-bottom: 12px;}
  .text ol li::before,.text.size-2 ol li::before {font-size: 16px;}
  blockquote {font-size: 17px;padding: 20px 40px;}
}
@media(max-width: 575px){
  h1,.h1 {font-size: 38px;}
  h2,.h2 {font-size: 34px;}
  h3,.h3 {font-size: 30px;}
  h4,.h4 {font-size: 26px;}
  h5,.h5 {font-size: 22px;}
  .text,.text p,.text.size-2,.text.size-2 p {font-size: 16px;}
  .text ul li,.text.size-2 ul li {padding-left: 18px;}
  .text ul li::before,.text.size-2 ul li::before {top: 10px;}
  .text ol li,.text.size-2 ol li {padding-left: 20px;}
  .text ol li::before,.text.size-2 ol li::before {font-size: 15px;}
  blockquote {font-size: 16px;padding: 20px;}
}
@media(max-width: 480px){
  h1,.h1 {font-size: 36px;}
  h2,.h2 {font-size: 32px;}
  h3,.h3 {font-size: 28px;}
  h4,.h4 {font-size: 24px;}
  blockquote {padding: 15px;}
}
@media(max-width: 400px){
  h1,.h1 {font-size: 34px;}
  h2,.h2 {font-size: 30px;}
  h3,.h3 {font-size: 26px;}
  .text,.text p,.text.size-2,.text.size-2 p {font-size: 15px;}
  .text ul li,.text.size-2 ul li {padding-left: 16px;margin-bottom: 10px;}
  .text ul li::before,.text.size-2 ul li::before {top: 8pxs;}
  .text ol li,.text.size-2 ol li {padding-left: 20px;margin-bottom: 10px;}
  blockquote {font-size: 15px;padding: 10px;}
}

/*=============================*/
/* PAGINATION */
/*=============================*/
.custom-pagination {position: relative;display: block;width: 100%;text-align: center;}
.custom-pagination ul {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;}
.custom-pagination ul li {position: relative;display: inline-block;width: 50px;min-width: 50px;height: 50px;border-radius: 3px;margin-right: 10px;}
.custom-pagination ul li:last-child {margin-right: 0;}
.custom-pagination ul li.disabled {pointer-events: none;opacity: 0.6;}
.custom-pagination ul li a {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;font-size: 16px;line-height: 1.6em;color: var(--color-black);background-color: var(--color-grey);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.custom-pagination ul li a:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.custom-pagination ul li.active a {color: var(--color-white);background-color: var(--color-green);}
.custom-pagination ul li a i {font-size: 22px;}
/*media*/
@media(min-width: 1200px){
  .custom-pagination ul li:not(.active) a:hover {color: var(--color-green);}
}
@media(max-width: 1440px){
  .custom-pagination ul li {width: 46px;min-width: 46px;height: 46px;}
}
@media(max-width: 767px){
  .custom-pagination ul li {width: 44px;min-width: 44px;height: 44px;}
  .custom-pagination ul li a i {font-size: 20px;}
}
@media(max-width: 480px){
  .custom-pagination ul li {margin-right: 5px;}
}
@media(max-width: 400px){
  .custom-pagination ul li {width: 42px;min-width: 42px;height: 42px;font-size: 15px;}
  .custom-pagination ul li.arrow {display: none;}
}

/*=============================*/
/* BTNS */
/*=============================*/
.btns-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;width: calc(100% + 10px);margin-top: -10px;margin-left: -5px;}
.btns-block .btn {margin: 10px 5px 0 5px;}
.btn {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;height: 46px;padding: 0 30px;border-radius: 3px;border: 2px solid var(--color-green);background-color: var(--color-green);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
.btn span {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 14px;font-weight: 500;color: var(--color-white);text-transform: uppercase;letter-spacing: 0.5px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*with-icon*/
.btn span .icon {font-size: 20px;line-height: normal;margin-left: 5px;}
/*active*/
.btn.active {background-color: transparent;}
.btn.active span {color: var(--color-green);}
/*disabled*/
.btn.disabled {pointer-events: none;opacity: 0.7;}
/*clear*/
.btn.clear {background-color: transparent;border-color: transparent;}
.btn.clear span {color: var(--color-black);}
/*medium & small*/
.btn.size-medium {height: 42px;padding: 0 25px;}
.btn.size-medium span,.btn.size-small span {font-size: 13px;}
.btn.size-small {height: 40px;padding: 0 20px;}
/*block*/
.btn.block {width: 100%;}
/*btn-icon*/
.btn.btn-icon {width: 46px;min-width: 46px;height: 46px;border-radius: 50%;padding: 0;}
.btn.btn-icon .icon {font-size: 22px;margin: 0;}
.btn.btn-icon.size-medium {width: 42px;min-width: 42px;height: 42px;}
.btn.btn-icon.size-small {width: 40px;min-width: 40px;height: 40px;}
/*media*/
@media(min-width: 1200px){
  .btn:hover {background-color: transparent;}
  .btn:hover span {color: var(--color-green);}
  .btn.active:hover {background-color: var(--color-green);}
  .btn.active:hover span {color: var(--color-white);}
  .btn.clear:hover {border-color: var(--color-green);}
}
@media(max-width: 1440px){
  .btn {height: 42px;padding: 0 25px;}
  .btn span {font-size: 13px;}
  .btn.btn-icon {width: 42px;min-width: 42px;height: 42px;}
}
@media(max-width: 767px){
  .btn,.btn.size-medium {height: 40px;padding: 0 20px;}
  .btn span .icon {font-size: 18px;}
  .btn.btn-icon,.btn.btn-icon.size-medium {width: 40px;min-width: 40px;height: 40px;padding: 0;}
}
@media(max-width: 575px){
  .btns-block {width: 100%;margin: 0;}
  .btns-block .btn {margin: 0 0 10px 0;}
  .btn {width: 100%;}
  .btn.active,.btn.clear {background-color: var(--color-green);}
  .btn.active span,.btn.clear span {color: var(--color-white);}
  .btn.clear {border-color: var(--color-green);}
  .btn.with-icon .icon {display: none;}
}

/*=============================*/
/* CHECKBOX */
/*=============================*/
.checkbox-entry {position: relative;display: inline-block;margin-bottom: 15px;margin-right: 15px;cursor: pointer;}
.checkbox-entry:last-child {margin-right: 0;}
.checkbox-entry input {display: none;}
.checkbox-entry span {position: relative;display: inline-block;font-size: 18px;line-height: 20px;font-weight: 400;color: var(--color-black);padding-left: 30px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.checkbox-entry span::before {position: absolute;content: '';left: 0;top: 0;width: 16px;height: 16px;border: 2px solid var(--color-grey);background-color: transparent;border-radius: 4px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.checkbox-entry span::after {position: absolute;z-index: 1;content: '';left: 7px;top: 3px;width: 4px;height: 8px;border-right: 2px solid var(--color-white);border-bottom: 2px solid var(--color-white);-webkit-transform: scale(0) rotate(45deg);-ms-transform: scale(0) rotate(45deg);transform: scale(0) rotate(45deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.checkbox-entry input:checked + span {color: var(--color-black);}
.checkbox-entry input:checked + span::before {background-color: var(--color-green);border-color: var(--color-green);}
.checkbox-entry input:checked + span::after {-webkit-transform: scale(1) rotate(45deg);-ms-transform: scale(1) rotate(45deg);transform: scale(1) rotate(45deg);}
/*radio*/
.checkbox-entry.radio span::before {border-radius: 50%;}
.checkbox-entry.radio span::after {top: 4px;left: 4px;width: 12px;height: 12px;border: none;background-color: var(--color-green);border-radius: 50%;}
.checkbox-entry.radio input:checked + span::before {border-color: var(--color-green);background-color: transparent;}
/*media*/
@media(max-width: 991px){
  .checkbox-entry span {font-size: 17px;}
}
@media(max-width: 575px){
  .checkbox-entry {width: 100%;margin-right: 0;margin-bottom: 10px;}
  .checkbox-entry span {font-size: 16px;}
}
@media(max-width: 400px){
  .checkbox-entry span {font-size: 15px;padding-left: 28px;}
}

/*=============================*/
/* FORM */
/*=============================*/
.form {position: relative;display: block;width: 100%;}
.input-wrapper {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: calc(100% + 16px);margin-top: -16px;margin-bottom: 16px;margin-left: -8px;}
.input-wrapper .input-block {width: calc(50% - 16px);margin: 16px 8px 0 8px;}
.input-block {position: relative;display: block;width: 100%;margin-bottom: 16px;}
.input-block:last-child {margin-bottom: 0;}
.input-block .input {position: relative;display: block;width: 100%;height: 46px;font-size: 16px;color: var(--color-black);padding: 0 15px;border-radius: 3px;border: 1px solid var(--color-grey);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.input-block .input::placeholder {color: var(--color-black);}
.input-block .input:focus {border-color: var(--color-black);}
.input-invalid-message {position: relative;display: none;width: 100%;font-size: 14px;line-height: 1.4em;color: var(--color-red);margin-top: 5px;}
.input-block.textarea textarea {height: 120px;padding: 10px 15px;resize: none;}
.input-block.invalid .input {border-color: var(--color-red);}
.input-block.invalid .input::placeholder {color: var(--color-red);}
.input-block.invalid .input-invalid-message {display: block;}
.form-bottom {position: relative;display: block;width: 100%;}
.form-bottom .btn {margin: 0 auto;}
/*media*/
@media(max-width: 1440px){
  .input-wrapper {width: calc(100% + 12px);margin-top: -12px;margin-bottom: 12px;margin-left: -6px;}
  .input-wrapper .input-block {width: calc(50% - 12px);margin: 12px 6px 0 6px;}
  .input-block {margin-bottom: 12px;}
  .input-block .input {height: 42px;}
}
@media(max-width: 767px){
  .input-wrapper {width: calc(100% + 10px);margin-top: -10px;margin-bottom: 10px;margin-left: -5px;}
  .input-wrapper .input-block {width: calc(50% - 10px);margin: 10px 5px 0 5px;}
  .input-block {margin-bottom: 10px;}
  .input-block .input {height: 40px;font-size: 15px;padding: 0 12px;}
  .input-block.textarea textarea {height: 100px;padding: 10px 12px;}
}
@media(max-width: 575px){
  .input-wrapper .input-block {width: calc(100% - 10px);}
}

/*=============================*/
/* POPUPS */
/*=============================*/
.open-popup {cursor: pointer;}
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.popup-wrapper.active {left: 0; transition-delay: 0s; -webkit-transition-delay: 0s;}
.popup-wrapper .bg-layer {position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;background: rgba(0, 0, 0, 0.7);opacity: 0;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: auto;-webkit-overflow-scrolling: touch;font-size: 0;letter-spacing: 0;text-align: center;padding: 15px;opacity: 0;visibility: hidden;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transform: translateY(100px);transform: translateY(100px);-webkit-transform: translateY(100px);}
.popup-content.active {-ms-transform: translateY(0);transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;}
.popup-content:after {display: inline-block;vertical-align: middle;height: 100%;content: "";}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 740px;background-color: var(--color-white);border-radius: 5px;z-index: 1;}
.popup-align {position: relative;padding: 60px 80px;text-align: left;}
.btn-close {position: absolute;top: 10px;right: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--color-grey);cursor: pointer;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.btn-close:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.btn-close .las {position: relative;display: inline-block;font-size: 20px;color: var(--color-red);-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.popup-cont {position: relative;display: block;width: 100%;text-align: center;}
.popup-cont .title {margin-bottom: 25px;}
.popup-cont .text p {margin-bottom: 2px;}
.popup-cont .text p:last-child {margin-bottom: 0;}
/*media*/
@media(min-width: 1200px){
  .btn-close:hover {border-color: var(--color-red);background-color: var(--color-red);}
  .btn-close:hover .las {color: var(--color-white);}
}
@media(max-width: 767px){
  .popup-container {max-width: 100%;}
  .popup-align {padding: 60px 40px;}
  .popup-cont .title {margin-bottom: 20px;}
}
@media(max-width: 575px){
  .popup-align {padding: 50px 20px;}
  .popup-cont .title {margin-bottom: 15px;}
}
@media(max-width: 480px){
  .popup-align {padding: 50px 15px;}
}

/*=============================*/
/* SWIPER */
/*=============================*/
.swiper-entry,.swiper-control-wrapper {position: relative;}
.swiper-container {overflow: hidden;padding-bottom: 32px;}
.swiper-container:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag.png) 16 9, ew-resize;}
.swiper-slide {background-size: cover;background-position: center center;position: relative;backface-visibility: hidden;}
.test-slide {position: relative;display: block;width: 100%;height: 0;padding-bottom: 35%;border-radius: 10px;background-color: var(--color-green);}
/*swiper arrow*/
.swiper-button-prev,.swiper-button-next {position: absolute;z-index: 2;top: 50%;left: -66px;bottom: auto;right: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 46px;height: 46px;background-image: none;border-radius: 50%;border: 2px solid var(--color-green);background-color: var(--color-green);margin: -39px 0 0 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper-button-next {left: auto;right: -66px;}
.swiper-button-prev::after,.swiper-button-next::after {display: none;}
.swiper-entry .swiper-button-prev.swiper-button-disabled,.swiper-entry .swiper-button-next.swiper-button-disabled {opacity: 0.7;pointer-events: none;}
.swiper-button-prev.swiper-button-lock,.swiper-button-next.swiper-button-lock {display: none;}
.swiper-button-prev:active,.swiper-button-next:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
.swiper-button-prev .las,.swiper-button-next .las {position: relative;display: block;font-size: 24px;color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*swiper pagination*/
.swiper-pagination {position: absolute;z-index: 2;left: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;}
.swiper-pagination.swiper-pagination-lock {display: none;}
.swiper-pagination-bullet {position: relative;display: inline-block;width: 12px;height: 12px;border-radius: 50%;border: 2px solid var(--color-green);background-color: transparent;opacity: 1;margin-right: 20px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper-pagination-bullet:last-child {margin-right: 0px;}
.swiper-pagination-bullet-active {background-color: var(--color-green);}
/*without pagination*/
.swiper-entry.without-pagination .swiper-container {padding-bottom: 0;}
.swiper-entry.without-pagination .swiper-button-prev,
.swiper-entry.without-pagination .swiper-button-next {margin-top: -23px;}
.swiper-entry.without-pagination .swiper-pagination {display: none;}
/* media */
@media(min-width: 1200px){
  .swiper-button-prev:hover,.swiper-button-next:hover {background-color: transparent;}
  .swiper-button-prev:hover .las,.swiper-button-next:hover .las {color: var(--color-green);}
}
@media(max-width: 1440px){
  .swiper-button-prev,.swiper-button-next {left: -62px;width: 42px;height: 42px;margin-top: -37px;}
  .swiper-button-next {left: auto;right: -62px;}
  .swiper-entry.without-pagination .swiper-button-prev,
.swiper-entry.without-pagination .swiper-button-next {margin-top: -21px;}
}
@media(max-width: 991px){
  .swiper-container {padding-bottom: 0;margin-bottom: 15px;}
  .swiper-button-prev,.swiper-button-next {display: none;}
  .test-slide {padding-bottom: 38%;}
  .swiper-pagination {position: relative;left: auto;bottom: auto;}
  .swiper-pagination-bullet {margin-right: 15px;}
  .swiper-entry.without-pagination .swiper-pagination {display: -webkit-box;display: -ms-flexbox;display: flex;}
}
@media(max-width: 767px){
  .swiper-container {overflow: visible;}
  .test-slide {padding-bottom: 40%;}
}

/*=============================*/
/* OTHER */
/*=============================*/
/*header*/
.header {position: fixed;z-index: 4;top: 0;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: var(--header-height);background-color: var(--color-white);border-bottom: 1px solid var(--color-grey);}
.header-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.header-margin {position: relative;display: block;width: 100%;margin-bottom: var(--header-height);}
.header-logo {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;letter-spacing: 1px;font-size: 18px;text-decoration: none;color: var(--color-black);}
.header-logo span,.header-version {position: relative;display: inline-block;font-weight: 500;font-size: 14px;text-transform: uppercase;border-radius: 3px;color: var(--color-white);background-color: var(--color-green);padding: 5px 12px;margin-left: 10px;}
.header-right {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-right .btn {margin-right: 15px;}
.header-right .btn:last-child {margin-right: 0;}
.header-version {text-transform: none;margin: 0;}
.header-burger {position: relative;display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: var(--header-height);height: var(--header-height);}
.header-burger-btn {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 24px;height: 14px;cursor: pointer;}
.header-burger-btn::before,.header-burger-btn::after,.header-burger-btn span {position: absolute;left: 0;display: block;width: 100%;height: 2px;background-color: var(--color-green);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-burger-btn::before {content: '';top: 0;}
.header-burger-btn::after {content: '';bottom: 0;}
.header-burger-btn.active::before {top: 6px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.header-burger-btn.active::after {bottom: 6px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.header-burger-btn.active span {left: 5px;opacity: 0;visibility: hidden;}
/*banner*/
.banner {position: relative;display: block;width: 100%;padding: 60px 0;background-image: linear-gradient(225deg, #27ae60, var(--color-green));}
.banner-block-breadcrumbs {position: relative;display: block;width: 100%;margin-bottom: 8px;}
.banner-block-breadcrumbs li {position: relative;display: inline-block;font-size: 16px;line-height: 1.4em;color: var(--color-white);padding-right: 25px;margin-right: 10px;}
.banner-block-breadcrumbs li::before {position: absolute;content: '';top: 50%;right: 0;display: inline-block;width: 15px;height: 2px;background-color: var(--color-white);}
.banner-block-breadcrumbs li:last-child {padding: 0;margin: 0;}
.banner-block-breadcrumbs li:last-child::before {display: none;}
.banner-block-breadcrumbs li a {position: relative;}
.banner-block-breadcrumbs li a::before {position: absolute;content: '';bottom: 0;right: 0;display: block;width: 0;height: 1px;background-color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner-block-breadcrumbs li span {font-weight: 500;}
.banner-block-btns {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;margin-top: 15px;}
.banner-btn {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 120px;height: 46px;font-size: 15px;color: var(--color-white);text-transform: uppercase;border: 2px solid var(--color-white);padding: 0 30px;margin-right: 15px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner-btn:last-child {margin-right: 0;}
.banner-btn:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
/*media*/
@media(min-width: 1200px){
  .banner-btn:hover {background-color: var(--color-white);color: var(--color-green);}
  .banner-block-breadcrumbs li a:hover::before {right: auto;left: 0;width: 100%;}
}
@media(max-width: 1440px){
  .banner {padding: 50px 0;}
  .header-logo {font-size: 17px;}
}
@media(max-width: 1199px){
  .banner-btn {height: 44px;}
}
@media(max-width: 991px){
  .header-burger {display: -webkit-box;display: -ms-flexbox;display: flex;}
  .header-logo {font-size: 16px;}
  .header-logo span,.header-version {font-size: 13px;}
  .header-right {position: fixed;top: var(--header-height);right: -60%;display: block;width: 60%;height: calc(100% - var(--header-height));background-color: var(--color-white);padding: 20px;overflow-y: auto;overflow-x: hidden;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  .header-right.active {right: 0;opacity: 1;visibility: visible;}
  .header-layer {position: fixed;z-index: 3;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0;visibility: hidden;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  .header-layer.active {opacity: 1;visibility: visible;}
  .header-right a {margin-bottom: 10px;}
}
@media(max-width: 767px){
  .banner {padding: 40px 0;}
  .banner-btn {padding: 0 25px;margin-right: 10px;}
  .header-right {right: -70%;width: 70%;}
  .header-logo {font-size: 15px;}
  .header-logo span,.header-version {font-size: 12px;}
  .header-burger-btn {width: 22px;height: 12px;}
  .header-burger-btn.active::before {top: 5px;}
  .header-burger-btn.active::after {bottom: 5px;}
}
@media(max-width: 575px){
  .header-right {right: -85%;width: 85%;padding: 15px;}
}
@media(max-width: 480px){
  .banner {text-align: center;}
  .banner-block-btns {-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .banner-btn {width: 100%;padding: 0 20px;margin-right: 0;margin-bottom: 5px;}
  .banner-btn:last-child {margin-bottom: 0;}
  .banner-block-breadcrumbs {margin-bottom: 0;}
  .header-right {right: -100%;width: 100%;}
}