@charset "UTF-8";

.preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

.preloader svg {
  transform-origin: 50% 65%;
}

.preloader svg polygon {
  stroke-dasharray: 17;
  -webkit-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
          animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
}

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;min-width:0}html{min-height:100%;font-weight:400;touch-action:manipulation;-ms-touch-action:manipulation}body{min-height:100%;line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5{font-weight:inherit}b,strong{font-weight:700}input,button,textarea{border:0;padding:0;font-weight:inherit;background:transparent;line-height:1}hr{display:block;width:100%;height:1px;background:#ada29c;margin:0;padding:0;border:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder{color:inherit}input::placeholder{color:inherit;opacity:.7}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}a{color:inherit;text-decoration:none;}select:disabled{opacity:.6}


:root {
  --color-default: #2c3e50;
  --color-blue: #0061a4;
  --color-dblue: #233d63;
  --color-grey: #5f6368;
  --color-lgrey: #72767b;
  --color-wlilac: #F4F6FB;
  --bezier: all 0.6s cubic-bezier(0.79, 0.33, 0, 1);
}

html {
    font-size: 10px;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.75;
    color: var(--color-default);
    overflow-y: hidden;
}

body.ready {
    overflow-y: auto;
}

body.ov-hidden {
    overflow: hidden;
}


picture,
img,
svg,
iframe {
    display: block;
    max-width: 100%;
}

figure {
    margin-left: 0;
    margin-right: 0;
}

section {
    width: 100%;
    position: relative;
}

b, strong {
    font-weight: 600;
}

.description::after {
    content: '';
    display: block;
    clear: both;
}

.description p:not(:last-child) {
    margin-bottom: 3.4rem;
}

.description ol li {
    list-style-position: inside;
}

.description ul {
    margin-bottom: 3.4rem;
}

.description ul li {
    list-style: none;
}

.description ul li::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    background: url(./images/dot.png) center center no-repeat;
    margin-right: 1rem;
    transform: translateY(-1px);
}

.description img.alignleft {
    float: left;
    margin-right: 3rem;
    margin-top: 0.8rem;
    margin-bottom: 3rem;
}

.description > *:last-child {
    margin-bottom: 0;
}

.section {
    width: 100%;
    padding: 9rem 0;
    position: relative;
}

.pt0 {
    padding-top: 0;
}

.wrapper {
    box-sizing: border-box;
    max-width: 100%;
    width: 1230px;
    padding: 0 3rem;
    margin: 0 auto;
}

.pretitle,
.single h4 {
    display: block;
    font-size: 1.8rem;
    font-weight: normal;
    color: var(--color-lgrey);
    line-height: initial;
    margin-bottom: 4.5rem;
}

.title,
.single h2  {
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -0.5px;
}

.title-small,
.single h3  {
    font-size: 2.4rem;
    line-height: 1.16;
}


.single h2 {
    margin-bottom: 1.5rem;
}

.single h3 {
    margin-bottom: 1.2rem;
}

.single h4 {
    margin-bottom: 1rem;
}

.main-title {
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 1.125;
}

.btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16rem;
    height: 5rem;
    padding: 0 3rem;
    font-weight: bold;
    font-size: 1.6rem;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 3px;
    background: transparent;
    transition: 0.3s;
    cursor: pointer;
}

.btn:hover {
    background: var(--color-blue);
    color: #fff;
}

.btn_grey {
    background: #e1e8f2;
    border-color: #e1e8f2;
    color: var(--color-blue);
}

.btn_grey:hover {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #fff;
}

.btn_white {
    background: #fff;
    border-color: #fff;
    color: var(--color-blue);
}

.btn_white:hover {
    background: var(--color-blue);
    color: #fff;
}

.btn_blue {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #fff;
}

.btn_blue:hover {
    background: #fff;
    border-color: var(--color-blue);
    color: var(--color-blue);
}

.btn_plus {
    min-width: unset;
    width: 38px;
    height: 38px;
    padding: 0;
    font-size: 1.1rem;
}

.swiper-slide.w-auto {
    width: auto;
}

.slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;   
    width: 100%;
    position: relative;
    z-index: 1; 
}

