.sp-wrap {
padding: 0px;
border-style: solid;
border-image: none;
border-width: 1px 1px 1px 2px;
clear: both;
margin-bottom:10px;
}
.sp-head {
cursor: pointer;
display: block;
font-weight: bold;
margin-left: 6px;
padding: 4px 14px 3px;
text-align: left;
}
.sp-body {
padding: 2px 6px;
height:auto;
}
.spdiv {
width: 98%;
margin: 0px auto;
text-align: right;
font-size: 0.8em;
cursor: pointer;
display:block;
} .sp-wrap-glabrown {
background: none repeat scroll 0% 0% rgb(210,163,95);
margin-bottom:0;
margin-left: 4px;
margin-right: 4px;
border:none;
}
.sp-wrap-glabrown.gunfolded{
background-color: #5F4B1C;
}
.sp-wrap-glabrown .sp-head {
background: url(https://glazok.kz/wp-content/uploads/2017/01/brown-plus.png) no-repeat left center;
color: #FFF;
text-align: center;
font-size: 17px;
font-weight: normal;
padding-bottom: 11px;
padding-top: 11px;
padding-left: 35px;
padding-right: 15px;
margin-left:10px;
}
.sp-wrap-glabrown .sp-head.unfolded {
background: url(https://glazok.kz/wp-content/uploads/2017/01/brown-minus.png) no-repeat left center;
background-color: #5F4B1C;
}
.sp-wrap-glabrown .sp-body {
background: #FFF;
border-top: none;
padding: 0;		
}
.sp-wrap-glabrown .spdiv {
color: #444;
}
.sp-wrap-glabrown ul { 
padding:0;
} .sp-wrap-glablue {
background: none repeat scroll 0% 0% rgb(91, 131, 200);
margin-bottom:0;
margin-left: 4px;
margin-right: 4px;
border:none;
}
.sp-wrap-glablue.gunfolded{
background-color: rgb(0,51,142);
}
.sp-wrap-glablue .sp-head {
background: url(https://glazok.kz/wp-content/uploads/2017/01/blue-plus.png) no-repeat left center;
color: #FFF;
text-align: center;
font-size: 17px;
font-weight: normal;
padding-bottom: 11px;
padding-top: 11px;
padding-left: 35px;
padding-right: 15px;
margin-left:10px;
}
.sp-wrap-glablue .sp-head.unfolded {
background: url(https://glazok.kz/wp-content/uploads/2017/01/blue-minus.png) no-repeat left center;
background-color: rgb(0,51,142);
}
.sp-wrap-glablue .sp-body {
background: #FFF;
border-top: none;
padding: 0;	
}
.sp-wrap-glablue .spdiv {
color: #444;
}
.sp-wrap-glablue ul { 
padding:0;
} .sp-wrap-default {
background: none repeat scroll 0% 0% #E9E9E6;
border-color: #C3CBD1;
}
.sp-wrap-default .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-default .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-default .sp-body {
background: #F5F5F5;
border-top:1px solid #C3CBD1;
}
.sp-wrap-default .spdiv {
color: #444;
}
.sp-wrap-green {
background: none repeat scroll 0% 0% #A9D0B3;
border-color: #89BE95;
}
.sp-wrap-green .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-green .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-green .sp-body {
background: #DBEBDF;
border-top:1px solid #89BE95;
}
.sp-wrap-green .spdiv {
color: #444;
}
.sp-wrap-red {
background: none repeat scroll 0% 0% #FFB3B3;
border-color: #FF9999;
}
.sp-wrap-red .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-red .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
background
}
.sp-wrap-red .sp-body {
background: #FFE5E5;
border-top:1px solid #FF9999;
}
.sp-wrap-red .spdiv {
color: #444;
}
.sp-wrap-blue {
background: none repeat scroll 0% 0% #A8C3F5;
border-color: #7CA8EE;
}
.sp-wrap-blue .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-blue .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-blue .sp-body {
background: #D6E3FA;
border-top:1px solid #7CA8EE;
}
.sp-wrap-blue .spdiv {
color: #444;
}
.sp-wrap-yellow {
background: none repeat scroll 0% 0% #F5EEB2;
border-color: #ECE06F;
}
.sp-wrap-yellow .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-yellow .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-yellow .sp-body {
background: #FBF8DF;
border-top:1px solid #ECE06F;
}
.sp-wrap-yellow .spdiv {
color: #444;
}
.sp-wrap-orange {
background: none repeat scroll 0% 0% #FFD39E;
border-color: #FFBC6B;
}
.sp-wrap-orange .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-orange .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-orange .sp-body {
background: #FFEAD1;
border-top:1px solid #FFBC6B;
}
.sp-wrap-orange .spdiv {
color: #444;
}
.sp-wrap-brown {
background: none repeat scroll 0% 0% #E4C6B4;
border-color: #D5A890;
}
.sp-wrap-brown .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-brown .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-brown .sp-body {
background: #F1E2DA;
border-top:1px solid #D5A890;
}
.sp-wrap-brown .spdiv {
color: #444;
}
.sp-wrap-purple {
background: none repeat scroll 0% 0% #FFB3FF;
border-color: #FF80FF;
}
.sp-wrap-purple .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-purple .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-purple .sp-body {
background: #FFE5FF;
border-top:1px solid #FF80FF;
}
.sp-wrap-purple .spdiv {
color: #444;
}
.sp-wrap-cyan {
background: none repeat scroll 0% 0% #99FFFF;
border-color: #4DFFFF;
}
.sp-wrap-cyan .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-cyan .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-cyan .sp-body {
background: #CCFFFF;
border-top:1px solid #4DFFFF;
}
.sp-wrap-cyan .spdiv {
color: #444;
}
.sp-wrap-lime {
background: none repeat scroll 0% 0% #99FF99;
border-color: #66FF66;
}
.sp-wrap-lime .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-lime .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-lime .sp-body {
background: #CCFFCC;
border-top:1px solid #66FF66;
}
.sp-wrap-lime .spdiv {
color: #444;
}
.sp-wrap-steelblue {
background: none repeat scroll 0% 0% #B2CAE0;
border-color: #8EB2D2;
}
.sp-wrap-steelblue .sp-head {
background: url(/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-steelblue .sp-head.unfolded {
background: url(/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-steelblue .sp-body {
background: #D7E4EF;
border-top:1px solid #8EB2D2;
}
.sp-wrap-steelblue .spdiv {
color: #444;
}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
html, body {width: 100%; height: 100%; margin:0; padding:0;}
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {-webkit-font-smoothing: antialiased;}
a:focus {outline: thin dotted;}
* { margin: 0; padding: 0;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
img {border: 0;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;} sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
button::-moz-focus-inner, input::-moz-focus-inner, img, legend {border: 0;}
button, input, select, textarea {font-family: inherit; font-size: 100%;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto; vertical-align: top; resize: none;}
table {border-collapse: collapse; border-spacing: 0;}@font-face {
font-family: 'Officinasanscbold';
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Bold-webfont.eot);
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Bold-webfont.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Bold-webfont.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Bold-webfont.ttf) format('truetype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Bold-webfont.svg#fonts/Officinasanscbold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Robotomedium_italic';
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BoldItalic-webfont.eot);
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BoldItalic-webfont.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BoldItalic-webfont.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BoldItalic-webfont.ttf) format('truetype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BoldItalic-webfont.svg#fonts/Robotomedium_italic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Officinasanscregular';
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Book-webfont.eot);
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Book-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Book-webfont.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Book-webfont.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Book-webfont.ttf) format('truetype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-Book-webfont.svg#fonts/Officinasanscregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Officinasanscitalic';
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BookItalic-webfont.eot);
src: url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BookItalic-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BookItalic-webfont.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BookItalic-webfont.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BookItalic-webfont.ttf) format('truetype'),
url(/wp-content/themes/Glazok/fonts/OfficinaSansC-BookItalic-webfont.svg#fonts/Officinasanscitalic) format('svg');
font-weight: normal;
font-style: normal;
}
@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;
}
@font-face {
font-family: 'Graphik-regular';
src: local('Graphik-regular'),
url(/wp-content/themes/Glazok/fonts/Graphik-Regular-Web.woff2) format('woff2'),
url(/wp-content/themes/Glazok/fonts/Graphik-Regular-Web.woff) format('woff'),
url(/wp-content/themes/Glazok/fonts/Graphik-Regular-Web.ttf) format('ttf'),
url(/wp-content/themes/Glazok/fonts/Graphik-Regular-Web) format('eot');
font-weight: normal;
font-style: normal;
}
body {
font: 16px/18px 'Roboto';
color: #000;
background: #FFFFFF;
}
.stati {
background-color: #f0f0f0;
}
a {
color: #1073CF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
} input,
textarea,
button {
outline: none;
} .right {
float: right;
}
.alignleft {
float: left;
margin-right: 10px;
}
.alignright {
float: right;
margin-left: 10px;
}
.aligncenter {
display: block;
text-align: center;
margin: auto;
}
.alignnone {
display: inherit;
margin: 0;
float: none;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.headerTop { width: auto;
background: #FFFFFF repeat-x;
border-top: 1px solid #EEF2F4;
border-bottom: 1px solid #EEF2F4;
min-width: 1150px;
margin: auto;
}
h2 {
font-size: 22px;
line-height: 26px;
font-weight: normal;
color: #306998;
}
h1 {
font-size: 32px;
line-height: 40px;
font-family: "Roboto"; }
.widthC { max-width: 1264px;
width: 90%;
margin: auto;
}
.headerTop .logo {
align-self: center;
max-height: 32px;  }
.headerTop .logo img {
width: 132px;
height: 32px;
}
.logo a {
display: block;
height: 55px;
}
.headerTop nav.top {
font-size: 18px;
font-family: 'Robotomedium';
gap: 52px;
line-height: 24px;
align-self: center; }
.headerTop nav.top li {
float: left;
margin-left: 52px;
position: relative;
}
.headerTop nav.top li a {
display: block;
color: #000;
text-decoration: none;
}
.headerTop nav.top li a:hover {
color: #1073CF;
}
.headerTop nav.top li:first-child {
margin-left: 0px;
}
.headerTop .logout {
justify-self: end;
align-self: center;  grid-gap: 35px;
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: 1fr auto; align-items: center;
}
.headerTop nav.top .sub-menu a {
font-size: 16px;
font-weight: 400;
}
.headerTop.header-fixed .logout {
grid-template-columns: 1fr auto auto auto;
}
.headerTop nav.top li:hover .sub-menu {
display: grid;
}
.headerTop nav.top .sub-menu {
position: absolute;
display: none;
grid-template-columns: 1fr;
z-index: 9999;
background-color: #FFF;
padding: 15px 10px 5px;
min-width: 240px;
left: -10px;
}
.headerTop nav.top .sub-menu li {
margin: 0;
margin-bottom: 10px;
}
.headerTop nav.top ul:nth-child(2)::before {
width: 16px;
height: 16px;
background: green;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.burger-top {
display: none;
}
.headerTop .logout img {
position: relative;
top: 3px;
right: 9.25px;
width: 13.5px;
height: 17.5px;
}
.headerTop .logout a {
color: #000;
}
.headerTop .logout a:hover {
text-decoration: none;
}
.box-bg2 {
height: 824px;
min-width: 1150px;
}
.title-box-bg {
width: 475px;
margin: auto;
text-align: center;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
color: #fff;
background: url(/wp-content/themes/Glazok/images/title-bg.png) no-repeat center center;
padding: 16px 0px 35px 0px;
text-shadow: 1px 1px 1px #424141;
}
header {}
.fixedBlock {
position: fixed;
border-bottom: 1px solid #EEF2F4;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
.box-bg2 .items-text {
position: relative;
}
.box-bg2 .items-text div {
position: absolute;
top: 207px;
left: 0px;
font-size: 14px;
line-height: 16px;
color: #1b5b79;
text-align: center;
font-weight: 500;
font-style: italic;
}
.box-bg2 .items-text div.text1 {
width: 74px;
}
.box-bg2 .items-text div.text2 {
left: 100px;
}
.box-bg2 .items-text div.text3 {
left: 200px;
}
.box-bg2 .items-text div.text4 {
left: 307px;
}
.box-bg2 .items-text div.text5 {
left: 735px;
}
.box-bg2 .items-text div.text6 {
left: 835px;
}
.box-bg2 .items-text div.text7 {
left: 929px;
}
.box-bg2 .items-text div.text8 {
left: 1022px;
}
.buttom-link a {
display: block;
text-indent:
-2000px;
background: url(/wp-content/themes/Glazok/images/buttom-p.png) no-repeat;
width: 279px;
height: 79px;
margin: auto;
}  .business-page {
max-width: 1264px;
margin: 0 auto;
padding: 32px 20px 84px;
display: grid;
grid-row-gap: 84px;
grid-column-gap: 32px;
grid-template-columns: 292px 940px;
grid-template-areas:
"business-page__sidebar business-page__first-banner"
"business-page__sidebar business-page__what-for"
"business-page__sidebar business-page__advantages"
"business-page__sidebar business-page__price"
"business-page__sidebar business-page__second-banner"
"business-page__sidebar business-page__video"
"business-page__sidebar business-page__case-studies" "business-page__sidebar business-page__faq"
"business-page__sidebar business-page__callback-form"
"business-page__sidebar business-page__conclusion";
}
.business-page__first-banner {
grid-area: business-page__first-banner;
}
.business-page__sidebar {
grid-area: business-page__sidebar;
}
.business-page__what-for {
grid-area: business-page__what-for;
}
.business-page__advantages {
grid-area: business-page__advantages;
}
.business-page__price {
grid-area: business-page__price;
}
.business-page__second-banner {
grid-area: business-page__second-banner;
}
.business-page__video {
grid-area: business-page__video;
}
.business-page__case-studies {
grid-area: business-page__case-studies;
}
.business-page__clients {
grid-area: business-page__clients;
}
.business-page__faq {
grid-area: business-page__faq;
}
.business-page__callback-form {
grid-area: business-page__callback-form;
}
.business-page__conclusion {
grid-area: business-page__conclusion;
} .bussiness-container {
display: grid;
gap: 84px;
}
.connect-price-banner {
display: grid;
grid-template-areas: "connect-price-banner__texts connect-price-banner__image";
grid-template-columns: minmax(0, 616px) minmax(0, 616px);
width: 100%; overflow: hidden;
border-radius: 12px;
background: #F6F7F8;
grid-column-gap: 10px;
}
.connect-price-banner__texts {
max-width: 448px;
margin: 52px 0px 52px 52px;
height: 284px;
}
.connect-price-banner__texts__title {
font-family: "Robotomedium";
font-size: 32px;
line-height: 40px;
margin-bottom: 32px;
}
.connect-price-banner__texts__description {
font-size: 16px;
line-height: 24px;
margin-bottom: 32px;
}
.connect-price-banner__texts__wrap-buttons {
display: grid;
grid-template-columns: 177px 124px;
gap: 12px;
grid-template-areas: "connect-price-banner__texts__wrap-buttons__connect-button connect-price-banner__texts__wrap-buttons__price-button";
}
.connect-price-banner__texts__wrap-buttons__connect-button {
grid-area: connect-price-banner__texts__wrap-buttons__connect-button;
}
.connect-price-banner__texts__wrap-buttons__price-button {
grid-area: connect-price-banner__texts__wrap-buttons__price-button;
} .connect-price-banner__texts__wrap-buttons__connect-button,
.connect-price-banner__texts__wrap-buttons__price-button {
padding: 16px 32px;
border: 1px solid #0078E8;
font-size: 16px;
color: #0078E8;
border-radius: 8px;
}
.connect-price-banner__texts__wrap-buttons__connect-button:hover,
.connect-price-banner__texts__wrap-buttons__price-button:hover {
background: #0078E8;
color: #FFF;
text-decoration: none;
}
.connect-price-banner__image img {
display: block;
} .business-page__what-for {
overflow: hidden;
}
.what-for__title {
grid-area: what-for__title;
color: #000;
font-size: 32px;
line-height: 40px;
margin-bottom: 32px;
font-family: 'Robotomedium';
}
.what-for {
display: grid;
grid-template-areas:
"what-for__title what-for__title what-for__title"
"what-for__item1-img what-for__item2-img what-for__item3-img"
"what-for__item1-title what-for__item2-title what-for__item3-title"
"what-for__item1-text what-for__item2-text what-for__item3-text"
"what-for__item1-button what-for__item2-button what-for__item3-button";
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
grid-row-gap: 20px;
grid-column-gap: 32px;
overflow-x: auto;
}
.what-for__item1-img {
grid-area: what-for__item1-img; }
.what-for__item2-img {
grid-area: what-for__item2-img; }
.what-for__item3-img {
grid-area: what-for__item3-img;
}
.what-for__item1-img,
.what-for__item2-img,
.what-for__item3-img {
width: 292px;
height: 244px;
margin-bottom: 12px;
} .what-for__item1-title {
grid-area: what-for__item1-title
}
.what-for__item2-title {
grid-area: what-for__item2-title
}
.what-for__item3-title {
grid-area: what-for__item3-title
}
.what-for__item1-title,
.what-for__item2-title,
.what-for__item3-title {
font-family: "Robotomedium";
margin: 0px 12px 0px;
font-size: 24px;
color: #000;
line-height: 28px;
}
.what-for__item1-text {
grid-area: what-for__item1-text
}
.what-for__item2-text {
grid-area: what-for__item2-text
}
.what-for__item3-text {
grid-area: what-for__item3-text
}
.what-for__item1-text,
.what-for__item2-text,
.what-for__item3-text {
color: #666;
font-size: 16px;
line-height: 24px;
padding: 0 12px 0px;
}
.what-for__item1-button {
grid-area: what-for__item1-button;
}
.what-for__item2-button {
grid-area: what-for__item2-button;
}
.what-for__item3-button {
grid-area: what-for__item3-button;
}
.what-for__item1-button,
.what-for__item2-button,
.what-for__item3-button {
display: block;
border: 1px solid #1073CF;
padding: 16px 55px;
border-radius: 8px;
margin: 0 auto; width: 268px;
box-sizing: border-box;
transition: .2s ease all;
position: relative;
}
.what-for__item1-button:after,
.what-for__item2-button:after,
.what-for__item3-button:after {
content: '';
position: absolute;
background: url(/wp-content/themes/Glazok/images/arrow-right-blue.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat; transform: translateY(-50%);
top: 50%;
}
.what-for__item1-button:hover,
.what-for__item2-button:hover,
.what-for__item3-button:hover {
transition: .2s ease all;
background-color: #1073CF;
color: #FFF;
text-decoration: none;
}
.what-for__item1-button:hover:after,
.what-for__item2-button:hover:after,
.what-for__item3-button:hover:after {
background: url(/wp-content/themes/Glazok/images/arrow-right-white.svg);
transition: .2s ease all;
} .business-page__advantages {
overflow: hidden;
}
.advantages {
display: grid;
grid-template-areas:
"advantages-title advantages-title advantages-title"
"advantages-subtitle advantages-subtitle advantages-subtitle"
"advantages-item1 advantages-item2 advantages-item3";
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
grid-row-gap: 32px;
grid-column-gap: 32px;
overflow-x: auto;
}
.advantages-title {
color: #000;
font-size: 32px;
line-height: 40px;
font-family: 'Robotomedium';
grid-area: advantages-title;
}
.advantages-subtitle {
max-width: 940px;
color: #666;
font-size: 16px;
line-height: 24px;
letter-spacing: .4px;
grid-area: advantages-subtitle;
margin-bottom: 20px;
}
.advantages-wrap {
display: grid;
gap: 32px;
grid-template-columns: repeat(3, auto);
overflow-x: auto;
padding-bottom: 15px;
}
.advantages-item1,
.advantages-item2,
.advantages-item3 {
background-color: #F6F7F8;
position: relative;
padding: 32px;
min-height: 252px;
box-sizing: border-box;
border-radius: 12px;
overflow: hidden;
width: 292px;
}
.advantages-item1 {
grid-area: advantages-item1;
}
.advantages-item2 {
grid-area: advantages-item2;
}
.advantages-item3 {
grid-area: advantages-item3;
}
.advantages-item1__title,
.advantages-item2__title,
.advantages-item3__title {
font-family: "Robotomedium";
color: #000;
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
display: grid;
grid-template-columns: 185px auto;
}
.advantages-item1__number-title,
.advantages-item2__number-title,
.advantages-item3__number-title {
text-align: end;
color: #1073CF;
font-size: 16px;
}
.advantages-item1__text,
.advantages-item2__text,
.advantages-item3__text {
color: #666;
font-size: 16px;
line-height: 24px;
}
[class^="advantages-item"]:after {
content: '';
position: absolute;
background: url(/wp-content/themes/Glazok/images/business-balls.svg);
width: 106px;
height: 101px;
background-repeat: no-repeat;
bottom: 0;
right: 0;
} .business-page__price {
overflow: hidden;
}
.price-3items {
display: grid;
grid-template-areas:
"price-3items__title price-3items__title price-3items__title"
"price-3items__item1 price-3items__item2 price-3items__item3";
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between; grid-column-gap: 32px;
overflow-x: auto;
}
.price-3items__title {
font-family: 'Robotomedium';
color: #000;
font-size: 32px;
line-height: 40px;
grid-area: price-3items__title;
margin-bottom: 52px;
}
.price-3items__item1 {
grid-area: price-3items__item1;
}
.price-3items__item2 {
grid-area: price-3items__item2;
}
.price-3items__item3 {
grid-area: price-3items__item3;
}
.price-item   {
border: 1px solid #D2D8DB;
border-radius: 12px;
padding: 32px;
width: 292px; box-sizing: border-box; display: grid;
} .price-item_background-color_black {
background-color: #141924;
} .price-item__buttons__price_font-color_white,
.price-item__buttons__link_font-color_white,
.price-item__features__title_font-color_white,
.price-item__title_font-color_white {
color: #FFF;
}
.price-item__title_font-color_black {
color: #000;
}
.price-3items__item2 .price-item__features__subtitle {
color: #999;
}
.price-item__title {
font-family: 'Robotomedium';
font-size: 24px;
line-height: 28px;
height: 28px;
}
.price-item__popular {
font-family: 'Robotomedium';
font-size: 14px;
background: linear-gradient(90deg, #C9F484 0%, #00D1FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 8px;
}
.price-item__features {
margin-top: 24px;
height: 240px;
} .price-item__features__title {
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
}
.price-item__features__subtitle {
color: #666;
font-size: 12px;
line-height: 16px;
margin-bottom: 20px;
}
.price-item__buttons {
height: 132px;
margin-top: 24px;
}
.price-item__buttons__price {
font-family: 'Robotomedium';
font-size: 20px;
line-height: 24px; margin-bottom: 24px;
}
.price-item__buttons__button {
display: block;
color: #FFF;
width: 100%;
background-color: #1073CF;
border-radius: 8px;
font-size: 16px;
line-height: 20px;
text-align: center;
padding: 16px 0;
margin-bottom: 12px;
}
.price-item__buttons__link {
display: block;
text-align: center;
font-size: 14px;
line-height: 20px;
}  .app-banner {
border-radius: 12px; display: grid; height: 528px;
gap: 32px;
grid-template-areas:
"app-banner__title app-banner__img"
"app-banner__text app-banner__img"
"app-banner__button app-banner__img"
"app-banner__bundle app-banner__img";
grid-template-columns: 60% 40%;
background: url(/wp-content/themes/Glazok/images/app-banner-background.webp);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.app-banner__img {
width: 100%; grid-area: app-banner__img;
}
.app-banner__title {
font-family: 'Robotomedium';
color: #000;
font-size: 32px;
line-height: 40px;
grid-area: app-banner__title;
margin-top: 52px;
margin-left: 52px;
}
.app-banner__text {
color: #000;
font-size: 16px;
line-height: 24px;
grid-area: app-banner__text;
margin-left: 52px;
}
.app-banner__button {
display: flex;
color: #FFF;
background-color: #1073CF;
font-size: 16px;
line-height: 20px;
width: 258px;
text-align: center;
border-radius: 8px; grid-area: app-banner__button;
margin-left: 52px;
height: 60px;
justify-content: center;
align-items: center;
}
.app-banner__bundle { grid-area: app-banner__bundle;
margin-left: 52px;
}
.app-banner__bundle__app-link {
display: inline-block;
margin-right: 20px;
}
.app-banner__bundle__app-link__img {
width: 80px; } .video {
display: grid;
grid-template-areas:
"video__title"
"video__rolik";
grid-template-columns: 1fr;
justify-content: space-between;
gap: 32px;
overflow-x: auto;
}
.video__title {
font-family: 'Robotomedium';
color: #000;
font-size: 32px;
line-height: 40px;
max-width: 836px;
grid-area: video__title;
}
.video__rolik {
grid-area: video__rolik;
}
.video__rolik__meta {
display: none;
}
.video__rolik__frame {
height: 516px;
border-radius: 12px;
} .business-page__case-studies { position: relative;
overflow-x: hidden;
}
.case-studies__title {
font-family: 'Robotomedium';
color: #000;
font-size: 32px;
line-height: 40px;
margin-bottom: 52px;
}
.case-studies__slider__item {
display: grid;
grid-template-columns: 400px 508px;
justify-content: space-between;
}
.case-studies__slider .slick-track {
gap: 0;
}
.case-studies__slider .slick-arrow {
position: absolute;
top: 2%;
z-index: 10;
font-size: 0;
border: 0;
width: 40px;
height: 40px;
}
.business-page__case-studies .slick-dots {
padding-top: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.business-page__case-studies .slick-dots li {
list-style: none;
margin: 0 10px;
}
.business-page__case-studies .slick-dots button {
font-size: 0;
width: 12px;
height: 4px;
border: 0;
border-radius: 30px;
background-color: #D2D8DB;
}
.business-page__case-studies .slick-dots li.slick-active button {
width: 20px;
background-color: #1073CF;
}
.case-studies__slider__item__text {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
grid-template-rows: min-content min-content;
padding: 52px 52px 0px 52px;
background-color: #F6F7F8;
box-sizing: border-box;
min-height: 347px;
border-radius: 12px;
}
.case-studies__slider__item__first {
display: grid;
gap: 8px;
grid-template-columns: 1fr;
color: #000;
font-size: 14px;
line-height: 16px;
}
.case-studies__slider__item__first-title {
font-family: 'Robotomedium';
font-size: 24px;
line-height: 28px;
}
.case-studies__slider__item__second-item {
display: grid;
gap: 4px;
color: #000;
font-size: 14px;
line-height: 20px;
}
.case-studies__slider__item__second-title {
color: #666;
font-size: 16px;
line-height: 24px;
font-family: 'Robotomedium';
}
.case-studies__slider__item__second {
display: grid;
gap: 12px;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, auto);
}
.case-studies__slider__item__img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.nfaq {
display: grid;
}
.nfaq__title {
font-family: 'Robotomedium';
color: #000;
font-size: 32px;
line-height: 40px;
margin-bottom: 52px;
}
.nfaq__body__qa-block {
border-radius: 12px;
border: 1px solid #D2D8DB;
margin-bottom: 20px;
padding: 20px;
}
.nfaq__body__qa-block__question {
font-family: 'Roboto';
font-size: 20px;
line-height: 24px;
}
.nfaq__body_qa-block__answer {
margin-top: 20px;
font-family: 'Roboto';
font-size: 16px;
line-height: 24px;
}
.nfaq__body__qa-block__chbx,
.nfaq__body__qa-block__chbx+label+div {
display: none;
}
.nfaq__body__qa-block__chbx:checked+label {
color: #1073CF;
}
.nfaq__body__qa-block__chbx:checked+label+div {
display: block;
}
.nfaq__body__qa-block__question::before {
content: url(//glazok.kz/wp-content/themes/Glazok/images/arrow-down.png);
}
.nfaq__body__qa-block__chbx:checked+label::before {
content: url(//glazok.kz/wp-content/themes/Glazok/images/arrow-up.png);
}
.business-page-content__paragraph {
font-family: 'Roboto';
font-size: 16px;
line-height: 24px;
color: #666666;
margin-bottom: 20px;
}
.business-page-content__paragraph__title {
font-family: 'Roboto';
color: #000;
font-size: 20px;
line-height: 24px;
margin-bottom: 8px;
}
.business-page-content__title {
font-family: 'Robotomedium';
color: #000;
font-size: 32px;
line-height: 40px;
margin-bottom: 52px;
}
.business-page-content__paragraph__ul {
padding-left: 16px;
}
.business-page-content__paragraph__li {
list-style-image: url(//glazok.kz/wp-content/themes/Glazok/images/marker.png);
margin-bottom: 12px;
} .business-page__sidebar {
order: -1;
}
.sidebar-menu select {
display: none;
margin: 0 auto;
font-size: 18px;
padding: 8px 15px;
border-radius: 12px;
}
.sidebar-menu__menu-left_display {
padding: 32px 0;
border: 1px solid #D2D8DB;
border-radius: 12px;
}
.sidebar-menu__menu-left_display p {
font-size: 20px;
margin-bottom: 25px;
padding: 0 32px;
}
.sidebar-menu__menu-left_display ul {
gap: 12px;
display: grid;
}
.sidebar-menu__menu-left_display ul li a {
color: #666;
text-decoration: none;
transition: .2s ease all;
padding: 0 32px;
display: block;
}
.sidebar-menu__menu-left_display ul li a.rrl.current_page_item {
color: #1073CF;
border-left: 4px solid #1073CF;
padding-left: 28px;
}
.sidebar-menu__menu-left_display ul li a:hover {
color: #000;
transition: .2s ease all;
}
.box-bg2 .buttom-link {
margin-top: 380px;
}
.box-bg3 {
margin-top: 45px;
min-width: 1150px;
}
.box-bg3 .title-box-bg {
width: 586px;
background: url(/wp-content/themes/Glazok/images/title-bg-g.png) no-repeat;
padding: 24px 0px 37px 0px;
position: relative;
top: -47px;
}
.box-bg3 .item {
float: left;
width: 370px;
text-align: center;
height: 315px;
}
.items-servise {
width: 740px;
margin: auto;
}
.box-bg3 .item .title-item {
color: #a1def1;
font-size: 24px;
line-height: 26px;
padding-bottom: 8px;
margin-bottom: 8px;
background: url(/wp-content/themes/Glazok/images/line-title.png) no-repeat center bottom;
}
.box-bg3 .item p {
color: #fff;
font-size: 18px;
line-height: 22px;
}
.box-bg4 {
padding-top: 84px;
padding-bottom: 84px;
position: relative;
min-width: 1150px;
}
.box-bg4 .video {
overflow: hidden;
width: 640px;
height: 480px;
margin: auto;
padding: 32px 38px;
}
.box-bg5 {
height: 1060px;
min-width: 1150px;
background: #F6F7F8 center center;
}
.box-bg5 .title-box-bg {
position: relative;
top: -41px;
}
.garant-items .item {
float: left;
width: 260px;
height: 105px;
padding-left: 95px;
margin-left: 50px;
color: #fff;
font-size: 14px;
line-height: 16px;
margin-bottom: 41px;
}
.box-bg5 .widthC {
margin: auto;
}
.garant-items .item .title-item {
font-size: 20px;
line-height: 22px;
}
.garant-items .item.n1 {
margin-left: 0px;
background: url(/wp-content/themes/Glazok/images/group1.png) no-repeat 0px 0px;
}
.garant-items .item.n3 {
margin-left: 0px;
background: url(/wp-content/themes/Glazok/images/group1.png) no-repeat 3px -157px;
}
.garant-items .item.n5 {
margin-left: 0px;
background: url(/wp-content/themes/Glazok/images/group1.png) no-repeat 3px -318px;
}
.garant-items .item.n7 {
margin-left: 0px;
background: url(/wp-content/themes/Glazok/images/group1.png) no-repeat 3px -479px;
}
.garant-items .item.n2 {
background: url(/wp-content/themes/Glazok/images/group2.png) no-repeat 0px 0px;
}
.garant-items .item.n4 {
background: url(/wp-content/themes/Glazok/images/group2.png) no-repeat 3px -154px;
}
.garant-items .item.n6 {
background: url(/wp-content/themes/Glazok/images/group2.png) no-repeat 3px -315px;
}
.garant-items .item.n8 {
background: url(/wp-content/themes/Glazok/images/group2.png) no-repeat 3px -473px;
}
.box-bg4 .ic1bg {
position: absolute;
left: 0px;
right: 0px;
top: 10px;
height: 39px;
background: url(/wp-content/themes/Glazok/images/line-top.png) center top;
}
.box-bg4 .ic2bg {
position: absolute;
left: 0px;
right: 0px;
top: auto;
bottom: 65px;
height: 39px;
background: url(/wp-content/themes/Glazok/images/line-bottom.png) center top;
}
.box-bg6 {
padding-top: 84px;
margin-bottom: 84px;
min-width: 1150px;
}
.box-bg6 .widthC {
margin: auto;
}
.box-bg6 .title-carusel {
margin-bottom: 52px;
}
.box-bg6 .carusel-box {
margin-bottom: 20px;
margin-top: 20px;
margin-left: 272px;
position: relative;
overflow: hidden;
height: 124px;
} .box-bg6 .carusel-box ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.box-bg6 .carusel-box .carusel-item {
float: left;
margin-right: 22px;
}  .box-bg7 {
padding-bottom: 84px;
min-width: 1150px;
}
.box-bg7 .floatLeft {
width: 495px;
float: left;
}
.box-bg7 .floatLeft .title {
background: #43c0fa;
float: left;
padding: 5px;
color: #fff;
font-family: Robotomedium;
font-size: 36px;
line-height: 38px;
text-transform: uppercase;
margin-bottom: 5px;
}
.box-bg7 .floatLeft p {
font-size: 30px;
line-height: 32px;
}
.box-bg7 .floatRight {
float: right;
}
.box-bg7 .buttom-link {
margin-top: 60px;
}
footer {
display: grid;
min-height: 160px;
background: #fff center top;
color: #000;
margin: auto;
border-top: 1px solid #E8EBED;
font-family: Roboto;
grid-template-areas:
'box-foot info-foot'
'footer__privacy footer__privacy';
}
.info-foot {
display: grid;
grid-template-areas: 'address social';
margin: 32px 32px 0px 0px;
grid-template-columns: 1fr;
}
.address {
max-width: 350px;
display: grid; justify-self: end;
}
@media(max-width: 768px) {
.header-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}
.logout.right #searchform {
display: none !important;
}
footer {
grid-template-columns: 1fr;
grid-template-areas:
'box-foot'
'address'
'social'
'footer-privacy';
}
.info-foot {
margin: 42px 32px 0;
grid-column-start: 1;
grid-template-columns: 1fr;
grid-template-areas:
'address'
'social';
}
.address {
justify-self: auto;
}
}
footer a {
color: #000;
}
.box-foot {  max-width: 694px;
width: 90%;
display: grid;
grid-template-columns: 4fr;
grid-area: box-foot;
grid-template-rows: 24px 20px;
grid-row-gap: 20px;
margin: 52px 0px 0px 32px;
grid-template-areas:
'solutions'
'support';
}
@media (max-width: 992px) {
.box-foot {
max-width: 750px;
grid-template-columns: 2fr;
}
}
@media (max-width: 768px) {
.box-foot {
min-width: 265px;
min-height: 356px;
grid-template-columns: 2fr;
grid-template-rows: 1fr;
}
}
@media (max-width: 376px) {
.box-foot {
margin: 52px 0px 0px 20px;
}
.social {
margin: 32px 0px 0px 20px;
}
.privacy {
margin: 31px 0px 52px 20px;
}
}
.footer-menu {
display: grid;
grid-template-rows: 24px;
}
.footer-menu a {
color: #000;
}
.footer-solutions {
font-family: Robotomedium;
font-size: 18px;
grid-template-columns: auto auto auto auto;
justify-self: start;
grid-area: solutions;
gap: 52px;
}
@media(max-width: 992px) {
.footer-solutions {
font-size: 15px;
min-width: 552px;
justify-content: start;
gap: 32px;
}
}
@media(max-width: 768px) {
.footer-solutions {
font-size: 18px;
grid-template-columns: auto;
min-width: 0;
gap: 20px;
}
}
.footer-support a {
color: #666666;
}
.footer-support {
font-size: 14px;
grid-template-columns: auto auto auto auto auto;
justify-self: start;
grid-area: support;
gap: 32px;
}
@media(max-width: 992px) {
.footer-support {
font-size: 12px;
gap: 16px;
}
}
@media(max-width: 768px) {
.footer-support {
font-size: 14px;
grid-template-columns: auto;
gap: 20px;
}
}
.social {
display: grid; justify-self: end;
grid-area: social;
}
.social__media {
display: grid;
grid-template-columns: 32px 32px 32px 32px;
gap: 12px;
}
.telephone {
font-family: 'Robotomedium';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
padding: 0px 0px 12px 0px;
}
.telephone a {
color: #000;
}
.mail {
color: #000;
font-size: 14px;
line-height: 20px;
padding: 0px 0px 20px 0px;
}
.mail a {
color: #000;
}
@media(max-width: 992px) {
.social__media {
gap: 8px;
}
.telephone {
font-size: 15px;
padding: 0px 0px 8px 0px;
}
.mail {
font-size: 12px;
}
}
@media(max-width: 768px) {
.social { margin: 32px 0px 0px 0px;
justify-self: start;
}
.social__media {
display: grid;
grid-template-columns: 32px 32px 32px 32px;
gap: 12px;
}
.social__media_burger {
display: grid;
grid-template-columns: 32px 32px 32px 32px;
gap: 12px;
padding: 12px 0px 32px 20px;
}
.telephone {
font-size: 20px;
padding: 0px 0px 12px 0px;
}
.mail {
font-size: 14px;
}
}
.privacy {
display: grid;
grid-area: footer__privacy;
border-top: 1px solid #E8EBED;
font-size: 14px;
padding: 20px 32px;
margin: 32px 0px 0px 0px;
grid-template-areas: 'footer__privacy_date footer__privacy_link';
}
.privacy_date {
color: #999999;
grid-area: footer__privacy_date;
justify-self: start;
}
.privacy_link {
justify-self: end;
grid-area: footer__privacy_link;
}
@media(max-width: 768px) {
.privacy {
margin: 32px 0px 52px 32px;
padding: 0px;
gap: 20px;
border-top: none;
grid-column-start: 1;
grid-template-areas:
'footer__privacy_link'
'footer__privacy_date';
}
.privacy_link {
justify-self: start;
}
}
.hidden {
opacity: 0;
position: relative;
left: -200px;
}
.hidden2 {
opacity: 0;
position: relative;
right: -200px;
}
.show1 {
opacity: 0;  }
.show2 {
opacity: 0;
position: relative;
right: -200px;
}
.bg-brs {
height: 36px;
background: url(/wp-content/themes/Glazok/images/brs-bg.png) repeat-x;
}
.bg-brs .croch {
display: flex;
width: 100%;
padding: 8px 0px;
color: #fff;
}
.bg-brs .croch a {
color: #fff;
display: inline-block;
padding-left: 20px;
background: url(/wp-content/themes/Glazok/images/arrow-brs.png) no-repeat 1px 1px;
}
.croch span.current {
color: #fff;
display: inline-block;
padding-left: 20px;
background: url(/wp-content/themes/Glazok/images/arrow-brs.png) no-repeat 1px 1px;
}
.bg-brs .croch a.first {
background: url(/wp-content/themes/Glazok/images/home-brs.png) no-repeat 1px 1px;
}
.bg-brs .croch a {
text-decoration: underline;
}
.bg-brs .croch a:hover {
text-decoration: none;
}
section.middle_wrap {
margin-top: 15px;
}
section.middle_wrap .title-box-bg {
margin-bottom: 30px;
font-weight: normal;
}
.descritpyion {
background: #f6f6f6;
padding: 30px 0px;
margin-bottom: 30px; }
.descritpyion p {
padding: 0;
font-size: 24px;
line-height: 26px;
padding-left: 20px;
padding-right: 20px;
text-align: justify;
}
.post-ap {
border: 1px solid rgb(170, 170, 170);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background: rgb(255, 255, 255);
overflow: hidden;
margin-bottom: 35px;
padding: 20px;
}
h5 {
text-align: center;
color: #3a71a0;
margin: auto;
font-weight: normal;
font-size: 30px;
line-height: 32px;
padding-bottom: 5px;
margin-bottom: 10px;
background: url(/wp-content/themes/Glazok/images/line-tt.png) no-repeat center bottom;
}
section.middle_wrap .post {
border: 1px solid #aaaaaa;
background: #fff;
overflow: hidden;
margin-bottom: 35px;
padding: 30px 15px;
border-radius: 12px;
}
.descritpyion article.widthC p.cam-pomesh {
margin-bottom: 20px
}     section.middle_wrap .post .img-post .more {
position: absolute;
left: 0px;
right: 0px;
top: auto;
bottom: -2px;
text-align: center;
width: 173px;
height: 25px;
margin: auto;
background: url(/wp-content/themes/Glazok/images/views-buttom.png) no-repeat 0px 0px;
text-transform: uppercase;
color: #A16B2E;
padding: 14px 0px;
font-size: 14px;
}
section.middle_wrap .post .title-post {
text-align: center;
color: #3a71a0;
margin: auto;
font-weight: normal;
font-size: 30px;
line-height: 32px;
padding-bottom: 0px;
margin-bottom: 10px;
border-bottom: 2px solid #aaaaaa;
text-transform: uppercase;
display: inline-block;
}
.text-post {
font-size: 18px;
line-height: 30px;
font-family: 'Roboto';
}
footer.box-foot.page {
height: 152px;
background: url(/wp-content/themes/Glazok/images/footer-bg.jpg) center -7px;
}
footer.box-foot.page .manu-box {
margin-top: 24px;
}
.pag_l {
text-align: center;
width: 347px;
margin: auto;
margin-bottom: 35px;
background: url(/wp-content/themes/Glazok/images/pag-l.jpg)no-repeat left top;
}
.pag_l span,
.pag_l a {
display: inline-block;
text-align: center;
color: #030303;
font-size: 18px;
line-height: 28px;
margin: 0px 5px;
}
.pag_l span.current,
.pag_l a:hover {
color: #4e8cc0;
}
.pag_l .pag_r {
background: url(/wp-content/themes/Glazok/images/pag-r.jpg)no-repeat right top;
}
.page_taml .middle_wrap { width: 78%;
margin-top: 0px;
}
.page_taml section.middle_wrap .post {
border: 2px solid #3876a5;
padding: 15px 15px;
}
.product-card {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas:
'product-img product-specs'
;
background: #FFFFFF;
margin: 15px 0;
padding: 10px;
}
.product-img {
grid-area: product-img;
justify-self: center;
}
.product-specs {
grid-area: product-specs;
font-size: 18px;
line-height: 30px;
font-family: Roboto;
display: flex;
flex-direction: column;
word-break: break-word;
}
.product-specs ul li {
list-style: disc inside;
}
.page_taml .title-box-bg {
font-weight: normal;
margin-bottom: 25px;
margin-top: 15px;
}
.page_taml #sidebar { width: 21%;
position: relative;
}
.page_taml #sidebar .widget>div>ul>li>a {
display: block;
color: #1e120d;
padding: 14px 15px;
font-size: 15px;
line-height: 25px;
border-bottom: 0px solid #aaaaaa;
margin-right: 23px;
}
.widthC.blog_taml,
.widthC.page_taml { width: 90%;
max-width: 1600px;
overflow: hidden;
margin-top: 20px;
}
.page_taml #sidebar .widget ul ul {
margin-left: 40px;
margin-top: 10px;
margin-bottom: 0px;
}
.page_taml #sidebar .widget>div>ul>li.current-menu-item>a,
.page_taml #sidebar .widget>div>ul>li>a:hover {
background: url(/wp-content/themes/Glazok/images/menu-li-h.png) repeat-x;
color: #fff;
border-bottom: 1px solid #F0F0F0;
margin-right: 0px;
position: relative;
text-decoration: none;
}
.page_taml #sidebar .widget ul ul a {
padding: 7px 0px;
font-size: 14px;
line-height: 16px;
display: block;
text-decoration: underline;
}
.page_taml #sidebar .widget ul ul a:hover {
text-decoration: none;
}
.page_taml #sidebar .widget>ul li:last-child a {
border-bottom: 0px;
}
.page_taml #sidebar .widget>div>ul>li.current-menu-item a:before {
content: "";
display: block;
position: absolute;
width: 12px;
height: 13px;
right: -12px;
top: 15px;
left: auto;
}
.middle_wrap.catalog .post .img-post {
width: 310px;
padding: 0px 18px;
margin: 0;
}
.middle_wrap.catalog .post .img-post img {
border: none;
width: auto;
}
.middle_wrap.catalog .post {
padding: 20px 15px;
}
.middle_wrap.catalog .text-post {
float: left;
width: 520px;
height: auto;
position: relative;
padding-bottom: 60px;
}
section.middle_wrap.catalog .widthC { width: 100%;
}
.meta-box {
position: absolute;
left: 0px;
top: auto;
bottom: 0px;
width: 100%;
}
.meta-box .hd_icon {
display: block;
float: left;
width: 51px;
height: 50px;
background: url(/wp-content/themes/Glazok/images/hp-icon.jpg) no-repeat;
}
.mores {
float: right;
width: 157px;
color: #fff; background: #4e8cc0;
text-align: center;
padding: 8px 0px;
border-radius: 10px;
margin-top: 7px;
}
.price_icon {
float: right;
width: 124px;
color: #fff;
background: #f0f0f0 url(/wp-content/themes/Glazok/images/price.png) no-repeat 11px 5px;
text-align: center;
padding: 8px 0px 8px 20px;
border-radius: 10px;
margin-right: 26px;
color: #000;
text-transform: uppercase;
margin-top: 7px;
}
section.middle_wrap.catalog .title-post {
font-size: 24px;
line-height: 40px;
color: #3573a6;
}
.blog_taml {
margin-top: 15px;
} .blog_taml .title-box-bg h1 {
font-size: 24px;
color: #fff;
}
.connect,
.faq,
.single-post,
.tarify {
display: flex;
flex-direction: column;  padding: 30px;
font-family: 'Roboto';
font-size: 18px;
line-height: 30px;
margin-bottom: 14px;
}
.connect p strong,
.single-post p strong,
.faq p strong,
.tarify p strong {
font-weight: 600;
font-size: 22px;
line-height: 1.45;
}
.widthC.page_taml #sidebar .widget .menu-vopros-otvet-container>ul>li a,
.widthC.page_taml #sidebar .widget .menu-tarify-container>ul>li a {
font-size: 15px;
padding: 2px 0 2px 38px;
position: static;
}
.image-adapt,
.image-adapt img {
display: flex;
max-width: 640px;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
justify-items: center;
}
.page-banner img {
display: flex;
max-width: 1154px;
width: 100%;
}
.page-banner__text {
position: absulute;
top: 50%;
left: 50%;
} .top-topmenu {  background: #fff;
font-family: 'Roboto';
padding: 20px 32px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: 'items right';
font-size: 14px;
color: #000000;
align-items: center;
}
.top-topmenu__items {
grid-template-columns: auto auto auto auto auto;
grid-area: items;
display: grid;
gap: 32px;
justify-content: start;
}
.top-topmenu__items a {
color: #666666;
}
.top-topmenu__right {
display: grid;
grid-area: right;
justify-content: end;
gap: 24px;
grid-template-areas: 'right-schedule right-mail';
}
.top-topmenu__right a {
color: #000;
font-family: 'Robotomedium';
font-weight: 500;
}
.top-topmenu__right__schedule {
grid-area: right-schedule;
}
.top-topmenu__right__mail {
grid-area: right-mail;
}  .topmenu {
display: grid;
grid-template-columns: auto auto 1fr;
justify-content: start;
column-gap: 52px;
grid-template-areas:
'logo topmenu logout';
margin: 20px 32px;
z-index: 10;
}
.logo {
grid-area: logo;
}
.top.left {
grid-area: topmenu;
}
.logout {
grid-area: logout;
}   .logout.right .logout__phone,
.logout.right .logout__email {
color: #000;
font-family: 'Robotomedium';
font-weight: 500;
display: none;
}
.headerTop.header-fixed .logout.right .logout__phone,
.headerTop.header-fixed .logout.right .logout__email {
display: block;
}   .seo-text {
display: grid; grid-template-areas:
"seo_text_header seo_text_pic"
"seo_text_summary seo_text_pic"
"seo_text_toggle seo_text_pic"
"seo_text_skipped_col_1 seo_text_skipped_col_2"
;
grid-column-gap: 52px;
font-family: Roboto;
background: #FFFFFF;
margin-top: 40px;
}
.seo-text__header {
grid-area: seo_text_header;
font-size: 36px;
line-height: 41px;
color: #3573A6;
}
.seo-text__pic {
grid-area: seo_text_pic;
justify-self: center;
align-self: start;
}
.seo-text__summary {
grid-area: seo_text_summary;
font-size: 30px;
line-height: 32px;
color: #000000;
margin-top: 28px;
}
.seo-text__toggle {
grid-area: seo_text_toggle;
font-size: 30px;
line-height: 34px;
color: #3573A6;
margin-top: 28px;
}
.seo-text__read-more,
.seo-text__skip {
cursor: pointer;
}
.seo-text__skipped-col-1 {
grid-area: seo_text_skipped_col_1;
display: none;
margin-top: 67px;
font-size: 30px;
line-height: 32px;
color: #000000;
}
.seo-text__skipped-col-2 {
grid-area: seo_text_skipped_col_2;
display: none;
margin-top: 67px;
font-size: 30px;
line-height: 32px;
color: #000000;
}
.seo-text__skipped-col-1 p {
padding-bottom: 67px;
}
.seo-text__skip {
display: none;
}
.seo-text_toggle-hide {
display: none;
}
.seo-text__skipped-col-1 ol li,
.seo-text__skipped-col-2 ol li {
list-style-type: decimal;
list-style-position: inside;
margin-top: 33px;
}
.seo-text__skipped-col-2 ul {
font-family: Roboto;
font-size: 30px;
line-height: 32px;
}
.seo-text_toggle-show {
display: block;
}  .amocrm-callback-btn {
display: flex;
}  .about-service {
display: grid;
grid-template-columns: 1fr 4fr;
grid-template-areas:
"about-service__header about-service__header"
"about-service__btn1 about-service__btn2"
"about-service__aside-bar about-service__txt";
}
.about-service__header {
grid-area: about-service__header;
margin: 15px auto;
background: none;
color: #000;
font-weight: bold;
text-align: unset;
width: 100%;
text-shadow: none;
font-size: 32px;
text-transform: uppercase;
}
.about-service__btn1 {
grid-area: about-service__btn1;
}
.about-service__btn2 {
grid-area: about-service__btn2;
}
.about-service__aside-bar #sidebar,
.about-service__aside-bar {
grid-area: about-service__aside-bar;
width: 100%;
}
.page_taml .about-service__txt,
.about-service__txt {
grid-area: about-service__txt;
width: 100%;
}
.post-four-cells {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"post-four-cells__cell1 post-four-cells__cell2"
"post-four-cells__cell3 post-four-cells__cell4"
;
grid-column-gap: 17px;
grid-row-gap: 30px;
justify-content: center;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
}
.post-four-cells__cell1 {
grid-area: post-four-cells__cell1;
}
.post-four-cells__cell2 {
grid-area: post-four-cells__cell2;
}
.post-four-cells__cell3 {
grid-area: post-four-cells__cell3;
}
.post-four-cells__cell4 {
grid-area: post-four-cells__cell4;
}
.post-10-cells {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas:
"post-10-cells__header post-10-cells__header post-10-cells__header"
"post-10-cells__cell1 post-10-cells__cell2 post-10-cells__cell3"
"post-10-cells__cell4 post-10-cells__cell5 post-10-cells__cell6"
"post-10-cells__cell7 post-10-cells__cell8 post-10-cells__cell9"
"post-10-cells__cell10 post-10-cells__cell11 post-10-cells__cell12"
"post-10-cells__cell13 post-10-cells__cell14 post-10-cells__cell15"
"post-10-cells__cell16 post-10-cells__cell17 post-10-cells__cell18"
; grid-row-gap: 20px;
justify-content: center;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.post-10-cells__header {
grid-area: post-10-cells__header;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.post-10-cells__cell1 {
grid-area: post-10-cells__cell1;
}
.post-10-cells__cell2 {
grid-area: post-10-cells__cell2;
}
.post-10-cells__cell3 {
grid-area: post-10-cells__cell3;
}
.post-10-cells__cell4 {
grid-area: post-10-cells__cell4;
}
.post-10-cells__cell5 {
grid-area: post-10-cells__cell5;
}
.post-10-cells__cell7 {
grid-area: post-10-cells__cell7;
}
.post-10-cells__cell6 {
grid-area: post-10-cells__cell6;
}
.post-10-cells__cell8 {
grid-area: post-10-cells__cell8;
}
.post-10-cells__cell9 {
grid-area: post-10-cells__cell9;
}
.post-10-cells__cell10 {
grid-area: post-10-cells__cell10;
}
.post-10-cells__cell11 {
grid-area: post-10-cells__cell11;
}
.post-10-cells__cell12 {
grid-area: post-10-cells__cell12;
}
.post-10-cells__cell13 {
grid-area: post-10-cells__cell13;
}
.post-10-cells__cell14 {
grid-area: post-10-cells__cell14;
}
.post-10-cells__cell15 {
grid-area: post-10-cells__cell15;
}
.post-10-cells__cell16 {
grid-area: post-10-cells__cell16;
}
.post-10-cells__cell17 {
grid-area: post-10-cells__cell17;
}
.post-10-cells__cell18 {
grid-area: post-10-cells__cell18;
}
.post-10-cells__cell18,
.post-10-cells__cell17,
.post-10-cells__cell16,
.post-10-cells__cell15,
.post-10-cells__cell14,
.post-10-cells__cell13,
.post-10-cells__cell12,
.post-10-cells__cell11,
.post-10-cells__cell10,
.post-10-cells__cell9,
.post-10-cells__cell8,
.post-10-cells__cell7,
.post-10-cells__cell6,
.post-10-cells__cell5,
.post-10-cells__cell4,
.post-10-cells__cell3,
.post-10-cells__cell2,
.post-10-cells__cell1 {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 12px;
align-items: center;
background: linear-gradient(0deg, #1E4869, #1E4869), #1E4869;
border-radius: 20px;
width: 235px;
height: 345px;
}
.post-10-cells__name {
text-align: center;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
.post-10-cells__desc {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 227px;
height: 270px;
background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #1E4869;
border-radius: 18px;
font-size: 15px;
line-height: 19px;
color: #000000;
margin-bottom: 4px;
}
.post-10-cells__btn a {
display: flex;
justify-content: center;
align-items: center;
width: 138px;
height: 43px;
text-decoration: none;
font-weight: bold;
background: #FF597C;
border-radius: 10px;
margin-left: 30px;
color: #FFFFFF;
}
.post-10-cells__desc__price {
display: flex;
font-size: 18px;
line-height: 18px;
color: #000000;
margin-left: 30px;
font-weight: bold;
}
.tarify-advantages {
display: grid;
grid-template-columns: 1fr 4fr 1fr 4fr 1fr 4fr;
grid-template-areas:
"tarify-advantages__header tarify-advantages__header tarify-advantages__header tarify-advantages__header tarify-advantages__header tarify-advantages__header"
"tarify-advantages__cell1 tarify-advantages__cell2 tarify-advantages__cell3 tarify-advantages__cell4 tarify-advantages__cell5 tarify-advantages__cell6"
"tarify-advantages__cell7 tarify-advantages__cell8 tarify-advantages__cell9 tarify-advantages__cell10 tarify-advantages__cell11 tarify-advantages__cell12"
"tarify-advantages__cell13 tarify-advantages__cell14 tarify-advantages__cell15 tarify-advantages__cell16 tarify-advantages__cell17 tarify-advantages__cell18"
;
grid-column-gap: 17px;
grid-row-gap: 40px;
justify-content: center;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
}
.tarify-advantages__header {
grid-area: tarify-advantages__header;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.tarify-advantages__cell1 {
grid-area: tarify-advantages__cell1;
}
.tarify-advantages__cell2 {
grid-area: tarify-advantages__cell2;
}
.tarify-advantages__cell3 {
grid-area: tarify-advantages__cell3;
}
.tarify-advantages__cell4 {
grid-area: tarify-advantages__cell4;
}
.tarify-advantages__cell5 {
grid-area: tarify-advantages__cell5;
}
.tarify-advantages__cell6 {
grid-area: tarify-advantages__cell6;
}
.tarify-advantages__cell7 {
grid-area: tarify-advantages__cell7;
}
.tarify-advantages__cell8 {
grid-area: tarify-advantages__cell8;
}
.tarify-advantages__cell9 {
grid-area: tarify-advantages__cell9;
}
.tarify-advantages__cell10 {
grid-area: tarify-advantages__cell10;
}
.tarify-advantages__cell11 {
grid-area: tarify-advantages__cell11;
}
.tarify-advantages__cell12 {
grid-area: tarify-advantages__cell12;
}
.tarify-advantages__cell13 {
grid-area: tarify-advantages__cell13;
}
.tarify-advantages__cell14 {
grid-area: tarify-advantages__cell14;
}
.tarify-advantages__cell15 {
grid-area: tarify-advantages__cell15;
}
.tarify-advantages__cell16 {
grid-area: tarify-advantages__cell16;
}
.tarify-advantages__cell17 {
grid-area: tarify-advantages__cell17;
}
.tarify-advantages__cell18 {
grid-area: tarify-advantages__cell18;
}
.post-two-columns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"post-two-columns__header1 post-two-columns__header2"
"post-two-columns__first-column post-two-columns__second-column"
;
grid-column-gap: 30px;
grid-row-gap: 20px;
justify-content: center;
padding-top: 45px;
padding-left: 10px;
padding-right: 10px;
}
.post-two-columns__header1 {
grid-area: post-two-columns__header1;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.post-two-columns__header2 {
grid-area: post-two-columns__header2;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.post-two-columns__first-column {
grid-area: post-two-columns__first-column;
}
.post-two-columns__second-column {
grid-area: post-two-columns__second-column;
}
.post-header-two-columns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"post-header-two-columns__header post-header-two-columns__header"
"post-header-two-columns__first-column post-header-two-columns__second-column"
;
grid-column-gap: 30px;
grid-row-gap: 20px;
justify-content: center;
padding-top: 45px;
padding-left: 10px;
padding-right: 10px;
}
.post-header-two-columns__header {
grid-area: post-header-two-columns__header;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.post-header-two-columns__first-column {
grid-area: post-header-two-columns__first-column;
}
.post-header-two-columns__second-column {
grid-area: post-header-two-columns__second-column;
}
.tarif-details {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"tarif-details__desc-block tarif-details__desc-block"
"tarif-details__functions-header tarif-details__functions-header"
"tarif-details__functions-desc1 tarif-details__functions-desc2"
"tarif-details__abilities-header tarif-details__abilities-header"
"tarif-details__abilities-desc1 tarif-details__abilities-desc2"
"tarif-details__others-desc1 tarif-details__others-desc2"
"tarif-details__button-block tarif-details__button-block"
;
grid-column-gap: 30px;
grid-row-gap: 20px;
justify-content: center;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
}
.tarif-details__desc-block {
grid-area: tarif-details__desc-block;
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas:
"tarif-details__desc-block__name tarif-details__desc-block__desc1"
"tarif-details__desc-block__desc2 tarif-details__desc-block__desc2"
;
grid-column-gap: 30px;
grid-row-gap: 20px;
justify-content: center;   }
.tarif-details__desc-block__name {
grid-area: tarif-details__desc-block__name;
}
.callback-form-btn a,
.callback-button a,
.about-service__btn1 a,
.about-service__btn2 a,
.tarif-details__button a {
display: flex;
justify-content: center;
align-items: center;
width: 250px;
height: 50px;
background: linear-gradient(12deg, #0078E8 0%, #539adb 100%);
box-shadow: 0px 6px 0px #0c62b3;
border-radius: 10px;
color: white;
text-decoration: none;
margin-top: 10px;
margin-bottom: 20px;
font-weight: bold;
}
.tarif-details__desc-block__desc1 {
grid-area: tarif-details__desc-block__desc1;
}
.tarif-details__desc-block__desc2 {
grid-area: tarif-details__desc-block__desc2;
}
.tarif-details__functions-header {
grid-area: tarif-details__functions-header;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.tarif-details__functions-desc1 {
grid-area: tarif-details__functions-desc1;
}
.tarif-details__functions-desc2 {
grid-area: tarif-details__functions-desc2;
}
.tarif-details__abilities-header {
grid-area: tarif-details__abilities-header;
font-size: 26px;
line-height: 29px;
color: #306998;
}
.tarif-details__abilities-desc1 {
grid-area: tarif-details__abilities-desc1;
}
.tarif-details__abilities-desc2 {
grid-area: tarif-details__abilities-desc2;
}
.tarif-details__others-desc1 {
grid-area: tarif-details__others-desc1;
}
.tarif-details__others-desc2 {
grid-area: tarif-details__others-desc2;
}
.tarif-details__button-block {
grid-area: tarif-details__button-block;
}  .img-n-column {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas: "img-n-column__img img-n-column__header";
margin-bottom: 20px;
align-items: center;
border-bottom: 2px solid #306998;
}
.img-n-column__img {
grid-area: img-n-column__img;
padding-bottom: 20px;
display: flex;
justify-content: center;
}
.img-n-column__header {
grid-area: img-n-column__header;
font-size: 26px;
line-height: 35px;
color: #306998;
padding-bottom: 20px;
padding-left: 15px;
} .blue-header {
font-size: 26px;
line-height: 29px;
color: #306998;
}
.w-title {
font-family: Robotomedium;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 36px;
color: #36709F;
padding: 2px 0 2px 38px;
}
.blog_taml .middle_wrap .post.announcement {
display: grid;
grid-template-columns: 1fr 3fr;
grid-template-areas:
'post-title post-title'
'img-post text-post'
'. more-post';
padding: 0;
}
section.middle_wrap .post .title-post {
grid-area: post-title;
}
.blog_taml .middle_wrap .post .img-post {
grid-area: img-post;
}
.text-post {
grid-area: text-post;
padding-left: 10px;
}
.blog_taml .middle_wrap .post .more-post {
grid-area: more-post;
justify-self: end;
}
.blog_taml .middle_wrap { width: 84%;
float: right;
}
.blog_taml .middle_wrap .post .img-post {
text-align: center;
font-size: 14px;
line-height: 18px;
color: #949494;
}
.blog_taml .middle_wrap .post {
position: relative;
}
.blog_taml .middle_wrap .post .more-post { border-radius: 12px 0;
width: 126px;
text-align: center;
padding: 12px 0px;
color: #fff;
background: url(/wp-content/themes/Glazok/images/buttom-cont.png) repeat-x;
} .blog_taml #sidebar { width: 16%;
margin-top: 15px;
margin-bottom: 40px;
}
aside#sidebar .widgetBlog .w-title {
color: #36709f;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
padding-left: 45px;
padding-top: 8px;
padding-bottom: 8px;
background: url(/wp-content/themes/Glazok/images/views-widg.jpg) no-repeat 7px 2px;
font-weight: bold;
}
#sidebar .widgetBlog {
margin-bottom: 45px;
}
aside#sidebar .widgetBlog li a {
display: block;
color: #1e120d;
padding: 5px 15px;
font-size: 15px;
line-height: 20px;
border-bottom: 1px solid #aaaaaa; }
aside#sidebar .widgetBlog li:hover a,
aside#sidebar .widgetBlog li.current-menu-item a {
background: url(/wp-content/themes/Glazok/images/menu-li-h.png) repeat-x;
color: #fff;
border-bottom: 1px solid #F0F0F0;
margin-right: 0px;
position: relative;
text-decoration: none;
margin-right: 12px;
}
aside#sidebar .widgetBlog li:last-child a {
border: 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;
}
.contacts .floatLeft {
float: left;
width: 600px;
}
.contacts .floatLeft .box {
margin-bottom: 25px;
overflow: hidden;
}
.contacts .floatLeft .box .title-box {
width: 238px;
float: left;
background: url(/wp-content/themes/Glazok/images/buttom-cont.png);
color: #fff;
padding: 10px 20px;
position: relative;
font-size: 18px;
line-height: 19px;
}
.contacts .floatLeft .box .boxtext {
border: 2px solid #568DB9;
background: #fff; width: 260px;
float: right;
padding: 20px 20px 20px 30px;
}
.contacts .floatLeft .box .boxtext .bocont {
font-size: 18px;
line-height: 24px;
padding-left: 37px;
margin-top: 10px;
margin-bottom: 5px;
}
.contacts .floatLeft .box .title-box:after {
content: "";
display: block;
position: absolute;
width: 12px;
height: 16px;
right: -12px;
top: 11px;
left: auto;
}
.contacts .floatLeft .box .boxtext .it1 {
background: url(/wp-content/themes/Glazok/images/mail.svg) no-repeat;
background-size: 23px 23px;
}
.contacts .floatLeft .box .boxtext .it2 {
background: url(/wp-content/themes/Glazok/images/phone_icon.svg) no-repeat;
background-size: 23px 23px;
}
.contacts .floatLeft .box .boxtext .it3 {
background: url(/wp-content/themes/Glazok/images/icons-cont.jpg) no-repeat 0px -92px;
}
.contacts .floatLeft .box .boxtext .it4 {
background: url(/wp-content/themes/Glazok/images/icons-cont.jpg) no-repeat 0px -123px;
}
.contacts_social {
margin-top: 15px;
}
.contacts .floatRight {
border: 2px solid #568DB9;
background: #fff; width: 45%;
float: right;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;
}
.contacts .floatRight .title-form {
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
text-align: center;
color: #5288B4;
font-family: 'Robotomedium';
padding-bottom: 5px;
margin-bottom: 10px;
display: inline-block;
border-bottom: 1px solid #B0A9A9;
}
.input-boxs {
text-align: left;
margin-top: 24px;
}
.map {
margin-bottom: 50px;
margin-top: 30px;
}
.input-boxs .input {
float: left;
margin-bottom: 22px;
}
.input-boxs .input input {
background: #d6e5f0;
border: none;
height: 20px;
padding: 12px;
width: 206px;
border-radius: 8px;
font-style: italic;
}
.input-boxs .text {
float: right;
width: 230px;
font-size: 14px;
line-height: 15px;
}
.input-boxs .textarea {
width: 490px;
}
.input-boxs .textarea textarea {
background: #d6e5f0;
border: none;
height: 20px;
padding: 12px;
width: 466px;
height: 150px;
border-radius: 8px;
font-style: italic;
}
.input-boxs .submit {
text-align: center;
}
.input-boxs .submit input {
width: 234px;
background: url(/wp-content/themes/Glazok/images/buttom-cont.png);
color: #fff;
padding: 10px 20px;
position: relative;
font-size: 18px;
line-height: 19px;
border: 0;
text-align: center;
margin-top: 24px;
text-transform: uppercase;
}
.input-boxs .input.right {
float: right;
}
.widthC.page_taml.podcluch { width: 90%;
}    .page_taml.podcluch #sidebar .widget-cl {
margin-bottom: 45px;
}
.page_taml.podcluch #sidebar .widget-cl .w-title {
color: #36709f;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
padding-left: 45px;
padding-top: 8px;
padding-bottom: 8px;
background: url(/wp-content/themes/Glazok/images/views-widg.jpg) no-repeat 7px 2px;
font-weight: bold;
}
.page_taml.podcluch #sidebar .widget-cl li {
background: url(/wp-content/themes/Glazok/images/linr-li-side.png) no-repeat 15px bottom;
}
.page_taml.podcluch #sidebar .widget-cl li a {
display: block;
color: #000;
font-weight: bold;
font-size: 18px;
line-height: 20px;
padding-left: 45px;
padding-top: 8px;
padding-bottom: 8px;
}
.page_taml.podcluch #sidebar .widget-cl li:last-child {
background: 0;
}
.page_taml.podcluch #sidebar .widget-cl li:hover,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item {
background: url(/wp-content/themes/Glazok/images/menu-li-h.png) repeat-x;
position: relative;
}
.page_taml.podcluch #sidebar .widget-cl li:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item a {
color: #fff;
text-decoration: none;
}
.page_taml.podcluch #sidebar .widget-cl li:hover a:after,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item a:after {
content: "";
display: block;
position: absolute;
width: 12px;
height: 16px;
right: -12px;
top: 10px;
left: auto;
}
.page_taml.podcluch #sidebar .widget-cl li.item1 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers.png);
background-position: 3px 1px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item2 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers.png);
background-position: 3px -44px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item3 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers.png);
background-position: 3px -93px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item4 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers.png);
background-position: 3px -141px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item5 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers.png);
background-position: 3px -188px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item1:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item1 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item2:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item2 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item3:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item3 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item4:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item4 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item5:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item5 a {
background-image: url(/wp-content/themes/Glazok/images/icons-camers-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item6 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile.png);
background-position: 3px 1px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item7 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile.png);
background-position: 3px -49px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item8 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile.png);
background-position: 3px -98px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item9 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile.png);
background-position: 1px -147px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item6:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item6 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item7:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item7 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item8:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item8 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item9:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item9 a {
background-image: url(/wp-content/themes/Glazok/images/icons-mobile-h.png);
}
.page_taml.podcluch #sidebar .widget-cl li.item10 a {
background-image: url(/wp-content/themes/Glazok/images/icons-rem.png);
background-position: 7px 4px;
background-repeat: no-repeat;
}
.page_taml.podcluch #sidebar .widget-cl li.item10:hover a,
.page_taml.podcluch #sidebar .widget-cl li.current-menu-item.item10 a {
background-image: url(/wp-content/themes/Glazok/images/icons-rem-h.png);
}
.widthC.page_taml.podcluch h1 {
font-size: 26px;
line-height: 36px;
font-weight: normal;
color: #306998;
text-align: center;
}
.widthC.page_taml.podcluch h2 {
font-size: 18px;
line-height: 26px;
font-weight: normal;
color: #306998;
}
section.middle_wrap .post .title-post:hover {
text-decoration: none;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
input.wpcf7-not-valid {
background: #FCD2D2 !important;
}
section.middle_wrap .post ul {
margin-left: 30px;
}
section.middle_wrap .post ul li {
list-style-type: disc;
margin: 5px 0px;
}
section.middle_wrap .post ol {
margin-left: 30px;
}
section.middle_wrap .post ol li {
list-style-type: decimal;
margin: 5px 0px;
}
.button {
background: #fff;
padding-top: 20px;
padding-bottom: 18px;
}
.button a {
text-indent: -2700px;
display: block;
width: 191px;
height: 48px;
margin: auto;
background: url(/wp-content/themes/Glazok/images/green-button.jpg) no-repeat center top;
}
.all-button {
padding-bottom: 40px;
width: auto;
margin: auto;
margin-top: 30px;
}
.all-button .button {
display: block;
float: left;
background: transparent;
}
.all-button .button a {
width: 176px;
height: 39px;
background: url(/wp-content/themes/Glazok/images/dowl-price.jpg) no-repeat center top;
}
.all-button .button.yellow a {
width: 339px;
text-indent: -2700px;
background: url(/wp-content/themes/Glazok/images/order-qiwi.jpg) no-repeat center top;
}
.all-button .button.yellow {
float: left;
}
.bg-brs .widthC {
position: relative;
}
.bg-brs .search-box {
position: absolute;
left: auto;
right: 0px;
top: 0px;
}
.bg-brs .search-box input#s {
float: left;
width: 139px;
height: 18px;
padding: 9px 10px 9px 11px;
border: 0;
font-style: italic;
text-decoration: underline;
background: url(/wp-content/themes/Glazok/images/search-input.png) no-repeat center left;
color: #fff;
text-decoration: none;
}
.bg-brs .search-box input#searchsubmit {
float: right;
background: url(/wp-content/themes/Glazok/images/search-submit.png) no-repeat center center;
width: 22px;
height: 22px;
margin-top: 7px;
border: 0;
}
section.middle_wrap.catalog.search .text-post {
width: auto;
}
.error-search {
text-align: center;
font-size: 48px;
padding: 200px 0;
}
#searchform {
display: flex;
align-items: center;
}
.burger-top__items #searchform {
margin-left: 20px;
}
.headerTop.fixedBlock.header-fixed .logout.right #searchform {
display: none;
}
.search-container {
display: flex;
align-items: center;
position: relative;
}
#s {
flex-grow: 1;
border: 1px solid #ccc;
padding: 8px 36px 8px 8px;
border-radius: 4px;
}
#searchsubmit {
background: none;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
width: 36px;
height: 100%;
position: absolute;
right: 0px;
}
#searchsubmit .circle {
background-color: transparent;
border: 1px solid #505050;
border-radius: 50%;
position: absolute;
width: 14px;
height: 14px;
top: 7px;
left: 50%;
transform: translateX(-50%);
}
#searchsubmit .stick {
position: absolute;
width: 1px; height: 7px; background-color: #505050;
transform: rotate(-45deg);
bottom: 10px;
right: 9px;
}
.all-button .button.blue-ni {
float: left;
}
.all-button .button {
margin: 0px 8px;
}
.all-button .button.blue-ni a {
width: 242px;
background: url(/wp-content/themes/Glazok/images/blue-button.png) no-repeat center top;
}
.camvideo-box {
display: none;
position: fixed;
left: 0px;
right: 0px;
top: 30px;
margin: auto;
z-index: 50;
width: 800px;
}
.bgfix {
display: none;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.45);
height: 100%;
width: 100%;
}
span.boxtextcam {
float: left;
background: #f0f0f0;
text-align: center;
padding: 8px 20px 8px 20px;
border-radius: 10px;
color: #000;
text-transform: uppercase;
margin-top: 7px;
}
a.camvideo {
width: 198px;
color: #fff;
background: url(/wp-content/themes/Glazok/images/buttom-zak.png) repeat-x;
text-align: center;
padding: 8px 0px;
border-radius: 10px;
margin: auto; display: block;
font-size: 18px;
line-height: 20px;
}
.camvideo-box .close {
position: absolute;
left: -5px;
top: -5px;
width: 20px;
height: 20px;
z-index: 55;
background: #fff;
cursor: pointer;
}
.camvideo-box .close:after {
content: "x";
position: absolute;
left: 7px;
right: 0px;
font-weight: bold;
}
.table-view {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas:
"col-1 col-2 col-3 col-4"
;
font-size: 12px;
}
.table-view__col-1 {
grid-area: col-1;
}
.table-view__col-2 {
grid-area: col-2;
}
.table-view__col-3 {
grid-area: col-3;
}
.table-view__col-4 {
grid-area: col-4;
}
.tarify-dropdownlist {
height: 40px;
width: 288px;
margin: 10px auto auto; background: #DAE5EF;
border: 0px;
border-radius: 10px;
font-family: Roboto;
font-size: 18px;
line-height: 20px;
display: none;
}
.callback-form-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
border-radius: 12px;
background: #F6F7F8;
padding: 52px;
}
.callback-form-wrapper__title {
text-align: center;
font-family: Robotomedium;
margin-right: 15px;
font-size: 32px;
margin-bottom: 20px;
}
.callback-form-wrapper h1 {
text-align: center;
}
.callback-form-wrapper p {
font-size: 16px;
line-height: 24px;
text-align: center;
color: #666666;
}
.callback-form {
display: flex;
justify-content: center;
margin-top: 12px;
}
.callback-form-btn {
display: flex;
justify-content: center;
}
@media (max-width: 1400px) {
.about-service__btn1 a,
.about-service__btn2 a {
width: 200px;
} .logout.right .logout__phone,
.logout.right .logout__email,
.headerTop.header-fixed .logout.right .logout__phone,
.headerTop.header-fixed .logout.right .logout__email {
display: none;
}
.logout.right #searchform {
width: 180px;
}
.logout.right #searchform .search-container {
width: 100%;
}
.logout.right #searchform .search-container #s {
width: 100%;
}
.topmenu {
column-gap: 26px;
}
.headerTop.header-fixed .logout {
display: block;
}
}
@media (max-width: 1270px) {
.logout.right #searchform {
display: none;
}
}
@media (max-width: 1290px) {
.business-page {
grid-template-columns: auto;
grid-template-areas:
"business-page__sidebar"
"business-page__first-banner"
"business-page__what-for"
"business-page__advantages"
"business-page__price"
"business-page__second-banner"
"business-page__video"
"business-page__case-studies" "business-page__faq"
"business-page__callback-form"
"business-page__conclusion";
padding-bottom: 42px;
grid-row-gap:40px
}
.sidebar-menu__menu-left_display {
display: none;
}
.sidebar-menu select {
display: block;
} .business-page__case-studies {
max-width: 1250px;
}
.case-studies__slider__item {
grid-template-columns: 400px auto;
max-width: 1250px;
justify-content: inherit;
}
.nfaq__title,
.case-studies__title,
.price-3items__title,
.what-for__title,
.business-page-content__title{
margin-bottom: 15px;
}
}
@media (max-width: 1200px) {
.seo-text {
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"seo_text_header"
"seo_text_summary"
"seo_text_toggle"
"seo_text_skipped_col_1"
"seo_text_skipped_col_2"
;
justify-content: center;
text-align: center; }
.seo-text__header {
font: 600 28px/36px 'Roboto';
}
.seo-text__summary {
font: 100 23px/29px 'Roboto';
}
.seo-text__pic {
display: none;
}
.seo-text__skipped-col-1,
.seo-text__skipped-col-2 {
margin-top: 25px;
font: 100 23px/29px 'Roboto';
}
.seo-text__toggle {
font-size: 23px;
line-height: 29px;
}
.seo-text__skipped-col-2 ul {
font: 100 23px/29px 'Roboto';
}
.menu-resheniya-dlya-biznesa-container,
.menu-vozmozhnosti-container,
.menu-videoanalitika-container,
.menu-podklyuchi-container,
.menu-oplata-container,
.menu-smotri-na-container,
.menu-nash-blog-container,
.menu-katalog-kamer-container,
.w-title,
.menu-tarify-container {
display: none;
}
.tarify-dropdownlist {
display: flex;
}
.single-post {
padding: 20px;
}
.tarify {
padding: 30px;  }
.headerTop nav.top {
font-size: 16px;
}
.show2 {
position: static;
}
.about-service {
display: grid;
grid-template-columns: 1fr 4fr;
grid-template-areas:
"about-service__aside-bar about-service__aside-bar"
"about-service__header about-service__header"
"about-service__btn1 about-service__btn2"
"about-service__txt about-service__txt";
}
.about-service__header {
padding: 0 40px;
}
.about-service .about-service__aside-bar #sidebar {
position: relative;
width: 300px;
margin-left: 35px;
}
.about-service__btn1,
.about-service__btn2 {
margin-left: 35px;
font-size: 16px;
}
.middle_wrap.right.special-pages.about-service__txt {
margin-top: auto;
}
section.middle_wrap .post .post-10-cells .post-10-cells__desc ul li {
line-height: 19px;
}
}
.burger-menu__adaptive {
font-family: 'Robotomedium';
font-size: 18px;
font-weight: 500;
}
.burger-menu__adaptive a {
color: #000;
}
.top-topmenu-items__burger {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #6666;
}
@media (max-width: 1200px) {
.post-four-cells {
grid-template-columns: 1fr 2fr;
grid-template-areas:
"post-four-cells__cell1 post-four-cells__cell2"
"post-four-cells__cell1 post-four-cells__cell3"
"post-four-cells__cell4 post-four-cells__cell4";
}
.tarif-details__desc-block {
grid-template-columns: 1fr 2fr;
grid-template-areas:
"tarif-details__desc-block__name tarif-details__desc-block__desc1"
"tarif-details__desc-block__name tarif-details__desc-block__desc2"
;
}
.topmenu {
grid-template-columns: auto 2fr auto;
grid-template-areas:
'logo topmenu logout';
}
.top-topmenu {
font-size: 13px;
}
}
@media (max-width: 992px) {
.top-topmenu {
font-size: 12px;
grid-template-columns: 2fr 1fr;
}
.top-topmenu__items {
gap: 24px;
}
.topmenu {
margin: 20px 20px;
column-gap: 32px;
grid-template-columns: auto 1fr auto;
grid-template-areas:
'logo topmenu logout';
}
.headerTop nav.top {
font-size: 15px;
}
.logout span {
display: none;
}
.advantages-subtitle {
max-width: 664px;
}
}
@media (min-width: 769px) and (max-width: 900px) {
section.middle_wrap.catalog .widthC {
width: 760px;
}
}
@media (max-width: 768px) {
.top-topmenu {
display: none;
}
.topmenu {
grid-template-columns: 1fr 40px 40px 40px;
grid-template-areas:
'logo call__to_us logout burger_top';
}
.headerTop .logout img {
height: 27.5px;
width: 22.5px;
}
.burger-top {
display: block;
grid-area: burger_top;
width: 100%;
background-color: #fff;
position: absolute;
color: black;
height: 40px;
right: 0px;
}
#burger__shower {
display: none;
}
.bm-bgc {
background-color: white;
}
.burger-top label {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
cursor: pointer;
z-index: 9;
line-height: 40px;
}
.burger__menu_line {
position: absolute;
top: 9px;
right: 20px;
width: 35px;
height: 2px;
border-radius: 12px;
background-color: #000;
}
.first {
width: 35px;
}
.second,
.third {
top: 17px;
width: 30px;
}
.fourth {
top: 25px;
width: 25px;
}
.burger-top__items {
display: block;
position: absolute;
width: 100%;
bottom: 4px;
left: 0;
transform: translateY(103%);
max-height: 0px;
font-size: 0;
overflow: hidden;
transition: .5s all;
}
.burger-top__items a {
display: block;
width: 100%;
text-decoration: none;
border-top: 1px solid rgba(255, 255, 255, .3);
background-color: #fff;
}
.burger-menu__adaptive a,
.top-topmenu-items__burger a {
padding: 10px 0px 10px 20px;
}
.burger-contacts {
padding: 12px 0px 0px 0px;
}
.burger-contacts a {
padding: 0px 0px 0px 20px;
}
#burger__shower {
display: none;
}
#burger__shower:checked~.burger-top__items {
padding: 32px 0px 0px 0px;
position: absolute;
max-height: 600px;
font-size: 15px;
z-index: 2;
background-color: #fff;
}
#burger__shower:checked~.first {
display: none;
}
#burger__shower:checked~.second {
transform: rotate(45deg);
}
#burger__shower:checked~.third {
transform: rotate(-45deg);
}
#burger__shower:checked~.fourth {
display: none;
}
.blog_taml .middle_wrap .post.announcement {
grid-template-columns: 1fr;
grid-template-areas:
'post-title'
'img-post'
'text-post'
'more-post';
}
.post-10-cells {
grid-template-columns: 1fr 1fr;
grid-template-areas:
"post-10-cells__header post-10-cells__header"
"post-10-cells__cell1 post-10-cells__cell2"
"post-10-cells__cell3 post-10-cells__cell4"
"post-10-cells__cell5 post-10-cells__cell6"
"post-10-cells__cell7 post-10-cells__cell8"
"post-10-cells__cell9 post-10-cells__cell10"
"post-10-cells__cell11 post-10-cells__cell12"
"post-10-cells__cell13 post-10-cells__cell14"
"post-10-cells__cell15 post-10-cells__cell16"
"post-10-cells__cell17 post-10-cells__cell18"
;
}
.headerTop .burger-top__items ul.sub-menu {
display: none;
}
.sidebar-menu select {
max-width: 250px;
}
.connect-price-banner {
gap: 0;
grid-template-areas:
"connect-price-banner__texts"
"connect-price-banner__image";
grid-template-columns: minmax(200px, 768px);
height: inherit;
padding-bottom: 32px;
grid-row-gap: 20px;
}
.connect-price-banner__texts {
max-width: max-content;
padding: 0 20px;
margin-right: 0;
order: 1;
}
.connect-price-banner__texts__description {
font-size: 14px;
margin-bottom: 36px;
}
.connect-price-banner__texts__wrap-buttons {
grid-template-columns: auto;
text-align: center;
grid-template-columns: 1fr;
grid-template-areas:
"connect-price-banner__texts__wrap-buttons__connect-button"
"connect-price-banner__texts__wrap-buttons__price-button";
}  .app-banner__bundle {
margin-right: 0;
}
.app-banner__bundle__app-link__img {
width: 52px;
}  .case-studies__slider__item {
grid-template-columns: auto;
justify-content: inherit;
}
.case-studies__slider__item__text { padding: 20px 32px 0px 32px;
}  .app-banner__bundle__app-link__img {
width: 52px;
} .app-banner {
margin: inherit;
text-align: left;
max-width: 100%;
}
.app-banner__img {
margin: inherit;
}
.app-banner__bundle__app-link {
margin-right: 10px;
}
}
@media (min-width: 601px) and (max-width: 700px) {
.post-four-cells {
grid-template-columns: 1fr 2fr;
grid-column-gap: 25px;
grid-template-areas:
"post-four-cells__cell1 post-four-cells__cell2"
"post-four-cells__cell4 post-four-cells__cell4"
"post-four-cells__cell3 post-four-cells__cell3"
;
}
.tarify-advantages {
grid-template-columns: 1fr 4fr 1fr 4fr;
grid-template-areas:
"tarify-advantages__header tarify-advantages__header tarify-advantages__header tarify-advantages__header"
"tarify-advantages__cell1 tarify-advantages__cell2 tarify-advantages__cell3 tarify-advantages__cell4" "tarify-advantages__cell5 tarify-advantages__cell6 tarify-advantages__cell7 tarify-advantages__cell8" "tarify-advantages__cell9 tarify-advantages__cell10 tarify-advantages__cell11 tarify-advantages__cell12"
"tarify-advantages__cell13 tarify-advantages__cell14 tarify-advantages__cell15 tarify-advantages__cell16"
;
}
.top-topmenu {
width: 600px;
}
.top-topmenu__right__schedule {
display: none;
}
}
@media (max-width: 700px) {
.img-n-column {
grid-template-columns: 1fr;
grid-template-areas:
"img-n-column__img"
"img-n-column__header"
;
}
.img-n-column__header {
padding-left: 0;
}
}
@media (max-width: 600px) {
.post-four-cells {
grid-template-columns: 1fr;
padding-top: 0px;
grid-template-areas:
"post-four-cells__cell1"
"post-four-cells__cell2"
"post-four-cells__cell3"
"post-four-cells__cell4"
;
}
.tarify-advantages {
grid-template-columns: 1fr 6fr;
grid-template-areas:
"tarify-advantages__header tarify-advantages__header"
"tarify-advantages__cell1 tarify-advantages__cell2"
"tarify-advantages__cell3 tarify-advantages__cell4"
"tarify-advantages__cell5 tarify-advantages__cell6"
"tarify-advantages__cell7 tarify-advantages__cell8"
"tarify-advantages__cell9 tarify-advantages__cell10"
"tarify-advantages__cell11 tarify-advantages__cell12"
"tarify-advantages__cell13 tarify-advantages__cell14"
"tarify-advantages__cell15 tarify-advantages__cell16"
;
}
.tarif-details__desc-block {
grid-template-columns: 1fr;
grid-template-areas:
"tarif-details__desc-block__name"
"tarif-details__desc-block__desc1"
"tarif-details__desc-block__desc2"
;
padding-top: 0px;
}
.tarif-details {
grid-template-columns: 1fr;
grid-template-areas:
"tarif-details__desc-block"
"tarif-details__functions-header"
"tarif-details__functions-desc1"
"tarif-details__functions-desc2"
"tarif-details__abilities-header"
"tarif-details__abilities-desc1"
"tarif-details__abilities-desc2"
"tarif-details__others-desc1"
"tarif-details__others-desc2"
"tarif-details__button-block"
;
padding-top: 0px;
}
.table-view {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"col-1 col-2"
"col-3 col-4"
;
font-size: 12px;
}
.top-topmenu {
width: 500px;
}
.top-topmenu__right__schedule {
display: none;
}
.product-card {
grid-template-columns: 1fr;
grid-template-areas:
'product-img'
'product-specs';
}
.product-specs {
margin: 10px;
}
.callback-form-wrapper__title {
line-height: 40px;
}
.callback-form-wrapper {
padding: 10px;
}
}
@media (max-width: 500px) {
.connect-price-banner {
height: 720px;
grid-template-rows: 360px auto;
grid-gap: 0px;
}
.post-10-cells {
grid-template-columns: 1fr;
grid-template-areas:
"post-10-cells__header"
"post-10-cells__cell1"
"post-10-cells__cell2"
"post-10-cells__cell3"
"post-10-cells__cell4"
"post-10-cells__cell5"
"post-10-cells__cell6"
"post-10-cells__cell7"
"post-10-cells__cell8"
"post-10-cells__cell9"
"post-10-cells__cell10"
"post-10-cells__cell11"
"post-10-cells__cell12"
"post-10-cells__cell13"
"post-10-cells__cell14"
"post-10-cells__cell15"
"post-10-cells__cell16"
"post-10-cells__cell17"
"post-10-cells__cell18"
;
}
.post-two-columns {
grid-template-columns: 1fr;
grid-template-areas:
"post-two-columns__header1"
"post-two-columns__first-column"
"post-two-columns__header2"
"post-two-columns__second-column"
;
}
.post-header-two-columns {
grid-template-columns: 1fr;
grid-template-areas:
"post-header-two-columns__header"
"post-header-two-columns__first-column"
"post-header-two-columns__second-column"
;
}
.tarify {
padding: 10px 30px;
}
.tarif-details {
padding-left: 0px;
padding-right: 0px;
}
.tarif-details__desc-block {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.top-topmenu {
width: 320px;
margin-left: 5px;
grid-template-columns: 1fr;
}
.top-topmenu__right {
display: none;
}
.topmenu {
margin: 20px 20px;
grid-template-columns: 1fr 20px 20px 20px;
grid-template-areas:
'logo call__to_us logout burger_top';
column-gap: 28px;
}
.headerTop .logout img {
width: 13.5px;
top: -1px;
right: 1.25px;
}
.headerTop .logo img {
width: 100px;
height: 24px;
}
.burger-top__items {
transform: translateY(101%);
}
.img-n-column {
margin-bottom: 10px;
}
.img-n-column__header {
font-size: 20px;
line-height: 30px;
}
.about-service .about-service__aside-bar #sidebar {
width: 280px;
margin-left: 25px;
}
.tarify-dropdownlist {
width: 250px;
}
.about-service__header {
font-size: 25px;
margin: 10px auto 0px;
}
.about-service__btn1 {
margin: 0px auto 5px 40px;
}
.about-service__btn2 {
margin: 0px auto 10px 10px;
}
.about-service__btn1 a,
.about-service__btn2 a {
margin-bottom: 5px;
width: 120px;
height: 35px;
}
.burger__menu_line {
top: 8px;
}
.first {
width: 20px;
}
.second,
.third {
top: 13px;
width: 18px;
}
.fourth {
top: 18px;
width: 12px;
}
.box-foot {
margin: 52px 0px 0px 20px;
}
.info-foot {
margin: 42px 20px 0;
} .privacy {
margin: 31px 0px 52px 20px;
}
} .box-bg1 {
width: 100%; background: #fff;
} .tarify__tabs-title {
font-family: 'Robotomedium';
font-size: 32px;
line-height: 40px;
padding: 0px 0px 32px 0px;
}
.tabs__nav {
display: flex;
overflow: auto;
white-space: nowrap;
}
.tabs__nav span {
padding-top: 13px;
}
.tabs__nav-btn {
padding: 10px 20px;
margin-left: 20px;
font-size: 16px;
background-color: #ECF5FE;
border: 0;
border-radius: 30px;
border-right: 1px solid #ddd;
cursor: pointer;
}
.tabs__nav-btn:last-child {
border-right: none;
}
.tabs__nav-btn:hover {
background-color: #ddd;
}
.tabs__nav-btn.active {
background-color: #1073CF;
border-right-color: #1073CF;
color: #fff;
}
.tabs__nav-btn.active .zapis-hranenie__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/zapis-hranenie.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tabs__nav-btn.active .raspoznavanie-lic__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/raspoznavanie-lic_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tabs__nav-btn.active .detector-ocheredei__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/detector-ocheredei_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tabs__nav-btn.active .tarif-online__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/tarif-online_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tabs__nav-btn.active .teploviye-cart__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/teplov-cart-white-new.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 1px;
}
.tabs__content {
padding-top: 52px;
background-color: #fff;
display: flex;
overflow: auto;
white-space: nowrap;
}
.tabs__content a {
text-decoration: none;
}
@media(max-width: 1200px) {
.tarify__tabs {
padding: 0 0 0 20px;
}
.tabs__nav {
max-width: 860px;
}
}
.tabs__item {
display: none;
white-space: normal;
}
.tabs__item.active {
display: flex;
gap: 32px;
} .tarif-tab__white {
box-sizing: border-box; display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
gap: 24px;
width: 292px;
height: 512px; background: #ffff; border: 1px solid #D2D8DB;
border-radius: 12px;
}
.tarif-tab__black {
box-sizing: border-box; color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
gap: 24px;
width: 292px;
height: 512px; background: #000; border: 1px solid #D2D8DB;
border-radius: 12px;
}
.tarif-tab__black span {
font-family: 'Robotomedium';
font-size: 14px;
background: linear-gradient(90deg, #C9F484 0%, #00D1FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.tarif-tab__title {
font-family: 'Robotomedium';
font-size: 24px;
line-height: 28px;
}
.tarif-tab__description {
height: 240px;
font-size: 14px;
}
.tarif-tab__description li {
margin-bottom: 20px;
}
.tarif-tab__description p {
font-size: 12px;
color: #666;
padding-left: 28px;
padding-bottom: 0px;
}
.tarif-tab__black .tarif-tab__description p {
font-size: 12px;
color: #999;
padding-left: 28px;
padding-top: 4px;
}
.tarif-tab__price {
font-family: 'Robotomedium';
font-size: 20px;
line-height: 24px;
}
.tarif-tab__button {
color: #fff;
padding: 16px 66.5px;
text-decoration: none; background: #1073CF; border: 1px solid #1073CF;
border-radius: 8px;
}
.tarif-tab__button:hover {
background: #1E90FF;
}
.tarif-tab__button:active {
background: #54aaff;
}
.tarif-tab__about {
margin: auto;
font-size: 14px;
line-height: 20px;
}
.tarif-tab__about:hover {
text-decoration: underline;
}
.zapis-hranenie__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/zapis-hranenine_black.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.poisk-zapis__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/poisk-zapis.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.raspoznavanie-lic__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/raspoznavanie-lic.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.detector-ocheredei__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/detector-ocheredei.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tarif-online__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/tarif-online.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.dnei-hranenie__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/dnei-hranenie.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 0.5px;
}
.reports-icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/reports-icon.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 0.5px;
}
.teploviye-cart__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/teplov-cart-new.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 0.5px;
}
.tarif-tab__black .tarif-tab__about {
color: #fff;
}
.tarif-tab__black .tarif-tab__description .zapis-hranenie__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/zapis-hranenie.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tarif-tab__black .tarif-tab__description .poisk-zapis__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/poisk-zapis_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tarif-tab__black .dnei-hranenie__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/dnei-hranenie_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 0.5px;
}
.tarif-tab__black .raspoznavanie-lic__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/raspoznavanie-lic_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tarif-tab__black .detector-ocheredei__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/detector-ocheredei_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}
.tarif-tab__black .tarif-online__icon:before {
content: url(/wp-content/themes/Glazok/images/tarif-tab-icons/tarif-online_white.svg);
position: relative;
padding-right: 8.21px;
right: 0px;
top: 5px;
}  .device-access {
position: relative;
}
.device-access img {
width: 100%;
}
.device-access__text {
display: grid;
position: absolute;
font-size: 16px;
max-width: 508px;
top: 84px;
left: 108px;
gap: 32px;
}
.device-access__text .tarif-tab__button {
padding: 21px 51.5px;
width: 154px;
}
.device-access_image {
display: none;
}
.device-access_title {
font-family: "Robotomedium";
font-size: 32px;
line-height: 40px;
}
.device-access_platforms {
display: flex;
gap: 20px;
margin-top: 20px;
}
.device-access_platforms a {
width: 80px;
height: 80px;
}
@media(max-width: 1200px) {
.device-access {
margin: 0 20px;
}
.device-access__text {
max-width: 435px;
font-size: 14px;
top: 80px;
left: 100px;
gap: 29px;
}
.device-access_title {
font-size: 30px;
line-height: 39px;
}
.device-access__text .tarif-tab__button {
padding: 16px 42.5px;
width: 135px;
}
.device-access_platforms {
gap: 15px;
margin-top: 10px;
margin-bottom: 84px;
}
.device-access_platforms a {
width: 60px;
height: 60px;
}
}
@media (max-width: 1000px) {
.box-bg3 {
background-color: #F6F7F8;
}
.device-access {
position: unset;
}
.device-access_image {
display: flex;
}
.device-access__text {
display: flex;
position: static;
flex-direction: column;
padding-top: 60px;
margin: auto;
align-items: center;
text-align: center;
}
.device-access__text .tarif-tab__button {
text-align: center;
}
.device-access__back {
display: none;
}
.device-access__text {
max-width: 550px;
}
.device-access__text .tarif-tab__button {
padding: 20px 52px;
width: 336px;
}
.device-access_platforms a {
width: 52px;
height: 52px;
}
.what-for,
.advantages,
.price-3items {
padding-bottom: 25px;
}
.advantages{
grid-row-gap:15px
}
.connect-price-banner__texts {
margin: 40px 0px 40px 40px;
} .app-banner {
margin: 0 auto; gap: 0px; grid-template-areas:
"app-banner__title"
"app-banner__text"
"app-banner__button"
"app-banner__bundle";
grid-template-columns: auto;
height: 450px;
}
.app-banner__img {
display: none;  }
.app-banner__title {
margin: 40px 40px 0px 40px;
}
.app-banner__text {
margin: 0px 40px 0px 40px;
}
.app-banner__button {
margin: 0 auto;
}
.app-banner__bundle {
justify-self: center;
margin: 0;
} .video__rolik__frame {
height: 350px;
}
.case-studies__slider__item {
grid-template-columns: auto;
}
.case-studies__slider__item__text {
min-height: 300px;
}
}
@media(max-width: 768px) {
.device-access_image {
margin-bottom: 34px;
}
.device-access_platforms {
justify-content: center;
}
}
@media(max-width: 376px) {
.device-access__text {
text-align: left;
}
} .service-cases__title {
font-family: Robotomedium;
font-size: 32px;
margin-bottom: 52px;
}
.service-cases__items {
display: flex;
gap: 32px;
overflow-x: auto;
overflow-y: hidden;
}
.case {
width: 292px;
height: auto; }
.case p {
font-size: 16px;
max-width: 268px;
color: #666666; }
.case__title {
margin-bottom: 20px; font-family: Robotomedium;
font-size: 24px;
line-height: 24px;
max-width: 250px;
}
.case img {
width: 292px;
height: 272px;
margin-bottom: 24px;
}
.n1 img {
margin-bottom: 30px;
}
.service-advant {
margin-top: 84px;
}
.service-advant__title {
font-family: Robotomedium;
margin-right: 15px;
font-size: 32px;
margin-bottom: 52px;
}
.callback-form-wrapper .service-advant__title {
text-align: center;
}
.item__title {
font-family: Robotomedium;
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
}
.service-advant__items {
display: grid;
grid-template-columns: 292px 292px 292px 292px;
column-gap: 32px;
overflow: auto;
}
.item { padding: 84px 0 32px; }
.item p {
color: #666;
line-height: 24px;
}
.b1 {
background: url(/wp-content/themes/Glazok/images/camera.svg) no-repeat 33px 40px;
}
.b2 {
background: url(/wp-content/themes/Glazok/images/network.svg) no-repeat 33px 33px;
}
.b3 {
background: url(/wp-content/themes/Glazok/images/wifi-rounded.svg) no-repeat 33px 33px;
}
.b4 {
background: url(/wp-content/themes/Glazok/images/percentage-round.svg) no-repeat 33px 33px;
}
.b5 {
background: url(/wp-content/themes/Glazok/images/eye-alt.svg) no-repeat 33px 33px;
}
.b6 {
background: url(/wp-content/themes/Glazok/images/shield-check.svg) no-repeat 33px 33px;
}
.b7 {
background: url(/wp-content/themes/Glazok/images/cloud-check.svg) no-repeat 33px 33px;
}
.b8 {
background: url(/wp-content/themes/Glazok/images/data-transfer-check.svg) no-repeat 33px 33px;
}
@media (max-width: 1200px) {
.case {
width: 248px;
height: auto;
}
.case img {
width: 248px;
height: 248px;
}
.service-cases,
.service-advant {
padding: 0px 20px;
}
}
@media(max-width: 768px) {
.service-cases {
padding: 0px 0px 0px 20px;
}
.service-cases__title,
.service-advant__title {
line-height: 40px;
}
.service-advant {
padding: 0px 0px 0px 20px;
}
.service-advant__items {
overflow: auto;
grid-template-columns: 248px 248px 248px 248px 248px 248px 248px 248px;
}
.service-advant__items .item {
border: 1px solid #EEF2F4;
border-radius: 12px;
}
} .comparison {
padding-top: 84px;
margin-bottom: 84px;
}
.comparison h1 {
margin-bottom: 52px;
}
.comparison__table {
display: grid;
background-color: #fff;
border-radius: 8px;
}
.comparison__table .table__items {
display: grid;
font-family: "Robotomedium";
grid-template-columns: minmax(100px, 1fr) 400px 400px;
border-bottom: 1px solid #EEF2F4;
gap: 32px;
}
.comparison__table .table-1 {
font-size: 20px;
}
.table__items .table_item {
padding: 20px;
}
.table__items .th2,
.th3 {
text-align: center;
position: relative;
}
.table__items .th2:before {
content: url(/wp-content/themes/Glazok/images/cloud-storage.svg);
position: absolute;
left: 49px;
top: 17px;
}
.table__items .th3:before {
content: url(/wp-content/themes/Glazok/images/server.svg);
position: absolute;
left: 69px;
top: 17px;
}
.table__items .item_accept {
background: url(/wp-content/themes/Glazok/images/comp-accept.svg) no-repeat center center;
}
.table__items .item_decline {
background: url(/wp-content/themes/Glazok/images/comp-decline.svg) no-repeat center center;
}
.table__items .item_accept p {
display: none;
}
.table__items .item_decline p {
display: none;
}
@media (max-width: 1200px) {
.comparison {
margin-left: 20px;
margin-right: 20px;
}
.callback-form-wrapper .service-advant__title {
padding: 0 20px;
}
.comparison__table .table__items {
grid-template-columns: minmax(100px, 1fr) 300px 300px;
gap: 25px;
}
.table__items .th2:before {
left: 0px;
top: 17px;
}
.table__items .th3:before {
left: 16px;
top: 17px;
}
}
@media (max-width: 960px) {
.comparison__table {
font-size: 14px;
}
.comparison__table .table__items {
grid-template-columns: minmax(100px, 1fr) 250px 250px;
gap: 10px;
}
.comparison__table .table-1 {
font-size: 15px;
}
.table__items .th2:before {
left: 7px;
top: 17px;
}
.table__items .th3:before {
left: 20px;
top: 17px;
}
.connect-price-banner__texts {
margin: 20px 20px 20px 20px;
}
.connect-price-banner__texts__title {
font-size: 32px;
line-height: 40px;
margin-bottom: 20px;
} }
@media(max-width: 768px) {
.comparison__table .table-1 {
display: none;
}
.table__items .item_accept p {
display: block;
padding: 0px 0px 0px 35px;
font-family: "Roboto";
}
.table__items .item_decline p {
display: block;
padding: 0px 0px 0px 35px;
font-family: "Roboto";
}
.comparison__table .table__items {
grid-template-columns: minmax(100px, 1fr);
border-bottom: 10px solid #f6f7f8;
gap: 0px;
}
.comparison__table .table-5 {
border-bottom: 0px solid #f6f7f8;
}
.table__items .table_item {
padding: 12px 20px;
}
.table__items .item_accept {
background: url(/wp-content/themes/Glazok/images/comp-accept.svg) no-repeat 20px;
}
.table__items .item_decline {
background: url(/wp-content/themes/Glazok/images/comp-decline.svg) no-repeat 20px
}
.callback-form {
margin: 12px 20px;
}
} .box-bg1 {
margin-top: 32px;
margin-bottom: 84px;
}
.banner-slider {
max-width: 1264px;
position: relative;
height: 440px;
overflow: hidden;
left: 0px;
top: 0px;
border-radius: 20px;
}
.banner-slider .slick-track {
align-items: flex-start;
gap: 0;
}
.slider__item_button .tarif-tab__button {
padding: 16px 32px;
background: #0078E8;
border: 1px solid #0078E8;
}
.slider__item_text {
max-width: 448px;
padding: 72px 0px 0px 52px;
margin-right: 39px;
grid-area: slideritemtext;
}
.slider__item_image {
grid-area: slideritemimg;
}
.slider__item_title {
font-family: "Robotomedium";
font-size: 40px;
line-height: 48px;
margin-bottom: 24px;
}
.slider__item_description {
line-height: 24px;
margin-bottom: 40px;
}
.banner-slider .slick-arrow {
position: absolute;
top: 84%;
z-index: 10;
font-size: 0;
border: 0;
width: 40px;
height: 40px;
}
.banner-slider .slick-arrow.slick-prev {
right: 7.1%;
}
.banner-slider .slick-arrow.slick-next {
right: 2.5%;
}
.banner-slider .slick-dots {
padding-top: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.banner-slider .slick-dots li {
list-style: none;
margin: 0 10px;
}
.banner-slider .slick-dots button {
font-size: 0;
width: 12px;
height: 4px;
border: 0;
border-radius: 30px;
background-color: #D2D8DB;
}
.banner-slider .slick-dots li.slick-active button {
width: 20px;
background-color: #1073CF;
}
.banner-slider__item {
display: grid;
grid-template-areas:
"slideritemtext slideritemimg";
grid-template-columns: minmax(0, 616px) minmax(0, 616px);
gap: 32px;
width: 100%;
background: linear-gradient(0deg, #F6F7F8, #F6F7F8), url(/wp-content/themes/Glazok/phillip-goldsberry-kwqJwtlb0KU-unsplash.jpg), #14192400;
}
.banner-slider__item img {
max-width: 616px;
height: 440px;
border-radius: 12px;
}
@media (max-width:1200px) {
.banner-slider {
margin: 0 20px;
}
.banner-slider__item {
gap: 0px;
}
.slider__item_text {
padding: 50px 0px 0px 40px;
margin-right: 60px;
}
.slider__item_title {
font-size: 2.2vw;
line-height: 27px;
}
.slider__item_description {
font-size: 1.3vw;
}
.banner-slider__item img {
width: 100%;
height: auto;
}
}
@media (max-width:992px) {
.slider__item_title {
margin-bottom: 24px;
}
.slider__item_text {
padding: 32px 0px 0px 32px;
}
.slider__item_description {
margin-bottom: 40px;
}
.banner-slider .tarif-tab__button {
padding: 14px 50.5px;
}
.headerTop nav.top .sub-menu a {
font-size: 14px;
}
.headerTop nav.top .sub-menu {
min-width: 180px;
}
.advantages-title {
max-width: 664px;
}
}
@media (max-width:768px) {
.box-bg1 {
margin-top: 0px;
}
.banner-slider__item {
grid-template-areas:
"slideritemimg"
"slideritemtext";
grid-template-columns: minmax(200px, 768px);
}
.slider__item_text {
max-width: max-content;
padding: 0 20px;
margin-right: 0;
}
.banner-slider__item img {
justify-self: center; }
.slider__item_title {
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.slider__item_description {
font-size: 14px;
margin-bottom: 36px;
}
.banner-slider__item { justify-items: center;
height: auto;
}
.slider__item_button {
margin-bottom: 48px;
}
.slider__item_button .tarif-tab__button {
display: flex;
justify-content: center;
}
}   .slick-list {
overflow: hidden;
} .slick-track {
display: flex;
align-items: flex-start;
gap: 31px;
} .slick-arrow.slick-disabled {
opacity: 0.5;
}
.slick-arrow.slick-prev {
right: 52px;
background: url(/wp-content/themes/Glazok/images/slider-elements/prev-arrow.svg) 0 0 / 100% no-repeat;
}
.slick-arrow.slick-prev:hover {
background: url(/wp-content/themes/Glazok/images/slider-elements/prev-arrow_a.svg) 0 0 / 100% no-repeat;
}
.slick-arrow.slick-next {
right: 0;
background: url(/wp-content/themes/Glazok/images/slider-elements/next-arrow.svg) 0 0 / 100% no-repeat;
}
.slick-arrow.slick-next:hover {
right: 0;
background: url(/wp-content/themes/Glazok/images/slider-elements/next-arrow_a.svg) 0 0 / 100% no-repeat;
} .our-clients {
position: relative;
margin-bottom: 84px;
}
.slider-clients .slick-arrow {
position: absolute;
top: 2%;
z-index: 10;
font-size: 0;
border: 0;
width: 40px;
height: 40px;
}
.slider-clients .slick-dots {
padding-top: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.slider-clients .slick-dots li {
list-style: none;
margin: 0 10px;
}
.slider-clients .slick-dots button {
font-size: 0;
width: 12px;
height: 4px;
border: 0;
border-radius: 30px;
background-color: #D2D8DB;
}
.slider-clients .slick-dots li.slick-active button {
width: 20px;
background-color: #1073CF;
}
.slider-clients__item {
width: 292px;
}
.slider-clients__item img {
width: 292px;
height: 148px;
border: 1px solid #EEF2F4;
border-radius: 12px;
}
@media (max-width:1200px) {
.our-clients {
margin: 0 0 0 20px;
margin-bottom: 84px;
}
.slider-clients__item {}
.slick-track {
gap: 16px;
}
} .blog-carousel {
position: relative;
}
.blog-carousel .slick-track {
gap: 62px;
}
.blog-carousel h1 {
margin-bottom: 52px;
}
.slider-blog {
margin-bottom: 52px;
}
.slider-blog .slick-arrow {
position: absolute;
top: 2%;
z-index: 10;
font-size: 0;
border: 0;
width: 40px;
height: 40px;
}
.slider-blog .slick-dots {
padding-top: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.slider-blog .slick-dots li {
list-style: none;
margin: 0 10px;
}
.slider-blog .slick-dots button {
font-size: 0;
width: 12px;
height: 4px;
border: 0;
border-radius: 30px;
background-color: #D2D8DB;
}
.slider-blog .slick-dots li.slick-active button {
width: 20px;
background-color: #1073CF;
}
.slider-blog__item {
width: 400px;
}
.slider-blog__item img {
width: 320px;
height: 240px;
border: 1px solid #EEF2F4;
border-radius: 12px;
}
.slider-blog__item span {
max-width: 320px;
margin-top: 24px;
font-family: "Roboto";
color: #000;
font-size: 20px;
display: block;
line-height: 26px;
}
.slider-blog__all {
color: #1073CF;
}
@media(max-width: 1200px) {
.blog-carousel {
margin: 0 0 0 20px;
}
}
@media(max-width: 768px) {
.slider-blog__item {
width: 248px;
}
.slider-blog__item img { width: 100%;
height: 100%;
}
.blog-carousel h1 {
margin-bottom: 96px;
}
.slider-blog__all {
position: absolute;
top: 10%;
}
} .oblako-info__title {
margin-bottom: 52px;
}
.oblako-info__elements {
display: flex;
gap: 32px;
}
.oblako-info__items {
width: 616px;
padding-top: 15px;
}
.spoiler {
margin-bottom: 36px;
}
.spoiler-label {
font-family: 'Robotomedium';
font-size: 16px;
line-height: 24px;
margin-bottom: 38px;
cursor: pointer;
}
.spoiler-label::before {
content: '';
background: url(/wp-content/themes/Glazok/images/arrow-down.svg) 0 0 no-repeat;
display: inline-block;
width: 20px;
height: 8px;
margin-right: 17.25px;
}
.spoiler-checkbox:checked~.spoiler-label {
color: #1073CF;
}
.spoiler-checkbox:checked~.spoiler-label::before {
background: url(/wp-content/themes/Glazok/images/arrow-up.svg) 0 0 no-repeat;
}
.spoiler-checkbox {
display: none;
}
.spoiler-checkbox:checked~.spoiler-content {
max-width: 616px;
display: block;
}
.spoiler-content {
display: none;
padding-top: 28px;
font-size: 14px;
color: #666666;
}
.oblako-info__image {
max-width: 616px;
}
.oblako-info__image img {
max-width: 100%;
border-radius: 20px;
}
@media(max-width: 1200px) {
.oblako-info {
margin: 0px 20px 0px 20px;
}
}
@media(max-width: 768px) {
.oblako-info__image {
display: none;
}
.amoforms-sended-message_wrapper {
bottom: 0 !important;
}
.advantages-subtitle {
max-width: 640px;
}
}
.amoforms-sended-message_wrapper { bottom: 0px !important;
}@media (max-width: 1200px) { .oplata-kartoj .widthC.page_taml section.middle_wrap .post h3 + p {
clear: both;
top: 20px;
position: relative;
}
.oplata-kartoj .page_taml section.middle_wrap .post > h1 ~ p > a, .oplata-kartoj section.middle_wrap .post > h1 ~ p img {
width: 100px;
display: block;
}
.oplata-kartoj .page_taml section.middle_wrap .post em {
display: block;
text-align: center;
line-height: 30px;
}
.oplata-kartoj .floatRight {
height: 780px;
width: 640px !important;
padding: 50px 0 0 !important;
border: 0 !important;
border-bottom: 0 !important;
}
.oplata-kartoj .input-boxs {
padding: 0;
margin: 0;
width: 100%;
}
.oplata-kartoj div.wpcf7 .screen-reader-response + form {
top: 50px;
}
.oplata-kartoj .input-boxs .input, .oplata-kartoj .input-boxs .input span {
width: 100%;
}
.oplata-kartoj .input-boxs .input input {
width: 96%;
margin: auto;
padding: 2%;
}
.oplata-kartoj .input-boxs .submit {
bottom: -150px;
}
}
@media (max-width: 768px) {
.oplata-kartoj .floatRight {
width: 100% !important;
}
.oplata-kartoj .input-boxs .input {
margin-bottom: 40px;
}
}  @media (max-width: 768px) {  .middle_wrap > .post .img-post + .text-post {
float: left;
margin-top: 10px;
margin-bottom: 50px;
}
.middle_wrap > .post > .text-post + a.more-post {
height: auto;
} 
} @media (max-width: 920px) {
#menu-nizhnee-menyu li {
margin-bottom: 20px;
}
ul#menu-nizhnee-menyu {
top: 0;
justify-content: center;
}
}
@media (max-width: 350px) {   .nachalo-raboty-s-glazok h5.title-box-bg + section.right {
margin-top: 0;
}
.nachalo-raboty-s-glazok .page_taml .title-box-bg, 
.rabota-s-lichnym-kabinetom .page_taml .title-box-bg, 
.drugie-voprosy .page_taml .title-box-bg,
.dobavlenie-oborudovaniya-v-camera-server .page_taml .title-box-bg, .programma-camera-server .page_taml .title-box-bg {
position: static;
margin-top: 150px;
}
.rabota-s-lichnym-kabinetom h5.title-box-bg + section.right, .drugie-voprosy h5.title-box-bg + section.right, .dobavlenie-oborudovaniya-v-camera-server h5.title-box-bg + section.right, .programma-camera-server h5.title-box-bg + section.right {
margin-top: 0;
}
.aligncenter, .page_taml section.middle_wrap .post > h1 + p ~ p img {
width: 100%;
height: auto;
}
}
@media (max-width: 240px) {
.rabota-s-lichnym-kabinetom .page_taml .title-box-bg {
position: static;
margin-top: 380px;
}
.rabota-s-lichnym-kabinetom .page_taml .title-box-bg {
position: static;
margin-top: 450px;
}
}
.wp-image-2425, img[alt~=Excel], img[alt~=Microsoft], img[alt~=Office] {
width: 20px !important;
height: 20px;
}
.headerTop, .bg1, .box-bg2, .box-bg3, .box-bg4, .box-bg5, .box-bg6, .box-bg7, footer.box-foot {
min-width: 0;
}