@import url("https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=PT+Sans+Caption:wght@400;700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
[data-font="Carlito"] {
  --PrimaryFont: "Carlito", sans-serif;
}
[data-font="Inter"] {
  --PrimaryFont: "Inter", sans-serif;
}
[data-font="Montserrat"] {
  --PrimaryFont: "Montserrat", sans-serif;
}
[data-font="Noto_Sans"] {
  --PrimaryFont: "Noto Sans", sans-serif;
}
[data-font="PT Sans Caption"] {
  --PrimaryFont: "PT Sans Caption", sans-serif;
}
[data-font="Rubik"] {
  --PrimaryFont: "Rubik", sans-serif;
}

[data-theme="dark_blue"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #095cbd;
  --primary-hover-color: #0924bd;
  --secondary-color:#E1E5EB;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #1D1D1B;
  --secondary-text:#595F62;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #d5dbff;

}
[data-theme="light_blue"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #236bfe;
  --primary-hover-color: #2428FF;
  --secondary-color:#EFF3F9;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #d5faff;
}

[data-theme="blue"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #5d48ef;
  --primary-hover-color: #4E3BC5;
  --secondary-color:#F7F6FA;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #d5e3ff;
}
[data-theme="dark_green"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #063b27;
  --primary-hover-color: #0F9864;
  --secondary-color:#E4E4E4;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #d5ffdd;
}

[data-theme="green"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #105b55;
  --primary-hover-color: #1B8E85;
  --secondary-color:#DFE6E5;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #d5ffe9;
}
[data-theme="light_red"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #f13f3f;
  --primary-hover-color: #A62B2B;
  --secondary-color:#EDF2F6;
  --footer-bg:#254969;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #ffe6d5;
}
[data-theme="red"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #e84526;
  --primary-hover-color: #BE391E;
  --secondary-color:#F1F1F9;
  --footer-bg:#455069;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #ffd5d5;
}

[data-theme="black"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: #1b1b25;
  --primary-hover-color: #484851;
  --secondary-color:#DDE1EB;
  --footer-bg:#484851;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #e1e1e1;
}

[data-theme="blue_gradient"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: linear-gradient(57.48deg, #0386f7 23.28%,#19a8cf 45.76%, #19aecc 57.54%,#19cfc0 84.17%);
  --primary-hover-color: #0386F7;
  --secondary-color:#F2F6F6;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #d5faff;
}
[data-theme="purple_gradient"] {
  /* colors */
  --body-color: #ffffff;
  --primary-color: linear-gradient(57.48deg,#e44ee1 23.28%,#9c54e4 54.02%,#5532c8 84.17%);
  --primary-hover-color: #5532C8;
  --secondary-color:#F2F6F6;
  --footer-bg:#222F3D;
  --input-bg-color:rgba(255 255 255/80%);
  /*text*/
  --primary-text: #030E1F;
  --secondary-text:#59616F;
  --dark-text: #1D1D1B;
  --white-text: #fff;
  --hover-text: #fed5ff;
}

/*--виджет с шестеренками--*/
.s-template-config {
	position: fixed;
	background: transparent;
	z-index: 20;
	pointer-events: none;
}
.w-template-config-frame {
	position: fixed;
	top: 50%;
	left: 0;
	width: 250px;
	transition: all ease 0.2s;
	transform: translateX(-250px) translateY(-50%);
	z-index: 9999;
}
.w-template-config-frame>.frame {
	pointer-events: all;
	background-color: #fff;
	box-shadow: 0 0 25px rgba(150,150,150,0.2);
	padding: 15px;
}
.w-template-config-frame._toggled {
	transform: translateX(0px) translateY(-50%);
}
.w-template-config-frame .btn-configuration {
  position: absolute;
  top: 0px;
  right: -60px;
  color: #606060;
  width: 60px;
  height: 60px;
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
  -webkit-transition: ALL 0.6s ease-in;
  -moz-transition: ALL 0.6s ease-in;
  -o-transition: ALL 0.6s ease-in;
  transition: ALL 0.6s ease-in;
  pointer-events: all;
}
.s-template-config._toggled .btn-configuration {
  opacity: 0;
  pointer-events: none;
}
._desktop .s-template-config .btn-configuration:hover .close:before,
._desktop .s-template-config .btn-configuration:hover .close:after {
	background-color: red;
}


.w-template-config-frame .btn-configuration .close-icon {
	background-color: rgba(0,0,0,0);
	opacity: 0;
}
.w-template-config-frame .btn-configuration .settings-icon {
	background-color: rgba(0,0,0,0);
	opacity: 0.8;
}
.w-template-config-frame._toggled .btn-configuration .close-icon {
	opacity: 0.8;
}
.w-template-config-frame._toggled .btn-configuration .settings-icon {
	opacity: 0;
}
.w-template-config-frame._toggled .btn-configuration .close-icon .close {
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	width: 60px;
	height: 60px;
	width: 100%;
	height: 100%;
}
.w-template-config-frame._toggled .btn-configuration .close-icon .close:after,
.w-template-config-frame._toggled .btn-configuration .close-icon .close:before {
	background-color: rgba(150,150,150,1);
	right: 16px;
}
._desktop .w-template-config-frame._toggled .btn-configuration:hover .close-icon .close:after,
._desktop .w-template-config-frame._toggled .btn-configuration:hover .close-icon .close:before {
	background-color: rgba(255,0,0,1);
}
.w-template-config-frame .btn-configuration .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 4px;
  animation: tpl-config-rotate 1s infinite;
}
.w-template-config-frame .btn-configuration .icon+.icon {
	width: 37px;
	height: 37px;
	top: 5px;
	left: 23px;
  animation: tpl-config-rotate 2s infinite;
}
.w-template-config-frame .btn-configuration .icon+.icon+.icon {
	width: 30px;
	height: 30px;
	top: 29px;
	left: 0px;
  -webkit-animation: tpl-config-rotate 1.2s infinite;
  -moz-animation: tpl-config-rotate 1.2s infinite;
  animation: tpl-config-rotate 1.2s infinite;
}
.w-template-config-frame .btn-configuration .icon svg path {
	transition: all ease 0.2s;
	stroke: white;
	stroke-opacity: 0.8;
	fill: #000;
}

._desktop .w-template-config-frame .btn-configuration:hover .icon {
	/*animation: inherit !important;*/
	animation-duration: 3s;
}
._desktop .w-template-config-frame .btn-configuration:hover svg path {
	fill: #cecece;
	stroke: transparent;
	stroke-opacity: 0;
}
@keyframes tpl-config-rotate {
  from {transform: rotate(0deg)}
  to {transform: rotate(-360deg)}
}
.w-template-config-frame .w-color-switch {
	font-size: 0;
	line-height: 0;
	margin-left: -4px;
	margin-right: -4px;
}
.w-template-config-frame .w-color-switch .color-quad {
  width: 39px;
  height: 39px;
  margin: 0 2px 4px 2px;
  content: "";
  background-color: #000;
  content: "";
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  border: 2px solid transparent;
}
.w-template-config-frame .w-color-switch .color-quad._active {
  border-color: #000;
}

.close {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	display: block;
	width: 25px;
	height: 25px;
	content: "";
	cursor: pointer;
	margin: 0;
  }
  .close:after, 
  .close:before {
	display: block;
	width: 25px;
	height: 1px;
	background-color: #202020;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0px;
  }
  .close.small {
	width: 14px;
	height: 14px;
  }
  .close.small:after, 
  .close.small:before {
	width: 15px;
  }
  .close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  ._desktop .close:hover:before, 
  ._desktop .close:hover:after {
	background-color: red;
  }
  .template-config__block {
	display: flex;
    flex-direction: column;
  }
  .w-template-config-frame {
	font-family: "Source Sans 3", sans-serif;
  }

  .w-template-config-frame.frame-2{
      position: absolute;
    right: -40%;
    top: 25%;
    left: unset;
  }
  .w-template-config-frame.frame-2>frame{
    width:260px;
  }
.w-grid-choose,.w-layout-choose{
    display:flex;
    gap:1rem;
}
.w-grid-choose>div,.w-layout-choose>div{
   cursor:pointer;
}
.w-grid-choose>div.current,.w-layout-choose>div.current{
    border: 1px solid #9a0000;
    border-radius: 4px;
}
/*-/-виджет с шестеренками-/-*/


/*--цветовые варианты--*/
.w-template-config-frame .w-color-switch .color-quad.skin_color__001{background-color:#095CBD}
.w-template-config-frame .w-color-switch .color-quad.skin_color__002{background-color:#236BFE}
.w-template-config-frame .w-color-switch .color-quad.skin_color__003{background-color:#5D48EF}
.w-template-config-frame .w-color-switch .color-quad.skin_color__004{background-color:#063B27}
.w-template-config-frame .w-color-switch .color-quad.skin_color__005{background-color:#105B55}
.w-template-config-frame .w-color-switch .color-quad.skin_color__006{background-color:#F13F3F}
.w-template-config-frame .w-color-switch .color-quad.skin_color__007{background-color:#E84526}
.w-template-config-frame .w-color-switch .color-quad.skin_color__008{background-color:#1B1B25}
.w-template-config-frame .w-color-switch .color-quad.skin_color__009{background:linear-gradient(57.48deg, #0386F7 23.28%, #19A8CF 45.76%, #19AECC 57.54%, #19CFC0 84.17%);}
.w-template-config-frame .w-color-switch .color-quad.skin_color__010{background:linear-gradient(57.48deg, #E44EE1 23.28%, #9C54E4 54.02%, #5532C8 84.17%);}

/*--варианты шрифтов--*/
.w-template-config-frame .template-config__block .skin_font__001{font-family: "Carlito", sans-serif;}
.w-template-config-frame .template-config__block .skin_font__002{font-family: "Inter", sans-serif;}
.w-template-config-frame .template-config__block .skin_font__003{font-family: "Montserrat", sans-serif;}
.w-template-config-frame .template-config__block .skin_font__004{font-family: "Noto Sans", sans-serif;}
.w-template-config-frame .template-config__block .skin_font__005{font-family: "PT Sans Caption", sans-serif;}
.w-template-config-frame .template-config__block .skin_font__006{font-family: "Rubik", sans-serif;}
/*-/-варианты шрифтов-/-*/
._js-b-site-font-switcher._active{background: #cecece;width:max-content; border-radius:4px;}




/*gradient text*/
[data-theme="purple_gradient"]{
  .accent-text,
  .dropdown-menu .dropdown-item.active,
  .filter .nav-link,
  .widget-project-info .project-details>ul>li span,
  .accordion-button::after,
  .error-404,
  .pricing-item .price-header-icon-value h3,
  .faq-contact-area .contact-info ul li a:hover,
  .blog-box .item-content .card-link,
  .comments-area .comment-body .reply a:hover,
  .comments-area .comment-author .fn,
  .card-link,
  #requestQuotes .checkbox-custom-dummy::after,
  #contactf .checkbox-custom-dummy::after,
  .fa-calendar-days,
  .steps_el span,
  .dropdown-menu .dropdown-item:hover,
  .counter-main.counter-secondary .counter-heading,
  .contact-bar a:hover,
  .price-slider .price_el:nth-of-type(even) .primary-btn span
  {
    background: var(--primary-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}
[data-theme="blue_gradient"]{
  .accent-text,
  .dropdown-menu .dropdown-item.active,
  .filter .nav-link,
  .widget-project-info .project-details>ul>li span,
  .accordion-button::after,
  .error-404,
  .pricing-item .price-header-icon-value h3,
  .faq-contact-area .contact-info ul li a:hover,
  .blog-box .item-content .card-link,
  .comments-area .comment-body .reply a:hover,
  .comments-area .comment-author .fn,
  .card-link,
  #requestQuotes .checkbox-custom-dummy::after,
  #contactf .checkbox-custom-dummy::after,
  .fa-calendar-days,
  .steps_el span,
  .dropdown-menu .dropdown-item:hover,
  .counter-main.counter-secondary .counter-heading,
  .contact-bar a:hover,
  .price-slider .price_el:nth-of-type(even) .primary-btn span
  {
    background: var(--primary-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}
[data-theme="blue_gradient"] .accordion-button:not(.collapsed)::after,
[data-theme="purple_gradient"] .accordion-button:not(.collapsed)::after,
[data-theme="blue_gradient"] .white-btn:hover span,
[data-theme="purple_gradient"] .white-btn:hover span,
[data-theme="blue_gradient"] .price-slider .price_el:nth-of-type(even) .primary-btn:hover span,
[data-theme="purple_gradient"] .price-slider .price_el:nth-of-type(even) .primary-btn:hover span,
[data-theme="blue_gradient"] .cust_card_body:hover .card-link,
[data-theme="purple_gradient"] .cust_card_body:hover .card-link,
[data-theme="blue_gradient"] .card-link:hover,
[data-theme="purple_gradient"] .card-link:hover,
[data-theme="blue_gradient"] .blog-box:hover .item-content .card-link,
[data-theme="purple_gradient"] .blog-box:hover .item-content .card-link{
    background: var(--white-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}




/*gradient svg*/
[data-theme="blue_gradient"] .accent_icon path[stroke],
[data-theme="blue_gradient"] .accent_icon circle[stroke],
[data-theme="blue_gradient"] .accent_icon rect[stroke],
[data-theme="blue_gradient"] .price-slider .price_el:nth-of-type(even) .price_el_tarif ul li svg path[stroke],
[data-theme="purple_gradient"] .accent_icon path[stroke],
[data-theme="purple_gradient"] .accent_icon circle[stroke],
[data-theme="purple_gradient"] .accent_icon rect[stroke],
[data-theme="purple_gradient"] .price-slider .price_el:nth-of-type(even) .price_el_tarif ul li svg path[stroke]  {
    stroke: url(#globalGradient);
}

[data-theme="blue_gradient"] .accent_icon path[fill],
[data-theme="blue_gradient"] .accent_icon circle[fill],
[data-theme="blue_gradient"] .accent_icon g[fill],
[data-theme="blue_gradient"] .splide__arrow svg,
[data-theme="blue_gradient"] .price_el:nth-of-type(odd) .price_el_header svg rect[fill],
[data-theme="blue_gradient"] .price_el_tarif ul:nth-of-type(1) li svg rect[fill],

[data-theme="purple_gradient"] .accent_icon path[fill],
[data-theme="purple_gradient"] .accent_icon circle[fill],
[data-theme="purple_gradient"] .accent_icon g[fill],
[data-theme="purple_gradient"] .splide__arrow svg,
[data-theme="purple_gradient"] .price_el:nth-of-type(odd) .price_el_header svg rect[fill],
[data-theme="purple_gradient"] .price_el_tarif ul:nth-of-type(1) li svg rect[fill] {
    fill: url(#globalGradient);
}