.slider-pagination .swiper-pagination-bullet {
    display: block;
    width: 21px;
    height: 18px;
    background: url(./images/triangle-empty.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 0;
    opacity: 1;
    margin: 0 10px;
}

.slider-pagination .swiper-pagination-bullet.active {
    background-image: url(./images/triangle-blue.png);
}

.slider-pagination_dark .swiper-pagination-bullet {
    background-image: url(./images/triangle-dark.png);
}

.slider-scrollbar {
    width: calc(100% - 6px);
    box-sizing: border-box;
    background: #e1e8f2;
    box-shadow: 0 0 0 3px #e1e8f2;
}

.slider-scrollbar .swiper-scrollbar-drag {
    border-radius: 3px;
    background: var(--color-blue);
    height: 7px;
}

.socials {
    display: flex;
    margin: 0 -2rem;
}

.socials__item {
    display: block;
    margin: 0 2rem;
    font-size: 1.8rem;
    color: var(--color-grey);
    transition: 0.3s;
}

.socials__item:hover {
    color: var(--color-blue);
}

.top-panel {
    padding: 1rem 0;
    border-bottom: 1px solid #dadce0;
}

.top-panel__text {
    color: var(--color-grey);
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.top-panel .socials {
    justify-content: flex-end;
}

.logo {
    display: block;
    max-width: 18.5rem;
}

.logo img {
    max-height: 100%;
}

/* header menu START */

.header {
    background: #fff;
    border-bottom: 1px solid #fcf7f6;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header__wrapper {
    position: relative;
}

.header__logo img {
    max-height: 100%;
}

.header__menu {
    display: flex;
    margin: 0 -3.6rem;
}

.header__menu > li {
    display: block;
    margin: 0 3.6rem;
    position: relative;
}

.header__menu > li > a {
    display: flex;
    white-space: nowrap;
    align-items: center;
    padding: 4rem 0;
    position: relative;
    backface-visibility: hidden;
    font-size: 1.7rem;
}

.header__menu > li > a::before {
    content: '';
    display: block;
    width: 0;
    height: 0.6rem;
    background: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: var(--bezier);
}

.header__menu > li.current-menu-item > a,
.header__menu a:hover {
    color: var(--color-blue);
}

.header__menu > li.current-menu-item > a::before,
.header__menu > li > a:hover::before {
    width: 100%;
}

.header__menu > li.menu-item-has-children > a::after {
    content: '';
    display: block;
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    background: none;
    margin-left: 1rem;
}

.header__menu .sub-menu {
    box-sizing: border-box;
    width: 25.5rem;
    padding: 1.8rem 2.5rem;
    background: #fff;
    position: absolute;
    top: 100%;
    left: -9999px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.header__menu li:hover .sub-menu {
    left: 0;
    opacity: 1;   
}

.header__menu .sub-menu li {
    display: block;
}

.header__menu .sub-menu li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.header__menu .sub-menu a {
    font-size: 1.4rem;
    line-height: 1;
}

.header.fixed .header__menu>li>a {
    padding: 2.3rem 0;
}

.fixed .header__logo img {
    height: 5%;
}

/* header menu END */

.header-search {
    display: flex;
    justify-content: flex-end;
}

.header-search__icon {
    transition: 0.3s;
    cursor: pointer;
}

.header-search__icon:hover,
.header-search__icon.active {
    color: var(--color-blue);
}

.search-bar {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 1px;    
    display: none;
}

.search-bar__form {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 21rem;
    height: 6.5rem;
    padding-left: 3rem;
    background: #fff;
}

.search-bar__input {
    box-sizing: border-box;
    width: 100%;
    padding-left: 1.5rem;
    font-size: 1.4rem;
    font-family: inherit;
    color: var(--color-grey);
    border-left: 2px solid currentColor;
}

.search-bar__input::placeholder {
    opacity: 1;
}

.footer__logo {
    margin-bottom: 3rem;
}

.footer-content {
    padding: 7rem 0 6rem;
    color: #fff;
    background: var(--color-default);
}

.footer-contacts__item {
    display: block;
    margin-bottom: 3rem;
}

a.footer-contacts__item:hover {
    text-decoration: underline;
}

.footer-contacts__item i {
    display: inline-block;
    margin-right: 1.5rem;
    font-size: 1.8rem;
}

.footer .socials__item {
    color: inherit;
}

.footer .socials__item:hover {
    color: var(--color-blue);
}

.footer-block {
    padding-top: 2.5rem;
}

.footer-block__title {
    font-size: 2.1rem;
    font-weight: 600;
    margin-bottom: 3.5rem;
}

.footer-block__link {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 0.2rem;
}

.footer-block__link:hover {
    text-decoration: underline;
}

.copyright {
    background: #0362a5;
    color: #fff;
    padding: 3rem 0;
    border-top: 1px solid #dfe0e5;
    font-size: 1.5rem;
}

.copyright-menu-wrap {
    display: flex;
    align-items: center;
}

.copyright-menu {
    display: flex;
    align-items: center;   
}

.copyright-menu li {
    display: flex;
    margin-left: 1rem;
    position: relative;
}

.copyright-menu li::before {
    content: '|';
    display: block;
    margin-right: 1rem;
}

.copyright-menu li a:hover {
    text-decoration: underline;
}

.made-by {
    text-align: right;
}

.made-by:hover {
    text-decoration: underline;
}

/* GLOBAL END */



/* form START */

.form {
    padding-bottom: 3rem;
}

.form__field {
    margin-bottom: 3.5rem;
}

.form__input {
    box-sizing: border-box;
    width: 100%;
    height: 5.5rem;
    padding-left: 5rem;
    padding-right: 2rem;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: var(--color-default);
    border: 1px solid currentColor;
    border-radius: 0.5rem;
}

.form__input::placeholder,
textarea.form__input::placeholder {
    opacity: 1;
}

textarea.form__input {
    padding-top: 2rem;
    padding-bottom: 2rem;
    height: 29.5rem;
    resize: vertical;
}

select.form__input {
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background: url(./images/select-icon.png) right 3rem center;
    background-color: #fff;
    background-repeat: no-repeat;
}

.form__submit {
    width: 24rem;
}

.form__checkbox .wpcf7-list-item {
    padding: 0;
    margin: 0;
}

.form__checkbox input {
    margin: 0;
    width: 0;
    height: 0;
    position: absolute;
    font-size: 0;
    opacity: 0;
}

.form__checkbox .wpcf7-list-item-label {
    font-weight: 600;
    font-size: 1.5rem;
    position: relative;
    color: var(--color-default);
    cursor: pointer;
}

.form__checkbox .wpcf7-list-item-label::before {
    content: '';
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid currentColor;
    margin-right: 1rem;
    transform: translateY(-2px);
}

.form__checkbox .wpcf7-list-item-label::after {
    content: '\2713';
    font-size: 1.2rem;
    position: absolute;
    left: 3px;
    top: 0px;
    opacity: 0;
}

.form__checkbox input:checked ~ .wpcf7-list-item-label::after {
    opacity: 1;
}

.custom-checkbox {
    display: flex;
    align-items: center;
}

.custom-checkbox .pseudo-checkbox {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: var(--color-default);
    cursor: pointer;
}

.custom-checkbox .pseudo-checkbox::before {
    box-sizing: border-box;
    flex: 0 0 auto;
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    color: var(--color-default);
    border: 1px solid currentColor;
    border-radius: 100%;
    margin-right: 1.7rem;
    line-height: 1;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 600;
}

.custom-checkbox input:checked ~ .pseudo-checkbox::before {
    content: '\2713';
    color: var(--color-blue);
    opacity: 1;
}

.form__field_submit {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    border-color: red;
    border-width: 1px;
    margin-top: 0;
}

.wpcf7 .ajax-loader {
    display: none;
}

/* form END */



/* load more START */

.alm-listing {
    justify-content: center;
    min-height: 50px;
}

.alm-btn-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
}

.alm-load-more-btn {
    width: 7.5rem;
    height: 7.5rem;
    background: url(./images/loader.svg) center center no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    margin: 3rem 0;
}

.alm-load-more-btn.done {
    display: none;
}

/* load more END */



/* tabs START */

.tabs {
    display: flex;
    align-items: center;
}

.tabs__item {
    display: block;
    padding: 0 6rem;
    font-size: 1.8rem;
    position: relative;
    color: var(--color-blue);
    cursor: pointer;
}

.tabs__item:first-child {
    padding-left: 0;
}

.tabs__item:last-child {
    padding-right: 0;
}

.tabs__item:hover {
    color: var(--color-dblue);   
}

.tabs__item.active {
    color: var(--color-dblue);   
    cursor: default;
}

.tabs__item:not(:last-child)::after {
    content: '';
    display: block;
    width: 0.2rem;
    height: 1.6rem;
    background: var(--color-dblue);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* tabs END */


/* mainslider START */

.mainslider {
    background: var(--color-grey);
}

.mainslider .swiper-slide {
    height: auto;
}

.mainslider-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 67.5rem;
    padding: 12rem 0;
    position: relative;
    z-index: 1;
    color: #fff;
}

.mainslider-item__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mainslider-item__content {
    box-sizing: border-box;
    width: 55rem;
    max-width: 100%;
    padding: 5.5rem 4rem 6rem;
    border-radius: 3px;
    background: var(--color-blue);
}

.mainslider-item__pretitle {
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.55;
    color: inherit;
}

.mainslider-item__pretitle:last-child {
    margin-bottom: 0;
}

.mainslider__pagination {
    position: absolute;
    bottom: 6rem;
}

/* mainslider END */



/* imagelinks START */

.imagelinks {
    padding: 5rem 0 0rem;
}

.imagelinks__content {
    margin-bottom: -2.5rem;
}

.imagelinks-item {
    display: block;
    margin-bottom: 2.5rem;
}

.imagelinks-item__image {
    width: 100%;
    height: 26.5rem;
}

.imagelinks-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

.imagelinks-item__content {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 12.5rem;
    padding: 3.5rem;
    color: var(--color-grey);
    background: var(--color-wlilac);
    transition: 0.3s;
    border-radius: 0 0 5px 5px;
}

.imagelinks-item:hover .imagelinks-item__content {
    color: #fff;
    background: var(--color-blue);
}

.imagelinks-item__icon {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 2rem;
    font-size: 3rem;
    opacity: 0;
}

.imagelinks-item:hover .imagelinks-item__icon {
    opacity: 1;
}

/* imagelinks END */



/* alternate START */

.alternate {
    overflow: hidden;
}

.alternate-item:not(:last-child) {
    margin-bottom: 8rem;
}

.alternate-item__content {
    padding-right: 1rem;
}

.alternate-item__icon {
    margin-bottom: 4rem;
}

.alternate-item__pretitle {
    margin-bottom: 3rem;
}

.alternate-item__title {
    margin-bottom: 3.5rem;
}

.alternate-item__text a {
    color: var(--color-blue);
}

.alternate-item__text a:hover {
    text-decoration: underline;
}

.alternate-item__link {
    margin-top: 4.5rem;
    margin-bottom: 3rem;
}

/*.alternate-item__image-wrap img {
    box-shadow: 0px 10px 20px 0px rgba(1, 36, 75, 0.1);
}
*/
.alternate-item:nth-child(even) .alternate-item__image-wrap,
.alternate-item_reverse:nth-child(odd) .alternate-item__col:last-child {
    order: -1;
}

.alternate-item:nth-child(even) .alternate-item__content,
.alternate-item_reverse:nth-child(odd) .alternate-item__content {
    padding-right: 0;
    padding-left: 1rem;
}


/* alternate END */



/* activity START */

.activity {
    background: var(--color-wlilac);
    text-align: center;
}

.activity__title {
    margin-bottom: 3rem;
}

.activity__list {
    padding-top: 7.5rem;
    margin-bottom: 9rem;
}

.activity-item {
    display: block;
    box-sizing: border-box;
    padding: 0 1.5rem;
    text-align: center;
    color: var(--color-dblue);
}

.activity-item__image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 5.5rem;
    height: 4.5rem;
    margin: 0 auto;
    margin-bottom: 4.5rem;
}

.activity-item__image img {
    max-height: 100%;
    transition: 0.3s;
}

.activity-item__title {
    transition: 0.3s;
}

.activity-item:hover .activity-item__image img {
    filter: grayscale(1);
}

.activity-item:hover .activity-item__title {
    color: var(--color-grey);
}


.activity__pagination {
    margin-bottom: 7rem;
}

.activity__scrollbar {
    display: none;
    margin-bottom: 5rem;
}

/* activity END */

.list-bar {
    margin-bottom: 12rem;
}

.list-bar__btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.list-bar__btn {
    display: block;
    font-size: 1.8rem;
    padding: 0 5rem;
    color: var(--color-blue);
    position: relative;
    cursor: pointer;
}

.list-bar__btn:hover,
.list-bar__btn.active {
    color: var(--color-dblue);
}

.list-bar__btn::after {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background: var(--color-dblue);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.list-bar__btn:first-child {
    padding-left: 0;
}

.list-bar__btn:last-child {
    padding-right: 0;
}

.list-bar__btn:last-child::after {
    display: none;
}

.list-bar__select {
    margin-top: 5rem;
}


/* new-products START */

.new-products-list.inited:not(.active) {
    width: 30rem;
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.new-products-list__pagination {
    padding-top: 6.5rem;
}

.new-products-list__scrollbar {
    margin-top: 6.5rem;
}

.new-product {
    box-sizing: border-box;
    border: 1px solid #dfe0e5;
    border-radius: 5px;
    overflow: hidden;
}

.new-product__image-wrap {
    position: relative;
}

.new-product__image {
    width: 100%;
    height: 29.5rem;
}

.new-product__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.new-product__label {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16.5rem;
    height: 5rem;
    padding: 0 1rem;
    border-radius: 3px 0 0 3px;
    background: #fff;
    color: var(--color-dblue);
    position: absolute;
    right: 0;
    bottom: 2rem;
}

.new-product__content {
    box-sizing: border-box;
    width: 100%;
    padding: 4.2rem;
    background: #fff;
    text-align: center;
}

.new-product__title {
    color: var(--color-dblue);
    margin-bottom: 3.2rem;
}

.new-product__text {
    display: none;
    height: 8rem;
    overflow: hidden;
    margin-bottom: 4rem;
}

.new-product__btn {
    width: 24rem;
    max-width: 100%;
}

/* new-products END */



/* CTA START */

.cta {
    position: relative;
    z-index: 1;
    background: var(--color-blue);
    color: #fff;
    text-align: center;
}

.cta__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cta__pretitle {
    color: #fff;
}

.cta__title {
    margin-bottom: 4rem;
}

.cta__text {
    width: 57rem;
    max-width: 100%;
    margin: 0 auto 7rem;
}

/* CTA END */



/* realizations START */

.realizations-list {
    margin-bottom: -3rem;
}


.realization {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 37rem;
    padding: 3rem;
    color: #fff;
    margin-bottom: 3rem;
    position: relative; 
    z-index: 1;

    background: white;
    transition: 0.3s;
}

.realization__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
   
}

.realization__content {
    opacity: 0;
    transition: 0.3s;
}

.realization__title {
    margin-bottom: 5rem;
}

.realization__arrow {
    opacity: 0;
    position: absolute;
    right: 2.5rem;
    bottom: 2.5rem;
}

.realization:hover {
    background: var(--color-blue);
}

.realization:hover .realization__image {
    mix-blend-mode: multiply;
    filter: grayscale(1);
}

.realization:hover .realization__content,
.realization:hover .realization__arrow {
    opacity: 1;
}

.realizations-list-mobile .realization {
    width: 31rem;
    height: 31rem;
    max-width: 100%;
    margin: 0;
}

.realizations-list-mobile__scrollbar {
    margin-top: 4rem;
}

/* realizations END */


/* hero START */

.hero {
    color: #fff;
    background: var(--color-blue);
    z-index: 1;
}

.hero__image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center center;
    z-index: -1;
    opacity: 0.6;
    mix-blend-mode: multiply;
    filter: grayscale(1);
}

.hero__content {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 3rem 0;
    height: 46rem;
}

.hero__title {
    width: 100rem;
    max-width: 100%;
    line-height: 1.45;
}

/* hero END */



/* breadcrumbs START */

.breadcrumbs {
    padding-top: 6rem;
    font-size: 1.5rem;
}

.breadcrumbs__content {
    margin-left: -1.5rem;
}

.breadcrumbs__content > span {
    display: inline-block;
    margin: 0 1.5rem;
}

.breadcrumbs__content > span > span {
    color: var(--color-lgrey);
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* breadcrumbs END */



/* gridblocks START */

.gridblock {
    box-sizing: border-box;
    height: 100%;
}

.gridblock__inner {
    box-sizing: border-box;
    height: 100%;
    padding: 5rem 4rem 8rem;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    background-color: var(--color-wlilac);
    position: relative;
    z-index: 1;
}

.gridblock__text {
    margin-top: 7rem;
}

.gridblock__btn {
    margin-top: 9rem;
}

.gridblock__image-wrap {
    flex: 0 0 auto;
    width: 35%;
}

.gridblock__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.gridblock__content {
    display: flex;
    background: var(--color-blue);
    color: #fff;
    padding: 5rem 2rem 5rem 3rem;
    text-align: left;
}

.gridblock__btn-wrap {
    flex: 0 0 auto;
}

.gridblock-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gridblock_1 .gridblock__pretitle {
    margin-bottom: 7.5rem;
}

.gridblock_2 {
    height: 47%;
}

.gridblock_2 .gridblock__inner {
    display: flex;
    padding: 0;
    height: calc(100% - 20px);
}

.gridblock_2 .gridblock__pretitle {
    color: #fff;
    margin-bottom: 3.5rem;
}

.gridblock_3 {
    height: 53%;
}

.gridblock_3 .gridblock__inner {
    color: #fff;
    padding-bottom: 4rem;
    position: relative;
    background: var(--color-blue);
}

.gridblock_3 .gridblock__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    mix-blend-mode: multiply;
    filter: grayscale(1);
}

.gridblock_3 .pretitle {
    color: #fff;
    margin-bottom: 2.8rem;
}

.gridblock_3 .gridblock__btn {
    margin-top: 3rem;
}

/* gridblocks END */



/* numbers START */

.numbers__title {
    padding-top: 4rem;
    margin-bottom: 3.5rem;
}

.numbers__text a {
    color: var(--color-blue);
}

.numbers__text a:hover {
    text-decoration: underline;
}

.numbers__pretitle {
    text-align: center;
}

.numbers__list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    padding-top: 2rem;
    margin-bottom: -9rem;
}

