@font-face {
font-family: swiper-icons;
src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper, swiper-container {
border-radius: 12px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
height: 440px;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%; z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide, swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.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 {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-centered>.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-centered.swiper-horizontal>.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-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.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 {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 87%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none!important
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 130px);
left: auto
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { }
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 62px);
left: auto
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { }
.swiper-button-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none!important
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification, swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
@media (max-width: 1200px){
.swiper{
margin: 0 20px;
}
.swiper, swiper-container {
height: auto;
background: linear-gradient(0deg, #F6F7F8, #F6F7F8), url(/wp-content/themes/Glazok/css/redesign/phillip-goldsberry-kwqJwtlb0KU-unsplash.jpg), #14192400;
}
.swiper-buttons img{
width: 42px;
}
}
@media (max-width: 768px){
.swiper, swiper-container {
border-radius: 0;
margin: 0;
height: auto;
}
.swiper-buttons img{
width: 41px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 31px);
right: auto
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 31px);
left: auto
}
}
@media (max-width: 768px){
.swiper-buttons{
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.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);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
display: inline-block;
border-radius: 30px;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none!important
}
.swiper-pagination-bullet-active {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 20px));
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
}@font-face {
font-family: 'Roboto';
src: url(/wp-content/themes/Glazok/fonts/Roboto-Regular.eot);
src: url(/wp-content/themes/Glazok/fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/Glazok/fonts/Roboto-Regular.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/Roboto-Regular.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/Roboto-Regular.ttf) format('truetype'),
url(/wp-content/themes/Glazok/fonts/Roboto-Regular.svg#Roboto-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Robotomedium';
src: url(/wp-content/themes/Glazok/fonts/Roboto-Medium.eot);
src: url(/wp-content/themes/Glazok/fonts/Roboto-Medium.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/Glazok/fonts/Roboto-Medium.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/Roboto-Medium.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/Roboto-Medium.ttf) format('truetype'),
url(/wp-content/themes/Glazok/fonts/Roboto-Medium.svg#Roboto-Medium) format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
} body {
overflow-x: hidden;
}
div.wpcf7-response-output {
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center;
border-radius: 10px;
}
.headerTop .logo {
z-index: 6;
}
footer .call.to.us {
display: none;
}
div#wpcf7-f1216-p1217-o1 p {
display: inline-block;
}
div#wpcf7-f1216-p1217-o1 p:nth-of-type(3) label {
display: none;
}
div#wpcf7-f1216-p1217-o1 p input {
border: 0;
}
div#wpcf7-f1216-p1217-o1 {
margin-top: 7px;
margin-bottom: 40px;
width: 100%;
}
div#wpcf7-f1216-p1217-o1 form {
width: 1089px;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
}
div#wpcf7-f1216-p1217-o1 p:first-of-type {
padding-left: 53px;
}
div#wpcf7-f1216-p1217-o1 p {
display: inline-block;
padding: 0;
margin: auto;
border-radius: 10px;
width: 289px;
order: 0;
flex: 0 1 auto;
align-self: center;
height: 55px;
}
div#wpcf7-f1216-p1217-o1 p:nth-of-type(3) {
width: 265px;
padding: 0 20px 0 0;
display: flex;
}
div#wpcf7-f1216-p1217-o1 p label {}
.wpcf7-form-control-wrap {
width: 100%;
display: block;
line-height: 54px;
}
div#wpcf7-f1216-p1217-o1 p input+img {
display: flex;
margin: auto; } div#wpcf7-f1216-p1217-o1 p:nth-of-type(3) label,
div#wpcf7-f1216-p1217-o1 p:nth-of-type(3) span,
div#wpcf7-f1216-p1217-o1 br {
display: none;
}
div#wpcf7-f1216-p1217-o1 p input {
border-width: 0;
border-radius: 10px;
padding: 8px 26px;
font-family: 'Officinasanscitalic';
border-image-width: 0;
width: 240px;
background-color: #d7e5f0;
height: 40px;
}
div#wpcf7-f1216-p1217-o1 p:nth-of-type(3) input {
font: 100 25px/40px 'Roboto';
width: 266px;
text-transform: uppercase;
line-height: 40px;
font-size: 20px;
background: url(https://glazok.kz/wp-content/themes/Glazok/images/tablet-button.png) no-repeat 50% 50%;
height: 56px;
color: #a1561c;
}
.box-bg1-2> :first-child,
section.middle_wrap .post .title-post {
text-align: center;
color: #3573a6;
font-size: 30px;
line-height: 46px;
text-transform: uppercase;
}
section.middle_wrap .post .title-post {
font-family: "Robotomedium";
background-image: none;
border-bottom: 0;
width: 100%;
font-size: 24px;
} .burger-shower,
.hamburger,
.burger-shower1 {
display: none;
}  @media (max-width: 1200px) { .headerTop nav.top li a {
font-family: 'Robotomedium';
} .widthC {
margin: 0px auto;
}
.widthC,
.widthC.page_taml,
.box-bg3 .title-box-bg {
width: 100%;
position: relative;
}
.box-bg5 .widthC {
position: static;
} .logo a {
height: initial;
}    .headerTop nav.top:hover #menu-verxnee-menyu {
width: 100%;
}
.headerTop nav.top li.menu-item {
margin-right: 3.5%;
margin-left: 0;
}
.headerTop .logout {
justify-self: end;
align-self: center;
}
.headerTop,
.bg1,
.box-bg2,
.box-bg3,
.box-bg4,
.box-bg5,
.box-bg6,
.box-bg7,
footer.box-foot {
width: 100%;
min-width: auto;
}
.bg-brs {
background: #0c4263 url(https://glazok.kz/wp-content/themes/Glazok/images/theadtext.png) repeat-x 50% 0;
height: initial; }
.bg-brs .widthC,
.bg-brs .croch {
height: initial;
padding: 0; margin: auto;
}
.bg-brs .croch a.first,
.croch span.current {
font-size: 19px;
line-height: 41px;
background-position: -11px;
margin-left: 11px;
padding-left: 32px;
padding-right: 6px;
background-position-x: 0;
}
.croch span.current {
max-width: 60%;
line-height: 19px;
}
.bg-brs .croch a.first {
height: 44px;
}
.bg-brs .search-box {
display: none;
}
.bg1 {
height: auto;
position: relative;
background: #0c4263 url(https://glazok.kz/wp-content/themes/Glazok/images/theadtext.png) repeat-x 50% 0;
padding-bottom: 52px;
}
.bg1 .floatLeft {
margin: 0 auto;
width: 65%;
float: none;
position: static;
padding-right: 200px;
}
.bg1 .title-box {
font-size: 29px;
line-height: 36px;
border-bottom: solid 3px #7badd4;
padding-bottom: 12px; margin-top: 10px;
}
.bg1 .floatLeft p {
font: 100 26px/31px 'Roboto';
}
.bg1 .floatRight {
top: 25px;
margin-right: 0;
float: none;
position: absolute;
}
.box-bg2 { }
.box-bg2 .widthC {
max-width: 1060px;
}
.tabs__nav span {
display: none;
}
.tabs__nav-btn {
margin-left: 0;
margin-right: 20px;
}
.box-bg2 .items-text {
width: 322px;
margin-right: auto;
margin-left: auto;
}
.items-servise {
margin: -20px auto;
width: 635px;
}
.box-bg2 .items-text div.text6 .box-bg2 .items-text div.text6 {}
.box-bg2 .buttom-link {
margin-top: 253px;
}
.buttom-link a {
font-size: 15px;
background: url(https://glazok.kz/wp-content/themes/Glazok/images/tablet-button.png) no-repeat 50% 50%;
text-indent: 0;
text-align: center;
line-height: 75px;
color: #a1561c;
}
.box-bg3 .item {
width: 50%;
margin-bottom: 25px;
}
.box-bg3 .item .title-item {
margin-top: 13px;
background-position-y: 35px;
}
.box-bg4 .widthC {
max-width: 1060px;
} .garant-items .item::before {
content: '';
position: absolute;
left: -10px;
top: 0;
height: 100px;
width: 100px;
background-size: cover;
z-index: 29;
}
.garant-items {
margin-top: -2px;
}
.box-bg5 .garant-items .item {
float: none;
margin: auto auto 53px auto;
width: 240px;
height: 100%;
}
.box-bg5 .item .title-item {
font: 100 24px/24px 'Roboto';
}
.box-bg5 .title-item+p {
font: 100 17px/18px 'Roboto';
margin-top: 4px;
}
header {
background-image: none;
}
.headerTop { }
.box-bg2 .items-text div.text1 {
left: -156px;
top: 124px;
line-height: 13px;
}
.box-bg2 .items-text div.text2 {
top: 123px;
left: -54px;
}
.box-bg2 .items-text div.text3 {
left: -150px;
top: 241px;
}
.box-bg2 .items-text div.text4 {
left: -38px;
top: 241px;
}
.box-bg2 .items-text div.text5 {
left: 308px;
top: 121px;
}
.box-bg2 .items-text div.text6 {
left: 318px;
top: 236px;
}
.box-bg2 .items-text div.text7 {
left: 413px;
top: 236px;
}
.box-bg2 .items-text div.text8 {
left: 410px;
top: 122px;
}
.box-bg3 {
margin-top: 65px;
}
.box-bg3 .title-box-bg {
background-position-x: 50%;
}
.box-bg5 {
height: auto;
padding-bottom: 5px;
background: #F6F7F8;
}
.box-bg6 {
background-image: none;
}
.box-bg6 .widthC {
max-width: 1060px;
}
.box-bg6 .title-carusel {
font-size: 30px;
line-height: 44px;
} .box-bg6 .carusel-box {
width: 91% !important;
padding: 0 !important;
height: auto;
}
.box-bg7 {
padding-top: 51px;
margin: auto;
}
.box-bg7 .widthC {
max-width: 1060px;
}
.box-bg7 .floatLeft {
float: none; }
.box-bg7 .floatLeft .title {
padding: 15px 12px 5px;
margin-bottom: 8px;
font: 100 37px/39px 'Robotomedium';
}
.box-bg7 .floatLeft p {
padding: 28px 0 0 13px;
margin-bottom: 27px;
font: 100 30px/36px 'Roboto';
}
.box-bg7 .floatRight {
float: none;
left: -20px;
}
.box-bg7 .buttom-link {
margin-top: -8px;
position: relative;
}
footer.box-foot,
footer.box-foot.page {
height: 303px;
background: url(https://glazok.kz/wp-content/themes/Glazok/images/tfoot-bg.png) 50% top;
}
footer.box-foot .widthC {
position: relative;
height: 100%;
width: 100%;
} footer.box-foot .logo-foot {
bottom: 47px;
}
#menu-nizhnee-menyu {
top: 10px;
width: 92%;
}  .meta-box,
.bg-brs .croch,
.box-bg6 .carusel-box ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.box-bg6 .carusel-box ul {
width: 100%;
}
.bg-brs .croch a {
height: 44px;
line-height: 44px;
background-position-y: 53%;
}
.meta-box {
justify-content: space-around;
bottom: 23px;
height: 52px;
}
#menu-nizhnee-menyu li,
.box-bg6 .carusel-box .carusel-item {
order: 0;
flex: 0 1 auto;
align-self: center;
}
.box-bg6 .carusel-box .carusel-item {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.box-bg6 .carusel-box .carusel-item>img {
display: block;
margin: 0 10px;
} #menu-nizhnee-menyu a {
font: 600 18px/17px 'Roboto';
text-transform: uppercase;
}
footer.box-foot .manu-box .iconmobile {
top: 64px;
width: 596px;
padding: 18px 25px 14px; display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;
align-items: center;
height: 55px;
}
footer.box-foot .manu-box .iconmobile a.im {
order: 0;
flex: 0 1 auto;
align-self: center;
height: 57px;
width: 71px;
background-size: 300px;
margin-left: 0;
background-position-y: -6px;
}
footer.box-foot .manu-box .iconmobile span {
text-align: center;
font-size: 29px;
margin: 0 0 0 11px;
}
footer.box-foot .manu-box .iconmobile a.ic1 {
background-position-x: 8px;
margin-left: 16px;
margin-right: 10px;
}
footer.box-foot .manu-box .iconmobile a.ic2 {
background-position-x: -76px;
}
footer.box-foot .manu-box .iconmobile a.ic3 {
background-position-x: -151px;
}
footer.box-foot .manu-box .iconmobile a.ic4 {
background-position-x: -225px;
width: 76px;
}
footer.box-foot.page .manu-box {
float: none;
position: relative;
margin-top: 0;
}  .widthC.blog_taml .title-box-bg {
position: absolute;
top: 75px;
left: 0;
right: 0;
}
#sidebar .widgetBlog,
.page_taml.podcluch #sidebar .widget-cl {
width: 290px;
float: left;
margin-right: 30px;
}
aside#sidebar .widgetBlog .w-title,
.page_taml.podcluch #sidebar .widget-cl .w-title {
background-image: none;
padding-left: 43px;
padding-bottom: 0;
line-height: 29px;
width: 150px;
font-weight: 100;
}
ul#menu-nash-blog {
position: relative;
left: 7px;
}
aside#sidebar .widgetBlog li a {
display: block;
color: #1e120d;
padding: 22px 0 6px 33px;
font-size: 18px;
line-height: 26px;
width: 128px;
font-weight: bold;
}
aside#sidebar .widgetBlog li::before,
.page_taml.podcluch #sidebar .widget-cl .menu li::after {
content: '>';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 40px;
height: 30px;
padding-top: 20px;
margin: auto;
text-align: center;
transform: rotateY(70deg);
line-height: 14px;
font-size: 46px;
color: #2896db;
}
.page_taml.podcluch #sidebar .widget-cl .menu li::after,
.page_taml #sidebar #menu-vopros-otvet li::after {
right: initial;
left: -21px;
top: 0;
bottom: initial;
}
.page_taml.podcluch #sidebar .widget-cl .menu li,
.page_taml #sidebar #menu-vopros-otvet li {
position: relative;
}
.page_taml.podcluch #sidebar .widget-cl .menu li.current-menu-item a {
background-image: none;
}
aside#sidebar .widgetBlog li {
position: relative;
color: #1e120d;
width: 128px;
}
aside#sidebar .widgetBlog li:last-child {
color: #1e120d;
width: 128px;
border-bottom: 0;
}
aside#sidebar .widgetBlog li:hover a:after,
aside#sidebar .widgetBlog li.current-menu-item a:after {
content: "";
display: block;
position: absolute;
width: 12px;
height: 16px;
right: -12px;
top: 15px;
left: auto;
}
aside#sidebar .widgetBlog li:hover a,
aside#sidebar .widgetBlog li.current-menu-item a {
background-image: none; color: initial;
border-bottom: 1px solid #aaaaaa;
}
aside#sidebar .widgetBlog li a:hover {
color: #346e9e; }
aside#sidebar .widgetBlog li.current-menu-item a.rrl.current_page_item {
color: #36709f;
}
.blog_taml .middle_wrap {
width: 600px; }
body>div.widthC.blog_taml>section {
width: 100%;
}
div.widthC.blog_taml div.descritpyion {
width: 100%;
}  .descritpyion article.widthC p {
padding-right: 43px;
}
article.widthC>p>a>img {
width: 100%;
}
.blog_taml .middle_wrap .post {
padding: 0 0 89px 0;
border-right: 0;
border-left: 0;
}  .middle_wrap.catalog .text-post { padding: 20px 0 0 12px;
position: static;
}
section.middle_wrap.catalog .post .title-post {
line-height: 22px;
margin: 1px 10px 23px 9px;
}
section.middle_wrap .post ul {
margin-left: 12px;
}
section.middle_wrap .post ul li {
list-style-type: none;
position: relative;
line-height: 30px;
margin-bottom: 20px;
}
section.middle_wrap .post ul li:first-letter {
margin-left: 10px;
}
section.middle_wrap .post ul li::before,
section.middle_wrap .post ul a::before {
content: '';
position: absolute;
height: 2px;
width: 5px;
background-color: black;
left: 2px;
top: 9px;
}
section.middle_wrap .post ul a::before {
background-color: white;
}
span.boxtextcam,
.meta-box .mores,
.meta-box .price_icon {
position: relative;
font-size: 26px;
line-height: 30px;
margin: 0;
padding: 8px 10px 8px 27px;
height: 30px;
border-bottom: 0;
background-color: #f0f0f0;
text-transform: uppercase;
}
span.boxtextcam {
text-transform: initial;
}
.meta-box .mores {
background-color: #3c75a5;
left: 209px;
}
.meta-box .price_icon {
position: relative;
right: 220px;
}
.blog_taml #sidebar,
.page_taml.podcluch #sidebar,
.page_taml #sidebar {
position: absolute;
top: 2px;
left: 0;
width: 650px;
margin: auto;
right: 0;
}   section.middle_wrap .title-box-bg {
margin-top: -3px;
margin-bottom: 22px;
}
.contacts .floatLeft,
div.wpcf7,
.contacts .floatRight {
float: none;
width: 100%;
}
.contacts .floatLeft .box { width: 100%;
background-color: white;
border-top: 1px solid #aaa;
border-bottom: 2px solid #d8d8d8;
position: relative;
padding-bottom: 67px;
}
.contacts .floatRight {
border-left-width: 0;
border-right-width: 0;
padding: 0 0 65px 0; border-top: 2px solid #568DB9;
margin-top: 35px;
}
.contacts .floatLeft .box .title-box,
.contacts .floatRight .title-form {
float: none;
margin: 40px auto 40px;
background-image: none;
color: #3a71a0;
text-align: center;
font-size: 30px;
width: 100%;
padding: 0;
line-height: 30px;
}
.contacts .floatRight .title-form {
border-bottom-width: 0;
}
.contacts .floatLeft .box .boxtext,
.input-boxs {
float: none;
width: 626px;
margin: auto;
padding: 0 24px 0 0;
border: 0;
}
.input-boxs .input,
.input-boxs .input.right,
.input-boxs .text,
.input-boxs .input input,
.input-boxs .textarea,
.wpcf7-form-control-wrap {
float: none;
width: 288px;
margin: 0 auto 53px;
height: 35px;
}
.input-boxs .textarea {
width: 614px;
}
.wpcf7-form-control-wrap {
width: 100%;
}
div.wpcf7 .screen-reader-response+form {
position: relative;
top: 76px;
}
.input-boxs .text {
position: absolute;
top: -90px;
text-align: center;
font-size: 24px;
width: 100%;
line-height: 28px;
}
.input-boxs .textarea textarea {
width: 98%;
height: 200px;
}
.input-boxs .submit {
position: absolute;
bottom: -288px;
left: 0;
right: 0;
}
.input-boxs .submit input {
height: 63px;
width: 313px;
margin-right: -44px;
font-size: 23px;
font-weight: 900;
background: #36709f linear-gradient(to top, #3f75a2, #447daa, #75a7cd);
}
.contacts .floatLeft .box .boxtext div {
font-size: 16px;
line-height: 24px;
margin-bottom: 13px;
}
.contacts .floatLeft .box .boxtext .bocont { }
.contacts .floatLeft .box .boxtext .bocont {
font-size: 18px;
line-height: 35px;
background-size: 31px;
padding-left: 44px;
}
.contacts .floatLeft .box .boxtext .it1 {
margin-top: -5px;
background-position-y: 7px;
}
.contacts .floatLeft .box .boxtext .it2 { }
.contacts .floatLeft .box .boxtext .it3 {
background-position-y: 4px;
}
.contacts .floatLeft .box .boxtext .it3,
.contacts .floatLeft .box .boxtext .it4 {
width: 200px;
position: absolute;
bottom: 161px;
right: 178px;
}
.contacts .floatLeft .box .boxtext .it4 {
bottom: 113px;
background-position-y: -157px;
}
.contacts_social {
margin-top: 20px;
}
.contacts_social a {
padding: 0px 5px 0px 0px;
}
.map {
margin-top: 0;
}
.map h1 {
display: none;
}
.map p {
width: 100%;
margin: auto;
overflow: hidden;
padding: 0;
}
.map p> :nth-child(2) {
width: auto !important;
margin: auto;
}  .widthC.blog_taml>section>.post {
border-left-width: 0;
border-right-width: 0;
padding-top: 40px;
}             .middle_wrap>.post>.text-post+a.more-post {
bottom: 28px;
right: 148px;
width: 156px;
height: 28px;
background: #36709f linear-gradient(to top, #3f75a2, #447daa, #75a7cd);
font-size: 22px;
line-height: 30px;
}  section.middle_wrap .post .title-post {
margin-top: 26px;
line-height: 35px;
font-weight: 900;
border-bottom-width: 0;
word-wrap: break-word;
}
.middle_wrap>.post>.text-post>h1+h2,
.middle_wrap>.post>.text-post>h1+h2~h2 {
font-size: 23px;
font-weight: 900;
margin-left: 4px;
margin-bottom: 27px;
}
.middle_wrap>.post>.text-post>h2~p,
.middle_wrap>.post>.text-post>h2~ul {
margin: 0 5px 0 0;
padding: 0;
font-weight: 600;
line-height: 23px;
}
.middle_wrap>.post>.text-post>h1+h2~p>a {
display: inline-block;
}
.middle_wrap>.post>.text-post>h1+h2~p>a img {
float: none;
}
.middle_wrap>.post>.text-post>h2~ul li {
margin: 0;
text-indent: -10px;
line-height: 20px;
}
.middle_wrap>.post>.text-post>hr {
display: none;
}
.middle_wrap>.post>.text-post>h2~ul ::before {
content: none;
}  .page_taml .middle_wrap {
width: 100%;
margin-top: 457px;
background-color: white;
border-top: 1px solid #aaaaaa;
}
.middle_wrap.right.special-pages,
.queues-detector-online-pro h1.title-box-bg+section.right,
.face-recognition-premium h1.title-box-bg+section.right,
.face-recognition-standard h1.title-box-bg+section.right,
.extra-pro h1.title-box-bg+section.right,
.cloud-30-pro h1.title-box-bg+section.right,
.online-pro h1.title-box-bg+section.right,
.online-pro-counter h1.title-box-bg+section.right,
.cloud-10-pro h1.title-box-bg+section.right,
.queues-detector-cloud-30 h1.title-box-bg+section.right,
.face-recognition-basic-plan h1.title-box-bg+section.right,
.cloud-anpr-online-plan h1.title-box-bg+section.right,
.tarify-servisa-glazok h1.title-box-bg+section.right,
.teplovye-karty h1.title-box-bg+section.right,
.teplovye-karty-10 h1.title-box-bg+section.right,
.oblachnyj-90 h1.title-box-bg+section.right {
margin-top: 155px;
} section.middle_wrap .post ul>li::before,
section.middle_wrap .post ul>li>a::before {
top: 7px;
left: -11px; background-color: black;
height: 5px;
width: 5px;
border-radius: 3px;
}
.page_taml section.middle_wrap .post>h1 {
font-size: 30px;
margin-bottom: 21px;
}
.page_taml section.middle_wrap .post>h2 {
font-size: 18px;
margin-bottom: 17px;
}   .page_taml section.middle_wrap .post>h1~p img {
width: 282px;
height: auto;
margin-right: 40px;
}
.page_taml section.middle_wrap .post>h1~p>a {
font-size: 18px;
line-height: 48px;
margin-left: 16px;
}
.page_taml section.middle_wrap .post {
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
padding: 10px;  border-bottom: 0;
margin: auto;
}
.page_taml .title-box-bg {
position: absolute;
left: 0;
right: 0;
top: 352px;
border-top: 1px solid #aaaaaa;
width: 100%;
}
.title-box-bg.special-pages,
.queues-detector-online-pro .page_taml .title-box-bg,
.face-recognition-premium .page_taml .title-box-bg,
.face-recognition-standard .page_taml .title-box-bg,
.extra-pro .page_taml .title-box-bg,
.cloud-30-pro .page_taml .title-box-bg,
.online-pro .page_taml .title-box-bg,
.online-pro-counter .page_taml .title-box-bg,
.cloud-10-pro .page_taml .title-box-bg,
.queues-detector-cloud-30 .page_taml .title-box-bg,
.face-recognition-basic-plan .page_taml .title-box-bg,
.cloud-anpr-online-plan .page_taml .title-box-bg,
.tarify-servisa-glazok .page_taml .title-box-bg,
.teplovye-karty .page_taml .title-box-bg,
.teplovye-karty-10 .page_taml .title-box-bg,
.oblachnyj-90 .page_taml .title-box-bg {
top: 55px;
border: 0;
}
.widthC.page_taml.podcluch {
width: 100%;
}
.page_taml.podcluch #sidebar .widget-cl:first-child {
margin-left: 11px;
}
.page_taml.podcluch #sidebar .widget-cl {
margin: 0 65px 0 0;
width: 160px;
}
.page_taml.podcluch #sidebar .widget-cl:nth-child(3),
.page_taml.podcluch #sidebar .widget-cl:nth-child(4),
.page_taml.podcluch #sidebar .widget-cl:nth-child(5) {
margin-right: 20px;
position: relative;
left: 27px;
}
.page_taml.podcluch #sidebar .widget-cl:nth-child(5) {
left: 0;
top: -44px;
}
.page_taml.podcluch #sidebar.left .widget-cl li,
.page_taml.podcluch #sidebar.left .widget-cl li a,
.page_taml.podcluch #sidebar.left .widget-cl li:hover,
.page_taml.podcluch #sidebar.left .widget-cl li:hover a {
background-image: none;
}
.page_taml.podcluch #sidebar .widget-cl .menu li {
padding: 15px 0 15px;
border-bottom: 1px solid #aaa;
}
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item1 a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item10 a,
.page_taml.podcluch #sidebar .widget-cl li a.current_page_item {
background-image: none;
color: #186ba0;
}
.page_taml.podcluch #sidebar .widget-cl .menu li:last-child {
border-bottom-width: 0;
}
.page_taml.podcluch #sidebar .widget-cl .menu li a {
padding: 0 0 0 13px;
line-height: 21px;
}
.page_taml.podcluch #sidebar.left .widget-cl li a:hover,
.page_taml.podcluch #sidebar.left .widget-cl li:hover a,
.widthC.page_taml.podcluch .page_taml.podcluch #sidebar.left .widget-cl li:hover {
color: #6f6f6f;
} .page_taml.podcluch #sidebar .widget-cl .w-title {
padding-left: 0;
padding-bottom: 5px;
}  .page_taml #sidebar {
width: 640px;
padding-top: 0;
}
.page_taml #sidebar .widget {
margin-top: 0;
}
.page_taml #sidebar #menu-vopros-otvet li {
width: 222px;
margin-right: 32px;
display: inline-block;
}
.page_taml #sidebar .widget>div>ul>li {
margin: 0 95px 0 0;
}
.page_taml #sidebar .widget>div>ul>li a {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
}
.page_taml #sidebar .widget>div>ul>li:last-child a {
border-bottom-width: 0;
}
.page_taml #sidebar .widget>div>ul>li.current-menu-item>a,
.page_taml #sidebar .widget>div>ul>li>a:hover {
background-image: none;
color: initial;
border-bottom: 1px solid #aaaaaa;
}
.page_taml #sidebar .widget>div>ul>li>a:hover {
color: #585858;
}
.page_taml #sidebar .widget>div>ul>li:last-child>a:hover {
border-bottom-color: transparent;
}  section.middle_wrap h5.title-box-bg {
margin-top: -9px;
}
section.middle_wrap.tarifs {
background-color: white;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.middle_wrap.tarifs h5.title-box-bg {
background-color: #f0f0f0;
width: 100%;
border-bottom: 1px solid #aaa;
padding-bottom: 47px;
background-position-y: -4px;
}
.middle_wrap.tarifs .widthC {
width: 640px;
background-color: white;
padding-top: 5px;
}
.middle_wrap.tarifs .widthC p {
font-weight: 900;
line-height: 22px;
margin-bottom: 10px;
}
}
@media (max-width: 768px) { div div#wpcf7-f1216-p1217-o1 {
padding-bottom: 0;
margin-bottom: 12px;
}
div#wpcf7-f1216-p1217-o1 .wpcf7-form {
width: 100%;
top: 12px;
}
div#wpcf7-f1216-p1217-o1 .wpcf7-form p:first-of-type {
padding: 0;
}
div#wpcf7-f1216-p1217-o1 .screen-reader-response+.wpcf7-form p {
padding: 0;
width: 90%;
margin-bottom: 16px;
}
div#wpcf7-f1216-p1217-o1 form p label input {
width: 100%;
margin: auto;
height: 40px;
}
div#wpcf7-f1216-p1217-o1 .screen-reader-response+.wpcf7-form :nth-of-type(3) {
position: relative;
}
div#wpcf7-f1216-p1217-o1 .wpcf7-form p:nth-of-type(3) input {
margin: 5px auto 0;
width: 100%;
height: 58px;
display: block;
background-size: 300px 73px;
font: 100 27px/27px 'Roboto';
}  .headerTop .logo span {
display: none;
}
.headerTop .logout {
grid-gap: 0px;
}
.headerTop .logout a {
display: grid; border-radius: 5px;
font-family: 'Roboto';  }
.headerTop .widthC {
width: 100%;
height: 100%;
}
.headerTop .logo {
right: 0;
margin: auto;
}
.headerTop .call.to.us {
display: grid;
grid-area: call__to_us;
position: relative;
left: initial;
width: auto;
height: auto;
padding: 0;
margin: 0;
background-image: none;
z-index: 2;
top: 0;
}
.headerTop .call.to.us::after {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: -6px;
right: 0;
z-index: -1;
background: url(//glazok.kz/wp-content/themes/Glazok/images/phone_icon.svg) no-repeat 11px 11px;
background-size: 30px 30px;
}
.call.to.us .burger-shower1,
.top .burger-shower {
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
height: 50px;
opacity: 0;
}
.top .burger-shower {
right: 0;
left: auto;
z-index: 1;
}
.call.to.us .burger-shower:checked {
z-index: 5;
}
.call.to.us>.hamburger hr {
display: none;
}
.call.to.us .burger-menu {
width: 80px;
overflow: hidden;
}
.call.to.us .burger-shower:checked+.hamburger+.burger-menu {
width: 100%;
height: 100%;
margin-top: -17px;
background-color: #73a6d1;
}
.headerTop .top+.call.to.us li {
width: 100%;
margin: 0;
z-index: 1;
background-color: #73a6d1;
}
.headerTop .top+.call.to.us a {
color: #fff;
display: block;
line-height: 37px;
font-size: 21px;
padding: 14px 0 1px 40px;
text-align: center;
transition: background-color, color 1s;
position: relative;
font: 900 22px/38px 'Robotomedium';
}
.headerTop .call.to.us li a::before {
content: '';
background: url(//glazok.kz/wp-content/themes/Glazok/images/mobile-phone-white.png) no-repeat;
position: absolute;
width: 410px;
height: 48px;
margin-top: -2px;
margin-left: -39px;
background-position-x: 0;
background-position-y: 0;
}
.headerTop .call.to.us li:last-child a {
padding-bottom: 11px;
}
.logo a {
position: relative;
height: 100%;
width: 100%;
}
.headerTop .logo {
max-width: 174px;
right: 0;
margin: 0;
align-self: normal;
}
.headerTop nav.top {}
.headerTop nav.top {
display: none;
}
.headerTop nav.top ul {}
.headerTop nav.top ul {}
.top #menu-verxnee-menyu {
background-color: #73a6d1;
transition: background-color 1s;
padding: 0;
margin-top: 0;
}
.headerTop nav.top ul li {}
.headerTop nav.top ul li a {}
.headerTop nav.top ul li a {}
.headerTop nav.top ul li a:first-letter {}
.headerTop nav.top ul::after,
.headerTop nav.top ul ul::before {
background: #2f6fa7;
content: '';
top: 40px;
height: 5px;
left: 17px;
position: absolute;
width: 40px;
}
.headerTop nav.top ul::after,
.headerTop .call.to.us .burger-menu::after {
content: 'X';
box-shadow: none;
width: 45px;
height: 39px;
top: 24px;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 32px;
font-weight: 900;
background-color: #73a6d1;
z-index: -1;
}
.headerTop nav.top .burger-shower:checked+.hamburger {
padding-bottom: 21px;
}
.headerTop .call.to.us .burger-menu::after {
position: absolute;
right: 12px;
top: 11px;
z-index: 0;
}
ul#menu-verxnee-menyu li.menu-item {
width: 100%;
margin-right: 0;
height: 53px;
}
ul#menu-verxnee-menyu li.menu-item:last-child a {
height: 77px;
} * {
box-sizing: border-box;
} .page_taml .title-box-bg.special-pages,
.queues-detector-online-pro .page_taml .title-box-bg,
.face-recognition-premium .page_taml .title-box-bg,
.face-recognition-standard .page_taml .title-box-bg,
.extra-pro .page_taml .title-box-bg,
.cloud-30-pro .page_taml .title-box-bg,
.online-pro .page_taml .title-box-bg,
.online-pro-counter .page_taml .title-box-bg,
.cloud-10-pro .page_taml .title-box-bg,
.queues-detector-cloud-30 .page_taml .title-box-bg,
.face-recognition-basic-plan .page_taml .title-box-bg,
.cloud-anpr-online-plan .page_taml .title-box-bg,
.tarify-servisa-glazok .page_taml .title-box-bg,
.teplovye-karty .page_taml .title-box-bg,
.teplovye-karty-10 .page_taml .title-box-bg,
.oblachnyj-90 .page_taml .title-box-bg {
top: 75px;
}
.nachalo-raboty-s-glazok .page_taml .title-box-bg,
.rabota-s-lichnym-kabinetom .page_taml .title-box-bg,
.programma-camera-server .page_taml .title-box-bg,
.dobavlenie-oborudovaniya-v-camera-server .page_taml .title-box-bg,
.drugie-voprosy .page_taml .title-box-bg {
top: 160px;
}
.queues-detector-online-pro h1.title-box-bg+section.right,
.face-recognition-premium h1.title-box-bg+section.right,
.face-recognition-standard h1.title-box-bg+section.right,
.extra-pro h1.title-box-bg+section.right,
.cloud-30-pro h1.title-box-bg+section.right,
.online-pro h1.title-box-bg+section.right,
.online-pro-counter h1.title-box-bg+section.right,
.cloud-10-pro h1.title-box-bg+section.right,
.queues-detector-cloud-30 h1.title-box-bg+section.right,
.face-recognition-basic-plan h1.title-box-bg+section.right,
.cloud-anpr-online-plan h1.title-box-bg+section.right,
.tarify-servisa-glazok h1.title-box-bg+section.right,
.teplovye-karty h1.title-box-bg+section.right,
.teplovye-karty-10 h1.title-box-bg+section.right,
.oblachnyj-90 h1.title-box-bg+section.right {
margin-top: 185px;
}
.nachalo-raboty-s-glazok h5.title-box-bg+section.right,
.rabota-s-lichnym-kabinetom h5.title-box-bg+section.right,
.programma-camera-server h5.title-box-bg+section.right,
.dobavlenie-oborudovaniya-v-camera-server h5.title-box-bg+section.right,
.drugie-voprosy h5.title-box-bg+section.right {
margin-top: 250px;
}
.burger-shower,
.burger-shower1 {
display: none;
}
.burger-shower:checked~.burger-menu {
display: block;
}
.hamburger {
justify-content: end;
display: grid;
}
.call.to.us>.hamburger {
width: 80px;
border: 0;
height: 80px;
}
.call.to.us :checked+.hamburger {
width: 100%;
}
.hamburger hr {
color: #ddd;
height: 2px;
border: 0;
background-color: #6095c2;
border: none;
margin-top: 4px;
border-radius: 12px;
}
.burger__line_one {
width: 20px;
}
.burger__line_two {
width: 16px;
}
.burger__line_three {
width: 12px;
}
.burger-shower:checked+.hamburger hr {
background-color: transparent;
color: transparent;
}
.burger-menu {
display: none;
} .bg-brs {
height: initial;
}
.croch span.current {
display: block;
width: 100%;
}
.headerTop {
background-position-y: -70px;
}
section.middle_wrap.tarifs {
background-color: #f0f0f0;
}
section.middle_wrap.tarifs .widthC {
background-color: #fff;
margin-top: 6px;
}
.page_taml .title-box-bg,
.middle_wrap.tarifs h5.title-box-bg,
.widthC.blog_taml .title-box-bg,
.middle_wrap>.post>.text-post>h1 {
margin-top: -16px;
background: #36709f linear-gradient(to top, #2d6798, #4c83b1, #73a7d2);
font-size: 29px;
font-weight: 900;
width: auto;
padding: 28px 10px;
line-height: 35px;
}
.middle_wrap.tarifs h5.title-box-bg {
margin-top: 0;
}            .middle_wrap.tarifs .widthC {
border-top: 1px solid #aaa;
margin-top: -17px;
padding-top: 12px;
}
.bg-brs .widthC .croch a,
.bg-brs .widthC .croch span {
font-size: 15px;
padding-left: 24px;
padding-right: 0;
text-size-adjust: auto;
}
.bg-brs .widthC .croch span {
margin-top: 8px;
}
.bg-brs .widthC {
padding-bottom: 10px;
}
.bg-brs .croch a.first {
height: 30px;
background-position: -1px 11px;
}
.middle_wrap.tarifs .widthC p {
margin: 0 20px 8px;
}
.middle_wrap>.post>.text-post+a.more-post {
height: 48px;
}
.all-button {
width: 100%;
margin: 0;
}
.tarifs .all-button .button a,
.tarifs .all-button .button {
width: 100%;
}
.all-button .button {
margin: 0;
padding: 5px 0;
border: 0;
}
footer.box-foot,
footer.box-foot.page {
height: 389px;
background-repeat: no-repeat;
background-color: #173362;
padding-top: 40px;
}
footer.box-foot .logo-foot {
bottom: 20px;
width: 148px;
}
footer .widthC .call.to.us {
width: 100%;
padding: 0;
top: 170px;
display: block;
background-image: none;
}
footer .widthC .call.to.us li {
width: 100%;
}
footer .widthC .call.to.us a {
width: 100%;
text-align: center;
display: block;
font-size: 21px;
padding-bottom: 5px;
} ul#menu-nizhnee-menyu {
display: none;
}
footer.box-foot .manu-box .iconmobile {
width: 100%;
margin: 0;
padding: 10px 0;
}
footer.box-foot .manu-box .iconmobile span {
position: absolute;
top: -80px;
text-align: center;
width: 100%;
font-size: 29px;
height: 100px;
display: block;
margin: auto;
}
footer.box-foot .manu-box .iconmobile {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;
align-items: center;
padding: 3px 5px;
width: initial;
background-color: transparent;
}
footer.box-foot .manu-box .iconmobile a.im {
background-position-y: -10px;
}
footer.box-foot .manu-box .iconmobile a.ic1 {
background-position-x: 5px;
margin-left: 0;
}
footer.box-foot .manu-box .iconmobile a.ic2 {
background-position-x: -78px;
}
footer.box-foot .manu-box .iconmobile a.ic3 {
background-position-x: -152px;
}
footer.box-foot .manu-box .iconmobile a.ic4 {
width: 79px;
background-position-x: -224px;
}  .blog_taml #sidebar {
width: initial;
top: -10px;
}
#sidebar .widgetBlog {
width: 100%;
background-color: #f0f0f0;
margin-right: 0;
}
aside#sidebar .widgetBlog .w-title {
width: 100%;
text-align: center;
font-size: 30px;
padding: 19px 0 14px 0;
background-color: #e1e1e1;
} .middle_wrap>.post .img-post+.text-post {
margin-top: 40px;
width: 100%;
}
.middle_wrap>.post .img-post+.text-post p {
font-size: 20px;
line-height: 30px;
font-family: 'Roboto';
font-weight: normal;
word-break: break-word;
}
.widthC.blog_taml>section>.post>.img-post>.date {      font-size: 20px;
}   .widthC.blog_taml>section>.post>.img-post img {
padding: 0;
margin: 16px auto 0;
}
.middle_wrap>.post>.text-post {
margin-top: -40px;
width: 100%;
}
.middle_wrap>.post>.text-post>h1 {
color: white;
font-size: 18px;
line-height: 22px;
padding-top: 33px;
padding-bottom: 8px;
}
.middle_wrap>.post>.text-post>p,
.middle_wrap>.post>.text-post>h2~ul,
.middle_wrap>.post>.text-post>h2~ul {
margin: 0;
padding: 0 27px;
font-size: 23px;
line-height: 29px;
font-weight: 900;
}
.middle_wrap>.post>.text-post h1+h2,
.middle_wrap>.post>.text-post>h1+h2~h2 {
margin: 0;
}
.middle_wrap>.post>.text-post h1~h2,
.middle_wrap>.post>.text-post h1+h2~p,
.middle_wrap>.post>.text-post h1+h2~ul,
.middle_wrap>.post>.text-post>h1+h2~h2 {
font-size: 16px;
line-height: 19px;
padding: 0 16px;
color: #000;
} ul#menu-nash-blog {
left: 0;
background-color: #f0f0f0;
}
.widthC aside#sidebar .widgetBlog li a,
aside#sidebar .widgetBlog li,
aside#sidebar .widgetBlog li:last-child {
width: 100%;
}
aside#sidebar .widgetBlog li.current-menu-item a.rrl,
aside#sidebar .widgetBlog li.current-menu-item a.rrl.current_page_item,
.widthC aside#sidebar .widgetBlog li a {
border-bottom: 1px solid #aaaaaa;
padding: 12px 0 19px 43px;
font-size: 21px;
line-height: 23px;
width: initial;
}
#sidebar ul#menu-nash-blog li::before,
aside#sidebar .widgetBlog li::before {
top: -20px;
}
#sidebar .widgetBlog:nth-child(2) {
margin-top: -50px;
margin-right: 0;
}  .bg1 .widthC {
overflow: hidden;
}
.bg1 .title-box {
font-size: 25px;
padding: 10px 0 10px 15px;
margin-right: 115px;
line-height: 29px;
border-bottom-width: 2px;
margin-bottom: 13px;
}
.bg1 .floatRight {
top: 4px;
right: -56px !important;
}
.bg1 .floatLeft p {
padding: 0 16px;
}
.bg1 .floatRight img {
width: 176px;
}
.page_taml #sidebar {
width: 100%;
}
.page_taml #sidebar #menu-vopros-otvet li {
width: 100%;
position: relative;
margin-right: 0;
}
.widthC.page_taml #sidebar .widget>div>ul>li a {
font-size: 25px;
padding: 16px 0 18px 38px;
position: static;
}
.page_taml section.middle_wrap .post {
width: 100%;
}
.page_taml .title-box-bg {
padding: 27px 21px 22px;
margin-top: -7px;
line-height: 34px;
font-size: 25px;
}
.page_taml section.middle_wrap .post>h1 {
margin-top: -23px;
padding-top: 15px;
border-top: 1px solid #aaa;
margin-bottom: 15px;
}
.page_taml section.middle_wrap .post>h1+p>a {
line-height: 48px;
font-size: 18px;
padding-left: 10px;
display: block;
}
.page_taml section.middle_wrap .post>h1+p>br {
display: none;
} .page_taml section.middle_wrap .post>h1+p~p img {
padding: 0;
margin: auto;
width: 100%;
}
.page_taml section.middle_wrap .post>h1~p+h2 {
padding: 46px 10px 2px;
}
.alignnone {
width: 100%;
height: auto
}
section.middle_wrap .post ol li {
font: 600 20px/20px 'Roboto';
}
.page_taml section.middle_wrap .post>h1~p+h2:nth-of-type(2)~h2 {
padding-top: 0;
margin-top: -4px;
}
.page_taml section.middle_wrap .post>h1~p+h2~p a {
margin: 0;
display: inline;
line-height: initial;
}  .bg1 .widthC,
.box-bg2 .widthC,
.title-box-bg,
.box-bg4 .video,
.box-bg5 .garant-items .item,
.box-bg5 .garant-items .item div,
.box-bg7 .widthC,
.box-bg7 .floatRight img,
.box-bg6 .title-carusel,
.box-bg7 .floatLeft,
.box-bg6 .carusel-box ul, .items-servise {
width: 100%;
}
.bg1 .floatLeft,
.box-bg6 .title-carusel {
width: 100%;
padding: 0;
margin: 0;
}
.box-bg2 {
height: 840px;
background-position-y: 107px;
}
.box-bg2 .buttom-link {
margin-top: 882px;
}
.box-bg2 .items-text div.text1 {
left: 38px;
top: 139px;
line-height: 18px;
}
.box-bg2 .items-text div.text2 {
top: 137px;
left: 170px;
}
.box-bg2 .items-text div.text3 {
left: 40px;
top: 300px;
}
.box-bg2 .items-text div.text4 {
left: 165px;
top: 300px;
}
.box-bg2 .items-text div.text5 {
left: 36px;
top: 680px;
}
.box-bg2 .items-text div.text6 {
left: 37px;
top: 840px;
}
.box-bg2 .items-text div.text7 {
left: 171px;
top: 841px;
}
.box-bg2 .items-text div.text8 {
left: 169px;
top: 682px;
}
.box-bg2 .items-text div.text1,
.box-bg2 .items-text div.text2,
.box-bg2 .items-text div.text3,
.box-bg2 .items-text div.text4,
.box-bg2 .items-text div.text5,
.box-bg2 .items-text div.text6,
.box-bg2 .items-text div.text7,
.box-bg2 .items-text div.text8 {
font-size: 18px;
width: 100px;
font-family: Officinasanscitalic;
}
.box-bg3 .widthC>.title-box-bg {
font-size: 25px;
padding: 21px 20px 50px 20px;
width: initial;
background-size: 150% 109%;
background-position-y: -5px;
line-height: 28px;
}
.items-servise {
margin-top: -48px;
}
.box-bg3 {
height: 820px;
padding-bottom: 38px;
}
.box-bg3 .item,
.items-servise {
float: none;
}
.box-bg3 .item {
width: 100%;
padding: 0 11px 16px;
margin-bottom: 0;
height: initial;
}
.box-bg3 .item .title-item {
font-size: 25px;
position: relative;
}
.box-bg3 .item .title-item::after {
content: '';
position: absolute;
background-color: #88b6d8;
height: 2px;
width: 70%;
left: 0;
right: 0;
margin: auto;
bottom: -2px;
}
.box-bg3 .item p {
font-size: 19px;
padding-top: 3px;
}
body .box-bg5 {
height: auto;
}
.box-bg5 .garant-items .item div {
text-align: center;
font-weight: 900;
}
.box-bg5 .garant-items .item div+p {
text-align: center;
line-height: 22px;
padding: 6px 3px 0;
width: initial;
}
.box-bg5 .item .title-item,
.box-bg5 .item .title-item+p {
float: none;
}
.garant-items {
margin-top: -40px;
}
.box-bg5 .garant-items .item {
padding: 154px 10px 0;
background-position: 50% 0;
width: initial;
background-size: 117px 860px;
margin-bottom: 40px;
}
.box-bg5 .title-item+p {
background-color: #4f85b1;
padding: 0 0 21px;
}
.box-bg6 {
padding-top: 84px;
} .box-bg6 .carusel-box ul {
top: 0 !important;
}
.box-bg6 .title-carusel {
line-height: 37px;
margin-bottom: 52px;
}
.box-bg6 .carusel-box {
width: 100% !important;
padding: 0 !important;
height: auto;
}
.box-bg6 .carusel-box .carusel-item {
float: none;
margin: 0 auto;
width: 100%;
}
.box-bg6 .carusel-box .carusel-item img {
margin: 20px auto;
display: block;
}
.box-bg7 {
padding-bottom: 108px;
}
.box-bg7 .floatLeft {
padding-top: 27px;
}
.box-bg7 .floatLeft .title {
background: transparent;
color: #43c0fa;
text-align: center;
width: 100%;
font: 600 28px/36px 'Roboto';
}
.box-bg7 .widthC p {}
.box-bg7 .floatRight {
top: -224px;
left: 0;
position: absolute;
right: 0;
margin: auto;
width: 100%;
background-color: white;
}
.box-bg7 .floatRight img {
width: 300px;
margin: 30px auto;
display: block;
}
.box-bg7 .buttom-link {
top: 16px;
}
.buttom-link a {}  .middle_wrap.catalog .descritpyion article.widthC {
width: 100%;
text-align: left;
}
.descritpyion article.widthC p {
text-align: initial;
padding-right: 20px;
font-size: 20px;
}
.descritpyion article.widthC p.cam-pomesh {
padding: 30px 20px;
margin-bottom: 0;
}
section.middle_wrap.catalog .widthC {
width: 100%;
}
.blog_taml .middle_wrap .post {
padding-bottom: 40px;
border-radius: 0;
}
.post .text-post {
padding-left: 0;
} .middle_wrap.catalog .post .img-post img {
width: 200px;
height: initial;
margin: auto;
}
.middle_wrap.catalog .text-post {
width: 100%;
padding: 10px;
}
section.middle_wrap.catalog .post .title-post {
margin: 20px 0 30px;
text-align: center;
text-size-adjust: initial;
width: 100%;
}
.meta-box {
height: auto;
position: static;
}
span.boxtextcam,
.meta-box .mores,
.meta-box .price_icon {
margin: 20px 0 0;
height: 45px;
}
.meta-box .mores,
.meta-box .price_icon {
position: static;
}
.meta-box .price_icon {
padding-left: 30px;
width: 160px;
}  section.middle_wrap {
margin-top: 3px;
}
section.middle_wrap h5.title-box-bg {
margin: 0;
width: initial;
font-size: 29px;
height: initial;
padding: 32px 0 49px;
}
.contacts .floatLeft .box .boxtext,
.input-boxs {
width: initial;
padding-right: 0;
}
.contacts .floatLeft {
margin-top: 10px;
}
.contacts .floatLeft .box {
padding-bottom: 27px;
margin-bottom: 0;
}
.contacts .floatLeft .box .title-box {
padding: 32px 4% 0;
width: initial;
margin: 0 0 17px;
line-height: 37px;
}
.contacts .floatLeft .box .boxtext {
width: initial;
padding: 10px 13px;
}
.contacts .floatLeft .box .boxtext .bocont {
position: static;
width: initial;
padding: 0 0 0 50px;
background-position-x: 4px;
}
.contacts_social {
margin-top: 15px;
padding: 0px 0px 0px 4px;
}
.contacts .floatRight {
margin-top: 21px;
border-bottom: 0;
padding: 0 15px 57px;
}
.contacts .floatRight .title-form {
line-height: 35px;
margin: 36px 0 35px;
}
.input-boxs .text {
line-height: 29px;
height: initial;
top: -120px;
}
.input-boxs .input,
.input-boxs .input.right {
width: 100%;
}
.input-boxs .input,
.input-boxs .input.right,
.input-boxs .text,
.input-boxs .input input,
.input-boxs .textarea {
width: 100%;
display: block;
margin-bottom: 53px;
}
.wpcf7-form-control-wrap {
margin-bottom: 53px;
}
.input-boxs .input input,
.input-boxs .textarea {
width: 80%;
padding: 10px 27px 15px;
font-size: 19px;
}
.input-boxs .textarea {
width: initial;
margin-top: 58px;
height: 100%;
padding: 0;
}
.input-boxs .textarea .wpcf7-form-control-wrap {
height: initial;
}
.input-boxs .textarea textarea {
height: 388px;
margin-top: -11px;
padding: 18px 20px 20px;
font-size: 19px;
margin-left: auto;
margin-right: auto;
width: 82%;
}
.input-boxs .submit input {
padding-left: 0;
padding-right: 0;
margin: auto;
width: 310px;
display: block;
text-align: center;
font-family: 'Robotomedium';
font-size: 24px;
}
.input-boxs .submit {
bottom: -47px;
background-color: white;
}
.map {
margin-bottom: 23px;
background-color: #fff;
}
.map p {
border-bottom: 2px solid #3876a5;
padding-bottom: 22px;
}
.map p> :nth-child(2) {
width: auto !important;
height: 703px !important;
height: 300px !important;
border: 1px solid #606060;
}  .page_taml.podcluch #sidebar {
margin: 0;
padding: 0;
}
.page_taml.podcluch #sidebar {
width: 100%;
}
.page_taml .middle_wrap {
margin-top: 1185px;
}
h5.title-box-bg+section.right {
margin-top: 310px;
} .page_taml.podcluch #sidebar.left .widget-cl {
width: 100%;
margin: 0;
left: 0;
}
.page_taml.podcluch #sidebar .widget-cl .w-title {
background-color: #e1e1e1;
width: 100%;
text-align: center;
font-size: 30px;
padding: 10px 0 14px;
}
.page_taml.podcluch #sidebar .widget-cl:nth-of-type(2) {
margin-top: -6px;
}
.page_taml.podcluch #sidebar .widget-cl:nth-of-type(2) .w-title,
.page_taml.podcluch #sidebar .widget-cl .w-title {
padding-top: 17px;
}
.page_taml.podcluch #sidebar .widget-cl:nth-child(5) {
top: 0;
}
.menu-podklyuchi-container {}
.page_taml.podcluch #sidebar .widget-cl .menu li {
padding: 15px 0 11px;
}
.page_taml.podcluch #sidebar .widget-cl .menu li:last-child {
padding-bottom: 30px;
}
.page_taml.podcluch #sidebar.left ul#menu-podklyuchi li a,
.page_taml.podcluch #sidebar .widget-cl .menu li a {
padding-left: 39px;
font-size: 24px;
line-height: 30px;
}
.page_taml.podcluch #sidebar.left ul#menu-podklyuchi li::after,
.page_taml #sidebar #menu-vopros-otvet li::after,
.page_taml.podcluch #sidebar .widget-cl .menu li::after {
left: 2px;
}
.page_taml .title-box-bg {
top: 570px;
}
.page_taml section.middle_wrap .post>h1 {
margin-top: -39px;
padding-top: 31px;
} .widthC.page_taml.podcluch .middle_wrap .post p a {
padding: 0;
margin: 0;
}
.widthC.page_taml.podcluch h1~ul {
margin-left: 25px;
}
.page_taml section.middle_wrap .post>h1~p+h2+p+* {  } }   .call.to.us {
display: none;    margin: auto; padding-left: 32px;
background: url(//glazok.kz/wp-content/themes/Glazok/images/phone.png) no-repeat 0px 14px; width: 170px;
height: 60px;  align-items: center; }
.call.to.us li {
display: inline-block;
margin: 0 21px 0 0;
}
.call.to.us a {
font: 900 18px/28px 'Robotomedium';
}
footer .call.to.us li {
display: block;
} .call.to.us li {
display: inline-block;
margin: 0 21px 0 0;
}
.call.to.us a {
font: 500 16px/28px 'Robotomedium';
}
footer .call.to.us {
width: 555px;
top: 80px;
padding-left: 62px;
background-position-x: 25px;
}
footer .call.to.us li {
display: block;
}
footer .call.to.us a {
color: #fff;
font-size: 18px;
line-height: 25px;
font-family: 'Roboto';
}
@media (max-width: 376px) {
.headerTop .logo {
max-width: 174px;
height: 24px;
}
.headerTop .call.to.us {
top: 0;
}
.headerTop {
height: 64px;
gap: 27.25px;
}
}
@media (max-width: 1200px) {
.call.to.us {
display: none;
top: 23px;
width: 200px;
height: 45px;
background-position-x: 111px;
padding-left: 152px;
background-position: 108px 0;
background-size: 46px 40px;
border: none
}
.call.to.us li {}
.top+.call.to.us li {
margin: 0;
width: 200px;
}
.top+.call.to.us a {
font: 900 22px/33px 'Robotomedium';
}
footer .call.to.us {
display: none;
}
}
@media (max-width: 1200px) {
.box-bg1-2>div:first-child {
font-size: 24px;
text-transform: lowercase;
line-height: 31px;
margin-top: 13px;
}
.box-bg1-2>div:first-letter {
text-transform: uppercase;
}
div#wpcf7-f1216-p1217-o1 p {
height: 57px;
width: 295px;
margin-bottom: 30px;
}
.box-bg1-2 {
width: 100%;
}
div#wpcf7-f1216-p1217-o1 {
width: 100%;
padding-bottom: 60px;
}
div#wpcf7-f1216-p1217-o1 form {
width: 100%;
margin: auto;
margin-bottom: 120px;
padding: 0 3%;
}
div#wpcf7-f1216-p1217-o1 form>div:first-child {
display: flex;
}
}
@media (max-width: 1200px) { div#wpcf7-f1216-p1217-o1 form {
margin: auto;
padding: 0;
width: 90%;
}
div#wpcf7-f1216-p1217-o1 form {
top: 22px;
}
div#wpcf7-f1216-p1217-o1 p:first-of-type {
padding-left: 13%;
}
div#wpcf7-f1216-p1217-o1 p:nth-of-type(2) {
padding-right: 13%;
} div#wpcf7-f1216-p1217-o1 form label {
width: 100%;
height: 100%;
display: block;
}
.wpcf7-form-control-wrap,
.input-boxs .textarea textarea {
display: block;
font-size: 18px;
}
}
@media (max-width: 500px) {
.page_taml .title-box-bg {
padding: 10px 10px 8px;
margin-top: -7px;
}
.call.to.us .burger-shower1 {
width: 20px;
height: 20px;
top: -9px;
}
.headerTop .call.to.us::after {
content: '';
width: 30px;
height: 30px;
position: absolute;
top: -6px;
right: 0;
z-index: -1;
background: url(//glazok.kz/wp-content/themes/Glazok/images/phone_icon.svg) no-repeat 11px 11px;
background-size: 18px;
}
.contacts_social {
margin-top: 15px;
}
.app-banner{
height: 500px;
}
}  @media (max-width: 1420px) {
.connect-price-banner__image img {
width: 100%;
height: auto;
}
}
@media (max-width: 650px) {
.advantages-subtitle,
.advantages-title {
max-width: 420px;
}
.what-for__title,
.price-3items__title {
max-width: 450px;
}
}
@media (max-width: 445px) {
.advantages-subtitle {
max-width: 280px;
}
.what-for__title,
.price-3items__title,
.advantages-title {
max-width: 296px;
}
.connect-price-banner {
grid-template-rows: 310px auto;
}
.app-banner__title{
margin-top: 20px;
}
}
@media(max-width: 376px) {
.connect-price-banner {
grid-template-rows: 250px;
}
}