:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Inter:wght@400;500;600;700&display=swap"); :root { --primary-green: #245840;
--green-hover: #00cc6a;
--dark-bg: radial-gradient(rgb(32, 30, 45));;
--dark-surface: #1a1a1a;
--dark-card: #2a2a2a;
--text-primary: #ffffff;
--text-secondary: #b0b7c3;
--text-muted: #888888;
--accent-blue: #0099ff;
--accent-purple: #8b5cf6; --gradient-primary: linear-gradient(135deg,#163a2a,#469a6c);
--gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
--gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%); --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.2);
--shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.3);
--shadow-hover: 0 20px 40px rgba(0, 255, 136, 0.2); --radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-xl: 30px; --section-padding: clamp(3rem, 8vw, 8rem);
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
font-size: 16px;
}
body {
font-family: 'Inter', 'Roboto', sans-serif;
background: var(--dark-bg);
color: var(--text-primary);
line-height: 1.7;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
} h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
h1 {
font-size: clamp(2.5rem, 5vw, 4.5rem);
}
h2 {
font-size: clamp(2rem, 4vw, 2.2rem);
}
h3 {
font-size: clamp(1.5rem,3vw,1.5rem);
}
p {
margin-bottom: 1rem;
color: var(--text-secondary);
} .container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.container-wide {
max-width: 1400px;
}
.no-js img.lazyload {
display: block !important;
} .glass-card {
background: var(--gradient-glass);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-glass);
} .text-gradient {
background: var(--gradient-primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: all 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.glass-card:hover {
background: none !important;
border-color: 0px !important;
transform: none !important;
transition: none !important;
}
.galery-works {
display: grid;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.5rem;
}
.galery-works img{
width: 100%;;
}.main-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
padding: 1.5rem 0;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-header.scrolled {
background: var(--dark-surface);
backdrop-filter: blur(20px);
padding: 1rem 0;
box-shadow: var(--shadow-soft);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
} .logo {
flex-shrink: 0;
}
.logo-link {
display: block;
text-decoration: none;
font-size: 1.5rem;
font-weight: 800;
} .main-navigation {
display: flex;
align-items: center;
}
.nav-menu {
display: flex;
list-style: none;
gap: 2rem;
margin: 0;
padding: 0;
}
.nav-menu li {
position: relative;
}
.nav-menu a {
color: var(--text-primary);
text-decoration: none;
font-weight: 500;
font-size: 0.95rem;
padding: 0.5rem 0;
position: relative;
transition: all 0.3s ease;
}
.nav-menu a:hover {
color: var(--primary-green);
}
.nav-menu a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: var(--gradient-primary);
transition: width 0.3s ease;
}
.nav-menu a:hover::after,
.nav-menu .current-menu-item a::after {
width: 100%;
} .header-actions {
display: flex;
align-items: center;
gap: 1.5rem;
}
.header-phone {
display: flex;
align-items: center;
}
.phone-link {
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
color: var(--text-primary);
font-weight: 600;
transition: color 0.3s ease;
}
.phone-link:hover {
color: var(--primary-green);
}
.phone-icon {
font-size: 1.2rem;
}
.header-cta {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
background: var(--gradient-primary);
color: white;
border: none;
border-radius: var(--radius-md);
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.header-cta:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-hover);
} .mobile-menu-toggle {
display: none;
flex-direction: column;
justify-content: center;
width: 30px;
height: 30px;
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.toggle-bar {
width: 100%;
height: 2px;
background: var(--text-primary);
margin: 3px 0;
transition: all 0.3s ease;
transform-origin: center;
}
.mobile-menu-toggle[aria-expanded="true"] .toggle-bar:nth-child(1) {
transform: rotate(45deg) translate(6px, 6px);
}
.mobile-menu-toggle[aria-expanded="true"] .toggle-bar:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle[aria-expanded="true"] .toggle-bar:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
} .mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--dark-bg);
z-index: 9999;
transform: translateX(-100%);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu[aria-hidden="false"] {
transform: translateX(0);
}
.mobile-menu-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.mobile-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu-close {
background: none;
border: none;
color: var(--text-primary);
cursor: pointer;
padding: 0.5rem;
}
.mobile-menu-content {
flex: 1;
padding: 2rem 1.5rem;
overflow-y: auto;
}
.mobile-nav-menu {
list-style: none;
margin: 0 0 2rem 0;
padding: 0;
}
.mobile-nav-menu li {
margin-bottom: 0.5rem;
}
.mobile-nav-menu a {
display: block;
padding: 1rem 0;
color: var(--text-primary);
text-decoration: none;
font-size: 1.1rem;
font-weight: 500;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
transition: color 0.3s ease;
}
.mobile-nav-menu a:hover {
color: var(--primary-green);
}
.mobile-contacts {
display: flex;
flex-direction: column;
gap: 1rem;
}
.mobile-phone {
color: var(--text-primary);
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
}
.mobile-cta {
width: 100%;
justify-content: center;
margin-top: 1rem;
} @media (max-width: 1024px) {
.main-navigation {
display: none;
}
.mobile-menu-toggle {
display: flex;
}
.header-phone .phone-text {
display: none;
}
}
@media (max-width: 768px) {
.header-actions {
gap: 1rem;
}
.header-cta span {
display: none;
}
.header-cta {
padding: 0.75rem;
}
}.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1rem 2rem;
border: none;
border-radius: var(--radius-md);
font-family: inherit;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s ease;
}
.btn:hover::before {
left: 100%;
} .btn-primary {
background: var(--gradient-primary);
color: white;
box-shadow: 0 4px 15px rgba(0, 255, 136, 0.3);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-hover);
} .btn-secondary {
background: rgba(255, 255, 255, 0.1);
color: var(--text-primary);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn-secondary:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
} .btn-outline {
background: transparent;
color: var(--text-primary);
border: 2px solid var(--primary-green);
}
.btn-outline:hover {
background: var(--primary-green);
color: var(--dark-bg);
transform: translateY(-2px);
} .btn-glass {
background: var(--gradient-glass);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-primary);
}
.btn-glass:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-2px);
box-shadow: var(--shadow-glass);
} .btn-sm {
padding: 0.75rem 1.5rem;
font-size: 0.9rem;
}
.btn-lg {
padding: 1.25rem 2.5rem;
font-size: 1.1rem;
}
.btn-xl {
padding: 1.5rem 3rem;
font-size: 1.2rem;
border-radius: var(--radius-lg);
} .btn-icon {
width: 3rem;
height: 3rem;
padding: 0;
border-radius: 50%;
} .btn-loading {
pointer-events: none;
opacity: 0.7;
}
.btn-loading::after {
content: '';
width: 1rem;
height: 1rem;
border: 2px solid transparent;
border-top: 2px solid currentColor;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-left: 0.5rem;
}
.telegram {
background: #0088cc;
color: white;
border: none;
}
.telegram:hover {
background: #0077b5;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 136, 204, 0.3);
}
.whatsapp:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 136, 204, 0.3);
}
.max {
background: linear-gradient(135deg, #4A90E2 0%, #9B59D6 100%);
color: #fff;
border: none;
}
.max:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.max:active {
transform: translateY(0);
}
.telegram .well-cta-icon {
color: white;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .back-to-top {
position: fixed;
bottom: 2rem;
right: 2rem;
width: 3rem;
height: 3rem;
background: var(--gradient-primary);
color: white;
border: none;
border-radius: 50%;
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(1rem);
transition: all 0.3s ease;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
}
.back-to-top.visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.back-to-top:hover {
transform: translateY(-0.5rem);
box-shadow: var(--shadow-hover);
}.card {
background: var(--dark-surface);
border-radius: var(--radius-lg);
overflow: hidden;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}
.card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-hover);
} .glass-card {
background: var(--gradient-glass);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-glass);
}
.glass-card:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.2);
transform: translateY(-3px);
} .service-card {
position: relative;
overflow: hidden;
}
.service-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--gradient-primary);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.service-card:hover::before {
transform: scaleX(1);
}
.service-card .card-icon {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem;
background: var(--gradient-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.service-card .card-icon::before {
content: '';
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
background: var(--gradient-primary);
border-radius: 50%;
opacity: 0.3;
animation: pulse 2s infinite;
}
.service-card .card-icon svg {
width: 32px;
height: 32px;
color: white;
} .benefit-card {
padding: 2rem;
text-align: center;
transition: all 0.3s ease;
background: var(--dark-surface);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-soft);
}
.benefit-card .card-icon {
width: 100px;
height: 100px;
margin: 0 auto 1.5rem;
background: rgba(0, 255, 136, 0.1);
border: 2px solid var(--primary-green);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.benefit-card:hover .card-icon {
background: var(--gradient-primary);
transform: scale(1.1);
}
.benefit-card .card-icon svg {
width: 40px;
height: 40px;
color: var(--primary-green);
transition: color 0.3s ease;
}
.benefit-card:hover .card-icon svg {
color: white;
}
.benefit-card .price-content {
margin-top: 2rem;
} .post-card {
background: var(--dark-surface);
border-radius: var(--radius-lg);
overflow: hidden;
transition: all 0.3s ease;
}
.post-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-soft);
}
.post-card-image {
position: relative;
overflow: hidden;
aspect-ratio: 4/4;
}
.post-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.post-card:hover .post-card-image img {
transform: scale(1.05);
}
.post-card-content {
padding: 1.5rem;
}
.post-card-meta {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 0.75rem;
font-size: 0.875rem;
color: var(--text-muted);
}
.post-card-title {
font-size: 1.25rem;
margin-bottom: 0.75rem;
line-height: 1.4;
}
.post-card-title a {
color: var(--text-primary);
text-decoration: none;
transition: color 0.3s ease;
}
.post-card-title a:hover {
color: var(--primary-green);
}
.post-card-excerpt {
color: var(--text-secondary);
margin-bottom: 1rem;
line-height: 1.6;
}
.post-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
} .testimonial-card {
background: var(--gradient-glass);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-lg);
padding: 2rem;
position: relative;
}
.testimonial-card::before {
content: '"';
position: absolute;
top: 1rem;
right: 2rem;
font-size: 4rem;
color: var(--primary-green);
opacity: 0.3;
font-family: serif;
line-height: 1;
}
.testimonial-content {
margin-bottom: 1.5rem;
font-style: italic;
line-height: 1.6;
color: var(--text-secondary);
}
.testimonial-author {
display: flex;
align-items: center;
gap: 1rem;
}
.testimonial-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-info h4 {
margin: 0 0 0.25rem 0;
font-size: 1rem;
}
.testimonial-info p {
margin: 0;
font-size: 0.875rem;
color: var(--text-muted);
} .price-card {
border-radius: var(--radius-lg);
padding: 2.5rem;
text-align: center;
position: relative;
overflow: hidden;
}
.price-card.featured {
background: var(--gradient-primary);
transform: scale(1.05);
}
.price-card.featured::before {
content: 'Популярный';
position: absolute;
top: 1rem;
right: -2rem;
background: var(--dark-bg);
color: white;
padding: 0.5rem 3rem;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
transform: rotate(45deg);
}
.price-header {
margin-bottom: 2rem;
}
.price-name {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.price-card.featured .price-name {
color: white;
}
.price-amount {
font-size: 3rem;
font-weight: 700; margin-bottom: 0.5rem;
}
.price-card.featured .price-amount {
color: white;
}
.price-period {
color: var(--text-muted);
font-size: 0.875rem;
}
.price-card.featured .price-period {
color: rgba(255, 255, 255, 0.8);
}
.price-features {
list-style: none;
margin: 0 0 2rem 0;
padding: 0;
}
.price-features li {
padding: 0.75rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-secondary);
}
.price-features li:last-child {
border-bottom: none;
}
.price-card.featured .price-features li {
color: rgba(255, 255, 255, 0.9);
} .team-card {
text-align: center;
padding: 2rem;
}
.team-avatar {
width: 120px;
height: 120px;
margin: 0 auto 1.5rem;
border-radius: 50%;
overflow: hidden;
border: 4px solid var(--primary-green);
position: relative;
}
.team-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-info h3 {
margin-bottom: 0.5rem;
font-size: 1.25rem;
}
.team-position {
color: var(--primary-green);
font-weight: 500;
margin-bottom: 1rem;
}
.team-description {
color: var(--text-secondary);
line-height: 1.6;
margin-bottom: 1.5rem;
}
.team-social {
display: flex;
justify-content: center;
gap: 0.75rem;
}
.team-social a {
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-secondary);
text-decoration: none;
transition: all 0.3s ease;
}
.team-social a:hover {
background: var(--primary-green);
color: white;
transform: translateY(-2px);
} .stat-card {
text-align: center;
padding: 2rem;
background: var(--gradient-glass);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-lg);
}
.stat-number {
font-size: 3rem;
font-weight: 700;
color: var(--primary-green);
margin-bottom: 0.5rem;
line-height: 1;
}
.stat-label {
color: var(--text-secondary);
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
} .feature-card {
display: flex;
align-items: flex-start;
gap: 1.5rem;
padding: 2rem;
}
.feature-icon {
flex-shrink: 0;
width: 60px;
height: 60px;
background: var(--gradient-primary);
border-radius: var(--radius-md);
display: flex;
align-items: center;
justify-content: center;
}
.feature-icon svg {
width: 24px;
height: 24px;
color: white;
}
.feature-content h3 {
margin-bottom: 0.75rem;
font-size: 1.25rem;
}
.feature-content p {
color: var(--text-secondary);
line-height: 1.6;
margin: 0;
} .card-shadow {
box-shadow: var(--shadow-soft);
}
.card-border {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-hover);
} @media (max-width: 768px) {
.service-card,
.benefit-card,
.testimonial-card,
.price-card,
.team-card {
padding: 1.5rem;
}
.feature-card {
flex-direction: column;
text-align: center;
gap: 1rem;
}
.price-card.featured {
transform: none;
}
.stat-number {
font-size: 2rem;
}
}.form-group {
margin-bottom: 1.5rem;
}
.form-label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
color: var(--text-primary);
}
.form-control {
width: 100%;
padding: 1rem;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--radius-md);
color: var(--text-primary);
font-family: inherit;
font-size: 1rem;
transition: all 0.3s ease;
}
.form-control:focus {
outline: none;
border-color: var(--primary-green);
box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1);
background: rgba(255, 255, 255, 0.15);
}
.form-control::placeholder {
color: var(--text-muted);
} .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
} .search-form {
position: relative;
}
.search-input-group {
display: flex;
background: rgba(255, 255, 255, 0.1);
border-radius: var(--radius-md);
overflow: hidden;
}
.search-field {
flex: 1;
padding: 1rem 1.5rem;
background: transparent;
border: none;
color: var(--text-primary);
font-size: 1rem;
}
.search-field:focus {
outline: none;
}
.search-submit {
padding: 1rem 1.5rem;
background: var(--gradient-primary);
border: none;
color: white;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
}
.search-submit:hover {
background: var(--green-hover);
} .modal-form {
padding: 2rem;
}
.modal-header {
padding: 2rem 2rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.modal-title {
margin: 0 0 1rem;
font-size: 1.5rem;
}
.modal-close {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
color: var(--text-primary);
cursor: pointer;
padding: 0.5rem;
border-radius: var(--radius-sm);
transition: background 0.3s ease;
}
.modal-close:hover {
background: rgba(255, 255, 255, 0.1);
}
.modal-content {
padding: 2rem;
}
.modal-description {
margin-bottom: 2rem;
color: var(--text-secondary);
} .form-notice {
margin-top: 1rem;
font-size: 0.875rem;
color: var(--text-muted);
text-align: center;
}
.form-notice a {
color: var(--primary-green);
text-decoration: none;
}
.form-notice a:hover {
text-decoration: underline;
} .form-control.error {
border-color: #ff4757;
box-shadow: 0 0 0 3px rgba(255, 71, 87, 0.1);
}
.form-control.success {
border-color: var(--primary-green);
box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1);
}
.error-message {
color: #ff4757;
font-size: 0.875rem;
margin-top: 0.5rem;
}
.success-message {
color: var(--primary-green);
font-size: 0.875rem;
margin-top: 0.5rem;
} .wpcf7-form {
background: var(--gradient-glass);
padding: 2rem;
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
}
.wpcf7-form-control {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--radius-md);
color: var(--text-primary);
padding: 0.75rem 1rem;
width: 100%;
transition: all 0.3s ease;
}
.wpcf7-form-control:focus {
outline: none;
border-color: var(--primary-green);
background: rgba(255, 255, 255, 0.15);
}
.wpcf7-submit {
background: var(--gradient-primary) !important;
color: white !important;
border: none !important;
padding: 1rem 2rem !important;
border-radius: var(--radius-md) !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
}
.wpcf7-submit:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: var(--shadow-hover);
}
.wpcf7-submit:disabled {
opacity: 0.6;
cursor: not-allowed !important;
}
.wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.wpcf7-list-item {
margin: 0 !important;
}
.wpcf7-list-item-label {
color: var(--text-primary) !important;
cursor: pointer;
} @media (max-width: 768px) {
.form-grid {
grid-template-columns: 1fr;
}
.modal-content {
padding: 1.5rem;
}
.search-submit span {
display: none;
}
}.loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--dark-bg);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease;
}
.loading-content {
text-align: center;
}
.loading-logo {
margin-bottom: 2rem;
}
.loading-logo svg {
width: 80px;
height: 80px;
animation: pulse 2s infinite;
}
.progress-bar {
width: 200px;
height: 4px;
background: rgba(255, 255, 255, 0.1);
border-radius: 2px;
overflow: hidden;
}
.progress-bar::after {
content: '';
display: block;
width: 100%;
height: 100%;
background: var(--gradient-primary);
animation: loadingProgress 2s ease-in-out infinite;
}
@keyframes loadingProgress {
0% { transform: translateX(-100%); }
50% { transform: translateX(0); }
100% { transform: translateX(100%); }
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
} .hero-particles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.particle {
position: absolute;
background: var(--primary-green);
border-radius: 50%;
opacity: 0.3;
animation: floatParticle linear infinite;
}
@keyframes floatParticle {
0% {
transform: translateY(100vh) rotate(0deg);
opacity: 0;
}
10% {
opacity: 0.3;
}
90% {
opacity: 0.3;
}
100% {
transform: translateY(-100px) rotate(360deg);
opacity: 0;
}
} .drill-machine {
position: relative;
width: 200px;
height: 300px;
}
.machine-base {
position: absolute;
bottom: 0;
width: 120px;
height: 40px;
background: #333;
border-radius: 8px 8px 0 0;
}
.drill-tower {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 200px;
background: #555;
border-radius: 10px;
}
.drill-bit {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
background: #777;
clip-path: polygon(50% 100%, 0 0, 100% 0);
animation: drillRotate 2s linear infinite;
}
@keyframes drillRotate {
0% { transform: translateX(-50%) rotate(0deg); }
100% { transform: translateX(-50%) rotate(360deg); }
}
.water-flow {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 100px;
background: linear-gradient(to bottom, transparent, #0099ff);
opacity: 0.7;
animation: waterFlow 2s ease-in-out infinite;
}
@keyframes waterFlow {
0%, 100% { height: 100px; opacity: 0.7; }
50% { height: 150px; opacity: 0.9; }
} .hero-scroll-indicator {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
.scroll-arrow {
width: 30px;
height: 50px;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 15px;
position: relative;
}
.scroll-arrow::before {
content: '';
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 12px;
background: var(--primary-green);
border-radius: 2px;
animation: scrollBounce 2s infinite;
}
@keyframes scrollBounce {
0%, 100% { transform: translateX(-50%) translateY(0); }
50% { transform: translateX(-50%) translateY(10px); }
} .glass-card {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-hover);
} .btn {
position: relative;
overflow: hidden;
}
.btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s ease;
}
.btn:hover::before {
left: 100%;
} .text-reveal {
overflow: hidden;
}
.text-reveal span {
display: inline-block;
transform: translateY(100%);
animation: textReveal 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes textReveal {
to {
transform: translateY(0);
}
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @keyframes pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
} @keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
} .notification {
position: fixed;
top: 2rem;
right: 2rem;
background: var(--dark-surface);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-md);
padding: 1rem;
box-shadow: var(--shadow-soft);
transform: translateX(100%);
opacity: 0;
transition: all 0.3s ease;
z-index: 10000;
max-width: 400px;
}
.notification.show {
transform: translateX(0);
opacity: 1;
}
.notification-success {
border-left: 4px solid var(--primary-green);
}
.notification-error {
border-left: 4px solid #ff4757;
}
.notification-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.notification-close {
background: none;
border: none;
color: currentColor;
cursor: pointer;
font-size: 1.2rem;
padding: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
} .modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.modal.active {
opacity: 1;
visibility: visible;
}
.modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(5px);
}
.modal-container {
position: relative;
background: var(--dark-surface);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-glass);
max-width: 500px;
width: 90%;
max-height: 90vh;
overflow-y: auto;
transform: scale(0.9);
transition: transform 0.3s ease;
}
.modal.active .modal-container {
transform: scale(1);
}
.modal-lg .modal-container {
max-width: 800px;
} .error-zero {
position: relative;
display: inline-block;
}
.zero-inner {
width: 60px;
height: 60px;
border: 4px solid var(--primary-green);
border-radius: 50%;
animation: zeroPulse 2s ease-in-out infinite;
}
@keyframes zeroPulse {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.7;
}
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}.page-sidebar {
margin-top: 2rem;
}
.main-sidebar {
display: flex;
flex-direction: column;
gap: 1.5rem;
} .widget {
margin-bottom: 1.5rem;
}
.widget:last-child {
margin-bottom: 0;
}
.widget_text {
padding: 1.5rem;
}
.widget_text p {
margin-bottom: 0.5rem;
color: var(--text-secondary);
line-height: 1.5;
}
.widget_text p:last-child {
margin-bottom: 0;
} .dcjq-accordion {
width: 100%;
}
#menu-uslugi {
list-style: none;
margin: 0;
padding: 0;
}
#menu-uslugi li {
margin-bottom: 0.25rem;
}
#menu-uslugi li:last-child {
margin-bottom: 0;
}
#menu-uslugi a {
display: block;
padding: 1rem 1.5rem;
color: var(--text-primary);
text-decoration: none;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
transition: all 0.3s ease;
font-weight: 500;
border-left: 3px solid transparent;
}
#menu-uslugi a:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--primary-green);
border-left-color: var(--primary-green);
transform: translateX(5px);
} .minicart-wrapper {
padding: 1.5rem;
}
.minicart-title {
font-size: 1.25rem;
margin-bottom: 1rem;
color: var(--text-primary);
text-align: center;
}
.minicart-content {
text-align: center;
}
.minicart-empty {
color: var(--text-secondary);
font-style: italic;
} .widget-title {
font-size: 2rem;
margin-bottom: 1rem;
color: var(--text-primary);
font-weight: 600;
padding: 1.5rem;
border-bottom: 2px solid var(--primary-green);
text-align: center;
} .widget_contact_info .contact-item {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1rem;
padding: 0.75rem;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
transition: background 0.3s ease;
}
.widget_contact_info .contact-item:hover {
background: rgba(255, 255, 255, 0.1);
}
.widget_contact_info .contact-icon {
width: 40px;
height: 40px;
background: var(--gradient-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.widget_contact_info .contact-icon svg {
width: 18px;
height: 18px;
color: white;
}
.widget_contact_info .contact-details {
flex: 1;
}
.widget_contact_info .contact-details span {
display: block;
color: var(--text-secondary);
font-size: 0.875rem;
}
.widget_contact_info .contact-details a {
color: var(--text-primary);
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.widget_contact_info .contact-details a:hover {
color: var(--primary-green);
} .widget_recent_entries ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_recent_entries li {
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.widget_recent_entries li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_recent_entries a {
color: var(--text-primary);
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
display: block;
margin-bottom: 0.25rem;
}
.widget_recent_entries a:hover {
color: var(--primary-green);
}
.widget_recent_entries .post-date {
color: var(--text-muted);
font-size: 0.75rem;
} .widget_search {
padding: 1.5rem;
}
.search-form {
display: flex;
gap: 0.5rem;
}
.search-form label {
flex: 1;
}
.search-form input[type="search"] {
width: 100%;
padding: 0.75rem 1rem;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--radius-md);
color: var(--text-primary);
transition: all 0.3s ease;
}
.search-form input[type="search"]:focus {
outline: none;
border-color: var(--primary-green);
background: rgba(255, 255, 255, 0.15);
}
.search-form button {
padding: 0.75rem 1rem;
background: var(--gradient-primary);
border: none;
border-radius: var(--radius-md);
color: white;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.search-form button:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
} .customize-partial-edit-shortcut {
position: absolute;
top: 0.5rem;
right: 0.5rem;
z-index: 10;
}
.customize-partial-edit-shortcut-button {
width: 30px;
height: 30px;
background: var(--gradient-primary);
border: none;
border-radius: 50%;
color: white;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.customize-partial-edit-shortcut-button:hover {
transform: scale(1.1);
box-shadow: var(--shadow-soft);
}
.customize-partial-edit-shortcut-button svg {
width: 16px;
height: 16px;
} .recent-works {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.recent-work {
display: flex;
gap: 1rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.recent-work:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
border-color: rgba(255, 255, 255, 0.2);
}
.work-image {
flex-shrink: 0;
width: 80px;
height: 80px;
border-radius: var(--radius-md);
overflow: hidden;
position: relative;
}
.work-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.recent-work:hover .work-image img {
transform: scale(1.1);
}
.work-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--gradient-primary);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.recent-work:hover .work-image::before {
opacity: 0.2;
}
.work-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.work-title {
margin: 0 0 0.5rem 0;
line-height: 1.3;
}
.work-title a {
color: var(--text-primary);
text-decoration: none;
font-size: 0.95rem;
font-weight: 600;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.work-title a:hover {
color: var(--primary-green);
}
.work-date {
color: var(--text-muted);
font-size: 0.8rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 0.25rem;
}
.work-date::before {
content: '📅';
font-size: 0.75rem;
} .works-view-all {
text-align: center;
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.view-all-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--primary-green);
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
transition: all 0.3s ease;
padding: 0.5rem 1rem;
background: rgba(0, 255, 136, 0.1);
border-radius: var(--radius-md);
}
.view-all-link:hover {
background: var(--gradient-primary);
color: white;
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
}
.view-all-link svg {
width: 14px;
height: 14px;
transition: transform 0.3s ease;
}
.view-all-link:hover svg {
transform: translateX(3px);
} .no-works {
text-align: center;
padding: 2rem 1rem;
color: var(--text-muted);
font-style: italic;
}
.no-works::before {
content: '🎯';
display: block;
font-size: 2rem;
margin-bottom: 0.5rem;
}.main-footer {
background: var(--dark-surface);
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 4rem;
padding: 3rem 0 1rem;
}
.footer-top {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 3rem;
margin-bottom: 2rem;
} .footer-brand {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.footer-logo {
margin-bottom: 0.5rem;
}
.logo-text {
font-size: 2rem;
font-weight: 800;
letter-spacing: 1px;
}
.footer-description {
color: var(--text-secondary);
line-height: 1.6;
margin: 0;
max-width: 400px;
} .social-links {
display: flex;
gap: 0.75rem;
}
.social-link {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
color: var(--text-primary);
text-decoration: none;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.social-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: var(--gradient-primary);
transition: left 0.3s ease;
}
.social-link:hover::before {
left: 0;
}
.social-link svg {
position: relative;
z-index: 2;
width: 20px;
height: 20px;
transition: color 0.3s ease;
}
.social-link:hover svg {
color: white;
} .footer-widgets {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.footer-nav h4 {
color: var(--text-primary);
margin-bottom: 1rem;
font-size: 1.125rem;
font-weight: 600;
}
.footer-menu {
list-style: none;
margin: 0;
padding: 0;
}
.footer-menu li {
margin-bottom: 0.5rem;
}
.footer-menu a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s ease;
font-size: 0.95rem;
}
.footer-menu a:hover {
color: var(--primary-green);
} .footer-contact h4 {
color: var(--text-primary);
margin-bottom: 1rem;
font-size: 1.125rem;
font-weight: 600;
}
.contact-info {
display: flex;
flex-direction: column;
gap: 1rem;
}
.contact-item {
display: flex;
align-items: center;
gap: 0.75rem;
color: var(--text-secondary);
}
.contact-icon {
font-size: 1.125rem;
margin-top: 0.125rem;
flex-shrink: 0;
width: 20px;
text-align: center;
}
.contact-item span,
.contact-item a {
color: var(--text-secondary);
text-decoration: none;
line-height: 1.4;
transition: color 0.3s ease;
}
.contact-item a:hover {
color: var(--primary-green);
} .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.footer-copyright {
color: var(--text-muted);
font-size: 0.875rem;
margin: 0;
}
.footer-links {
display: flex;
gap: 1.5rem;
}
.footer-links a {
color: var(--text-muted);
text-decoration: none;
font-size: 0.875rem;
transition: color 0.3s ease;
}
.footer-links a:hover {
color: var(--primary-green);
} .footer-nav-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.footer-nav-menu li {
margin: 0;
}
.footer-nav-menu a {
color: var(--text-secondary);
text-decoration: none;
font-size: 0.9rem;
transition: all 0.3s ease;
padding: 0.25rem 0;
display: block;
}
.footer-nav-menu a:hover {
color: var(--primary-green);
transform: translateX(5px);
}.section-padding {
padding: var(--section-padding) 0;
}
.section-header {
text-align: center;
margin-bottom: 4rem;
}
.section-subtitle {
display: inline-block;
padding: 0.5rem 1rem;
background: var(--gradient-primary);
color: white;
border-radius: var(--radius-md);
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 1rem;
}
.section-title {
font-size: clamp(2rem, 4vw, 3.5rem);
margin-bottom: 1rem;
}
.section-description {
font-size: 1.125rem;
color: var(--text-secondary);
max-width: 600px;
margin: 0 auto;
} .hero-section {
min-height: 100vh;
display: flex;
align-items: center;
position: relative;
background: linear-gradient(135deg, var(--dark-bg) 0%, #1a2e3c 100%);
overflow: hidden;
}
.hero-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(10, 10, 10, 0.9) 0%, rgba(26, 46, 60, 0.7) 100%);
}
.hero-content {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.hero-text {
max-width: 600px;
}
.hero-title {
font-size: clamp(2.5rem, 5vw, 4.5rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 1.5rem;
}
.hero-subtitle {
font-size: 1.25rem;
color: var(--text-secondary);
margin-bottom: 2rem;
line-height: 1.6;
}
.hero-features {
display: flex;
gap: 2rem;
margin-bottom: 3rem;
flex-wrap: wrap;
}
.feature {
display: flex;
align-items: center;
gap: 0.75rem;
color: var(--text-secondary);
font-weight: 500;
}
.feature-icon {
font-size: 1.5rem;
flex-shrink: 0;
}
.hero-actions {
display: flex;
gap: 1rem;
margin-bottom: 3rem;
flex-wrap: wrap;
}
.hero-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.stat {
text-align: center;
}
.stat-number {
font-size: 2rem;
font-weight: 700;
color: var(--primary-green);
margin-bottom: 0.5rem;
}
.stat-label {
font-size: 0.875rem;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hero-visual {
position: relative;
display: flex;
align-items: center;
justify-content: center;
} .services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.service-card {
padding: 2.5rem;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.service-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--gradient-primary);
}
.service-card:hover {
transform: translateY(-10px);
}
.service-icon {
margin-bottom: 1.5rem;
}
.service-icon svg {
width: 60px;
height: 60px;
color: var(--primary-green);
}
.service-title {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.service-description {
color: var(--text-secondary);
margin-bottom: 1.5rem;
line-height: 1.6;
}
.service-features {
list-style: none;
margin: 0 0 2rem 0;
padding: 0;
}
.feature-item {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.5rem;
color: var(--text-secondary);
}
.feature-item svg {
width: 16px;
height: 16px;
color: var(--primary-green);
flex-shrink: 0;
}
.service-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.service-price {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary-green);
}
.section-cta {
text-align: center;
padding: 3rem 2rem;
background: var(--gradient-glass);
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.section-cta p {
font-size: 1.25rem;
margin-bottom: 2rem;
} .benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
.benefit-icon {
margin-bottom: 1.5rem;
}
.benefit-icon svg {
width: 60px;
height: 60px;
color: var(--primary-green);
}
.benefit-title {
font-size: 1.25rem;
margin-bottom: 1rem;
}
.benefit-description {
color: var(--text-secondary);
line-height: 1.6;
}
.benefits-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
padding: 3rem;
background: var(--gradient-glass);
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.stat-item {
text-align: center;
}
.stat-number {
font-size: 3rem;
font-weight: 800;
color: var(--primary-green);
margin-bottom: 0.5rem;
}
.stat-label {
font-size: 1rem;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 1px;
} .gallery-filters {
display: flex;
justify-content: center;
gap: 1rem;
margin-bottom: 3rem;
flex-wrap: wrap;
}
.filter-btn {
padding: 0.75rem 1.5rem;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--radius-md);
color: var(--text-primary);
cursor: pointer;
transition: all 0.3s ease;
}
.filter-btn:hover,
.filter-btn.active {
background: var(--gradient-primary);
color: white;
border-color: transparent;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.gallery-item {
transition: all 0.3s ease;
}
.gallery-item.hidden {
display: none;
}
.gallery-card {
overflow: hidden;
}
.gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.gallery-card:hover .gallery-overlay {
opacity: 1;
}
.gallery-view-btn {
width: 50px;
height: 50px;
background: var(--gradient-primary);
border: none;
border-radius: 50%;
color: white;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.gallery-view-btn:hover {
transform: scale(1.1);
}
.gallery-content {
padding: 1.5rem;
}
.gallery-title {
font-size: 1.125rem;
margin-bottom: 0.5rem;
}
.gallery-description {
color: var(--text-secondary);
font-size: 0.875rem;
}
.gallery-cta {
text-align: center;
padding: 2rem;
}
.gallery-cta p {
font-size: 1.125rem;
margin-bottom: 1.5rem;
color: var(--text-secondary);
} .cta-section {
background: linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-bg) 100%);
}
.cta-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.cta-text {
max-width: 500px;
}
.cta-title {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.cta-description {
font-size: 1.125rem;
color: var(--text-secondary);
margin-bottom: 2rem;
line-height: 1.6;
}
.cta-features {
display: flex;
flex-direction: column;
gap: 1rem;
}
.cta-feature {
display: flex;
align-items: center;
gap: 0.75rem;
color: var(--text-secondary);
}
.cta-feature svg {
width: 20px;
height: 20px;
color: var(--primary-green);
flex-shrink: 0;
}
.cta-form-container {
max-width: 400px;
margin-left: auto;
}
.cta-form {
padding: 2.5rem;
}
.form-title {
text-align: center;
margin-bottom: 2rem;
font-size: 1.5rem;
} .contact-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.contact-card {
padding: 2.5rem;
}
.contact-card-title {
margin-bottom: 2rem;
font-size: 1.5rem;
}
.contact-items {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2rem;
}
.contact-item {
display: flex;
gap: 1rem;
}
.contact-icon {
flex-shrink: 0;
width: 50px;
height: 50px;
background: var(--gradient-primary);
border-radius: var(--radius-md);
display: flex;
align-items: center;
justify-content: center;
}
.contact-icon svg {
width: 24px;
height: 24px;
color: white;
}
.contact-details h4 {
margin-bottom: 0.5rem;
font-size: 1.125rem;
}
.contact-details p {
color: var(--text-secondary);
margin: 0;
}
.contact-details a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details a:hover {
color: var(--primary-green);
}
.contact-social h4 {
margin-bottom: 1rem;
}
.contact-social .social-links {
display: flex;
gap: 1rem;
}
.map-container {
overflow: hidden;
border-radius: var(--radius-lg);
} .gallery-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.gallery-lightbox.active {
opacity: 1;
visibility: visible;
}
.lightbox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
backdrop-filter: blur(10px);
}
.lightbox-container {
position: relative;
max-width: 90vw;
max-height: 90vh;
z-index: 2;
}
.lightbox-close {
position: absolute;
top: -50px;
right: 0;
background: none;
border: none;
color: white;
cursor: pointer;
padding: 0.5rem;
z-index: 3;
}
.lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.2);
border: none;
color: white;
cursor: pointer;
padding: 1rem;
border-radius: var(--radius-md);
z-index: 3;
transition: background 0.3s ease;
}
.lightbox-nav:hover {
background: rgba(255, 255, 255, 0.3);
}
.lightbox-prev {
left: -60px;
}
.lightbox-next {
right: -60px;
}
.lightbox-content {
position: relative;
}
.lightbox-image {
max-width: 100%;
max-height: 70vh;
object-fit: contain;
border-radius: var(--radius-lg);
}
.lightbox-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
padding: 2rem 1rem 1rem;
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
.lightbox-title {
color: white;
margin: 0;
font-size: 1.125rem;
} @media (max-width: 1024px) {
.hero-content {
grid-template-columns: 1fr;
text-align: center;
gap: 3rem;
}
.hero-text {
margin: 0 auto;
}
.cta-content {
grid-template-columns: 1fr;
gap: 3rem;
text-align: center;
}
.cta-form-container {
margin: 0 auto;
}
.contact-content {
grid-template-columns: 1fr;
gap: 3rem;
}
}
@media (max-width: 768px) {
.hero-features {
justify-content: center;
}
.hero-actions {
justify-content: center;
}
.hero-stats {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.services-grid {
grid-template-columns: 1fr;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.benefits-stats {
grid-template-columns: repeat(2, 1fr);
padding: 2rem;
}
.gallery-grid {
grid-template-columns: 1fr;
}
.lightbox-nav {
display: none;
}
}.w-100{
width: 100%;
}
.obf-none{
object-fit: none !important;
}
.gtk-350{
grid-template-columns: repeat(auto-fit,minmax(350px,1fr))!important;
}
.gtk-400{
grid-template-columns: repeat(auto-fit, minmax(400px,1fr))!important;
}
.gtk-unset{
grid-template-columns: unset!important;
}
.a-s_center{
align-self: center!important;
}
.on-hover-text p{
color: black;
}
.modern-banner {
padding: 1.5rem 2rem;
margin: 2rem 0;
text-align: center;
border-radius: var(--radius-lg);
}
.banner-title {
font-size: 1.5rem;
margin-bottom: 0.5rem;
color: white;
}
.banner-price {
font-size: 1.125rem;
color: white;
margin: 0;
text-align: center;
}
.price-highlight {
font-size: 1.25rem;
font-weight: 700;
color: var(--primary-green);
}
.content-section {
margin: 3rem 0;
}
.lead-text {
font-size: 1.25rem;
color: var(--text-primary);
line-height: 1.6;
margin-bottom: 1.5rem;
font-weight: 500;
}
.content-text {
font-size: 1.125rem;
color: var(--text-secondary);
line-height: 1.7;
margin-bottom: 1.5rem;
} .modern-gallery {
margin: 3rem 0;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.gallery-card {
transition: all 0.3s ease;
overflow: hidden;
}
.gallery-card:hover {
transform: translateY(-5px);
}
.gallery-image {
position: relative;
overflow: hidden;
aspect-ratio: 4/3;
border-radius: var(--radius-md);
margin-bottom: 2rem;
}
.gallery-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.gallery-card:hover .gallery-image img {
transform: scale(1.05);
}
.gallery-caption {
padding: 1rem 0;
text-align: center;
}
.gallery-caption p {
margin: 0;
color: var(--text-secondary);
font-size: 0.875rem;
text-align: center;
} .guarantee-section {
margin: 4rem 0;
}
.section-title {
font-size: 2rem;
margin-bottom: 1.5rem;
color: var(--text-primary);
text-align: center;
}
.price-card {
padding: 2rem;
margin: 2rem 0;
text-align: center;
}
.price-content h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.price-text {
font-size: 1.125rem;
color: var(--text-secondary);
line-height: 1.6;
margin: 0;
} .services-section {
margin: 4rem 0;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.service-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
border-radius: var(--radius-md);
transition: all 0.3s ease;
}
.service-item:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-2px);
}
.service-icon {
font-size: 1.5rem;
flex-shrink: 0;
}
.service-item span {
color: var(--text-primary);
font-weight: 500;
} .professional-section {
margin: 4rem 0;
}
.content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 3rem;
margin-top: 2rem;
} .works-section {
margin: 4rem 0;
}
.works-link {
text-align: center;
margin-top: 2rem;
}
.modern-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--primary-green);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.modern-link:hover {
color: var(--green-hover);
gap: 0.75rem;
} .modern-benefits {
margin: 4rem 0;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.benefit-card:hover {
transform: translateY(-5px);
}
.benefit-icon {
font-size: 3rem;
margin-bottom: 1rem;
}
.benefit-title {
font-size: 1.25rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.benefit-text {
color: var(--text-secondary);
line-height: 1.6;
margin: 0;
} .modern-cta {
margin: 4rem 0;
}
.cta-content {
padding: 3rem;
text-align: center;
}
.cta-title {
font-size: 2rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.cta-text {
font-size: 1.125rem;
color: var(--text-secondary);
margin-bottom: 2rem;
}
.cta-contacts {
margin-bottom: 4rem;
text-align: center;
}
.cta-phone {
display: block;
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-green);
text-decoration: none;
margin-bottom: 1.5rem;
transition: color 0.3s ease;
}
.cta-phone:hover {
color: var(--green-hover);
}
.cta-messengers {
display: flex;
justify-content: center;
gap: 1rem;
margin-bottom: 1rem;
}
.messenger-link {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
border-radius: var(--radius-md);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
border: none;
}
.messenger-link.viber {
background: #7360f2;
color: white;
}
.messenger-link.whatsapp {
background: #25D366;
color: white;
}
.messenger-link:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
cursor: pointer;
}
.cta-button {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 2rem;
background: var(--gradient-primary);
color: white;
border: none;
border-radius: var(--radius-md);
font-size: 1.125rem;
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-hover);
} .form-section {
margin: 4rem 0;
} .breadcrumbs {
margin: 1.5rem 0 2rem;
}
.breadcrumbs-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5rem;
font-size: 0.875rem;
color: var(--text-secondary);
}
.breadcrumbs-inner a {
color: var(--text-secondary);
text-decoration: none;
transition: color 0.3s ease;
position: relative;
padding-right: 0.75rem;
}
.breadcrumbs-inner a:hover {
color: var(--primary-green);
}
.breadcrumbs-inner a::after {
content: '/';
position: absolute;
right: 0;
color: var(--text-muted);
}
.breadcrumbs-inner span:not(.breadcrumb-separator) {
color: var(--text-primary);
font-weight: 500;
}
.breadcrumb-separator {
color: var(--text-muted);
}
.breadcrumbs-inner .current {
color: var(--primary-green);
font-weight: 500;
} .archive-header{
text-align: center;
}
.archive-content{
margin-top: 4rem;
}
.archive-grid {
margin-top: 3rem;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
.post-card {
background: var(--gradient-glass);
border-radius: var(--radius-lg);
overflow: hidden;
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.1);
height: 100%;
display: flex;
flex-direction: column;
}
.post-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-soft);
border-color: rgba(0, 255, 136, 0.2);
}
.post-card-content {
padding: 1.5rem;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.post-card-header {
margin-bottom: 1rem;
}
.post-card-categories {
margin-bottom: 0.75rem;
}
.post-category {
display: inline-block;
padding: 0.25rem 0.75rem;
background: rgba(0, 255, 136, 0.1);
color: #adadad;
border-radius: var(--radius-sm);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none;
transition: all 0.3s ease;
}
.post-category:hover {
background: rgba(0, 255, 136, 0.2);
text-decoration: none;
}
.post-card-title {
font-size: 1.25rem;
margin: 0 0 0.75rem 0;
line-height: 1.4;
}
.post-card-title a {
color: var(--text-primary);
text-decoration: none;
transition: color 0.3s ease;
}
.post-card-title a:hover {
color: var(--primary-green);
}
.post-card-meta {
display: flex;
align-items: center;
gap: 1rem;
font-size: 0.875rem;
color: var(--text-muted);
margin-top: 0.5rem;
}
.post-card-date {
display: flex;
align-items: center;
gap: 0.5rem;
}
.post-card-author {
display: flex;
align-items: center;
gap: 0.5rem;
}
.post-card-excerpt {
color: var(--text-secondary);
line-height: 1.6;
margin-bottom: 1.5rem;
flex-grow: 1;
font-size: 0.9375rem;
}
.post-card-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 1.5rem;
margin-top: auto;
}
.post-card-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--primary-green);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.post-card-link:hover {
gap: 0.75rem;
color: var(--green-hover);
}
.post-card-link svg {
transition: transform 0.3s ease;
}
.post-card-link:hover svg {
transform: translateX(3px);
}  .well-pricing-hero {
background: var(--gradient-primary);
margin: 2rem 0;
padding: 2rem;
text-align: center;
border-radius: var(--radius-lg);
}
.well-pricing-hero-title {
color: white;
margin-bottom: 1rem;
font-size: 1.75rem;
font-weight: 700;
}
.well-pricing-hero-subtitle {
color: white;
font-size: 1.125rem;
margin: 0;
opacity: 0.9;
} .well-stage-card {
padding: 2rem;
margin-bottom: 2rem;
}
.well-stage-header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
}
.well-stage-icon {
width: 60px;
height: 60px;
background: var(--gradient-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
flex-shrink: 0;
color: white;
}
.well-stage-title-container {
flex: 1;
}
.well-stage-title {
margin: 0;
font-size: 1.75rem;
color: var(--text-primary);
}
.well-stage-price-info {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 0.5rem;
}
.well-price-highlight-large {
font-size: 1.5rem;
font-weight: 700; }
.well-price-note {
color: var(--text-muted);
font-size: 0.95rem;
} .well-benefits-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-bottom: 1.5rem;
}
.well-benefit-item {
padding: 1rem;
background: rgba(0, 255, 136, 0.1);
border-radius: var(--radius-md);
border: 1px solid rgba(0, 255, 136, 0.1);
}
.well-benefit-header {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.well-benefit-icon {
color: var(--primary-green);
font-size: 1.25rem;
}
.well-benefit-label {
color: var(--text-primary);
font-weight: 600;
}
.well-benefit-value {
color: var(--text-secondary);
font-size: 0.9rem;
line-height: 1.4;
}
.well-included-block {
background: var(--gradient-glass);
padding: 1.5rem;
border-radius: var(--radius-md);
margin-top: 1rem;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.well-included-text {
margin: 0;
color: var(--text-primary);
font-weight: 500;
display: flex;
align-items: center;
gap: 0.5rem;
} .equipment-packages {
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-top: 2rem;
}
.well-package-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1.5rem;
}
.well-package-name {
font-size: 1.5rem;
margin-bottom: 0.5rem;
color: var(--text-primary);
display: flex;
align-items: center;
gap: 0.5rem;
}
.well-package-dot {
color: var(--primary-green);
}
.well-package-badge {
background: rgba(0, 255, 136, 0.1);
padding: 0.5rem 1rem;
border-radius: var(--radius-md);
color: var(--primary-green);
font-weight: 500;
font-size: 0.875rem;
white-space: nowrap;
}
.package-items {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1.5rem;
}
.well-package-item {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
}
.well-package-item-icon {
width: 50px;
height: 50px;
background: var(--gradient-primary);
border-radius: var(--radius-sm);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
color: white;
flex-shrink: 0;
}
.well-package-item-content {
flex: 1;
}
.well-package-item-title {
color: var(--text-primary);
font-weight: 600;
display: block;
margin-bottom: 0.25rem;
}
.well-package-item-desc {
color: var(--text-secondary);
font-size: 0.9rem;
}
.well-package-footer {
background: rgba(0, 255, 136, 0.1);
padding: 1rem;
border-radius: var(--radius-md);
}
.well-package-footer-text {
margin: 0;
color: var(--text-primary);
font-size: 0.9rem;
} .well-package-featured {
background: var(--gradient-glass);
border: 1px solid rgba(0, 255, 136, 0.3);
}
.package-ribbon {
position: absolute;
top: 6%;
right: 3%;
background: var(--gradient-primary);
color: white;
padding: 0.5rem 1rem;
border-radius: var(--radius-md);
font-size: 1rem;
font-weight: 600; }
.well-package-item-featured {
background: rgba(255, 255, 255, 0.1);
}
.well-package-footer-featured {
background: rgba(0, 255, 136, 0.2);
} .well-package-premium {
border: 2px solid var(--primary-green);
}
.well-package-badge-premium {
background: var(--gradient-primary);
color: white;
}
.well-package-footer-premium {
background: rgba(0, 255, 136, 0.15);
} .well-calculator-block {
background: linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-bg) 100%);
border: 1px solid rgba(0, 255, 136, 0.2);
margin: 2rem 0;
padding: 2rem;
text-align: center;
border-radius: var(--radius-lg);
}
.well-calculator-header {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-bottom: 1rem;
}
.well-calculator-icon {
font-size: 2rem;
}
.well-calculator-title {
font-size: 1.5rem;
margin: 0;
color: var(--text-primary);
}
.well-calculator-subtitle {
color: var(--text-secondary);
margin: 0.5rem 0 0 0;
}
.well-calculator-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.well-calculator-item {
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
}
.well-calculator-label {
font-size: 0.875rem;
color: var(--text-muted);
margin-bottom: 0.25rem;
display: block;
}
.well-calculator-value {
font-size: 1.25rem;
font-weight: 700;
color: #fff;
}
.well-calculator-total {
padding-top: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 1rem;
}
.well-calculator-total-label {
font-size: 1.125rem;
color: var(--text-secondary);
margin-bottom: 0.5rem;
}
.well-calculator-total-price {
font-size: 2rem;
font-weight: 800; margin: 0;
}
.well-calculator-note {
color: var(--text-muted);
margin-top: 0.5rem;
font-size: 0.875rem;
} .well-gallery-caption {
padding: 1rem 0;
text-align: center;
}
.well-gallery-caption p {
margin: 0;
color: var(--text-secondary);
font-size: 0.875rem;
text-align: center;
} .well-cta-section {
text-align: center;
padding: 3rem;
background: var(--gradient-glass);
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.well-cta-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-top: 2rem;
}
.well-cta-button {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.well-cta-icon {
font-size: 1.25rem;
}
.well-contact-info {
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
max-width: 400px;
margin: 1.5rem auto 0;
}
.well-contact-info p {
margin: 0;
font-size: 0.875rem;
color: var(--text-muted);
} .well-benefit-icon-large {
font-size: 2.5rem;
margin-bottom: 1rem;
} .archive-pagination {
margin-top: 3rem;
}
.pagination {
display: flex;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.page-numbers {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 1rem;
background: var(--dark-surface);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-md);
color: var(--text-primary);
text-decoration: none;
transition: all 0.3s ease;
}
.page-numbers:hover:not(.current) {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(0, 255, 136, 0.3);
}
.page-numbers.current {
background: var(--gradient-primary);
color: white;
border-color: transparent;
}
.page-numbers.dots {
background: transparent;
border: none;
min-width: auto;
} .no-posts {
text-align: center;
padding: 4rem 2rem;
background: var(--dark-surface);
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.no-posts-content h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.no-posts-content p {
color: var(--text-secondary);
margin-bottom: 2rem;
max-width: 400px;
margin-left: auto;
margin-right: auto;
} .page-featured-image {
position: relative;
width: 100%;
margin: 2rem 0 3rem;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-lg);
}
.page-featured-image img {
width: 100%;
height: 500px;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.page-featured-image:hover img {
transform: scale(1.02);
} .floating-image {
position: relative;
float: right;
margin: 0 0 2rem 2rem;
max-width: 45%;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-md);
z-index: 1;
}
.floating-image img {
width: 100%;
height: auto;
display: block;
} .content-with-floating {
overflow: hidden;
position: relative;
} .image-container {
position: relative;
width: 100%;
margin: 2rem 0;
}
.image-wrapper {
position: relative;
overflow: hidden;
border-radius: var(--radius-lg);
}
.image-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1rem 1.5rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
color: white;
font-size: 0.875rem;
text-align: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.page-featured-image:hover .image-caption {
opacity: 1;
} .image-shadow {
position: relative;
}
.image-shadow::after {
content: '';
position: absolute;
bottom: -20px;
left: 10%;
right: 10%;
height: 20px;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0%, transparent 70%);
z-index: -1;
}
.pagination .nav-links{
display: flex;
margin-bottom: 4rem;
}.services-page {
background: var(--dark-bg);
min-height: 100vh;
margin-top: 4rem;
}
.services-hero {
padding: 8rem 0 4rem;
background: linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-bg) 100%);
text-align: center;
}
.services-hero .section-title {
margin-bottom: 1rem;
}
.services-hero .section-description {
max-width: 600px;
margin: 0 auto 2rem;
}
.services-hero-actions {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.services-content {
padding: 4rem 0;
} .services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
margin-bottom: 4rem;
}
.service-card {
background: var(--dark-surface);
border-radius: var(--radius-lg);
padding: 2.5rem;
text-align: center;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.service-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--gradient-primary);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-soft);
}
.service-card:hover::before {
transform: scaleX(1);
}
.service-icon {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem;
background: var(--gradient-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.service-icon::before {
content: '';
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
background: var(--gradient-primary);
border-radius: 50%;
opacity: 0.3;
animation: pulse 2s infinite;
}
.service-icon svg {
width: 32px;
height: 32px;
color: white;
}
.service-title {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.service-description {
color: var(--text-secondary);
margin-bottom: 1.5rem;
line-height: 1.6;
}
.service-features {
list-style: none;
margin: 0 0 2rem 0;
padding: 0;
text-align: left;
}
.service-features li {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
color: var(--text-secondary);
}
.service-features li svg {
width: 16px;
height: 16px;
color: var(--primary-green);
flex-shrink: 0;
}
.service-footer {
display: flex;
align-items: center;
justify-content: center;
padding-top: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.service-price {
font-size: 1.25rem;
font-weight: 700; } .service-details {
padding: 4rem 0;
background: var(--dark-surface);
}
.service-detail-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.service-detail-text h2 {
margin-bottom: 1.5rem;
font-size: 2.5rem;
}
.service-detail-description {
font-size: 1.125rem;
color: var(--text-secondary);
margin-bottom: 2rem;
line-height: 1.6;
}
.service-detail-features {
list-style: none;
margin: 0 0 2rem 0;
padding: 0;
}
.service-detail-features li {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
font-size: 1.125rem;
}
.service-detail-features li svg {
width: 20px;
height: 20px;
color: var(--primary-green);
flex-shrink: 0;
}
.service-detail-image {
position: relative;
}
.service-detail-image img {
width: 100%;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-soft);
} .process-section {
padding: 4rem 0;
}
.process-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.process-step {
text-align: center;
padding: 2rem;
position: relative;
}
.process-step-number {
width: 60px;
height: 60px;
margin: 0 auto 1.5rem;
background: var(--gradient-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 700;
color: white;
position: relative;
}
.process-step-number::before {
content: '';
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
background: var(--gradient-primary);
border-radius: 50%;
opacity: 0.3;
animation: pulse 2s infinite;
}
.process-step-title {
font-size: 1.25rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.process-step-description {
color: var(--text-secondary);
line-height: 1.6;
} .faq-section {
padding: 4rem 0;
background: var(--dark-surface);
}
.faq-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: var(--dark-bg);
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.faq-question {
padding: 1.5rem;
background: none;
border: none;
color: var(--text-primary);
font-size: 1.125rem;
font-weight: 600;
text-align: left;
width: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: background 0.3s ease;
}
.faq-question:hover {
background: rgba(255, 255, 255, 0.05);
}
.faq-question::after {
content: '+';
font-size: 1.5rem;
font-weight: 300;
color: var(--primary-green);
transition: transform 0.3s ease;
}
.faq-item.active .faq-question::after {
transform: rotate(45deg);
}
.faq-answer {
padding: 0 1.5rem;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
}
.faq-item.active .faq-answer {
padding: 0 1.5rem 1.5rem;
max-height: 500px;
}
.faq-answer p {
color: var(--text-secondary);
line-height: 1.6;
margin: 0;
} .pricing-section, .reviews-section, .gallery-content {
margin-top: 4rem;
padding: 4rem 0;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.pricing-card {
background: var(--gradient-glass);
border-radius: var(--radius-lg);
padding: 2.5rem;
text-align: center;
position: relative;
transition: all 0.3s ease;
}
.pricing-card.featured {
background: var(--gradient-primary);
transform: scale(1.05);
}
.pricing-card.featured::before {
content: 'Рекомендуем';
position: absolute;
top: 1rem;
right: -2rem;
background: var(--dark-bg);
color: white;
padding: 0.5rem 3rem;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
transform: rotate(45deg);
}
.pricing-header {
margin-bottom: 2rem;
}
.pricing-name {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
.pricing-card.featured .pricing-name {
color: white;
}
.pricing-amount {
font-size: 3rem;
font-weight: 700;
color: var(--primary-green);
margin-bottom: 0.5rem;
}
.pricing-card.featured .pricing-amount {
color: white;
}
.pricing-period {
color: var(--text-muted);
font-size: 0.875rem;
}
.pricing-card.featured .pricing-period {
color: rgba(255, 255, 255, 0.8);
}
.pricing-features {
list-style: none;
margin: 0 0 2rem 0;
padding: 0;
}
.pricing-features li {
padding: 0.75rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-secondary);
}
.pricing-features li:last-child {
border-bottom: none;
}
.pricing-card.featured .pricing-features li {
color: rgba(255, 255, 255, 0.9);
} .related-services {
padding: 4rem 0;
background: var(--dark-surface);
}
.related-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 3rem;
} @media (max-width: 1024px) {
.services-grid {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.service-detail-content {
grid-template-columns: 1fr;
gap: 3rem;
text-align: center;
}
.pricing-card.featured {
transform: none;
}
}
@media (max-width: 768px) {
.services-hero {
padding: 6rem 0 3rem;
}
.services-hero-actions {
flex-direction: column;
align-items: center;
}
.services-hero-actions .btn {
width: 100%;
max-width: 300px;
}
.services-grid {
grid-template-columns: 1fr;
}
.service-card {
padding: 2rem;
}
.service-footer {
flex-direction: column;
gap: 1rem;
align-items: flex-start;
}
.process-steps {
grid-template-columns: 1fr;
}
.pricing-grid {
grid-template-columns: 1fr;
}
.pricing-card.featured::before {
right: -3rem;
font-size: 0.7rem;
}
}
@media (max-width: 480px) {
.service-detail-text h2 {
font-size: 2rem;
}
.service-detail-features li {
font-size: 1rem;
}
.pricing-card {
padding: 2rem;
}
} .page-faq h1.page-title{
font-size: clamp(1rem,5vw,2.5rem) !important;
}
.faq-section-page .faq-grid-page{
display: grid;
gap: 1.5rem;
}
.faq-section-page .faq-item {
background: #1a1a1a;
border: 1px solid rgba(255,255,255,.1);
border-radius: var(--radius-lg);
padding: 1rem;
}
.faq-section-page .faq-item h2 {
font-size: 1rem !important;
margin-bottom: 1rem;
}
.faq-section-page .faq-item h2:before {
content: "\f29c";
font-family: FontAwesome;
display: inline-block;
margin-right: 10px;
font-size: 16px;
color: #fff;
}.modern-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: var(--dark-surface);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-soft);
}
.modern-table thead {
background: var(--gradient-primary);
}
.modern-table th {
padding: 1.25rem 1.5rem;
text-align: center;
color: white;
font-weight: 600;
font-size: 1rem;
border: none;
}
.modern-table th:first-child {
border-top-left-radius: var(--radius-lg);
}
.modern-table th:last-child {
border-top-right-radius: var(--radius-lg);
}
.modern-table tbody tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.modern-table tbody tr:last-child {
border-bottom: none;
}
.modern-table tbody tr:hover {
background: rgba(255, 255, 255, 0.05);
}
.modern-table td {
padding: 1.25rem 1.5rem;
color: var(--text-secondary);
font-size: 0.9375rem;
line-height: 1.5;
border: none;
vertical-align: middle;
}
.modern-table td:first-child {
color: var(--text-primary);
font-weight: 500;
} .modern-table td img {
max-width: 100%;
height: auto;
border-radius: var(--radius-md);
object-fit: cover;
display: block;
margin: 0 auto;
box-shadow: var(--shadow-soft);
transition: all 0.3s ease;
border: 2px solid rgba(255, 255, 255, 0.1);
} .modern-table td:has(img) {
padding: 0.75rem;
text-align: center;
background: rgba(255, 255, 255, 0.03);
} .modern-table td img {
max-height: 180px;
width: auto;
max-width: 250px;
} .modern-table tbody tr:hover td img {
transform: scale(1.03);
box-shadow: var(--shadow-hover);
border-color: rgba(0, 255, 136, 0.3);
} .modern-table td:not(:first-child):not(:last-child) img {
max-height: 120px;
max-width: 180px;
} .modern-table td:first-child img {
max-height: 150px;
max-width: 200px;
} .modern-table td:last-child img {
max-height: 150px;
max-width: 200px;
} .modern-table td > div:has(img) {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.modern-table td > div:has(img) img {
flex-shrink: 0;
} .price-cell {
font-weight: 700;
}
.price-cell .price-highlight {
width: 100%;
text-align: center;
display: inline-block;
padding: 0.5rem 1rem;
background: rgba(0, 255, 136, 0.1);
color: #fff;
border-radius: var(--radius-md);
font-size: 1rem;
font-weight: 700;
white-space: nowrap;
transition: all 0.3s ease;
}
.modern-table tbody tr:hover .price-highlight {
background: rgba(0, 255, 136, 0.2);
transform: translateX(-3px);
}.tml {
max-width: 100%;
margin: 4rem auto;
padding: 2.5rem;
background: var(--gradient-glass);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-glass);
} .tml-alerts {
margin-bottom: 2rem;
}
.tml-messages {
list-style: none;
margin: 0;
padding: 0;
}
.tml-message {
padding: 1rem 1.5rem;
background: rgba(0, 255, 136, 0.1);
color: var(--primary-green);
border-radius: var(--radius-md);
border-left: 4px solid var(--primary-green);
margin-bottom: 1rem;
font-size: 0.9375rem;
line-height: 1.5;
} .tml-field-wrap {
margin-bottom: 1.5rem;
position: relative;
}
.tml-label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
color: var(--text-primary);
font-size: 0.9375rem;
}
.tml-field {
width: 100%;
padding: 1rem 1.25rem;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: var(--radius-md);
color: var(--text-primary);
font-size: 1rem;
transition: all 0.3s ease;
font-family: inherit;
}
.tml-field:focus {
outline: none;
border-color: var(--primary-green);
background: rgba(255, 255, 255, 0.12);
box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1);
}
.tml-field::placeholder {
color: var(--text-muted);
opacity: 0.7;
} .tml-rememberme-wrap {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 2rem;
}
.tml-checkbox {
width: 20px;
height: 20px;
margin: 0;
accent-color: var(--primary-green);
cursor: pointer;
position: relative;
}
.tml-checkbox:checked {
background: var(--primary-green);
}
.tml-checkbox:checked::before {
color: var(--dark-bg);
}
.tml-rememberme-wrap .tml-label {
margin: 0;
cursor: pointer;
color: var(--text-secondary);
font-size: 0.9375rem;
user-select: none;
} .tml-submit-wrap {
margin-top: 2rem;
}
.tml-button {
width: 100%;
padding: 1rem 1.5rem;
background: var(--gradient-primary);
color: white;
border: none;
border-radius: var(--radius-md);
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
font-family: inherit;
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
position: relative;
overflow: hidden;
}
.tml-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s ease;
}
.tml-button:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-hover);
}
.tml-button:hover::before {
left: 100%;
}
.tml-button:active {
transform: translateY(0);
} .tml-message-wrap {
margin-bottom: 2rem;
}
.tml-message-wrap p {
margin: 0;
color: var(--text-secondary);
line-height: 1.6;
font-size: 0.9375rem;
padding: 1rem 1.25rem;
background: rgba(255, 255, 255, 0.05);
border-radius: var(--radius-md);
border-left: 3px solid rgba(255, 255, 255, 0.1);
} .tml-links {
list-style: none;
margin: 2rem 0 0 0;
padding: 0;
text-align: center;
}
.tml-links li {
margin-bottom: 0.75rem;
}
.tml-links li:last-child {
margin-bottom: 0;
}
.tml-links a {
color: var(--primary-green);
text-decoration: none;
font-weight: 500;
font-size: 0.9375rem;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.tml-links a:hover {
color: var(--green-hover);
gap: 0.75rem;
}
.tml-links a::before {
content: '←';
font-size: 1.1em;
}
.tml-links .tml-login-link a::before {
content: '→';
} .tml-lostpassword .tml-message-wrap p {
background: rgba(255, 255, 255, 0.05);
border-left-color: rgba(0, 255, 136, 0.3);
} .tml-login {
margin-top: 6rem;
} .tml {
animation: authAppear 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes authAppear {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .tml-field.error {
border-color: #ff4757;
background: rgba(255, 71, 87, 0.05);
}
.tml-field.success {
border-color: var(--primary-green);
background: rgba(0, 255, 136, 0.05);
} [data-theme="dark"] .tml-field,
.dark-theme .tml-field {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .tml-field:focus,
.dark-theme .tml-field:focus {
background: rgba(255, 255, 255, 0.08);
} .sandvpn-logo {
pointer-events: none !important;
opacity: 0.3;
z-index: 1 !important;
} .tml-field-wrap .tml-error {
color: #ff4757;
font-size: 0.8125rem;
margin-top: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.tml-field-wrap .tml-error::before {
content: '⚠';
font-size: 0.875em;
} .tml-button.loading {
pointer-events: none;
opacity: 0.8;
}
.tml-button.loading::after {
content: '';
width: 16px;
height: 16px;
border: 2px solid transparent;
border-top: 2px solid currentColor;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-left: 0.5rem;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .password-toggle {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: var(--text-muted);
cursor: pointer;
padding: 0.25rem;
font-size: 1.125rem;
transition: color 0.3s ease;
}
.password-toggle:hover {
color: var(--text-primary);
}
.tml-pwd-wrap {
position: relative;
} .tml-captcha-wrap {
margin: 1.5rem 0;
} .tml-social-login {
margin: 2rem 0;
text-align: center;
}
.tml-social-buttons {
display: flex;
gap: 1rem;
justify-content: center;
margin-top: 1rem;
}
.social-login-button {
padding: 0.75rem 1.5rem;
border-radius: var(--radius-md);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
}
.social-login-button.google {
background: white;
color: #333;
border: 1px solid #ddd;
}
.social-login-button.facebook {
background: #1877f2;
color: white;
border: 1px solid #1877f2;
}
.social-login-button:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
}@media (min-width: 1025px) {
.archive-grid {
grid-column: 1;
}
.archive-sidebar {
grid-column: 2;
}
.posts-grid {
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
}
@media (max-width: 1024px) {
.posts-grid {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
}
.container {
display: block;
}
.archive-sidebar {
margin-top: 4rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container {
padding: 0 2rem;
} .nav-menu {
gap: 1.5rem;
}
.header-actions {
gap: 1rem;
}
.page-header .page-title{
margin-top: 2rem;
}
.page-featured-image {
max-width: 90%;
margin: 2rem auto 3rem;
}
.floating-image {
max-width: 40%;
margin: 0 0 1.5rem 1.5rem;
}
.image-container {
margin: 1.5rem 0;
}
.page-featured-image img {
max-height: 500px;
object-fit: cover;
}
.well-benefits-grid {
grid-template-columns: repeat(2, 1fr);
} .hero-title {
font-size: clamp(2rem, 4vw, 3rem);
} .services-grid {
grid-template-columns: repeat(2, 1fr);
} .benefits-grid {
grid-template-columns: repeat(2, 1fr);
} .gallery-grid {
grid-template-columns: repeat(2, 1fr);
} .cta-title {
font-size: 2rem;
}
.footer-top {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.footer-brand {
grid-column: 1 / -1;
text-align: center;
}
.footer-description {
margin: 0 auto;
}
.social-links {
justify-content: center;
}
.posts-grid {
grid-template-columns: repeat(2, 1fr);
}
.promotions-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) and (max-width: 900px) {
.page-featured-image {
max-width: 95%;
}
.floating-image {
max-width: 45%;
margin: 0 0 1rem 1rem;
} .services-grid {
grid-template-columns: 1fr;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.footer-top {
grid-template-columns: 1fr;
}
.footer-brand {
grid-column: auto;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.gallery-grid {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
}
.gallery-single-title {
font-size: 2rem;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.services-grid {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.service-detail-content {
grid-template-columns: 1fr;
gap: 3rem;
text-align: center;
}
.pricing-card.featured {
transform: none;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.main-navigation {
display: none;
}
.mobile-menu-toggle {
display: flex;
}
.header-phone .phone-text {
display: none;
}
}@media (max-width: 767px) {
.container {
padding: 0 1rem;
} h1 {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
p{
text-align: justify;
}
.gtk-400{
grid-template-columns: 1fr !important;
}
.modern-cta, .col-12 p{
text-align: unset;
} .header-inner {
gap: 1rem;
}
.logo-link {
font-size: 1.25rem;
}
.header-phone .phone-text {
display: none;
}
.header-cta span {
display: none;
}
.header-cta {
padding: 0.75rem;
} .page-featured-image {
margin: 1.5rem 0 2rem;
border-radius: var(--radius-md);
}
.page-featured-image img {
max-height: 400px;
object-fit: cover;
border-radius: var(--radius-md);
}
.floating-image {
float: none;
max-width: 100%;
margin: 1.5rem 0;
}
.image-container {
margin: 1.5rem 0;
}
.image-caption {
position: relative;
padding: 0.75rem;
background: var(--dark-surface);
border-radius: 0 0 var(--radius-md) var(--radius-md);
opacity: 1;
font-size: 0.8rem;
}
.page-featured-image:hover img {
transform: none;
}
.page-header .page-title{
margin-top: 2rem;
} .page-sidebar {
margin-top: 3rem;
}
.main-sidebar {
gap: 1rem;
}
.widget {
margin-bottom: 1rem;
}
.widget_text {
padding: 1rem;
}
#menu-uslugi a {
padding: 0.875rem 1rem;
font-size: 0.9rem;
}
.banner-text{
text-align: center;
} .hero-section {
min-height: 80vh;
padding: 2rem 0;
}
.hero-features {
flex-direction: column;
align-items: center;
gap: 1rem;
}
.hero-actions {
flex-direction: column;
align-items: center;
}
.hero-actions .btn {
width: 100%;
max-width: 300px;
}
.hero-stats {
grid-template-columns: 1fr;
gap: 1.5rem;
} .section-padding {
padding: 3rem 0;
}
.section-header {
margin-bottom: 2rem;
}
.section-description {
font-size: 1rem;
} .service-card {
padding: 1.5rem;
}
.service-item{
justify-content: center;
}
.service-footer {
flex-direction: column;
gap: 1rem;
align-items: center;
} .benefits-stats {
grid-template-columns: 1fr;
padding: 1.5rem;
}
.stat-number {
font-size: 2rem;
} .gallery-filters {
gap: 0.5rem;
}
.filter-btn {
padding: 0.5rem 1rem;
font-size: 0.875rem;
}
.gallery-grid {
grid-template-columns: 1fr;
gap: 1rem;
} .cta-form {
padding: 1.5rem;
} .contact-item {
flex-direction: column;
gap: 0.5rem;
text-align: center;
}
.contact-icon {
margin: 0 auto;
} .footer-top {
grid-template-columns: 1fr;
gap: 2rem;
text-align: center;
}
.footer-brand {
align-items: center;
}
.footer-description {
max-width: none;
}
.social-links {
justify-content: center;
}
.footer-bottom {
flex-direction: column;
text-align: center;
gap: 1rem;
}
.footer-links {
justify-content: center;
}
.contact-item {
display: flow-root;
justify-content: center;
text-align: center;
}
.well-stage-header {
flex-direction: column;
text-align: center;
gap: 1rem;
}
.well-stage-price-info {
justify-content: center;
}
.well-benefits-grid {
grid-template-columns: 1fr;
}
.well-package-header {
flex-direction: column;
gap: 1rem;
}
.well-package-badge {
align-self: flex-start;
}
.well-calculator-grid {
grid-template-columns: 1fr;
}
.well-cta-section {
padding: 2rem 1.5rem;
}
.well-cta-buttons {
flex-direction: column;
align-items: center;
}
.well-cta-buttons .btn {
width: 100%;
max-width: 300px;
}
.well-package-item {
flex-direction: column;
text-align: center;
gap: 0.75rem;
}
.equipment-packages {
gap: 0;
} .modal-container {
width: 95%;
margin: 1rem;
}
.modal-content {
padding: 1.5rem;
} .btn-lg {
padding: 1rem 2rem;
font-size: 1rem;
}
.btn-xl {
padding: 1.25rem 2.5rem;
font-size: 1.1rem;
}
.modern-banner {
padding: 1rem;
margin: 1rem 0;
}
.banner-title {
font-size: 1.25rem;
}
.section-title {
font-size: 1.75rem;
}
.gallery-grid {
grid-template-columns: 1fr;
}
.services-grid {
grid-template-columns: 1fr;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.cta-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 2rem 1.5rem;
}
.cta-title {
font-size: 1.75rem;
}
.cta-messengers {
flex-direction: column;
align-items: center;
}
.content-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.messenger-link {
width: 200px;
justify-content: center;
}
.wpcf7-checkbox {
flex-direction: column;
align-items: flex-start;
}
.wpcf7-form-control-wrap{
display: flex;
justify-content: center;
} .recent-work {
flex-direction: column;
text-align: center;
gap: 0.75rem;
}
.work-image {
width: 100%;
height: 100%;
margin: 0 auto;
}
.work-date{
justify-content: center;
text-align: center;
}
.work-title a {
font-size: 0.9rem;
-webkit-line-clamp: 3;
}
.work-content {
gap: 0.5rem;
}
.posts-grid {
gap: 1.5rem;
}
.post-card {
max-width: 100%;
}
.breadcrumbs-inner {
font-size: 0.8125rem;
}
.post-card-content {
padding: 1.25rem;
}
.post-card-title {
font-size: 1.125rem;
}
.archive-header {
text-align: center;
}
.archive-title {
font-size: 1.75rem;
}
.modern-table {
display: block;
}
.modern-table thead {
display: none;
}
.modern-table tbody,
.modern-table tr,
.modern-table td {
display: block;
width: 100%;
}
.modern-table tbody tr {
margin-bottom: 1rem;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--radius-md);
padding: 1rem;
background: var(--dark-surface);
}
.modern-table td {
padding: 0.75rem 0;
text-align: left;
position: relative;
}
.modern-table td:before {
content: attr(data-label);
display: block;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 0.25rem;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
opacity: 0.8;
}
.modern-table td img {
max-height: 120px;
max-width: 150px;
}
.modern-table td:not(:first-child):not(:last-child) img {
max-height: 80px;
max-width: 120px;
}
.price-cell {
text-align: left;
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.price-cell:before {
content: 'Цена';
}
.modern-table td:first-child:before {
content: 'Вид работы';
}
.modern-table td:nth-child(2):before {
content: 'Ед. изм.';
}
.promotions-hero {
padding: 6rem 0 3rem;
}
.promotions-hero-title {
font-size: 2rem;
}
.promotions-grid {
grid-template-columns: 1fr;
}
.promotions-main {
padding: 3rem 0;
}
.promotions-cta {
padding: 3rem 0;
}
.tml {
margin: 3rem auto;
padding: 2rem 1.5rem;
max-width: 100%;
}
.tml-login {
margin-top: 4rem;
}
.tml-field {
padding: 0.875rem 1rem;
}
.tml-button {
padding: 0.875rem 1.25rem;
}
}
@media (max-width: 480px) { .header-actions .header-cta, .header-actions .soc_seti, .header-actions .phone-list {
display: none!important;
}
.container {
padding: 0 0.5rem;
} .page-featured-image img {
max-height: 300px;
}
.image-caption {
padding: 0.5rem;
font-size: 0.75rem;
}
.floating-image {
margin: 1rem 0;
}
.well-pricing-hero {
padding: 1.5rem;
}
.well-pricing-hero-title {
font-size: 1.5rem;
}
.well-pricing-hero-subtitle {
font-size: 1rem;
}
.well-stage-card {
padding: 1.5rem;
}
.well-stage-title {
font-size: 1.5rem;
}
.well-calculator-block {
padding: 1.5rem;
}
.well-calculator-title {
font-size: 1.25rem;
}
.hero-title {
font-size: 1.75rem;
}
.hero-subtitle {
font-size: 1rem;
}
.section-title {
font-size: 1.5rem;
}
.gallery-filters {
flex-direction: column;
align-items: center;
}
.filter-btn {
width: 200px;
}
.cta-content {
padding: 1.5rem;
}
.cta-title {
font-size: 1.5rem;
}
.cta-phone {
font-size: 1.25rem;
}
.wpcf7-form {
padding: 1.5rem;
}
.benefit-card,
.price-card {
padding: 1.5rem;
} .footer-top {
gap: 1.5rem;
}
.logo-text {
font-size: 1.75rem;
}
.logo-link svg{
width: 120px!important;
}
.logo-link svg text{
font-size: 20px;
}
.footer-links {
flex-direction: column;
gap: 0.5rem;
} #menu-uslugi a {
padding: 0.75rem 1rem;
font-size: 0.875rem;
}
.customize-partial-edit-shortcut {
top: 0.25rem;
right: 0.25rem;
}
.customize-partial-edit-shortcut-button {
width: 25px;
height: 25px;
}
.customize-partial-edit-shortcut-button svg {
width: 14px;
height: 14px;
} .recent-work {
padding: 0.75rem;
}
.work-image {
height: auto;
}
.widget .widget-title {
font-size: 1.125rem;
margin-bottom: 1rem;
}
.posts-grid {
gap: 1rem;
}
.post-card-meta {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.breadcrumbs-inner {
gap: 0.375rem;
}
.breadcrumbs-inner a {
padding-right: 0.5rem;
}
.no-posts {
padding: 3rem 1rem;
}
.pagination {
gap: 0.25rem;
}
.page-numbers {
min-width: 36px;
height: 36px;
padding: 0 0.75rem;
font-size: 0.875rem;
}
.modern-table td img {
max-height: 80px;
max-width: 100px;
}
.modern-table td:has(img) {
padding: 0.5rem;
}
.promotions-hero-subtitle {
font-size: 1.125rem;
}
.promotion-content {
padding: 1.25rem;
}
.promotion-title {
font-size: 1.125rem;
}
.cta-title {
font-size: 1.5rem;
}
.cta-button {
width: 100%;
justify-content: center;
}
.tml {
margin: 2rem auto;
padding: 1.5rem 1.25rem;
border-radius: var(--radius-lg);
}
.tml-login {
margin-top: 3rem;
}
.tml-message {
padding: 0.875rem 1.25rem;
font-size: 0.875rem;
}
.tml-field-wrap {
margin-bottom: 1.25rem;
}
.tml-label {
font-size: 0.875rem;
}
.tml-links a {
font-size: 0.875rem;
}
} @media (hover: none) and (pointer: coarse) {
.glass-card:hover {
transform: none;
}
.btn:hover::before {
left: -100%;
}
.gallery-card:hover .gallery-overlay {
opacity: 0;
}
.gallery-card:active .gallery-overlay {
opacity: 1;
}
} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.hero-background {
background-image: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/themes/ProfBur_Modern_2025/assets/css/images/hero-bg@2x.jpg);
}
} @media print {
.main-header,
.main-footer,
.cta-section,
.modal,
.back-to-top {
display: none !important;
}
body {
background: white !important;
color: black !important;
}
.container {
max-width: none !important;
}
}.fab-chat {
position: fixed;
right: 28px;
bottom: 260px;
z-index: 99999;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.fab-main {
width: 64px;
height: 64px;
border: none;
border-radius: 50%;
background: var(--gradient-primary);
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
transition: .25s ease;
color: #fff;
}
.fab-main:hover {
transform: translateY(-2px);
}
.fab-icon {
position: absolute;
font-size: 24px;
color: #fff;
transition: opacity .25s ease, transform .25s ease;
}
.fab-icon-chat {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.fab-icon-close {
opacity: 0;
transform: scale(.5) rotate(-90deg);
} .fab-chat.active .fab-icon-chat {
opacity: 0;
transform: scale(.5) rotate(90deg);
}
.fab-chat.active .fab-icon-close {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.fab-chat.active .fab-label {
opacity: 0;
transform: translateY(-50%) translateX(10px);
pointer-events: none;
}
.fab-items {
position: absolute;
right: 0;
bottom: 72px;
display: flex;
flex-direction: column;
gap: 10px;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: .25s ease;
}
.fab-chat.active .fab-items {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.fab-item {
width: 52px;
height: 52px;
border-radius: 14px;
background: #fff;
border: 1px solid rgba(0, 0, 0, .08);
color: #222;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
transition: .2s ease;
}
.fab-item:hover {
transform: translateX(-4px);
border-color: var(--primary-green);
color: var(--primary-green);
}
.fab-label {
right: 68px;
font-size: 11px;
padding: 10px 12px;
}
.fab-item {
width: 48px;
height: 48px;
font-size: 18px;
}
.text-white{
color: #fff !important;
}
@media (max-width: 767.98px) {
.fab-chat {
right: 26px;
bottom: 120px;
}
}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 95px; height: 95px; }
#rpwwt-recent-posts-widget-with-thumbnails-6 img { width: 95px; height: 95px; }.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/common/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
} .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/common/grab.png), move;}
.ms-grabbing-cursor{cursor: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/common/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view {
margin:0px auto;
overflow:hidden;
position:relative;
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/common/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
} .ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600;
} .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
} .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
} .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left  .ms-tab-thumb{ float:left;  margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
.ms-pattern.ms-patt-1  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} .ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-black-1  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn{
width: 55px;
height: 55px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat 24px 18px white;
border: solid 1px #3d3d3d;
border-radius: 50%;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 31px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat -289px 6px white;
border-radius: 50%;
border: solid 1px #3d3d3d;
top: 18px;
right: 30px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
} .ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat white;
background-position: -178px 17px;
border: solid 1px #3d3d3d;
border-radius: 50%;
height: 55px;
width: 55px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -27px;
position: absolute;
z-index: 110;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover{
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-nav-next {
right: 30px;
left: auto;
background-position: -75px 17px;
}
.ms-skin-minimal .ms-bullet {
width: 8px;
height: 8px;
background: white;
border: solid 1px #3d3d3d;
border-radius: 50%;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-minimal .ms-bullet-selected {
background: #3d3d3d;
}
.ms-skin-minimal .ms-time-bar {
height: 3px;
background: #FFFFFF;
border-top: solid 1px rgba(0, 0, 0, 0.41);
}
.ms-skin-minimal .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-minimal .ms-tooltip-point {cursor: pointer;}
.ms-skin-minimal .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-minimal .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-minimal .ms-tooltip {
max-width:200px;
}
.ms-skin-minimal .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
} .ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
} .ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-3  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-4  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
} .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
} .ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6-retina.png);
background-size: 152px 225px;
}
} .ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
} .ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin-retina.png);
background-size: 152px 225px;
}
} .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
} .ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-contrast  .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(//xn--39-6kchvmk2a4a0i.xn--p1ai/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin-retina.png);
background-size: 152px 225px;
}
}.ms-parent-id-2 > .master-slider{ background:#000000; }
.ms-parent-id-1 > .master-slider{ background:#000000; }.gm-navbar {z-index: 99 !important}.gm-main-menu-wrapper {z-index: 99 !important}.gm-navigation-drawer, gm-second-nav-drawer {z-index: 123 !important}.gm-navbar--style-3 .gm-toolbar {z-index: 111 !important}.gm-navbar--style-5 .gm-toolbar {z-index: 111 !important}.gm-navbar .gm-toolbar .wpml-ls {z-index: 111 !important}@media (min-width: 992px) {.gm-navbar .gm-logo {z-index: 111 !important}}@media (min-width: 992px) {.gm-navbar .gm-menu-btn--expanded, .gm-burger {z-index: 117 !important}}.gm-search__fullscreen-container {z-index: 123 !important}.gm-dropdown-overlay {z-index: 96 !important}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu .gm-menu-item__link, .gm-main-menu-wrapper .gm-mega-menu__item__title {border-bottom: 1px dotted rgba(110, 110, 111, 1);}}@media (min-width: 992px) {.gm-inner .gm-container {height: 65px;}.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-inner {min-height: 65px;}}.gm-container {max-width: 1200px}@media (min-width: 992px) {.gm-navbar .gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu {border-top: 3px solid rgba(148, 204, 83, 1)}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu {background-color: rgba(49, 176, 54, 1)}}.gm-navbar .gm-main-menu-wrapper .mega-gm-dropdown > .gm-dropdown-menu, .gm-navbar .gm-main-menu-wrapper .mega-gm-dropdown > .gm-dropdown-menu-wrapper {
width: 1200px;
max-width : 1200px;
position: absolute;}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav > .menu-item > .gm-anchor {margin-top: 5px; margin-bottom: 5px; padding-top: 0; padding-bottom: 0;}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav > .gm-menu-item > .gm-anchor {margin-left: 15px}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav > .gm-menu-item > .gm-anchor {margin-right: 15px}}@media (min-width: 992px) {.gm-navbar--has-divider .gm-navbar-nav > li:not(:last-of-type) > .gm-anchor::before {right: -15px !important;}}@media (min-width: 992px) {.gm-navbar .gm-container {padding-right: 15px; padding-left: 15px; flex: 1 100%;}.gm-navbar .gm-toolbar .gm-container {padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px;}.gm-navbar .gm-dropdown-menu-wrapper--left {right: 0; left: auto;}.gm-navbar .gm-dropdown-submenu .gm-dropdown-menu-wrapper {left: 100%; z-index: 1;}.gm-navbar .gm-dropdown-submenu .gm-dropdown-menu-wrapper--left {right: 100%; left: auto; z-index: 1;}.gm-navbar #gm-main-menu {flex-grow: 1; display: flex;}.gm-navbar .gm-main-menu-wrapper {flex-grow: 1; align-items: stretch;}.gm-navbar.gm-top-links-align-left #gm-main-menu {justify-content: flex-start;}.gm-navbar.gm-top-links-align-center #gm-main-menu {justify-content: center;}.gm-navbar.gm-top-links-align-center .gm-logo {position: absolute; top: 50%; transform: translateY(-50%);}.gm-navbar.gm-top-links-align-right #gm-main-menu {justify-content: flex-end;}.gm-navbar .gm-toolbar-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s; z-index: -1;}.gm-navbar .gm-navbar-nav > .gm-menu-item > .gm-anchor > .gm-caret i {transform: none;}.gm-navbar .gm-navbar-nav > .gm-dropdown > .gm-dropdown-menu-wrapper {top: 100%;}.gm-navbar .gm-logo a img {transition: height 0.2s, line-height 0.2s;}.gm-navbar .gm-search {transition: height 0.2s, line-height 0.2s;}}@media (min-width: 992px) {.gm-navbar .gm-dropdown-menu .gm-dropdown-toggle .gm-caret {font-size: 14px}}.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-navbar-nav > li.current-menu-item > .gm-anchor, .gm-navbar:not(.gm-navbar-sticky-toggle) .gm-navbar-nav > li.current-menu-ancestor > .gm-anchor, .gm-navbar:not(.gm-navbar-sticky-toggle) .gm-navbar-nav > li.current-page-ancestor > .gm-anchor, .gm-navbar:not(.gm-navbar-sticky-toggle) .gm-navbar-nav > li.current-menu-parent > .gm-anchor, .gm-navbar:not(.gm-navbar-sticky-toggle) .gm-navbar-nav > .menu-item > .gm-anchor:hover, .gm-navbar:not(.gm-navbar-sticky-toggle) .gm-navbar-nav > .menu-item.gm-open > .gm-anchor {color: rgba(47, 47, 47, 1) !important}@media (min-width: 992px) {.gm_action__visibility__mobile {display: none !important;}}@media (max-width: 991px) {.gm_action__visibility__desktop {display: none !important;}}@media (min-width: 992px) {.gm-navbar--shadow-tiny.gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle) .gm-inner {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}.gm-navbar--shadow-medium.gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle) .gm-inner {box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1);}.gm-navbar--shadow-large.gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle) .gm-inner {box-shadow: 0 8px 30px 10px rgba(0,0,0,0.1);}.gm-navbar--shadow-deep.gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle) .gm-inner {box-shadow: 0px 5px 15px 3px rgba(0,0,0,0.1), 0 3px 4px 2px rgba(0,0,0,0.1);}}.gm-navbar, .gm-main-menu-wrapper, .gm-navigation-drawer {font-family: inherit}.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-inner-bg, .gm-padding {background-color: rgba(49, 176, 53, 1)}@media (min-width: 992px) {.gm-padding {padding-top: 103px}}.gm-toolbar-bg {background-color: rgba(255, 255, 255, 1)}.gm-navbar .gm-toolbar-contacts, .gm-navbar #lang_sel_click ul ul a:visited, .gm-navbar #lang_sel_click ul ul a, .gm-navbar #lang_sel_click a:hover, .gm-navbar #lang_sel_click ul ul a:hover, .gm-navbar #lang_sel_click:hover> a, .gm-navbar #lang_sel_click ul ul:hover> a, .gm-navbar #lang_sel_click a.lang_sel_sel, .gm-navbar #lang_sel_click a.lang_sel_sel:hover {color: rgba(104, 104, 104, 1)}.gm-navbar .gm-toolbar-contacts {font-size: 14px;}.gm-navbar #gm-toolbar .gm-toolbar-social-link {color: rgba(104, 104, 104, 1) !important}.gm-navbar .gm-main-menu-wrapper .gm-actions .gm-toolbar-social-link {color: rgba(104, 104, 104, 1) !important}.gm-navbar .gm-toolbar-socials-list__item {border-right: 1px solid rgba(104, 104, 104, 1)}.gm-navbar .gm-toolbar-socials-list__item:nth-last-child(1) {border-right: none;}.gm-navbar .gm-toolbar-social-link, .gm-navbar .gm-toolbar-social-link i {font-size: 16px; min-width: 16px; text-align: center;}.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-inner {border-bottom-color: rgba(0, 0, 0, 0); border-bottom-width: 0px}.gm-navbar ~ .gm-main-menu-wrapper .gm-menu-item__icon, .gm-navbar .gm-main-menu-wrapper .gm-menu-item__icon, .gm-toolbar-nav-container .gm-menu-item__icon {margin-right: 8px;}.gm-main-menu-wrapper .gm-navbar-nav .gm-menu-item__icon {display: none}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav > .gm-dropdown:not(.mega-gm-dropdown) .gm-dropdown-menu {min-width: 230px}}@media (min-width: 992px) {.gm-navbar #gm-toolbar .gm-toolbar-social-link:hover {color: rgba(165, 226, 94, 1) !important}.gm-navbar .gm-main-menu-wrapper .gm-actions .gm-toolbar-social-link:hover {color: rgba(165, 226, 94, 1) !important}}@media (min-width: 992px) {.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-logo__img-default {display: flex;}}@media (min-width: 992px) {.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-logo__img-alt {display: none;}}@media (min-width: 992px) {.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav > .menu-item > .gm-anchor {color: rgba(236, 231, 231, 1)}}@media (min-width: 992px) {.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-main-menu-wrapper .gm-nav-inline-divider {background-color: rgba(236, 231, 231, 1)}.gm-navbar--has-divider .gm-navbar-nav > li:not(:last-of-type) > .gm-anchor {position: relative;}.gm-navbar--has-divider .gm-navbar-nav > li:not(:last-of-type) > .gm-anchor::before {position: absolute; width: 1px; height: 30px; opacity: 0.25; content: ""; top: 50%; right: 0; transform: translateY(-50%);}.gm-navbar.gm-navbar--has-divider:not(.gm-navbar-sticky-toggle) .gm-main-menu-wrapper .gm-navbar-nav > li:not(:last-of-type) > .gm-anchor::before {background-color: rgba(236, 231, 231, 1)}}@media (min-width: 992px) {.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu .gm-menu-item__link {color: rgba(255, 255, 255, 1)}}@media (min-width: 992px) {.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu .gm-menu-item__link:hover {color: rgba(242, 242, 242, 1) !important}.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu .gm-mega-menu-title-item > .gm-mega-menu__item__title:hover .gm-anchor:not(.gm-anchor--empty) .gm-menu-item__txt {color: rgba(242, 242, 242, 1)}}@media (min-width: 992px) {.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu li.current-menu-ancestor > .gm-menu-item__link, .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu li.current-page-ancestor > .gm-menu-item__link, .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu li.current-menu-item > .gm-menu-item__link {color: rgba(148, 204, 83, 1)}.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu .gm-mega-menu__item.current-menu-ancestor > .gm-mega-menu__item__title .gm-menu-item__txt, .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu .gm-mega-menu__item.current-page-ancestor > .gm-mega-menu__item__title .gm-menu-item__txt, .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown-menu .gm-mega-menu__item.current-menu-item > .gm-mega-menu__item__title .gm-menu-item__txt {color: rgba(148, 204, 83, 1)}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu .gm-menu-item:hover {background-color: rgba(20, 136, 73, 1)}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-mega-menu__item__title, .gm-main-menu-wrapper .gm-mega-menu__item__title .gm-menu-item__txt {color:rgba(255, 255, 255, 1)}}.gm-navigation-drawer {background-color: rgba(255, 255, 255, 1);}.gm-mobile-submenu-style-slider .gm-navbar-nav .gm-dropdown-menu-wrapper {background-color: rgba(255, 255, 255, 1);}.gm-navigation-drawer .gm-anchor, .gm-navigation-drawer .gm-mega-menu__item__title, .gm-navigation-drawer--mobile .gm-navbar-nav .gm-dropdown-menu-title {color: rgba(90, 90, 90, 1) !important}.gm-navigation-drawer .gm-anchor, .gm-navigation-drawer .gm-mega-menu__item__title {border-bottom: 1px dotted rgb(90, 90, 90, 1)}.gm-navigation-drawer .gm-divider--vertical {border-color: rgb(90, 90, 90, 1)}@media (max-width: 991px) {.gm-navigation-drawer .gm-search, .gm-navigation-drawer .gm-minicart {color: rgba(90, 90, 90, 1) !important;}}.gm-navigation-drawer .gm-anchor:hover, .gm-navigation-drawer li.current-menu-parent > .gm-anchor, .gm-navigation-drawer li.current-menu-item > .gm-anchor {color: rgba(204, 204, 204, 1) !important}.gm-navigation-drawer--mobile {width:250px;}.gm-navigation-drawer--mobile {overflow: visible;}.gm-navigation-drawer--mobile .gm-burger {position: absolute;}.gm-navigation-drawer--mobile.gm-navigation-drawer--right .gm-burger {right: calc( 100% + 16px );}.gm-navigation-drawer--mobile.gm-navigation-drawer--left .gm-burger {left: calc( 100% + 16px );}.gm-navigation-drawer--open.gm-navigation-drawer--right .gm-burger {right: calc( 100% + 4px );}.gm-navigation-drawer--open.gm-navigation-drawer--left .gm-burger {left: calc( 100% + 4px );}@media (max-width: 991px) {.gm-navigation-drawer--mobile .gm-menu-btn-close-mobile-drawer {padding: 12px 0px 12px 0px;}}@media (max-width: 991px) {.gm-navigation-drawer--mobile .gm-menu-btn-close-mobile-drawer {display: flex; flex-wrap: nowrap; flex-direction: row; align-content: center; justify-content: flex-end; flex: 0; width: 100%;}}@media (max-width: 991px) {.gm-menu-btn-close-mobile-drawer .hamburger {padding: 0; cursor: pointer; justify-content: center; padding: 0; min-width: 24px;}.gm-menu-btn-close-mobile-drawer .hamburger .hamburger-box, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::after, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::before {width: 24px;}.gm-menu-btn-close-mobile-drawer .hamburger .hamburger-box {height: 24px;}.gm-menu-btn-close-mobile-drawer .gm-menu-btn__inner {font-size: 24px;}}@media (max-width: 991px) {.gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::after, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::before {height: 3px;}}@media (max-width: 991px) {.gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::after, .gm-menu-btn-close-mobile-drawer .hamburger .hamburger-inner::before {background-color: rgba(104,104,104,1);}.gm-menu-btn-close-mobile-drawer .gm-menu-btn__inner {color: rgba(104,104,104,1);}}@media (max-width: 991px) {.gm-menu-btn-close-mobile-drawer .hamburger {background-color: rgba(0,0,0,0);}.gm-menu-btn-close-mobile-drawer .gm-menu-btn__inner {background-color: rgba(0,0,0,0);}}@media (max-width: 991px) {.gm-anchor, .gm-mega-menu__item__title {padding:9px 0;}.gm-navigation-drawer .gm-caret {position: absolute; right: 0; height: 38px; top: auto; padding: calc( 9px + 3px ) 0 9px 18px; min-width: 50px;}.gm-navigation-drawer .gm-dropdown > .gm-anchor {position: relative;}.gm-navigation-drawer .gm-dropdown > .gm-anchor .gm-menu-item__txt-wrapper {padding-right: 50px;}}.gm-navigation-drawer--mobile.gm-navigation-drawer--right {transform: translate3d(250px, 0, 0); right: 0}@media (max-width: 991px) {.gm-hide-on-mobile {display: none;}.gm-hide-on-mobile-by-option {display: none !important;}}@media (max-width: 991px) {.gm-inner .gm-container {height: 70px;}}@media (max-width: 991px) {.gm-navigation-drawer--mobile .gm-navbar-nav > .gm-menu-item > .gm-anchor, .gm-navigation-drawer--mobile .gm-navbar-nav .gm-dropdown-menu-title {font-size: 11px}}@media (max-width: 991px) {.gm-navigation-drawer--mobile .gm-navbar-nav > .gm-menu-item > .gm-anchor, .gm-navigation-drawer--mobile .gm-navbar-nav .gm-dropdown-menu-title {text-transform: uppercase}}@media (max-width: 991px) {.gm-navigation-drawer--mobile .gm-dropdown-menu .gm-anchor {font-size: 11px}}@media (max-width: 991px) {.gm-navigation-drawer--mobile .gm-dropdown-menu .gm-anchor {text-transform: uppercase}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav > li > .gm-anchor {font-size: 14px}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-menu-item__link {font-size: 14px}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-navbar-nav > li > .gm-anchor {text-transform: uppercase}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-menu-item__link {text-transform: uppercase}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-mega-menu__item__title, .gm-main-menu-wrapper .gm-mega-menu__item__title .gm-menu-item__txt {text-transform: uppercase}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-mega-menu__item__title, .gm-main-menu-wrapper .gm-mega-menu__item__title .gm-menu-item__txt {font-size: 13px}}#lang_sel_click {display: none}@media (max-width: 991px) {.gm-navbar .gm-logo {flex: 1 1; justify-content: flex-start;}}@media (min-width: 992px) {.gm-burger {display: none;}}@media (max-width: 991px) {.gm-burger {display: block;}}@media (min-width: 992px) {.gm-menu-btn__inner {color: rgba(104, 104, 104, 1);}.gm-menu-actions-wrapper a.gm-minicart-link {color: rgba(104, 104, 104, 1) !important;}}@media (min-width: 992px) {.gm-menu-btn__inner {font-size: 24px;}}@media (min-width: 992px) {.gm-menu-btn__inner {background-color: rgba(0, 0, 0, 0);}}@media (max-width: 991px) {.gm-menu-btn__inner {color: rgba(104, 104, 104, 1);}.gm-menu-actions-wrapper .gm-search > .gm-icon {color: rgba(104, 104, 104, 1);}.gm-menu-actions-wrapper a {color: rgba(104, 104, 104, 1);}.gm-menu-actions-wrapper a.gm-minicart-link {color: rgba(104, 104, 104, 1) !important;}.gm-burger .hamburger-inner, .gm-burger .hamburger-inner::after, .gm-burger .hamburger-inner::before {background-color: rgba(104, 104, 104, 1);}.gm-burger.hamburger.is-active .hamburger-inner, .gm-burger.hamburger.is-active .hamburger-inner::after, .gm-burger.hamburger.is-active .hamburger-inner::before {background-color: rgba(104, 104, 104, 1);}}@media (max-width: 991px) {.gm-navbar .gm-menu-actions-wrapper .gm-minicart {display: none;}}@media (max-width: 991px) {.gm-navbar .gm-menu-actions-wrapper .gm-search {display: none;}}@media (min-width: 992px) {.gm-navbar ~ .gm-navbar ~ .gm-main-menu-wrapper .gm-actions > .gm-search {display: none;}.gm-navbar .gm-menu-actions-wrapper > .gm-search {display: none;}}@media (min-width: 992px) {.gm-navbar ~ .gm-main-menu-wrapper .gm-actions > .gm-minicart {display: none;}.gm-navbar .gm-menu-actions-wrapper > .gm-minicart {display: none;}}@media (max-width: 991px) {.gm-menu-btn__inner, .gm-navbar .gm-menu-actions-wrapper .gm-minicart .gm-icon {font-size: 24px;}.gm-navbar .gm-menu-actions-wrapper .gm-search > .gm-icon {font-size: 24px;}.gm-burger .hamburger-box, .gm-burger .hamburger-inner, .gm-burger .hamburger-inner::after, .gm-burger .hamburger-inner::before {width: 24px;}.gm-burger .hamburger-box {height: 24px;}}@media (max-width: 991px) {.gm-menu-btn__inner, .gm-burger {background-color: rgba(0, 0, 0, 0);}}@media (max-width: 991px) {.gm-menu-btn__inner, .gm-burger {padding: 0;}}@media (max-width: 991px) {.gm-menu-btn__inner, .gm-burger {border: 0px solid rgba(0, 0, 0, 0);}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-mega-menu__item:not(:last-of-type) > .gm-dropdown-menu-wrapper > ul::after {border-right: 1px solid rgba(255, 255, 255, 0);}}@media (min-width: 992px) {.gm-main-menu-wrapper .gm-mega-menu__item .gm-menu-item__link {border-bottom: none !important;}}.gm-navbar .gm-toolbar-socials-list__item {border: none!important}@media (max-width: 991px) {.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-logo__img-mobile {display: flex;}}@media (max-width: 991px) {.gm-navbar:not(.gm-navbar-sticky-toggle) .gm-logo__img-mobile-alt {display: none;}}@media (min-width: 992px) {.gm-navbar .grid {flex-basis: 0; flex-grow: 1; max-width: 100%;}.gm-navbar .grid-5 {max-width: 5%; flex: 0 0 5%;}.gm-navbar .grid-10 {max-width: 10%; flex: 0 0 10%;}.gm-navbar .grid-11 {max-width: 11.11111%; flex: 0 0 11.11111%;}.gm-navbar .grid-12 {max-width: 12.5%; flex: 0 0 12.5%;}.gm-navbar .grid-14 {max-width: 14.28571%; flex: 0 0 14.28571%;}.gm-navbar .grid-15 {max-width: 15%; flex: 0 0 15%;}.gm-navbar .grid-16 {max-width: 16.66666%; flex: 0 0 16.66666%;}.gm-navbar .grid-20 {max-width: 20%; flex: 0 0 20%;}.gm-navbar .grid-25 {max-width: 25%; flex: 0 0 25%;}.gm-navbar .grid-30 {max-width: 30%; flex: 0 0 30%;}.gm-navbar .grid-35 {max-width: 35%; flex: 0 0 35%;}.gm-navbar .grid-40 {max-width: 40%; flex: 0 0 40%;}.gm-navbar .grid-45 {max-width: 45%; flex: 0 0 45%;}.gm-navbar .grid-50 {max-width: 50%; flex: 0 0 50%;}.gm-navbar .grid-55 {max-width: 55%; flex: 0 0 55%;}.gm-navbar .grid-60 {max-width: 60%; flex: 0 0 60%;}.gm-navbar .grid-65 {max-width: 65%; flex: 0 0 65%;}.gm-navbar .grid-70 {max-width: 70%; flex: 0 0 70%;}.gm-navbar .grid-75 {max-width: 75%; flex: 0 0 75%;}.gm-navbar .grid-80 {max-width: 80%; flex: 0 0 80%;}.gm-navbar .grid-85 {max-width: 85%; flex: 0 0 85%;}.gm-navbar .grid-90 {max-width: 90%; flex: 0 0 90%;}.gm-navbar .grid-95 {max-width: 95%; flex: 0 0 95%;}.gm-navbar .grid-33 {max-width: 33.33333%; flex: 0 0 33.33333%;}.gm-navbar .grid-66 {max-width: 66.66667%; flex: 0 0 66.66667%;}.gm-navbar .grid-100 {max-width: 100%; flex: 0 0 100%;}.gm-navbar .attachment-menu-thumb, .gm-main-menu-wrapper .attachment-menu-thumb {position: fixed; z-index: 99999; top: 0; display: none; max-width: none; opacity: 0; transition: opacity 0.2s 0.5s;}.gm-navbar:not(.gm-navbar--align-right) .attachment-menu-thumb {left: calc(100% - 30px);}.gm-navbar.gm-navbar--align-right .attachment-menu-thumb {right: 100%;}.gm-menu-item.gm-has-featured-img:hover .attachment-menu-thumb {display: block;}[dir='rtl'] .gm-caret i {transform: rotate(180deg);}.gm-caret {padding-left: 5px}}@media (min-width: 992px) {.gm-navbar .gm-menu-btn {display: none;}.gm-navbar .gm-menu-actions-wrapper {display: none;}}@media (max-width: 991px) {.gm-navbar .mobile-grid {flex-basis: 0; flex-grow: 1; max-width: 100%;}.gm-navbar .mobile-grid-5 {max-width: 5%; flex: 0 0 5%;}.gm-navbar .mobile-grid-10 {max-width: 10%; flex: 0 0 10%;}.gm-navbar .mobile-grid-11 {max-width: 11.11111%; flex: 0 0 11.11111%;}.gm-navbar .mobile-grid-12 {max-width: 12.5%; flex: 0 0 12.5%;}.gm-navbar .mobile-grid-14 {max-width: 14.28571%; flex: 0 0 14.28571%;}.gm-navbar .mobile-grid-15 {max-width: 15%; flex: 0 0 15%;}.gm-navbar .mobile-grid-16 {max-width: 16.66666%; flex: 0 0 16.66666%;}.gm-navbar .mobile-grid-20 {max-width: 20%; flex: 0 0 20%;}.gm-navbar .mobile-grid-25 {max-width: 25%; flex: 0 0 25%;}.gm-navbar .mobile-grid-30 {max-width: 30%; flex: 0 0 30%;}.gm-navbar .mobile-grid-35 {max-width: 35%; flex: 0 0 35%;}.gm-navbar .mobile-grid-40 {max-width: 40%; flex: 0 0 40%;}.gm-navbar .mobile-grid-45 {max-width: 45%; flex: 0 0 45%;}.gm-navbar .mobile-grid-50 {max-width: 50%; flex: 0 0 50%;}.gm-navbar .mobile-grid-55 {max-width: 55%; flex: 0 0 55%;}.gm-navbar .mobile-grid-60 {max-width: 60%; flex: 0 0 60%;}.gm-navbar .mobile-grid-65 {max-width: 65%; flex: 0 0 65%;}.gm-navbar .mobile-grid-70 {max-width: 70%; flex: 0 0 70%;}.gm-navbar .mobile-grid-75 {max-width: 75%; flex: 0 0 75%;}.gm-navbar .mobile-grid-80 {max-width: 80%; flex: 0 0 80%;}.gm-navbar .mobile-grid-85 {max-width: 85%; flex: 0 0 85%;}.gm-navbar .mobile-grid-90 {max-width: 90%; flex: 0 0 90%;}.gm-navbar .mobile-grid-95 {max-width: 95%; flex: 0 0 95%;}.gm-navbar .mobile-grid-33 {max-width: 33.33333%; flex: 0 0 33.33333%;}.gm-navbar .mobile-grid-66 {max-width: 66.66667%; flex: 0 0 66.66667%;}.gm-navbar .mobile-grid-100 {max-width: 100%; flex: 0 0 100%;}.gm-toolbar-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s; z-index: -1;}.gm-container {padding-right: 15px; padding-left: 15px; flex-wrap: wrap;}.attachment-menu-thumb {display: none;}.gm-dropdown-menu--background {background-image: none !important;}.gm-menu-btn {display: flex;}.gm-caret {padding-left: 15px}.gm-main-menu-wrapper .gm-dropdown-submenu .gm-caret i {transform: rotate(90deg)}[dir='rtl'] .gm-main-menu-wrapper .gm-dropdown-submenu .gm-caret i {transform: rotate(-90deg)}[dir='rtl'] .gm-navigation-drawer .gm-dropdown-toggle.gm-menu-item__link .gm-caret i {transform: rotate(-90deg)}}@media (max-width: 991px) {.gm-main-menu-wrapper {display: none !important;}}.gm-burger .hamburger-inner, .gm-burger .hamburger-inner::after, .gm-burger .hamburger-inner::before {height: 3px;}@media (max-width: 991px) {.gm-burger.gm-burger--float .hamburger-inner, .gm-burger.gm-burger--float .hamburger-inner::after, .gm-burger.gm-burger--float .hamburger-inner::before {background-color: rgba(104, 104, 104, 1);}}@media (max-width: 991px) {.gm-burger.gm-burger--float .hamburger-box, .gm-burger.gm-burger--float .hamburger-inner, .gm-burger.gm-burger--float .hamburger-inner::after, .gm-burger.gm-burger--float .hamburger-inner::before {width: 24px;}.gm-burger.gm-burger--float .hamburger-box {height: 24px;}}@media (max-width: 991px) {.gm-burger.gm-burger--float {background-color: rgba(0, 0, 0, 0);}}@media (min-width: 992px) {.gm-menu-btn .gm-menu-btn--text {display: none;}}@media (min-width: 992px) {.gm-menu-btn-second .gm-menu-btn--text {display: none;}}@media (max-width: 991px) {.gm-menu-btn--text {display: none;}}@media (min-width: 992px) {.gm-navbar-sticky-toggle .gm-logo__img-default, .gm-navbar-sticky-toggle .gm-logo__img-alt {display: none;}}.gm-navbar-sticky:not(.gm-navbar-sticky-toggle) .gm-main-menu-wrapper {top: 0 !important;}@media (min-width: 992px) {.gm-navbar-sticky-toggle .gm-logo__img-sticky {display: flex;}}@media (min-width: 992px) {.gm-navbar-sticky-toggle .gm-logo__img-sticky-alt {display: none;}}@media (max-width: 991px) {.gm-navbar-sticky-toggle .gm-logo__img-sticky-mobile {display: flex;}}@media (max-width: 991px) {.gm-navbar-sticky-toggle .gm-logo__img-sticky-alt-mobile {display: none;}}