.number {
    box-sizing: border-box;
    width: 25%;
    padding: 0 1rem;
    text-align: center;
    margin-bottom: 9rem;
}

.number__number {
    font-weight: 300;
    color: var(--color-blue);
    line-height: 1;
}

.number__text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    line-height: 1.2;
    color: var(--color-lgrey);
}

/* numbers END */



/* history START */

.history {
    text-align: center;
}

.history__list-wrap {
    padding-top: 5rem;
}


.history__list {
    position: relative;
    padding-bottom: 1px;
}

.history__list::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-blue);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.history-item {
    position: relative;
    margin-bottom: 11rem;
}

.history-item::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--color-blue);
    box-shadow: 0 0 0 5px #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.history-item__date {
    line-height: 1;
}

.history-item__text {
    padding-top: 4.2rem;
}

.history-item__image-wrap {
    padding-left: 6.4rem;
    padding-top: 4.5rem;
    position: relative;
    z-index: 1;
}

.history-item__image-wrap::after {
    content: '';
    display: block;
    width: 27rem;
    height: 28rem;
    background: var(--color-blue);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.history-item__image {
    max-width: 100%;
    width: 43rem;
    height: 30rem;
    box-shadow: 0px 10px 20px 0px rgba(1, 36, 75, 0.1);
}

.history-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.history-item:nth-child(odd) .history-item__text {
    padding-right: 1.5rem;
}

.history-item:nth-child(even) .history-item__text {
    padding-left: 1.5rem;
}

.history-item:nth-child(odd) .history-item__image-wrap {
    margin-left: 7rem;
}

.history-item:nth-child(even) .history-item__image-col {
    order: -1;
}

/* history END */


/* blog START */

.page-blog {
    margin-bottom: 10rem;
}

.post-entry {
	margin-bottom: 10rem;
}

.blog-thumb {
	float: left;
	margin: 0 5rem 8rem 0;
}

.blog-clear {
	clear: left;
}

.rmore {
	margin-top: 1rem;
	color: var(--color-blue);
}

.bdate {
	color: var(--color-lgrey);
	font-size: 1.4rem;
	margin-bottom: 1rem;
}

/* blog END */

/* recent posts START */

.postslider {
	background: var(--color-wlilac);
	padding-top: 4rem;
}

.postslider__title {
    box-sizing: border-box;
    max-width: 100%;
    width: 1230px;
    padding: 0 3rem 4rem 0;
    margin: 0 auto;
}

.postslider__content {
    box-sizing: border-box;
    display: flex;
}

.postslider__h2 {
	margin: 0 auto;
}

.recentp-thumb {
	width: 100%;
    height: 14rem;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.ptitle {
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 3.2rem;
	margin-bottom: 1rem;
}

.pmore {
	margin-top: 1rem;
	color: var(--color-blue);
}

.pdate {
	color: var(--color-lgrey);
	font-size: 1.2rem;
	margin-bottom: 0;
}

.slidetxt {
	margin-top: 16rem;
	padding: 0 3rem 4rem 3rem;
}

.postslider .swiper-slide {
    width: 35.4rem;
	margin: 0;
	background: #fff;
	border: 1px solid #cfcfcf;
	align-items: flex-start;
}

.postslider__scrollbar {
    margin: 4rem auto;
	max-width: 100%;
}

.postslider__swiper-container {
	padding-bottom: 1rem;
}

/* recent posts END */

/* clients START */

.page-clients__title {
    padding-top: 7rem;
}

.clients-tabs {
    padding-top: 7rem;
    padding-left: 3rem;
    margin-bottom: 10rem;
}

.clients-list {
    padding-bottom: 10rem;
}

.client {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    background: #f5f5f5;
    margin-bottom: 3rem;
}

.client__image img {
    height: auto;
}

.clients-select-wrap {
    padding: 3rem 0 4rem;
}

.page-clients .alm-listing {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.page-clients .clients-list__col {
    box-sizing: border-box;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

/* clients END */



/* fabricants START */

.page-fabricants__panel {
    padding-top: 9rem;
    margin-bottom: -2rem;
}

.page-fabricants__panel-col {
    margin-bottom: 2rem;
}

.fabricants-list__block {
    margin-bottom: 4rem;
}

.fabricants-list__title {
    text-align: center;
    color: var(--color-dblue);
}

.fabricants-list__list {
    padding-top: 2.5rem;
}

.fabricant {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 29rem;
    padding: 4rem;
    background: #f5f5f5;
    margin-bottom: 3rem;
    position: relative;
}

.fabricant::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color-blue);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: 0.3s;
}

.fabricant img {
    height: auto;
}

.fabricant__btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
}

.fabricant:hover::before {
    opacity: 0.7;  
}
.fabricant:hover .fabricant__btn {
    opacity: 1;
}

/* fabricants END */



/* single fabricant START */

.single-fabricant__content {
    padding-top: 5rem;
    padding-bottom: 9rem;
}

.single-fabricant__blocks {
    padding-top: 5rem;
}

.single-fabricant__block:not(.active) {
    display: none;
}

.single-fabricant__presentation {
    font-size: 1.5rem;
}

.single-fabricant .product-list {
    margin: 0 -1.5rem;
}

.single-fabricant .product-item {
    box-sizing: border-box;
    width: 25%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: 0;
    margin-right: 0;
}

/* single fabricant END */



/* banner START */

.banner {
    padding-top: 5rem;
}

.banner__content {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8rem 7rem;
    position: relative;
    z-index: 1;
}

.banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.banner__block {
    box-sizing: border-box;
    min-width: 280px;
    padding: 5rem 4rem;
    background: rgb(255 255 255 / 60%);
}

.banner__pretitle {
    color: var(--color-default);
    margin-bottom: 1.6rem;
}

.banner__text {
    padding-top: 3rem;
    font-size: 5.4rem;
    font-weight: 600;
    line-height: 1;
}

.banner__logo {
    padding-top: 2.5rem;
}

.banner__logo img {
    width: auto !important;
    height: auto !important;
    max-height: 10rem;
}

/* banner END */



/* product-list START */

.product-list {
    display: flex;
    flex-flow: row wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    margin: 0 -1rem;
}

.product-item {
    display: block;
    width: 24.5rem;
    text-align: center;
    margin: 0 1rem;
    margin-bottom: 7rem;
}

.product-item__image {
    width: 100%;
    height: 24.5rem;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background: var(--color-grey);
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.product-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: scale(1);
    transition: 0.3s;
    backface-visibility: hidden;
}

.product-item__label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 11rem;
    padding: 0 1rem;
    height: 3.5rem;
    background: #fff;
    color: var(--color-blue);
    font-size: 1.2rem;
    font-weight: 600;
    position: absolute;
    bottom: 3rem;
    right: 0;
    border-radius: 3px 0 0 3px;
    transition: all 0.3s;
}

