* {font-family: 'Open Sans', sans-serif;border: none;padding: 0;margin: 0;list-style-type:none;text-decoration:none;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}u {text-decoration:underline;}strike{text-decoration: line-through;}
html {font-size:15px;}
body {
  --bg-clr: #fafafa;
  --bg-clr2: #ffffff;
  --text-clr: rgba(0,0,0,0.87);
  --text-clr2: rgba(0,0,0,0.6);
  --brd-clr: rgba(0,0,0,0.12);
  --hover-clr: rgba(0,0,0,.12);
  --app-clr: rgba(0,0,0,0.8);
  --shadow-clr: rgba(0,0,0,.28);
  --text-blue: #1155CC;
  --text-green: #009933;
  --z-lb: #488DA8;
  --z-db: #264796;
  --wb-clr:#000000;
  --clr-5: rgba(0,0,0,0.05);
}
body.darkMode{
  --bg-clr: #121212;
  --bg-clr2: #222222;
  --text-clr: rgba(255,255,255,0.87);
  --text-clr2: rgba(255,255,255,0.6);
  --brd-clr: rgba(255,255,255,0.12);
  --hover-clr: rgba(255,255,255,0.12);
  --app-clr: rgba(255,255,255,0.2);
  --shadow-clr: rgba(0,0,0,1);
  --text-blue: #6e9ff7;
  --text-green: #61a277;
  --z-lb: #488DA8;
  --z-db: #264796;
  --wb-clr:#ffffff;
  --clr-5: rgba(255,255,255,0.05);
}
body.darkMode img, body.darkMode iframe {filter: brightness(.8) contrast(1.2); -webkit-filter: brightness(.8) contrast(1.2);}
body.darkMode .head {background: linear-gradient(to right, #032344, #003c58);}
body {background:var(--bg-clr);padding-bottom:0!important;}

/*@font-face{
    font-family:"Open Sans";font-display: swap;
    src:url('//static.zakon.kz/fonts/open_sans/OpenSans-ExtraBold.woff2') format('woff2');
    font-weight:800;
    font-style:normal
}*/
@font-face{
    font-family:"Open Sans";font-display: swap;
    src:url('//static.zakon.kz/fonts/open_sans/opensans-regular-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('//static.zakon.kz/fonts/open_sans/opensans-regular-webfont.woff2') format('woff2'),url('//static.zakon.kz/fonts/open_sans/opensans-regular-webfont.woff') format('woff'),url('//static.zakon.kz/fonts/open_sans/opensans-regular-webfont.ttf') format('truetype'),url('//static.zakon.kz/fonts/open_sans/opensans-regular-webfont.svg') format('svg');
    font-weight:400;
    font-style:normal
}
/*@font-face{
    font-family:"Open Sans";font-display: swap;
    src:url('//static.zakon.kz/fonts/open_sans/opensans-regular-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('//static.zakon.kz/fonts/open_sans/opensans-italic-webfont.woff2') format('woff2'),url('//static.zakon.kz/fonts/open_sans/opensans-italic-webfont.woff') format('woff'),url('//static.zakon.kz/fonts/open_sans/opensans-italic-webfont.ttf') format('truetype'),url('//static.zakon.kz/fonts/open_sans/opensans-italic-webfont.svg') format('svg');
    font-weight:400;
    font-style:italic
}*/
@font-face{
    font-family:"Open Sans";font-display: swap;
    src:url('//static.zakon.kz/fonts/open_sans/opensans-bold-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('//static.zakon.kz/fonts/open_sans/opensans-bold-webfont.woff2') format('woff2'),url('//static.zakon.kz/fonts/open_sans/opensans-bold-webfont.woff') format('woff'),url('//static.zakon.kz/fonts/open_sans/opensans-bold-webfont.ttf') format('truetype'),url('//static.zakon.kz/fonts/open_sans/opensans-bold-webfont.svg') format('svg');
    font-weight:700;
    font-style:normal
}
.wrap{position:relative;}
.wrap.noscrl{overflow:hidden;height:calc(var(--vh, 1vh) * 100);position:fixed;top:0;left:0;z-index:9999;}
.head {position:relative;z-index:100;background:linear-gradient(to right, #064c96, #008DD0);}
.header {padding:4px;display: grid;grid-template-columns: 1fr 48px;grid-template-rows: 48px;transition: all 0.3s;}
.ham {padding:12px;float:left;}
.ham svg {fill: currentColor;color:rgba(255,255,255,.87);width:24px;height:24px;display:block;}
.ham:hover {background-color: rgba(232,234,237,0.08);border-radius: 50%;cursor:pointer;}
.ham:hover svg {color:#fff;}
.lh .logo {display:block;text-align:center;padding-top:8px;}
.lh .logo svg {height:24px;fill:#fff;}
.ch {display:none;text-align:center;grid-column: 1 / 3;grid-row: 2 / 3;}
.ch ul {white-space: nowrap;overflow-x: auto;overflow-y:hidden;padding-left:6px;margin:0;}
.ch ul::-webkit-scrollbar {width: 0px;height:0px;background: transparent;display:none;}
.ch ul li {display:inline-block;line-height:24px;font-size:16px;font-weight:bold;padding:0px 8px;}
.ch ul li a {text-decoration:none;color:rgba(255,255,255,.87);}
.ch ul li a:hover {color:rgba(255,255,255,1);border-bottom:3px solid #fff;padding-bottom:2px;}
.search {float:right;padding:12px;}
.search svg {fill: currentColor;color: rgba(255,255,255,.87);width:24px;height:24px;display:block;}
.search:hover {background-color: rgba(232,234,237,.08);border-radius: 50%;cursor:pointer;}
.search:hover svg {color:#fff;}
.mv1 {margin: 1rem 1rem 0 1rem;}
/*.darkMode .mv1 {margin: 0;padding: 1rem 1rem 1rem 1rem;background: rgba(255,255,255,0.75);}*/
.wrapper {width:100%;background:var(--bg-clr);position: relative;z-index: 1;}
.sidebar {width:280px;height: calc(var(--vh, 1vh) * 100);position: absolute;top: 0;left:0;bottom:0;z-index: 990;visibility: visible;background:var(--bg-clr);transform: translateX(-300px);border-right: 1px solid var(--brd-clr);display: flex;flex-direction: column;justify-content: space-between;transition: transform .25s cubic-bezier(0.4,0.0,0.2,1) ,visibility 0s linear 0s;box-shadow: 0 0 16px var(--shadow-clr);overflow-y: auto;overflow-x: hidden;}
#sidebar {width: 100%;height: calc(var(--vh, 1vh) * 100);top: 0px;left: 0px;visibility:hidden;position:absolute;}
.gsearch {display:none;}
.main {border-bottom:1px solid var(--brd-clr)}
.mainblock {display: grid;grid-template-columns: 1fr;}
.mainblock a {display:block;margin:1rem 1rem 0 1rem;color:var(--text-clr);}
.mainblock a img {border-radius: 2px;display:block;width:110px;height:75px;object-fit: cover;float:left;;margin-right:1rem;background: #EFF2F5;box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);transition: transform 0.3s;}
.mainblock a span {display:block;height:56px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size:0.9rem;}
.mainblock a div {overflow:hidden;font-size:0.8rem;margin-top:0.5rem;}
.mainblock a div time {float:left;color: var(--text-clr2);}
.mainblock a div i {float: right;font-style: normal;position: relative;color: var(--z-lb);}
.mainblock a div i:before {content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 0.422 0.443'%3E%3Cg id='Layer_x0020_1'%3E%3Cpath fill='%23488DA8' style='color:%23488DA8' d='M0.1 0l0.222 0c0.055,0 0.1,0.045 0.1,0.1l0 0.133c0,0.055 -0.044,0.1 -0.098,0.101l0.043 0.109 -0.152 -0.109 -0.115 0c-0.055,0 -0.1,-0.045 -0.1,-0.101l0 -0.133c0,-0.055 0.045,-0.1 0.1,-0.1zm0.223 0.295c0.034,0 0.061,-0.028 0.061,-0.062l0 -0.133c0,-0.034 -0.028,-0.062 -0.062,-0.062l-0.222 0c-0.034,0 -0.062,0.028 -0.062,0.062l0 0.133c0,0.034 0.028,0.062 0.062,0.062 0.143,0 0.142,0.002 0.223,0zm-0.226 -0.213l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.1 0 0 0.033 -0.1 0 0 -0.033z'/%3E%3C/g%3E%3C/svg%3E%0A");width: 12px;height: 12px;background-size: cover;display: inline-block;position: relative;top: 2px;margin-right: 3px;}

.mainblock a:first-child {font-size:1.8rem;border-bottom: 1px solid var(--brd-clr);margin:0;}
.mainblock a:first-child img{width:100%;float:none;height:100%;box-shadow:none;position:absolute;top:0;left:0;}
.mainblock a:first-child span {display:block;position: relative;margin: 0rem 1rem 0.5rem 1rem;font-size: 1.5rem;line-height: 1.8rem;height:auto;font-weight:bold;}
.mainblock a:first-child div {position: relative;padding: 0 1rem 0.5rem 1rem;margin:0;}
.mainblock a:first-child div.textfill-clho {padding:0;}
.mainblock a:first-child section {position: relative;display: block;padding-top: 56.25%;}
.mainblock a:first-child section b {position: absolute;width: 100%;top: 50%;bottom: -1px;}
.mainblock a:first-child i {padding: 0 4px;border-radius: 5px;background:var(--bg-clr)}
.mainblock a:nth-last-child(-n+4) {display:none;}
.mainAll {margin: 1rem;text-align: center;background: var(--clr-5);border-radius: 2px;color:var(--text-clr);border-bottom:2px solid var(--brd-clr)}	
.mainAll span {padding:0.3rem 0 0.5rem 0;display:block;}	
.mainAll a {padding:0.3rem 0 0.5rem 0;text-decoration:none;color:var(--text-clr);display:block;}	
.mainAll span:hover {background:var(--clr-5)}	
.mainAll a:hover {background:var(--clr-5)}	
.mainblock a:hover {text-decoration:underline;color:var(--wb-clr)}
.mainblock a:hover img {transform: translateY(-3px);box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 36px rgba(14,21,47,.08);}
.mainblock a:first-child:hover {text-decoration:none;}
.mainblock a:first-child:hover img {box-shadow:none;transform:translateY(0px);}

.layer2 {display: block;}
.ad_2d, .ad_3d {background:var(--clr-5);padding:1rem 0;min-height:250px;}
.ad_2d div, .ad_3d div {margin:auto;width: fit-content;}
.lastnews {}
.ad_3dm {background: var(--clr-5);padding: 1rem 0;max-height: 300px;overflow: hidden;}
.ad_3dm img {margin:auto;}
.topnews {}

.header.sticky {position:fixed;width: 100%;grid-template-rows: 48px;padding: 0 4px;box-shadow: 0 2px 5px 0px rgb(0 0 0 / 0.2);z-index:101;top:0;background:#064c96;}
.header.sticky .ch {display:none;}

.lastnews {border-top: 1px solid var(--brd-clr);border-radius: 2px;border-bottom: 1px solid var(--brd-clr);}
.lastnews h1 {border-bottom: 1px solid var(--brd-clr);font-family: 'Open Sans', sans-serif;font-size:1.5rem;padding: 1rem;text-transform:uppercase;color: var(--text-clr);text-align:center;position:relative;}
.lastnews ul li {border-bottom: 1px solid var(--brd-clr);}
.lastnews ul li .lastnews_pic {height: 55px;width: 90px;background-size: cover;background-position: 100%;background-color: #c4cde0;float:left;margin-right:5px;background-color: #edeef0;}
.lastnews ul li a {color: var(--text-clr);text-decoration: none;display: block;font-size: 14px;line-height:19px;position:relative;padding: 12px 1rem 12px 65px;}
.lastnews ul li a:hover {background: var(--clr-5);}
.lastnews ul li a:visited {color:#a6a6a6;}
.darkNode .lastnews ul li a:visited {color: #686868;}
.lastnews ul li a .ln_time {color: var(--z-lb);font-size: 14px;margin-right: 1rem;position: absolute;left: 15px;top:12px;}
.lastnews ul li a .comm_num {color: var(--z-lb);font-size: 11px;margin-left: 5px;display: inline-block;}
.lastnews ul li a .comm_num:before {content:'';width: 12px;position: relative;top: 3px;margin-right: 3px;height: 12px;background-size: cover;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 0.422 0.443'%3E%3Cg id='Layer_x0020_1'%3E%3Cpath fill='%23488DA8' style='color:%23488DA8' d='M0.1 0l0.222 0c0.055,0 0.1,0.045 0.1,0.1l0 0.133c0,0.055 -0.044,0.1 -0.098,0.101l0.043 0.109 -0.152 -0.109 -0.115 0c-0.055,0 -0.1,-0.045 -0.1,-0.101l0 -0.133c0,-0.055 0.045,-0.1 0.1,-0.1zm0.223 0.295c0.034,0 0.061,-0.028 0.061,-0.062l0 -0.133c0,-0.034 -0.028,-0.062 -0.062,-0.062l-0.222 0c-0.034,0 -0.062,0.028 -0.062,0.062l0 0.133c0,0.034 0.028,0.062 0.062,0.062 0.143,0 0.142,0.002 0.223,0zm-0.226 -0.213l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.1 0 0 0.033 -0.1 0 0 -0.033z'/%3E%3C/g%3E%3C/svg%3E%0A");}
.lastnews ul li a svg {margin-left: 5px;color: var(--z-lb);height:12px;}
.lastnews ul li .lastnews_pic {display:none;}
.lastnews ul li.important-news a {font-weight:bold;}
.lastnews ul li.important-news .ln_time {background: #db2649;padding: 0px 3px;color: #fff;left:12px;border-radius:2px;}
.alllast {padding:1rem;}
.alllast span {display:inline-block;color:rgba(0,0,0,0.87);background:#ffdc24;font-weight:600;font-size:14px;padding:0px 10px;line-height:30px;border-radius:2px;text-transform:uppercase;border-bottom:2px solid var(--brd-clr)}
.darkMode .alllast span, .darkMode .lastnews ul li.important-news .ln_time {opacity:0.85;}
.alllast span.disabled {background-color:var(--brd-clr);color:var(--text-clr2);}
.alllast span svg {margin-right:5px;}
.alllast a {color:var(--text-clr);font-size:16px;font-weight:600;float:right;line-height:30px;position: relative;top: -2px;}
.alllast a:hover {background:var(--clr-5)}

.topnews {border-top:1px solid var(--brd-clr);border-radius: 2px;border-bottom:1px solid var(--brd-clr);}
.topnews h2 {font-family: 'Open Sans', sans-serif;text-align:center;padding: 1rem;border-bottom:1px solid var(--brd-clr);text-transform:uppercase;color: var(--text-clr);}
.topnews ol {list-style-type: none;padding: 1rem;display: flex;flex-wrap: wrap;height: calc(100% - 100px);}
.topnews ol li {counter-increment: step-counter;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted var(--brd-clr);position:relative;}
.topnews ol li:last-child {margin-bottom:0px;padding:0;border:none;}
.topnews ol li:before {content: counter(step-counter);border-bottom:2px solid #008DD0;margin-right: 1rem;font-size: 25px;line-height: 47px;color: var(--text-clr);font-weight: bold;text-align: center;border-radius: 2px;width: 35px;height:47px;float: left;position:relative;z-index:2;}
.topnews ol li:after {content: "";position: absolute;top: 0;left: 0;width: 35px;height: 47px;border-radius:2px;transform: scaleY(0);transform-origin: bottom center;background: #008DD0;z-index: 1;transition: transform 0.3s;}
.topnews ol li:hover:after {transform: scaleY(0.1);}
.darkMode .topnews ol li:hover:after {opacity:0.85;}
.darkMode .topnews ol li:before {opacity:0.85;}
.topnews ol li i {position: absolute;z-index:0;top: 0;left: 0;width: 35px;height: 47px;border-radius:2px;background:var(--clr-5);}
.topnews ol a {text-decoration: none;color: var(--text-clr);font-size: 14px;line-height: 19px;max-height: 57px;overflow: hidden;display: block;}
.topnews ol a:hover {text-decoration:underline;color:var(--wb-clr)}
.topnews ol p .comm_num {color: #488DA8;font-size: 11px;margin-left: 5px;display: inline-block;}
.topnews ol p .comm_num:before {content:'';width: 12px;position: relative;top: 3px;margin-right: 3px;height: 12px;background-size: cover;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 0.422 0.443'%3E%3Cg id='Layer_x0020_1'%3E%3Cpath fill='%23488DA8' style='color:%23488DA8' d='M0.1 0l0.222 0c0.055,0 0.1,0.045 0.1,0.1l0 0.133c0,0.055 -0.044,0.1 -0.098,0.101l0.043 0.109 -0.152 -0.109 -0.115 0c-0.055,0 -0.1,-0.045 -0.1,-0.101l0 -0.133c0,-0.055 0.045,-0.1 0.1,-0.1zm0.223 0.295c0.034,0 0.061,-0.028 0.061,-0.062l0 -0.133c0,-0.034 -0.028,-0.062 -0.062,-0.062l-0.222 0c-0.034,0 -0.062,0.028 -0.062,0.062l0 0.133c0,0.034 0.028,0.062 0.062,0.062 0.143,0 0.142,0.002 0.223,0zm-0.226 -0.213l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.1 0 0 0.033 -0.1 0 0 -0.033z'/%3E%3C/g%3E%3C/svg%3E%0A");}
.topnews ol p i {font-size: 11px;margin-left: 5px;color: #488DA8;}	
.topnews .alltop {border-top:1px solid var(--brd-clr);font-size:16px;color: var(--text-clr);font-weight:bold;display:block;text-align: center;text-decoration: none;padding: 0.5rem;}
.topnews .alltop:hover {background:var(--clr-5)}
.ad_1d {display:none;background:var(--clr-5);}
	
/* sidebar inside */
.sb {border-bottom: 1px var(--brd-clr) solid;padding: 8px 0 7px 0;}
.sbt {color:var(--text-clr2);font-size: 13px;font-weight: bold;line-height: 20px;padding: 10px 24px;cursor:pointer;}
.sbt svg {float: right;height: 20px;}

.sbc {max-height:0;overflow: hidden;transition: max-height .15s cubic-bezier(0.4,0.0,0.2,1);}
.sbc .ll {display: block;height: 40px;padding: 0px 24px 0px 32px;text-decoration: none;}
.sbc .ll span {color:var(--text-clr);font-size:13px;font-weight:bold;vertical-align:top;display:inline-block;padding:10px 10px 10px 0px;}
.sbc .ll svg {color:var(--text-clr2);display:inline-block;height:20px;margin:10px 16px 10px 0px;width:16px!important;}
.curinf {text-decoration: none;color:var(--text-clr);display: block;padding: 0px 24px 5px 24px;font-size: 14px;text-align:center;}
.curinf table {width:100%;}
.curinf table td {padding:3px 0;}
.curinf table th {padding:3px;font-size:12px;}
.curinf i {margin-left:3px;width: 10px;height: 10px;background-size: cover;display: inline-block;background-position: center center;float: right;margin-top: 4px;}
.curinf .cur_up {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%23ca0000' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'%3E%3C/path%3E%3C/svg%3E%0A");}
.curinf .cur_down {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23349800' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");}
.sl a {display:block;height:40px;padding:0px 24px;text-decoration:none;}
.sl.lng {background: var(--clr-5);border-top: 1px var(--brd-clr) solid;}
.sl.lng:hover {border-top-color: transparent;}
.sl a span {color:var(--text-clr);font-size:13px;font-weight:bold;vertical-align:top;display:inline-block;padding:10px 10px 10px 0px;}
.sl b {color: var(--bg-clr);background:var(--text-clr2);margin: 11.5px 16px 11.5px -1px;display: inline-block;font-size: 10px;border-radius: 50%;width: 17px;height: 17px;line-height:17px;text-align: center;}
.sl a svg {color:var(--text-clr2);display:inline-block;height:20px;margin:10px 16px 10px 0px;width:16px!important;}
.sf {display: flex;flex-flow: column;justify-content: space-between;}
.sfc {padding:10px 24px 5px 24px;border-top: 1px var(--brd-clr) solid;}
.sfc .fi {font-size:13px;float:left;position:relative;top:-3px;color:var(--text-clr2);}
.sfc .fi a {color:var(--text-clr);}
.sfc .zero_counter {float:right}
.sfl {padding:10px 24px 5px 24px;border-top: 1px var(--brd-clr) solid;}
.sfl div {display: flex;flex-direction: row;justify-content: space-between;}
.sfl .app img {width:110px;height:40px;;opacity:0.8}
.sfs {padding:10px 24px 10px 24px;}
.socbut {display: flex;flex-direction: row;justify-content: space-between;}
.socbut a {font-size:20px;}
.socbut svg {color:var(--text-clr);opacity:0.8}
.setItem div {height:40px;padding:0px 24px;cursor:pointer;}
.setItem div span {color:var(--text-clr);vertical-align:top;font-weight:bold;font-size:13px;display:inline-block;padding:10px 10px 10px 0px;}
.setItem svg {color:var(--text-clr2);display:inline-block;height:20px;margin:10px 16px 10px 0px;width: 16px!important;}
.links {border-bottom: 1px var(--brd-clr) solid;padding:10px 24px 10px 24px;}
.links div {display: flex;flex-direction: row;justify-content: space-between;}
.links a {color:var(--text-clr);text-decoration:none;font-size:13px;font-weight:bold;}
.sf .sb {border-top: 1px var(--brd-clr) solid;}
.sl:hover {background-color: var(--hover-clr);}
.sbt:hover {background-color: var(--hover-clr);}
.socbut a:hover svg {opacity:1}
.links a:hover {text-decoration:underline;}
.sfl .app img:hover {opacity:1}
.setItem div:hover {background-color: var(--hover-clr);}
.sbc .ll:hover {background-color: var(--hover-clr);}	
/* end sidebar inside */
	
.gsearch {display: none;flex-direction: row;background:var(--bg-clr2);justify-content: space-between;position:fixed;top:0;left:0;width:100%;z-index:101;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);}
.gsearch {max-height:100vh;}
.gsearch.searching {display:flex;}
.gsearch .cls {padding: 10px;cursor:pointer;position: absolute;right: 0;top: 0;}
.gsearch .cls svg {display:block;width: 31px;height: 31px;color:var(--text-clr2)}
.gsearch .cls svg:hover {background-color: var(--hover-clr);border-radius: 50%;color:var(--text-clr)}
.gsc-resultsbox-visible {height:calc(var(--vh, 1vh) * 100 - 52px);overflow-y:auto;}
.gsc-resultsbox-visible::-webkit-scrollbar-track{background-color:var(--brd-clr)}
.gsc-resultsbox-visible::-webkit-scrollbar{width:5px;background-color:var(--brd-clr);margin-left:5px}
.gsc-resultsbox-visible::-webkit-scrollbar-thumb{background-color:var(--brd-clr)}

form.gsc-search-box {padding-right:41px;}
.gsc-results .gsc-cursor {color:var(--text-clr2)!important;fill:var(--text-clr2)!important;}
.gcsc-more-maybe-branding-box, .gsc-results .gsc-cursor-box {border-color:var(--brd-clr)!important;}
.gsc-input-box {background:var(--bg-clr)!important;padding:0!important;border:none;border-radius:0!important;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {border-color:var(--brd-clr)!important;}
input.gsc-input {background:none!important;}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {background-color:var(--bg-clr2)!important;border-color:var(--bg-clr2)!important;}
.gsc-control-cse {background-color:var(--bg-clr2)!important;}
.gsearch #___gcse_0 {width:100%;}
.gsc-adBlock {display:none!important;}
.gsc-control-cse {border:none!important;padding:11px 10px 11px 16px!important;}
form.gsc-search-box {margin:0!important;}
table.gsc-search-box {margin:0!important;}
.gsc-search-button {display:none;}
table.gsc-search-box td.gsc-input {padding:0!important;}
.gsc-input-box {border:none;}
.gsib_a {padding:0!important;}
input.gsc-input {padding:4px 10px!important;color:var(--text-clr);}
.gsc-result-info {color:var(--text-clr2)!important;}
.gsc-above-wrapper-area {border-color:var(--brd-clr)!important;}
.gs-spelling, .gs-webResult .gs-snippet, .gs-fileFormatType {color:var(--text-clr2)!important;}
.gs-result .gs-title *, .gsc-cursor-page, .gs-spelling a, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gcsc-find-more-on-google, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color:var(--text-blue)!important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page, .gsc-results .gsc-cursor-box .gsc-cursor-current-page {background-color:var(--bg-clr2)!important;}
.gs-result .gs-image, .gs-result .gs-promotion-image {border-color:var(--brd-clr)!important;}
.gs-webResult div.gs-visibleUrl {color:var(--text-green)!important;}
.gsc-selected-option-container {background-color:var(--brd-clr)!important;color:var(--text-clr2)!important;}
.gsc-control-cse .gsc-option-menu {border-color:var(--brd-clr)!important;background:var(--bg-clr2)!important;}
.gsc-option-menu-item-highlighted {background:var(--hover-clr)!important;}
.gsc-option-menu-item {color:var(--text-clr2)!important;}


.bg {display:none;position: absolute;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh) * 100);background: var(--text-clr2);z-index: 100;}
.bg.visible {display:block;}

.layer3 {display: grid;grid-template-columns: 1fr;}
.photo {padding: 1rem;background: var(--clr-5);}
.photo h2 {text-align:center;font-family: 'Open Sans', sans-serif;text-transform: uppercase;color: var(--text-clr);margin-bottom:1.5rem;}
.photo ul {display: flex;flex-wrap: wrap;}
.photo ul li {width: 50%;flex: 1 1 calc((100% / 2) - 1rem);}
.photo ul li a {display:block;text-decoration:none;color: var(--text-clr);position:relative;}
.photo ul li .lightshadow {border-radius: 2px 2px 0 0;transition: .15s ease-out;position:absolute;height:5px;top: -10px;right: 18px;left: 18px;opacity:0.5;}
.photo ul li .darkshadow {border-radius: 2px 2px 0 0;transition: .15s ease-out;position:absolute;height:5px;top: -5px;right: 8px;left: 8px;}
.photo ul li img {border-radius: 2px;transition: .15s ease-out;width:100%;display:block;box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);background: var(--brd-clr);}
.photo ul li span {margin-top:0.5rem;display:block;max-height: 51px;line-height: 17px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.photo ul li a:hover .lightshadow {transform: translateY(-6px) scaleX(.85);}
.photo ul li a:hover .darkshadow {transform: translateY(-8px) scaleX(.95);}
.photo ul li a:hover img {transform: translateY(-10px);box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 36px rgba(14,21,47,.08);}	
.photo ul li:nth-child(1) {width: 100%;flex: 1 1 calc(100% - 1rem);margin-bottom:2rem;}	
.photo ul li:nth-child(2) {margin-right:1rem;}	

.videoMain {padding: 1rem;}
.videoMain h2 {font-family: 'Open Sans', sans-serif;text-transform: uppercase;color: var(--text-clr);margin-bottom:1rem;}
.videoMain ul {display: flex;flex-wrap:wrap;height:calc(100% - 46px);}
.videoMain ul li {width: 50%;flex: 1 1 calc((100% / 2) - 1rem);}
.videoMain ul li a {display:block;text-decoration:none;color: var(--text-clr);position:relative;}
.videoMain ul li img {border-radius: 2px;transition: .15s ease-out;width:100%;display:block;box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);background: var(--brd-clr);}
.videoMain ul li span {margin-top:0.5rem;display:block;height: 51px;line-height: 17px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.videoMain ul li div {transition: .15s ease-out;position:absolute;top:calc(50% - 49px);left:calc(50% - 20px);width:40px;height:40px;background-image:url(//static.zakon.kz/static_zakon/2020/img/youtube_play_icon.svg);background-size:cover;}
.videoMain ul li a:hover img {transform: translateY(-10px);box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 36px rgba(14,21,47,.08);}	
.videoMain ul li a:hover div {transform: translateY(-10px) scale(1.2);}	
.videoMain ul li:nth-child(1) {width: 100%;flex: 1 1 calc(100% - 1rem);margin-bottom:27px;}
.videoMain ul li:nth-child(2) {margin-right:1rem;}
.videoMain ul li:nth-child(1) span {height:34px;-webkit-line-clamp: 2;}
.videoMain ul li:nth-child(1) div {width: 80px;height:80px;left:calc(50% - 40px);top:calc(50% - 57px);}

.layer4 {display:block;margin-top:1rem;}
.regional {position: relative;border-radius: 2px;background:var(--clr-5);border-top: 1px solid var(--brd-clr);border-radius: 2px;border-bottom: 1px solid var(--brd-clr);}
.regional h2 {text-align:center;font-family: 'Open Sans', sans-serif;text-transform: uppercase;color: var(--text-clr);padding:1rem 1rem 0 1rem;}
.regional .region_news_selector {font-weight: 600;border: 1px solid var(--brd-clr);padding: 3px 5px;outline: none;display: block;margin: 0.5rem 1rem;width: calc(100% - 2rem);}
.regional .region_news_list li {border-bottom: 1px dotted var(--brd-clr);margin: 0 1rem;padding: 0.5rem 0;}
.regional .region_news_list li a {color: var(--text-clr);text-decoration: none;font-size: 14px;line-height: 19px;max-height: 38px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.regional .region_news_link {border-top: 1px solid var(--brd-clr);font-size: 16px;color: var(--text-clr);font-weight: bold;display: block;text-align: center;text-decoration: none;padding: 0.5rem 0 0.6rem 0;}
.regional .region_news_link:hover {background:var(--clr-5)}
.regional .region_news_list li:last-child {border:none;}
.regional .region_news_list li a:hover{text-decoration:underline;color:var(--wb-clr)}
.blogs {margin: 0 1rem;position:relative;}
.bloggers {display: flex;height: calc(100% - 53px);flex-wrap: wrap;align-content: space-between;}
.blogs h2 {font-family: 'Open Sans', sans-serif;text-transform: uppercase;color: var(--text-clr);padding-bottom:1.5rem;}
.blogs .blogger {width: 100%;margin-bottom:1.5rem;}
.blogs .blogger .blogger_info {transition: .15s ease-out;display: block;width: 30%;max-width: 150px;float: left;margin-right: 1rem;}
.blogs .blogger .blogger_info .person {border-radius: 50%;background:var(--bg-clr2);border:2px solid var(--z-lb);padding:3px;box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);}
.blogs .blogger .blogger_info .person div {padding-top: 100%;width: 100%;border-radius: 50%;}
.blogs .blogger .blogger_news {color: var(--text-clr);font-size: 14px;display: block;text-decoration:none;padding-left: calc(30% + 1rem);}
.blogs .blogger .blogger_news span {font-weight:bold;margin-bottom:0.5rem;display:block;font-size:20px;}
.blogs .blogger .blogger_news:hover {text-decoration:underline;}
.blogs .blogger .blogger_info:hover {transform: scale(1.1);}
.blogs .blogger .blogger_info:hover .person {box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 36px rgba(14,21,47,.08);border-color:#008DD0;}
.blogs .allb {position: absolute;font-size: 16px;font-weight: bold;color: var(--text-clr);top: 19px;right: 1rem;}
.blogs .allb:hover {text-decoration:underline}


.ad_4d {background: var(--clr-5);padding: 1rem 0;min-height:250px;display:flex;}
.ad_4d div {margin:auto;}

.layer5 {display: grid;grid-template-columns: 1fr;}
.birthdays {grid-row: 3 / 4;}
.birthdays h2 {font-family: 'Open Sans', sans-serif;color: var(--text-clr);text-transform: uppercase;margin:1rem 0 0 0;text-align:center;}
.pick_bday {margin:1rem;text-align: center;display: flex;}
.pick_bday select {background: var(--bg-clr);color: var(--text-clr);}
.pick_bday #b_day, .pick_bday #b_month {padding: 5px 10px;border: 1px solid var(--brd-clr);width: 50%;}
#main_bd_list {clear: both;border: 1px solid var(--brd-clr);}
#main_bd_list ul li {list-style-type:none;padding: 1rem;width:100%;border-bottom: 1px solid var(--brd-clr);}
#main_bd_list ul li a {font-size:14px;color: var(--text-clr);text-decoration:none;}
#main_bd_list ul li:hover{background:var(--clr-5)}
.no_bd {text-align: center;background: var(--clr-5);padding: 2rem;line-height: 390px;}
.bd_list_place ul {height:450px;overflow-y: scroll;display:flex;flex-wrap:wrap;overflow-x: hidden;box-shadow: inset 0px 11px 8px -10px rgba(0, 0, 0, 0.12), inset 0px -11px 8px -10px rgba(0, 0, 0, 0.12);}
.bd_list_place ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px var(--brd-clr);}
.bd_list_place ul::-webkit-scrollbar{width:5px;background-color:var(--brd-clr);margin-left:5px}
.bd_list_place ul::-webkit-scrollbar-thumb{background-color:var(--brd-clr)}

.vkurse_a {padding-top:1rem;padding-bottom:1rem;grid-row: 2 / 3;background:var(--clr-5);}
.vkurse_news {display: flex;flex-wrap: wrap;justify-content: space-between;}
.vkurse_news a {transition: all 0.15s;display: block;text-decoration: none;position:relative;border-radius:2px;width:100%;overflow: hidden;box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);margin:0 1rem 1rem 1rem;}
.vkurse_news a:last-child {margin-bottom:0;}

.vkurse_news a:hover {transform: translateY(-3px);box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 36px rgba(14,21,47,.08);}
.vkurse_news a img {display: block;width: 100%;height:170px;object-fit: cover;}
.vkurse_news a div {padding:0.5rem 1rem 1rem 1rem;}
.vkurse_news a time {font-size:12px;}
.vkurse_news a span {font-size:16px;line-height: 20px;font-weight:bold;height: 60px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;margin-bottom:1rem;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.vkurse_news a i {position:absolute;left:0;top:0px;height:171px;width:100%;background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);z-index:2;}
.vkurse_logo {transition: .15s ease-out;background-size:cover;height:31px;width:117px;margin:0 auto 1rem auto;display:block;box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);}
.darkMode .vkurse_logo {background-image:url(//static.zakon.kz/static_zakon/2020/img/vkurse_ll.svg)!important;}
.vkurse_logo:hover {transform: scale(1.1);}

.press {grid-row: 1 / 2;margin: 1rem auto 0 auto;}
.press h2 {font-family: 'Open Sans', sans-serif;color: var(--text-clr);text-transform: uppercase;margin-bottom:15px;text-align: center;}
.press ul {height: calc(100% - 76px);overflow: hidden;display: flex;flex-wrap: wrap;flex-direction: row;}
.press ul li {padding-bottom: 0.5rem;margin:0 1rem 0.5rem 1rem;border-bottom: 1px dotted var(--brd-clr);}
.press ul li:last-child {margin-bottom:0;}
.press ul li a {color: var(--text-clr);text-decoration: none;font-size: 14px;line-height: 19px;max-height: 38px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;}
.press .prAll {color:var(--text-clr);font-weight:bold;text-align:center;line-height:30px;display:block;}
.press a:hover {text-decoration:underline;}

.weather_informer .first_part {position: relative;color:var(--text-clr);}
.weather_informer .first_part select {width: calc(100% - 40px);height: 30px;color: var(--text-clr2);font-weight: bold;background: var(--bg-clr);margin: 0 21px;margin-top: 0.5rem;outline: none;border: 1px solid var(--bg-clr);}
.weather_informer .first_part .wdate {display: block;font-size:12px;color: var(--text-clr);margin: 0 25px;margin-top: -3px;}
.weather_informer .first_part .wcurrent {width:100%;height:60px;text-align:center;margin: 1rem 0;}
.weather_informer .first_part .icon_and_degree {display: inline-block;}
.weather_informer .first_part .icon_and_degree img {height:60px;}
.weather_informer .first_part .degree {display: inline-block;color: var(--text-clr);font-size: 50px;line-height:60px;position: relative;vertical-align: top;}
.weather_informer .second_part svg {height:25px;}
.weather_informer .second_part table {width:100%;color: var(--text-clr)}
.weather_informer .second_part table td {width: 33%;padding: 5px 0px;vertical-align: middle;text-align: center;font-size: 13px;}
.weather_informer .second_part table td .w_icon {height: 25px;width:34px;display: inline-block;position: relative;top: 3px;}
.weather_informer .second_part table td .w_icon img {max-width: 34px;position: absolute;top: 0px;left: 0px;}
.weather_informer .second_part table td:first-child {padding-left:1.5rem;text-align:left;}
.weather_informer .second_part table tr:nth-child(odd) {background: var(--clr-5);}
.weather_informer .second_part table a {color:var(--text-clr);line-height:25px;font-weight:600;text-align:center;}
.weather_informer .second_part table a:hover {text-decoration:underline;}

/* #  600px to 1024px 4% */
@media (min-width: 650px) and (max-width: 1023px) {
	.mainblock {grid-template-columns: 1fr 1fr;}
	.mainblock a:first-child {grid-column: 1 / 2;grid-row: 1 / 5;padding:1rem 0 0 1rem;margin-right:1rem;}
	.mainblock a:first-child span {font-size:1.8rem;}
	.layer2 {padding:1rem;}
	.layer3 {grid-template-columns: 1fr 1fr;}
	.photo {padding: 0 0.5rem 0 1rem;background:none;}
	.photo h2 {text-align:left;}
	.photo ul li span {height:51px;-webkit-line-clamp: 3;}
	.photo ul li:nth-child(1) span {height:34px;-webkit-line-clamp: 2;}
	.videoMain{padding:0 1rem 0 0.5rem;}
	.videoMain ul li div {top:calc(50% - 49px);}
	.videoMain ul li:nth-child(1) div {top:calc(50% - 60px);}
	.videoMain h2 {margin-bottom:1.5rem;}
	.layer4 {display: grid;grid-template-columns: 1fr 1fr;}
	.regional {margin: 0 1rem 0 0.5rem;border:none;}
	.blogs {margin:0 0.5rem 0 1rem}
	.ad_4d {display:flex;overflow:hidden;margin:1.5rem 1rem;}
	.layer5 {display: grid;grid-template-columns: 3fr minmax(200px, 300px);grid-gap: 1rem;}
	.birthdays {margin:0 1rem;}
	.birthdays h2 {margin:0;}
	#main_bd_list {clear: both;border: 1px solid var(--brd-clr);}
	.press {padding-right:1rem;margin:0;grid-row: auto;max-width:300px;}
	.press ul li {margin:0 0 0.5rem 0;}
	.birthdays {grid-row: auto;}
	.vkurse_a {margin-left: 1rem;margin-right: 1rem;grid-row: 2 / 3;grid-column: 1/3;background:none;padding-top:0;}
	.vkurse_news {flex-wrap:nowrap;}
	.vkurse_news a {width:32%;margin:0;}
	.vkurse_news a:nth-child(4n+0) {display:none;}
	.press .prAll {border:1px solid var(--brd-clr);line-height:28px;border-radius:2px;}
	.press .prAll:hover {background:var(--clr-5);text-decoration:none;}
	.press ul li:last-child {border:none;}
	.blogs .allb {right: 0;top: 4px;}
}
/* # Desktops 1025px to 1280px 2% */
@media (min-width: 1024px) and (max-width: 1280px) {
	.wrapper {width:1000px;margin:auto;}
	.ad_1d {margin:1.5rem 0 1rem 0;width:1000px;min-height:120px;display: flex;align-items: center;}
	.ad_1d div {margin:auto}
	.wrap.noscrl{position:relative;}
	.mainblock {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows:repeat(2, 1fr);grid-gap:1rem;}
	.mainblock a {margin:0;position:relative;}
	.mainblock a:nth-last-child(-n+4) {display:block;}
	.mainblock a img {display:block;width:100%;margin-bottom:0.5rem;background: var(--brd-clr);height:auto;float:none;}
	.mainblock a span {display:block;}
	.mainblock a:first-child {grid-column: 1 / 3;grid-row: 1 / 3; font-size:1.8rem;margin:0;font-weight:normal;}
	.mainblock a:first-child span {background:none;top:0;padding:0;border:none;font-size:2rem;line-height:2.3rem;font-weight:bold;}
	.mainblock a:first-child div {position:absolute;bottom:0;left:0;padding:0;top:auto;width:100%;}
	.mainblock a:nth-last-of-type(-n+2) {display:none;}
	.mainAll {display:none;}
	.layer3 {grid-template-columns: 1fr 1fr;}
	.photo {padding: 0 1rem 0 0;background:none;}
	.photo h2 {text-align:left;}
	.videoMain ul li div {top:calc(50% - 49px);left:calc(50% - 20px);width:40px;height:40px;}
	.videoMain ul li:nth-child(1) div {width: 80px;height:80px;left:calc(50% - 40px);top:calc(50% - 52px);}
	.videoMain ul li:nth-child(1) span {height:17px;-webkit-line-clamp: 1;}
	.photo ul li:nth-child(1) span {height:17px;-webkit-line-clamp: 1;}
	.videoMain h2 {margin-bottom:1.5rem;}
	.videoMain {padding: 0 0 0 1rem;}
	.layer4 {display: grid;grid-template-columns: 1fr 1fr;margin-top:1.5rem;}
	.blogs {margin-left: 0;}
	.blogs .blogger {margin:0;margin-bottom:1rem;}
	.blogs .blogger:last-child {margin-bottom:0;}
	.blogs .blogger .blogger_info {width: 40%;}
	.blogs .blogger .blogger_news span {margin-bottom:1rem;}
	.blogs .blogger .blogger_news {font-size:16px;}
	.regional .region_news_selector {position:absolute;right:1rem;top:1rem;margin:0;width:auto;}
	.regional h2 {border-bottom: 1px solid var(--brd-clr);padding: 1rem;text-align:left;}
	.regional {margin: 0 0 0 1rem;border:none;}
	.regional .region_news_list {height: calc(100% - 102px);display: flex;flex-wrap: wrap;}
	.ad_4d {display:flex;overflow:hidden;margin:1.5rem 0rem;padding:14px;min-height:250px;background:var(--clr-5);border:1px solid var(--clr-5)}
	.layer5 {display: grid;grid-template-columns: 3fr 1fr;grid-gap: 1rem;}
	.birthdays {margin:0 1rem 0 0;}
	.birthdays h2 {margin:0 2rem 0 0;float:left;}
	.pick_bday {margin:0 0 1rem 0;}
	#main_bd_list {clear: both;border: 1px solid var(--brd-clr);}
	.press {margin:0;grid-row: auto;}
	.press ul li {margin:0 0 0.5rem 0;}
	.birthdays {grid-row: auto;}	
	.vkurse_a {grid-row: 2 / 3;grid-column: 1/3;background:none;padding-top:0;}
	.vkurse_news {flex-wrap:nowrap;}
	.vkurse_news a {width:24%;margin:0;}
	.layer2 {padding:1rem 0;}
	.press .prAll {border:1px solid var(--brd-clr);line-height:28px;border-radius:2px;}
	.press .prAll:hover {background:var(--clr-5);text-decoration:none;}
	.press ul li:last-child {border:none;}
	.blogs .allb {right: 0;top: 4px;}
}
/* # Desktops 1281px to higher resolution desktops 12% */
@media (min-width: 1281px) {
	
	.wrap.noscrl{position:relative;}
	.gsearch {display: none;flex-direction: row;background:var(--bg-clr2);justify-content: space-between;position:absolute;top:100%;width:calc(100% - 280px);left:280px;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);}
	.gsearch {max-height:calc(100vh - 100%);top: 100%;}
	.gsearch.searching {display:flex;}
	.gsearch .cls {padding: 12px;margin-right: 4px;cursor:pointer;position:static;}
	.gsearch .cls svg {display:block;width: 31px;padding: 0px 4px;height: 31px;color:var(--text-clr2)}
	.gsearch .cls svg:hover {background-color: var(--hover-clr);border-radius: 50%;color:var(--text-clr)}
	.gsc-resultsbox-visible {height:calc(100vh - 163px);overflow-y:auto;}
	.gsc-resultsbox-visible::-webkit-scrollbar-track{background-color:var(--brd-clr)}
	.gsc-resultsbox-visible::-webkit-scrollbar{width:5px;background-color:var(--brd-clr);margin-left:5px}
	.gsc-resultsbox-visible::-webkit-scrollbar-thumb{background-color:var(--brd-clr)}
	.gsc-input-box {background-color:var(--bg-clr2)!important;}
	input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {border-color:var(--brd-clr)!important;}
	input.gsc-input {background-color:var(--bg-clr2)!important;}
	.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {background-color:var(--bg-clr2)!important;border-color:var(--bg-clr2)!important;}
	.gsc-control-cse {background-color:var(--bg-clr2)!important;}
	.gsearch #___gcse_0 {width:100%;}
	.gsc-control-cse {border:none!important;padding:12px 10px 12px 16px!important;}
	form.gsc-search-box {margin:0!important;padding:0;}
	table.gsc-search-box {margin:0!important;}
	.gsc-search-button {display:none;}
	table.gsc-search-box td.gsc-input {padding:0!important;}
	.gsib_a {padding:0!important;}
	input.gsc-input {padding:4px 10px!important;color:var(--text-clr);}
	.gsc-result-info {color:var(--text-clr2)!important;}
	.gsc-above-wrapper-area {border-color:var(--brd-clr)!important;}
	.gs-spelling, .gs-webResult .gs-snippet, .gs-fileFormatType {color:var(--text-clr2)!important;}
	.gs-result .gs-title *, .gsc-cursor-page, .gs-spelling a, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gcsc-find-more-on-google, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color:var(--text-blue)!important;}
	.gsc-results .gsc-cursor-box .gsc-cursor-page, .gsc-results .gsc-cursor-box .gsc-cursor-current-page {background-color:var(--bg-clr2)!important;}
	.gs-result .gs-image, .gs-result .gs-promotion-image {border-color:var(--brd-clr)!important;}
	.gs-webResult div.gs-visibleUrl {color:var(--text-green)!important;}
	.gsc-selected-option-container {background-color:var(--brd-clr)!important;color:var(--text-clr2)!important;}
	.gsc-control-cse .gsc-option-menu {border-color:var(--brd-clr)!important;background:var(--bg-clr2)!important;}
	.gsc-option-menu-item-highlighted {background:var(--hover-clr)!important;}
	.gsc-option-menu-item {color:var(--text-clr2)!important;}	
	.bg {z-index:-1;}
	.bg.visible {display:none;}
	.layer3 {grid-template-columns: 1fr 1fr;}
	.photo {padding: 0 1rem 0 0;background:none;}
	.photo h2 {text-align:left;}
	.videoMain ul li div {top:calc(50% - 49px);left:calc(50% - 20px);width:40px;height:40px;}
	.videoMain ul li:nth-child(1) div {width: 80px;height:80px;left:calc(50% - 40px);top:calc(50% - 52px);}
	.videoMain ul li:nth-child(1) span {height:17px;-webkit-line-clamp: 1;}
	.photo ul li:nth-child(1) span {height:17px;-webkit-line-clamp: 1;}
	.videoMain h2 {margin-bottom:1.5rem;}
	.videoMain {padding: 0 0 0 1rem;}
	.layer4 {display: grid;grid-template-columns: 1fr 1fr;margin-top:1.5rem;}
	.blogs {margin-left: 0;}
	.blogs .blogger {margin:0;margin-bottom:1rem;}
	.blogs .blogger:last-child {margin-bottom:0;}
	.blogs .blogger .blogger_info {width: 40%;}
	.blogs .blogger .blogger_news span {margin-bottom:1rem;}
	.blogs .blogger .blogger_news {font-size:16px;}
	.regional .region_news_selector {position:absolute;right:1rem;top:1rem;margin:0;width:auto;}
	.regional h2 {border-bottom: 1px solid var(--brd-clr);padding: 1rem;text-align:left;}
	.regional {margin: 0 0 0 1rem;border:none;}
	.regional .region_news_list {height: calc(100% - 102px);display: flex;flex-wrap: wrap;}
	.ad_4d {display:flex;overflow:hidden;margin:1.5rem 0rem;padding:14px;min-height:250px;background:var(--clr-5);border:1px solid var(--clr-5)}
	.layer5 {display: grid;grid-template-columns: 3fr 1fr;grid-gap: 1rem;}
	.birthdays {margin:0 1rem 0 0;}
	.birthdays h2 {margin:0 2rem 0 0;float:left;}
	.pick_bday {margin:0 0 1rem 0;}
	#main_bd_list {clear: both;border: 1px solid var(--brd-clr);}
	.press {margin:0;grid-row: auto;}
	.press ul li {margin:0 0 0.5rem 0;}
	.birthdays {grid-row: auto;}
	.vkurse_a {grid-row: 2 / 3;grid-column: 1/3;background:none;padding-top:0;}
	.vkurse_news {flex-wrap:nowrap;}
	.vkurse_news a {width:24%;margin:0;}
	.layer2 {padding:1rem 0;}
	.press .prAll {border:1px solid var(--brd-clr);line-height:28px;border-radius:2px;}
	.press .prAll:hover {background:var(--clr-5);text-decoration:none;}
	.press ul li:last-child {border:none;}
	.blogs .allb {right: 0;top: 4px;}
}
@media (max-width: 650px) {
	.darkMode .mainblock a:first-child img {opacity:0.8;}
	.darkMode .mainblock a:first-child section b {background:linear-gradient(transparent, #222 100%)!important;}
	.darkMode .mainblock a:first-child span {color: var(--text-clr)!important;}
	.darkMode .mainblock a div time {color: var(--text-clr)!important;}
	.darkMode .mainblock a:first-child {background:#222!important;}
	.layer4 {margin-top:0;}
	.photo {border-bottom: 1px solid var(--clr-5);}
	.blogs {margin:0;padding:1rem;background:var(--clr-5);border-top: 1px solid var(--clr-5);}
	.regional {background:none;}
}
@media (min-width: 650px) {
	.main {border:none;}
	.mainblock a:first-child {border:none;position:relative;background:none!important;}
	.mainblock a:first-child span {margin:0.5rem 0 1.5rem 0;color:var(--text-clr)!important;}
	.mainblock a:first-child time {color:var(--text-clr)!important;}
	.mainblock a:first-child div {position: absolute;bottom: 0;left: 9;width: 100%;padding: 0;}
	.mainblock a:first-child i {background:none;padding:0}
	.mainblock a:first-child img {box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);}
	.sidebar::-webkit-scrollbar-track{background-color:var(--brd-clr)}
	.sidebar::-webkit-scrollbar{width:5px;background-color:var(--brd-clr);margin-left:5px}
	.sidebar::-webkit-scrollbar-thumb{background-color:var(--brd-clr)}
	.mainAll {margin-bottom:0;}
	.layer2 {display: grid;grid-template-columns: 1fr 300px;grid-template-rows:minmax(200px, auto) 1fr minmax(90px, auto);grid-column-gap:1rem;}
	.ad_2d {grid-column: 2 / 3;grid-row: 1 / 2;padding:0;}
	.lastnews {grid-column: 1 / 2;grid-row: 1 / 3;}
	.ad_3d {grid-column: 1 / 3;grid-row: 3 / 3;display:flex;width:100%;overflow:hidden;margin:1rem 0 0 0;background: var(--clr-5);min-height: 250px;padding:14px;border: 1px solid var(--clr-5);}
	.ad_3d div {margin:auto;overflow:hidden;width:fit-content;}
	.topnews {grid-column: 2 / 3;grid-row: 2 / 3;border:1px solid var(--clr-5);margin-top:1rem;background:var(--clr-5)}
	.topnews ol li i {background:var(--bg-clr);}
	.topnews h2 {border-color:var(--clr-5)}
	.topnews .alltop {border-color:var(--clr-5)}
	.ad_3dm {display:none;}
	.lastnews {border: 1px solid var(--brd-clr);width: 100%;overflow:hidden;}
	.darkMode .lastnews {background:var(--clr-5)}
	.darkMode .topnews {background:var(--clr-5)}
	.darkMode #main_bd_list {background:var(--clr-5)}
	.lastnews h1 {font-family: 'Open Sans', sans-serif;text-align:center;padding: 1rem;text-transform:uppercase;z-index: 2;color: var(--text-clr);box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2);position:relative;}
	.lastnews ul {overflow-y: scroll;overflow-x: hidden;min-height:655px;max-height:720px;}
	.lastnews ul::-webkit-scrollbar-track{background-color:var(--brd-clr)}
	.lastnews ul::-webkit-scrollbar{width:5px;margin-left:5px}
	.lastnews ul::-webkit-scrollbar-thumb{background-color:var(--brd-clr)}
	.lastnews ul li {border-bottom: 1px solid var(--brd-clr);}
	.lastnews ul li a {color: var(--text-clr);text-decoration: none;display: block;font-size: 14px;line-height:19px;position:relative;padding: 12px 1rem 12px 65px;}
	.lastnews ul li a .ln_time {color: var(--z-lb);font-size: 14px;margin-right: 1rem;position: absolute;left: 15px;top:12px;}
	.lastnews ul li a .comm_num {color: var(--z-lb);font-size: 11px;margin-left: 5px;display: inline-block;}
	.lastnews ul li a .comm_num:before {content:'';width: 12px;position: relative;top: 3px;margin-right: 3px;height: 12px;background-size: cover;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 0.422 0.443'%3E%3Cg id='Layer_x0020_1'%3E%3Cpath fill='%23488DA8' style='color:%23488DA8' d='M0.1 0l0.222 0c0.055,0 0.1,0.045 0.1,0.1l0 0.133c0,0.055 -0.044,0.1 -0.098,0.101l0.043 0.109 -0.152 -0.109 -0.115 0c-0.055,0 -0.1,-0.045 -0.1,-0.101l0 -0.133c0,-0.055 0.045,-0.1 0.1,-0.1zm0.223 0.295c0.034,0 0.061,-0.028 0.061,-0.062l0 -0.133c0,-0.034 -0.028,-0.062 -0.062,-0.062l-0.222 0c-0.034,0 -0.062,0.028 -0.062,0.062l0 0.133c0,0.034 0.028,0.062 0.062,0.062 0.143,0 0.142,0.002 0.223,0zm-0.226 -0.213l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.228 0 0 0.032 -0.228 0 0 -0.032zm0 0.067l0.1 0 0 0.033 -0.1 0 0 -0.033z'/%3E%3C/g%3E%3C/svg%3E%0A");}
	.lastnews ul li a svg {margin-left: 5px;color: var(--z-lb);height:12px;}
	.lastnews ul li .lastnews_pic {display:none;}
	.lastnews ul li.important-news a {font-weight:bold;}
	.lastnews ul li.important-news .ln_time {background: #db2649;padding: 0px 3px;color: #fff;left:12px;}
	.alllast {padding:0;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);}	
	.alllast span {display:none;}	
	.alllast a {display:block;float:none;font-weight:bold;line-height:normal;border-top:1px solid var(--brd-clr);color:var(--text-clr);text-align:center;text-decoration:none;padding:0.5rem;position:static;}
	.ch {display:block;}
	.header {grid-template-rows: 48px 32px;}
}		
@media (min-width: 1281px) {
	.body {margin-left:280px;padding-top:64px;}
	.head {position:fixed;width:100%;}
	.header {padding:8px;grid-template-columns: 272px 1fr 48px;grid-template-rows: 1fr;}
	.ham {margin:0 4px;}
	.lh .logo {padding:6px 0px 12px 0px;}
	.lh .logo svg {height:30px;display:block;}
	.ch {grid-column: auto;grid-row: auto;display:block;}
	.ch ul {padding-left:56px;}
	.ch ul li {line-height:48px;text-transform:uppercase;}
	.sidebar {height: calc(100vh - 100%);top: 100%;box-shadow: none;transform: translateX(0);}
	.sidebar::-webkit-scrollbar-track{background-color:var(--brd-clr)}
	.sidebar::-webkit-scrollbar{width:5px;background-color:var(--brd-clr);margin-left:5px}
	.sidebar::-webkit-scrollbar-thumb{background-color:var(--brd-clr)}
	#sidebar {width: 100%;height: calc(var(--vh, 1vh) * 100);top: 0px;left: 0px;visibility:hidden;position:absolute;}
	#sidebar {width: auto;height: auto;position: static;}
	.wrapper {width:1000px;margin:auto;}
	.ad_1d {display:block;margin:1.5rem 0 1rem 0;width:1000px;min-height:120px;display: flex;align-items: center;}
	.ad_1d div {margin:auto;}
	
	/* main */
	.mainblock {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows:repeat(2, 1fr);grid-gap:1rem;}
	.mainblock a {margin:0;position:relative;}
	.mainblock a:nth-last-child(-n+4) {display:block;}
	.mainblock a img {display:block;width:100%;margin-bottom:0.5rem;background: var(--brd-clr);height:auto;float:none;}
	.mainblock a:first-child {grid-column: 1 / 3;grid-row: 1 / 3; font-size:1.8rem;margin:0;font-weight:normal;border:none;background:none!important;}
	.mainblock a:first-child span {top:0;margin:0 0 2rem 0;font-size:2rem;line-height:2.3rem;font-weight:bold;color:var(--text-clr)!important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	.mainblock a:first-child time {color:var(--text-clr)!important;}
	.mainblock a:first-child div {position:absolute;bottom:0;left:0;padding:0;top:auto;width:100%;}
	.mainblock a:first-child i {background:none;padding:0}
	.mainblock a:first-child section {margin-bottom:0.5rem;}
	.mainblock a:first-child img {box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);}
	.mainblock a:nth-last-of-type(-n+2) {display:none;}
	.mainblock a:first-child:hover {text-decoration:underline;color:var(--wb-clr)}
	.mainblock a:first-child:hover img {transform: translateY(-3px);box-shadow: 0 8px 14px rgba(14,21,47,.1), 0 2px 36px rgba(14,21,47,.08);}
	.mainAll {display:none;}
	
	.header {width: 1295px;margin: auto;padding: 8px 0;grid-template-columns: 160px 1fr 48px;}
	.ham {display:none;}
	.body {margin-left: 0!important;}
	.sidebar {right: calc(50% - 647.5px);left: auto;border-left: 1px solid var(--brd-clr);}
	.wrapper {margin-left: calc(50% - 647.5px);}
	.gsearch {z-index: 999;width: 1295px;left: calc(50% - 647.5px);}
	.ad_billboard {margin-left: calc(50% - 647.5px);width: 1000px;}
	::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 12px;
	}
	::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	
	.parimatch-menu{display: none; }
}
@keyframes tooltips-vert {
	from {
		opacity: 0;
		transform: translate(0, 50%);
	}
}
.pushAsk {display:none;background:var(--bg-clr2);width:385px;box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);border-radius: 2px;margin:1rem;position: fixed;z-index: 999;top:0;animation: tooltips-vert 300ms ease-out forwards;}
.pushAsk.visible {display:block;}
.pushAsk .modcont {margin:1rem 1.5rem 0 1.5rem;display: grid;grid-template-columns: 64px minmax(0,1fr);grid-gap: 1rem;}
.pushAsk .favicon {width: 64px;height: 64px;background-size: cover;background-position: top center;border-radius: 50%;margin-right:1rem;}
.pushAsk p {font-size: 16px;line-height: 24px;color:var(--text-clr);margin: auto 0;}
.pushAsk .modbuttons {padding:0.5rem 1.5rem 1rem 1.5rem;text-align: right;}
.pushAsk .modbuttons button {font-size: 14px;line-height: 20px;font-weight: 400;cursor: pointer;outline: none;border: none;max-width: 50%;min-width: 92px;}
.pushAsk .modbuttons .blockbtn {color:#264796;background: transparent;}
.pushAsk .modbuttons .blockbtn:hover {text-decoration:underline;}
.pushAsk .modbuttons .allowbtn {padding: 10px 28px;background:#264796;color:rgba(255,255,255,0.87);border-radius: 2px;}
.pushAsk .modbuttons .allowbtn:hover {filter: contrast(110%);}
.pushAsk:after {content: "";position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;top: -20px;left: 45px;filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, .05));border-color: transparent transparent var(--bg-clr2) transparent;}
@media only screen and (max-width: 400px){
	.pushAsk {width:calc(100% - 2rem);}
}

/*covid*/
#covstat {display:none;}
.covid19 {display: flex;margin-top: 1rem;justify-content: center;background: var(--clr-5);padding: 1rem;border-radius: 2px;}
.covid19 .cvdhead {display: flex;margin-right:1rem}
.covid19 .cvdhead img {margin-right: 5px;height: 30px;}
.covid19 .cvdhead span {color:var(--text-clr);font-weight: bold;border-bottom: 3px solid #ca3037;font-size: 20px;}
.covid19 .cvddata {display: flex;align-items: center;justify-content: space-evenly;background: rgb(202 48 55 / 0.2);border-radius: 2px;padding: 0 1rem;}
.covid19 .cvddata span {color:var(--text-clr);margin: 0 0.5rem;white-space: nowrap;}
.covid19 .cvddata mark {font-weight:bold;background:none;margin-left: 5px;color: var(--text-clr);}
.covid19 .cvddata i {font-style: normal;margin-left: 3px;font-size: 12px;position: relative;top: -1px;}
@media (max-width: 950px) {
	.covid19 {display:block;}
	.covid19 .cvdhead {justify-content: center;}
	.covid19 .cvdhead b {display:none;}
	.covid19 .cvddata {flex-wrap: wrap;margin-top: 0.5rem;padding: 0.5rem;}
}
@media (max-width: 650px) {
	.covid19 {margin-top:0;padding-bottom:0;}
}

.b-form{ color: var(--text-clr); padding: 0px 24px 5px 24px;font-size: 14px;}
.b-result{color: var(--text-clr);}
.b-ind{color: var(--text-clr);}
.bi_informer__col{display: flex;flex-direction: column;border-bottom: 1px var(--brd-clr) solid;margin-bottom: 5px;}
.bi_informer__col.bi_informer__last{border-bottom: none;margin-bottom: 15px;}
.bi_informer__title{font-size: 12px;font-weight: 400;color: #9b9b9b;}
.bi_informer__counter{display: flex;justify-content: space-between;padding: 5px 0px 8px 0px;}
.bi_informer__btnPM{cursor: pointer;border-radius: 50%;background:#f1f1f1;width: 20px;height: 20px;transition: .5s;}
.bi_informer__btnPM:hover{background:#000000;}
.bi_informer__btnPM svg{width: 20px;height: 20px;}
.bi_informer__btnPM svg:hover{fill: #ffffff;}
.b-currentPrice{font-size: 16px;font-weight: 600;}
.bi_informer__btn{cursor: pointer;width: 100%;font-size: 12px;padding: 10px 0px;background-size: 200% auto;color: white;box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);background-image: linear-gradient(to right, #0247b0 0%, #0397ff 50%, #0247b0 100%);transition: 0.5s;}
.bi_informer__btn:hover{background-position: right center;text-decoration: none;color: #fff;}
.bi_informer__btn:focus{outline: none;}
.b-result__info{display: flex;justify-content: space-between;padding: 5px 5px 15px 5px;}
.b-result__info .adress{display: flex;flex-direction: column;margin-right: 10px;flex-basis: 60%;flex-shrink: 0;}
.b-result__info .logo-company{flex-basis: 40%;}
.b-result__info .logo-company img{width: 100%;}
.b-result__info .adress .complex{font-size: 16px;font-weight: bold;text-transform: uppercase;}
.b-result__info .adress .complex{font-size: 16px;font-weight: bold;text-transform: uppercase;}
.b-result__info .adress .district{font-size: 12px;font-weight: bold;font-style: italic;}
.b-result .detail{display: flex;justify-content: space-between;margin: 0px 5px 5px 5px;}
.b-result .detail .detail__money{display: flex;flex-direction: column;flex-basis: 50%;flex-shrink: 0;padding-left: 10px;}
.b-result .detail .detail__money .money{font-size: 14px;font-weight: 600;}

.freedom_informer {border-bottom: 1px var(--brd-clr) solid; padding: 16px 24px 16px 24px;font-size: 14px;display: flex;flex-direction: column;}
.freedom_informer p {color: var(--text-clr);}
.currency-block {display: flex;flex-wrap: wrap;}
.currency {width: 50%;max-width: 50%;display: flex;align-items: center;margin-bottom: 4px;}
.currency p {margin: 0;font-size: 11px;}
.currency .name {font-weight: bold;}
.currency .rate-up {color: green;}
.currency .rate-down {color: red;}
.date-block {color: #545454;margin-bottom: 16px;}
.image-block {max-width: 50%;margin-bottom: 8px;}
.image-block img {width: 100%;}
.currency .arrow-up {height: 34px;width: 17px;background-image: url("//static.zakon.kz/static_zakon/2020/img/up.svg");}
.currency .arrow-down {height: 34px;width: 17px;background-image: url("//static.zakon.kz/static_zakon/2020/img/down.svg");}
.head-block {display: flex;}
.text-block {max-width: 50%;width: 100%;display: flex;justify-content: flex-end;text-align: end;font-size: 12px;}
.text-block p {margin: 0;}

.parimatch {position: relative;}
.parimatch img {position: absolute;top: -4px;height: 30px;width: auto; margin-left: 8px;}
.parimatch-menu {padding: 13px 24px;}
.parimatch-menu .parimatch{display: flex;align-items: center;}
.parimatch-menu .parimatch img{position: unset;}