.product-item__brand {
    font-size: 1.5rem;
    color: var(--color-lgrey);
}

.product-item__title {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.product-item__text {
    display: none;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 2.5rem;
}

.product-item__btn {
    margin: 0 auto;
}

.product-item:hover .product-item__image img {
    transform: scale(1.1);
}

.product-item:hover .product-item__label {
    background: var(--color-blue);
    color: #fff;
}

.ajax-load-more-wrap .product-item {
    width: 24.3rem;
}

.ajax_nothing {
    width: 100%;
    text-align: center;
}

/* product-list END */



/* page products START */



/* page products END */




/* page realizations START */

.page-realizations__content {
    padding-top: 7rem;
}

/* page realizations END */



/* single realization START */

.single-realization__content {
    padding-top: 5rem;
}

.realizations-slider {
    background-color: var(--color-dblue);
}

.realizations-slider,
.realizations-slider__item {
    height: 67rem;
    position: relative;
}

.realizations-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.realizations-slider__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 100%;
    background: url(./images/arrow_left.png) center center no-repeat;
    background-color: rgb(0 0 0 / 30%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    transition: 0.3s;
}

.realizations-slider__arrow:hover {
    background-color: rgb(0 0 0 / 60%);
}

.realizations-slider__arrow_next {
    left: auto;
    right: 0;
    background-image: url(./images/arrow_right.png);
}

.single-realization__info {
    box-sizing: border-box;
    width: 52.5rem;
    padding: 5rem 4rem;
    background: rgb(255 255 255/60%);
    position: absolute;
    right: 12.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.single-realization__pretitle {
    margin-bottom: 2rem;
}

.single-realization__text {
    padding-top: 5.5rem;
    font-size: 1.5rem;
    line-height: 1.8;
}

.single-realization__attributes {
    padding-top: 3rem;
}

.single-realization__info-mobile {
    padding-top: 3rem;
}

/* single realization END */



/* crossrealizations START */

.crossrealizations__link-wrap {
    text-align: right;
}

.crossrealizations__link {
    color: var(--color-blue);
}

.crossrealizations__link:hover {
    text-decoration: underline;
}

.crossrealizations__list {
    padding-top: 8rem;
}

.crossrealizations__list .realization {
    height: 27.5rem;
    border-radius: 3px;
    overflow: hidden;
}

.crossrealizations__list .realization__title {
    font-size: 1.8rem;
    margin-bottom: 3rem;
} 

.crossrealizations__list .realization__attributes {
    font-size: 1.2rem;
} 

/* crossrealizations END */



/* single page START */

.single-page {
    padding-bottom: 7rem;
}

.single-page__description {
    padding-top: 7rem;
}


/* single page END */



/* contact page START */

.page-contact__form {
    padding-top: 6rem;
}

.page-contact__blocks {
    padding-bottom: 7rem;
}

.page-contact__block {
    border-radius: 0.5rem;
    margin-bottom: 8rem;
}


.page-contact__description-title {
    margin-bottom: 3.5rem;
}


.page-contact__info {
    box-sizing: border-box;
    padding-top: 5rem;
    background: var(--color-wlilac);
    font-size: 1.5rem;
}

.page-contact__info-inner {
    display: flex;
    flex-flow: row wrap;
}

.page-contact__info-block {
    box-sizing: border-box;
    width: 50%;
    padding-right: 0;
    padding-left: 4rem;
    margin-bottom: 3rem;
}

.page-contact__info-title {
    font-weight: 600;
}

.page-contact__info-title i {
    font-size: 1.7rem;
    margin-right: 1.5rem;
}

.page-contact__info-text {
    line-height: 1.9;
}

.page-contact__info-text a:hover {
    color: var(--color-blue);
}


.page-contact__map iframe {
    height: 30rem;
}


.page-contact__quote {
    font-size: 1.5rem;
    padding: 7rem 3.5rem 4.5rem 4.5rem;
    line-height: 1.9;
    background: url(./images/quote.png) 4rem 3rem var(--color-wlilac);
    background-repeat: no-repeat;
}

/* contact page END */



/* error page START */

.error-block {
    padding-top: 6rem;
    font-size: 1.5rem;
}

.error-block__text {
    padding-top: 6rem;
}

.error-block__btn {
    margin-top: 6rem;
}

.error-block__email {
    display: block;
    color: var(--color-blue);
    margin-top: 7rem;
    margin-bottom: 6rem;
}

/* error page END */



/* search page START */


.search-results-item {
    margin-bottom: 7rem;
}

.search-results-item__content {
    display: flex;
}

.search-results-item__image {
    width: 20rem;
    height: 20rem;
    margin-right: 4.5rem;
}

.search-results-item__image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: 5px;
}

.search-results-item__cat {
    color: var(--color-lgrey);
    margin-bottom: 1.8rem;
}

.search-results-item__title {
    margin-bottom: 3.7rem;
}

.search-results-item__link {
    font-weight: bold;
    font-size: 1.6rem;
    color: var(--color-blue);
}

.search-results-item__link:hover {
    text-decoration: underline;
}

/* search page END */



/* page pagination START */

.page-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-pagination__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe2e6;
    border-radius: 4px;
    overflow: hidden;   
}

.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
    height: 5.3rem;
    font-size: 1.8rem;
    border-right: 1px solid #dbe2e6;
    color: var(--color-blue);
    transition: 0.3s;
}

.page-numbers:last-child {
    border-right: 0;
}

.page-numbers:not(.page-numbers_arrow):hover,
.page-numbers.current {
    color: #fff;
    background: var(--color-blue);
}

.page-numbers.next,
.page-numbers.prev {
    font-size: 1.4rem;
}

/* page pagination END */




/* single product START */

.single-product {
    padding-bottom: 14rem;
}

.single-product__content {
    padding-top: 5rem;
    margin-bottom: 7rem;
}

.single-product__images {
    width: 42.5rem;
    max-width: 100%;
}

.single-product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42.5rem;
}

.single-product__image a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.single-product__image img {
    max-width: unset;
    max-height: unset;
    margin: 0 auto;
}

.single-product__thumbs {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding-top: 2rem;
    margin: 0 -0.5rem -1rem;
}

.single-product__thumb {
    width: calc(20% - 1rem);
    margin: 0 0.5rem 1rem;
    box-shadow: 0 0 0 0 var(--color-blue);
    cursor: pointer;
    transition: 0.3s;
}

.single-product__thumb:hover,
.single-product__thumb.active {
    box-shadow: 0 0 0 2px var(--color-blue)
}

.single-product__cat {
    color: var(--color-default);
    margin-bottom: 1.6rem;
}

.single-product__title {
    margin-bottom: 6rem;
}

.single-product__text {
    margin-bottom: 3rem;
}

.single-product__anchor {
    display: block;
    color: var(--color-blue);
}

.single-product__anchor:hover {
    text-decoration: underline;
}

.single-product__btn-wrap {
    display: flex;
    justify-content: flex-end;
}

.single-product__btn {
    width: 25.5rem;
}

.single-product__feats {
    margin-bottom: 3rem;
}

.chars {
    background: #f5f6fb;
    padding: 4rem 0;
}

.chars__title {
    color: var(--color-default);
    margin-bottom: 3rem;
}

.chars__item {
    letter-spacing: -0.5px;
    margin-bottom: 0.4rem;
}

.colors {
    display: flex;
}

.colors__title {
    margin-right: 1.5rem;
}

.colors__list {
    display: flex;
    flex-flow: row wrap;   
}

.colors__item {
    box-sizing: border-box;
    border: 1px solid #616466;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 1rem 1rem 0;
    background-position: center center;
    background-size: 100% 100%;
}



/* single product END */



/* poster START */

.poster {
    box-sizing: border-box;
    padding: 7rem 3rem 8rem;
    background: var(--color-blue);
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

.poster__image {
    width: 100%;
    height: 100%;
    object-fit: cover;

    mix-blend-mode: multiply;
    filter: grayscale(1);

    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.poster__title {
    font-weight: 600;
    margin-bottom: 3rem;
}

.poster__text {
    font-size: 1.5rem;
    line-height: 1.85;
    margin-bottom: 3.5rem;
}

.poster__btn {
    width: 24.5rem;
}

/* poster END */



/* sidebar START */

.sidebar {
    background: var(--color-wlilac);
    border-radius: 10px;
    overflow: hidden;
}

.sidebar__content {
    padding: 5rem 4rem 9rem;
}

/* sidebar END */



/* filter START */

.filter__panel {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
    font-size: 1.8rem;
    margin-bottom: 4.5rem;
}

.filter__title {
    margin-right: 1rem;
}

.filter__clear {
    color: var(--color-blue);
    cursor: pointer;
    visibility: hidden;
}

.filter__clear:hover {
    text-decoration: underline;
}

.filter__clear.active {
    visibility: visible;
}

.filter__clear_alt {
    display: none;
    text-align: center;
    margin-top: 5rem;
}

.filter-block:not(:last-child) {
    margin-bottom: 2.8rem;
}

.filter-block__title {
    font-weight: 600;
    margin-bottom: 3rem;
}

.filter-block__checkbox:not(:last-child) {
    margin-bottom: 1rem;
}

.sidebar-toggler {
    width: 100%;
    height: 5.5rem;
    position: relative;
}

.sidebar-toggler::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-toggler.active::after {
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent currentColor transparent;
}

/* filter END */



/* page-products START */

.page-products__content {
    padding-top: 8rem;
    padding-bottom: 15rem;
}

.page-products__pretitle {
    margin-bottom: 3rem;
}

.page-products__panel {
    margin-bottom: 15rem;
}

.page-products__tabs {
    justify-content: flex-end;
}

.page-products__tabs a.tabs__item {
    font-size: 1.4rem;
	margin: 1rem;
	white-space: nowrap;
}

.page-products__tabs a.tabs__item:not(:last-child)::after {
	display: none;
}

/* page-products END */


/* anima START */

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* anima END */