{"version":3,"sources":["index.scss","index.css","../../assets/styles/mixins/_functions.scss"],"names":[],"mappings":"A,AAuPI,6BACC,E,CACC,kB,CAED,G,CACC,kB,CAED,E,CACC,kB,CACA,W,AATF,qBACC,E,CACC,kB,CAED,G,CACC,kB,CAED,E,CACC,kB,CACA,W,AAoBH,uBACC,E,CACC,wC,CAED,E,CACC,+C,AALF,eACC,E,CACC,wC,CAED,E,CACC,+CAtRL,e,CACC,iB,CADD,8B,CAeC,uB,CAXC,iB,CACA,K,CACA,M,CACA,U,CACA,W,CAOD,uB,CAMC,S,CAGD,uB,CACC,iB,CACA,kC,CACA,qB,CACA,gB,CAGD,4B,CACC,iB,CACA,S,CACA,6C,CAGD,uB,CACG,iB,CCfA,iC,CDkBE,wB,CACA,kB,CAGJ,8B,CACC,U,CACA,W,CACA,gB,CACA,qC,CACA,kB,CACA,4B,CACA,U,CACA,c,CACA,c,CACA,uC,CAVA,yD,CElBD,U,CACA,S,CFiBC,gD,CEdD,U,CACA,S,CFaC,oD,CAAA,qD,CEVD,U,CACA,S,CFSC,2C,CEND,U,CACA,S,CFoBA,+B,CACC,iB,CACA,O,CACA,S,CACA,0B,CACA,U,CACA,W,CACA,qB,CACA,iB,CACA,kB,CACA,gB,CACA,0B,CCVG,yC,CDyBE,U,CACA,Q,CA3BL,iC,CA2QA,gC,CAxPC,iB,CACA,O,CACA,Q,CACA,8B,CAWH,wB,CACC,iB,CACA,S,CACA,oB,CAEA,6B,CACC,oB,CACA,iB,CACA,U,CACA,Y,CACA,yC,CACG,4C,CACA,2B,CACH,c,CACA,gB,CACA,S,CAEA,yBAZD,6B,CAaE,kB,AAIA,yBAjBD,6C,CAkBE,iBAlBF,qE,CAAA,mE,CAyBE,qC,CAEwF,gBAAA,uE,MAAA,+D,GA3B1F,qC,CAAA,mC,CA4BO,qB,CACA,0BA7BP,mC,CAAA,oC,CAmCC,U,CACA,iB,CACA,U,CACA,uB,CACA,qB,CACA,kB,CACA,W,CAzCD,oC,CA6CK,uB,CClCA,8C,CDoCE,O,CA/CP,mC,CAoDK,wB,CCrCA,6C,CDuCE,M,CAKR,8B,CACC,iB,CACA,O,CACA,Q,CACA,8B,CACA,U,CACA,U,CACA,iB,CACA,c,CACA,S,CAGD,8B,CACC,iB,CACA,Q,CACA,W,CACA,U,CACA,W,CACA,iB,CACA,kB,CACA,gB,CACA,0B,CACA,qB,CACA,iB,CACG,S,CC3CA,wC,CD6CE,U,CACA,U,CAGN,+B,CACC,iB,CACA,U,CACA,W,CACA,K,CACA,Q,CACA,Q,CACA,0B,CACA,4B,CACA,8B,CACA,S,CACG,uE,CAAA,+D,CACqF,gBAAA,uE,MAAA,+D,GAZzF,+B,CAaM,cAKP,qB,CACC,iB,CACA,U,CACA,iB,CAEA,yBALD,qB,CAME,mBAKF,yB,CACC,iB,CACA,8B,CACA,S,CACA,a,CACA,8B,CACA,qB,CACA,sC,CAPA,+B,CAUC,uC,CACA,S,CAXD,4E,CAcE,S,CAdF,8D,CAkBE,O,CACA,S,CAnBF,sE,CAsBG,6C,CAAA,qC,CAtBH,qE,CAyBG,yC,CAAA,iC,CAkBH,iC,CACC,iB,CACA,S,CACA,oB,CACA,Q,CACA,U,CACA,W,CACA,0B,CACA,iB,CACA,4B,CACA,8B,CACG,wC,CAAA,gC,CACA,Y,CAvDJ,6B,CAoEC,U,CACA,W,CACA,iB,CACA,S,CAvED,wC,CA0EE,S,CAIF,8B,CACC,Y,CACA,qB,CACA,8B,CACA,iB,CACA,M,CACA,Q,CACA,U,CACA,S,CAGD,qC,CACC,iB,CACA,a,CACA,K,CACA,M,CACA,U,CACA,yB,CANA,4C,CASC,U,CACA,iB,CACA,K,CACA,M,CACA,U,CACA,W,CACA,S,CACA,S,CACA,8B,CACA,kD,CAIF,8B,CACC,a,CACA,iB,CACA,qB,CACA,sC,CACA,iB,CACA,oB,CACA,Q,CACA,8B,CACA,U,CACA,W,CACA,S,CACA,8B,CACA,S,CAbA,qC,CAAA,sC,CAgBC,U,CACA,iB,CACA,K,CACA,M,CACA,O,CACA,Q,CACA,iB,CACA,U,CACA,qC,CAxBD,qC,CAoCC,qC,CApCD,gC,CA4CC,c,CACA,0B,CAIA,+B,CACD,iB,CACA,Q,CACA,U,CACA,W,CACA,Y,CACA,S,CACA,e,CAPE,sC,CAUD,iB,CACA,K,CACA,O,CACA,e,CCnEI,6C,CDsDH,8C,CAiBA,U,CACA,iB,CACA,S,CACA,S,CACA,U,CArBA,8C,CAyBA,K,CACA,M,CA1BA,6C,CA8BA,O,CACA,Q,CA/BA,gDAAA,O,MAAA,O,CAmCA,a,CACA,iB,CACA,S,CACA,W,CACA,iB,CACA,c,CACA,gB,CACK,uB,CACA,U,CA3CL,mD,CA+CA,U,CACA,W,CC5EK,0D,CD4BL,2D,CAoDC,kC,CApDD,6DAAA,O,MAAA,O,CAwDC,U,CACA,S,CACA,M,CACA,uB,CACA,6E,CA5DD,mD,CAoEA,U,CACA,W,CCrFK,0D,CDgBL,2D,CAyEC,uC,CAzED,6DAAA,O,MAAA,O,CA6EC,W,CACA,S,CACA,M,CACA,uB,CACA,mF","file":"../index.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-page-intro {\r\n\tposition: relative;\r\n\r\n\t.brk-preloader {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t&__item {\r\n\r\n\t}\r\n\r\n\t&__before {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t&__header {\r\n\t\tposition: relative;\r\n\t\tbackground: no-repeat center center;\r\n\t\tbackground-size: cover;\r\n\t\tmin-height: 730px;\r\n\t}\r\n\r\n\t&__logo-search {\r\n\t\tposition: relative;\r\n\t\tz-index: 3;\r\n\t\tborder-bottom: 1px dashed rgba($white, .2);\r\n\t}\r\n\r\n\t&__search {\r\n    position: relative;\r\n    \r\n    [dir=\"rtl\"] & {\r\n      padding-left: 0 !important;\r\n      padding-right: 30px;\r\n    }\r\n\r\n\t\t&--input {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 52px;\r\n\t\t\tline-height: 52px;\r\n\t\t\tborder: 2px solid rgba($white, .2);\r\n\t\t\tborder-radius: 26px;\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tcolor: $white;\r\n\t\t\tpadding: 0 30px;\r\n\t\t\tfont-size: rem(16);\r\n\t\t\tbox-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.07);\r\n\r\n\t\t\t@include placeholder($white);\r\n\t\t}\r\n\r\n\t\t&--submit {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tright: 7px;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\twidth: 38px;\r\n\t\t\theight: 38px;\r\n\t\t\tbackground-color: $white;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tfont-size: rem(13);\r\n\t\t\tpadding-left: 3px;\r\n\t\t\tcolor: var(--brand-primary);\r\n\r\n\t\t\t[dir=rtl] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: 7px;\r\n\t\t\t}\r\n\r\n\t\t\ti {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n      }\r\n      \r\n      [dir=\"rtl\"] & {\r\n        right: auto;\r\n        left: 7px;\r\n      }\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&__sorting {\r\n\t\tposition: relative;\r\n\t\tz-index: 9;\r\n\t\tpadding: 40px 0 100px;\r\n\r\n\t\t&-item {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 70px;\r\n\t\t\theight: 122px;\r\n\t\t\tborder-top: 2px solid rgba($white, .4);\r\n      border-bottom: 2px solid rgba($white, .4);\r\n      transition: .5s border-color;\r\n\t\t\tcursor: pointer;\r\n\t\t\tmargin: 10px 23px;\r\n\t\t\topacity: 0;\r\n\r\n\t\t\t@media (max-width: 991px) {\r\n\t\t\t\tmargin: 10px 40px;\r\n\t\t\t}\r\n\r\n\t\t\t&:nth-child(even) {\r\n\t\t\t\t@media (min-width: 992px) {\r\n\t\t\t\t\tmargin-top: 80px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&.checked {\r\n\t\t\t\t.brk-page-intro__sorting-before {\r\n\t\t\t\t\tbackground-color: rgba($white, .1);\r\n        }\r\n        @supports not (clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)) {\r\n          border-top-color: $white;\r\n          border-bottom-color: $white;\r\n        }\r\n\t\t\t}\r\n\r\n\t\t\t&:before,\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: calc(100% + 4px);\r\n\t\t\t\tborder-bottom: inherit;\r\n\t\t\t\tborder-top: inherit;\r\n\t\t\t\tbottom: -2px;\r\n\t\t\t}\r\n\r\n\t\t\t&:before {\r\n        transform: rotate(60deg);\r\n        [dir=\"rtl\"] & {\r\n          right: 0;\r\n        }\r\n\t\t\t}\r\n\r\n\t\t\t&:after {\r\n        transform: rotate(-60deg);\r\n        [dir=\"rtl\"] & {\r\n          left: 0;\r\n        }\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-title {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: auto;\r\n\t\t\tcolor: $white;\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: rem(16);\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t&-count {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 18px;\r\n\t\t\tright: -28px;\r\n\t\t\twidth: 23px;\r\n\t\t\theight: 23px;\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: rem(13);\r\n\t\t\tline-height: 23px;\r\n\t\t\tcolor: var(--brand-primary);\r\n\t\t\tbackground-color: $white;\r\n\t\t\tborder-radius: 50%;\r\n      z-index: 3;\r\n      [dir=\"rtl\"] & {\r\n        right: auto;\r\n        left: -28px;\r\n      }\r\n\t\t}\r\n\t\t&-before {\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 200%;\r\n\t\t\theight: 100%;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t\tbackground-color: rgba($white, 0);\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tz-index: 1;\r\n      clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);\r\n      @supports not (clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)) {\r\n        display: none;\r\n      }\r\n\t\t}\r\n\t}\r\n\r\n\t&__body {\r\n\t\tposition: relative;\r\n\t\tz-index: 10;\r\n\t\tmargin-top: -235px;\r\n\r\n\t\t@media (max-width: 991px) {\r\n\t\t\tmargin-top: -100px;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&__template {\r\n\t\tposition: relative;\r\n\t\ttransition: all .3s ease-in-out;\r\n\t\tz-index: 1;\r\n\t\tmargin: 20px 0;\r\n\t\tpadding-top: calc(100% + 100px);\r\n\t\tbackground-color: $white;\r\n\t\tbox-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\r\n\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.3);\r\n\t\t\tz-index: 9;\r\n\r\n\t\t\t.brk-page-intro__template-active-link:before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.brk-page-intro__template-link {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t.before {\r\n\t\t\t\t\tanimation: 1.5s brk-pulse .3s infinite;\r\n\t\t\t\t}\r\n\t\t\t\t.after {\r\n\t\t\t\t\tanimation: brk-pulse 1.5s infinite;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@keyframes brk-pulse {\r\n\t\t\t\t\t0% {\r\n\t\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t50% {\r\n\t\t\t\t\t\ttransform: scale(2);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t100% {\r\n\t\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-loading {\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: 1;\r\n\t\t\ttop: calc(50% - 50px);\r\n\t\t\tleft: 50%;\r\n\t\t\twidth: 60px;\r\n\t\t\theight: 60px;\r\n\t\t\ttransform-origin: 30px 31px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbox-shadow: 0 1px 0 0 #1d3f72;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n      animation: eye 1s linear infinite;\r\n      display: none;\r\n\r\n\t\t\t@keyframes eye {\r\n\t\t\t\tfrom {\r\n\t\t\t\t\ttransform: translate(-50%, -50%) rotate(0);\r\n\t\t\t\t}\r\n\t\t\t\tto {\r\n\t\t\t\t\ttransform: translate(-50%, -50%) rotate(360deg);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 0;\r\n\r\n\t\t\t&.lazyloaded {\r\n\t\t\t\tz-index: 2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-info {\r\n\t\t\theight: 100px;\r\n\t\t\tbackground-color: $white;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tz-index: 4;\r\n\t\t}\r\n\r\n\t\t&-active-link {\r\n\t\t\tposition: absolute;\r\n\t\t\tdisplay: block;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: calc(100% - 100px);\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tz-index: 3;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\t\tbackground-color: rgba(var(--brand-primary-rgb), .9);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-link {\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground-color: $white;\r\n\t\t\tbox-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.3);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: calc(50% + 80px);\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\twidth: 64px;\r\n\t\t\theight: 64px;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all .3s ease-in-out;\r\n\t\t\tz-index: 4;\r\n\r\n\t\t\t.before {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\tbackground-color: rgba($white, .3);\r\n\t\t\t}\r\n\r\n\t\t\t.after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tz-index: -1;\r\n\t\t\t\tbackground-color: rgba($white, .1);\r\n\t\t\t}\r\n\r\n\t\t\ti {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\tfont-size: rem(16);\r\n\t\t\t\tcolor: var(--brand-primary);\r\n\t\t\t}\r\n    }\r\n    \r\n    &-stick {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -5px;\r\n\t\t\tright: -5px;\r\n\t\t\twidth: 100px;\r\n\t\t\theight: 100px;\r\n\t\t\tz-index: 9;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.stick {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.before,\r\n\t\t\t\t.after {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\twidth: 5px;\r\n\t\t\t\t\theight: 5px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.before {\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.after {\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tspan:not(.before):not(.after) {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tz-index: 2;\r\n\t\t\t\t\theight: 25px;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tfont-size: rem(16);\r\n\t\t\t\t\tline-height: 25px;\r\n          transform: rotate(45deg);\r\n          color: #fff;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(1) {\r\n\t\t\t\t\twidth: 66px;\r\n\t\t\t\t\theight: 66px;\r\n\r\n\t\t\t\t\t.before,\r\n\t\t\t\t\t.after {\r\n\t\t\t\t\t\tbackground-color: var(--brk-base-3);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tspan:not(.before):not(.after) {\r\n\t\t\t\t\t\twidth: 92px;\r\n\t\t\t\t\t\ttop: -25px;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\ttransform-origin: 0 100%;\r\n\t\t\t\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tto left,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-base-6),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-base-5));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t.before,\r\n\t\t\t\t\t.after {\r\n\t\t\t\t\t\tbackground-color: var(--brk-secondary-2);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tspan:not(.before):not(.after) {\r\n\t\t\t\t\t\twidth: 141px;\r\n\t\t\t\t\t\ttop: -25px;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\ttransform-origin: 0 100%;\r\n\t\t\t\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tto right,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-base-3),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvar(--brk-secondary-3));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",".brk-page-intro {\n  position: relative; }\n  .brk-page-intro .brk-preloader {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%; }\n  .brk-page-intro__before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1; }\n  .brk-page-intro__header {\n    position: relative;\n    background: no-repeat center center;\n    background-size: cover;\n    min-height: 730px; }\n  .brk-page-intro__logo-search {\n    position: relative;\n    z-index: 3;\n    border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }\n  .brk-page-intro__search {\n    position: relative; }\n    [dir=\"rtl\"] .brk-page-intro__search {\n      padding-left: 0 !important;\n      padding-right: 30px; }\n    .brk-page-intro__search--input {\n      width: 100%;\n      height: 52px;\n      line-height: 52px;\n      border: 2px solid rgba(255, 255, 255, 0.2);\n      border-radius: 26px;\n      background-color: transparent;\n      color: #fff;\n      padding: 0 30px;\n      font-size: 1rem;\n      box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.07); }\n      .brk-page-intro__search--input::-webkit-input-placeholder {\n        color: #fff;\n        opacity: 1; }\n      .brk-page-intro__search--input::-moz-placeholder {\n        color: #fff;\n        opacity: 1; }\n      .brk-page-intro__search--input::-ms-input-placeholder {\n        color: #fff;\n        opacity: 1; }\n      .brk-page-intro__search--input::placeholder {\n        color: #fff;\n        opacity: 1; }\n    .brk-page-intro__search--submit {\n      position: absolute;\n      top: 50%;\n      right: 7px;\n      transform: translateY(-50%);\n      width: 38px;\n      height: 38px;\n      background-color: #fff;\n      border-radius: 50%;\n      font-size: 0.8125rem;\n      padding-left: 3px;\n      color: var(--brand-primary); }\n      [dir=rtl] .brk-page-intro__search--submit {\n        right: auto;\n        left: 7px; }\n      .brk-page-intro__search--submit i {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%); }\n      [dir=\"rtl\"] .brk-page-intro__search--submit {\n        right: auto;\n        left: 7px; }\n  .brk-page-intro__sorting {\n    position: relative;\n    z-index: 9;\n    padding: 40px 0 100px; }\n    .brk-page-intro__sorting-item {\n      display: inline-block;\n      position: relative;\n      width: 70px;\n      height: 122px;\n      border-top: 2px solid rgba(255, 255, 255, 0.4);\n      border-bottom: 2px solid rgba(255, 255, 255, 0.4);\n      transition: .5s border-color;\n      cursor: pointer;\n      margin: 10px 23px;\n      opacity: 0; }\n      @media (max-width: 991px) {\n        .brk-page-intro__sorting-item {\n          margin: 10px 40px; } }\n      @media (min-width: 992px) {\n        .brk-page-intro__sorting-item:nth-child(even) {\n          margin-top: 80px; } }\n      .brk-page-intro__sorting-item:hover .brk-page-intro__sorting-before, .brk-page-intro__sorting-item.checked .brk-page-intro__sorting-before {\n        background-color: rgba(255, 255, 255, 0.1); }\n      @supports not (clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)) {\n        .brk-page-intro__sorting-item:hover, .brk-page-intro__sorting-item.checked {\n          border-top-color: #fff;\n          border-bottom-color: #fff; } }\n      .brk-page-intro__sorting-item:before, .brk-page-intro__sorting-item:after {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: calc(100% + 4px);\n        border-bottom: inherit;\n        border-top: inherit;\n        bottom: -2px; }\n      .brk-page-intro__sorting-item:before {\n        transform: rotate(60deg); }\n        [dir=\"rtl\"] .brk-page-intro__sorting-item:before {\n          right: 0; }\n      .brk-page-intro__sorting-item:after {\n        transform: rotate(-60deg); }\n        [dir=\"rtl\"] .brk-page-intro__sorting-item:after {\n          left: 0; }\n    .brk-page-intro__sorting-title {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: auto;\n      color: #fff;\n      text-align: center;\n      font-size: 1rem;\n      z-index: 2; }\n    .brk-page-intro__sorting-count {\n      position: absolute;\n      top: 18px;\n      right: -28px;\n      width: 23px;\n      height: 23px;\n      text-align: center;\n      font-size: 0.8125rem;\n      line-height: 23px;\n      color: var(--brand-primary);\n      background-color: #fff;\n      border-radius: 50%;\n      z-index: 3; }\n      [dir=\"rtl\"] .brk-page-intro__sorting-count {\n        right: auto;\n        left: -28px; }\n    .brk-page-intro__sorting-before {\n      position: absolute;\n      width: 200%;\n      height: 100%;\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      background-color: rgba(255, 255, 255, 0);\n      transition: all .3s ease-in-out;\n      z-index: 1;\n      clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); }\n      @supports not (clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%)) {\n        .brk-page-intro__sorting-before {\n          display: none; } }\n  .brk-page-intro__body {\n    position: relative;\n    z-index: 10;\n    margin-top: -235px; }\n    @media (max-width: 991px) {\n      .brk-page-intro__body {\n        margin-top: -100px; } }\n  .brk-page-intro__template {\n    position: relative;\n    transition: all .3s ease-in-out;\n    z-index: 1;\n    margin: 0 0;\n    padding-top: 100%;\n    background-color: #fff;\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); }\n    .brk-page-intro__template:hover {\n      box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.3);\n      z-index: 9; }\n      .brk-page-intro__template:hover .brk-page-intro__template-active-link:before {\n        opacity: 1; }\n      .brk-page-intro__template:hover .brk-page-intro__template-link {\n        top: 50%;\n        opacity: 1; }\n        .brk-page-intro__template:hover .brk-page-intro__template-link .before {\n          animation: 1.5s brk-pulse .3s infinite; }\n        .brk-page-intro__template:hover .brk-page-intro__template-link .after {\n          animation: brk-pulse 1.5s infinite; }\n\n@keyframes brk-pulse {\n  0% {\n    transform: scale(1); }\n  50% {\n    transform: scale(2); }\n  100% {\n    transform: scale(1);\n    opacity: 0; } }\n    .brk-page-intro__template-loading {\n      position: absolute;\n      z-index: 1;\n      top: calc(50% - 50px);\n      left: 50%;\n      width: 60px;\n      height: 60px;\n      transform-origin: 30px 31px;\n      border-radius: 50%;\n      box-shadow: 0 1px 0 0 #1d3f72;\n      transform: translate(-50%, -50%);\n      animation: eye 1s linear infinite;\n      display: none; }\n\n@keyframes eye {\n  from {\n    transform: translate(-50%, -50%) rotate(0); }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg); } }\n    .brk-page-intro__template img {\n      width: 100%;\n      height: auto;\n      position: relative;\n      z-index: 0; }\n      .brk-page-intro__template img.lazyloaded {\n        z-index: 2; }\n    .brk-page-intro__template-info {\n      height: 100px;\n      background-color: #fff;\n      transition: all .3s ease-in-out;\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: 4; }\n    .brk-page-intro__template-active-link {\n      position: absolute;\n      display: block;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: calc(100% - 100px); }\n      .brk-page-intro__template-active-link:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 3;\n        opacity: 0;\n        transition: all .3s ease-in-out;\n        background-color: rgba(var(--brand-primary-rgb), 0.9); }\n    .brk-page-intro__template-link {\n      display: block;\n      border-radius: 50%;\n      background-color: #fff;\n      box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.3);\n      position: absolute;\n      top: calc(50% + 80px);\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 64px;\n      height: 64px;\n      opacity: 0;\n      transition: all .3s ease-in-out;\n      z-index: 4; }\n      .brk-page-intro__template-link .before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border-radius: 50%;\n        z-index: -1;\n        background-color: rgba(255, 255, 255, 0.3); }\n      .brk-page-intro__template-link .after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border-radius: 50%;\n        z-index: -1;\n        background-color: rgba(255, 255, 255, 0.1); }\n      .brk-page-intro__template-link i {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        font-size: 1rem;\n        color: var(--brand-primary); }\n    .brk-page-intro__template-stick {\n      position: absolute;\n      top: -5px;\n      right: -5px;\n      width: 100px;\n      height: 100px;\n      z-index: 9;\n      overflow: hidden; }\n      .brk-page-intro__template-stick .stick {\n        position: absolute;\n        top: 0;\n        right: 0;\n        overflow: hidden; }\n        .brk-page-intro__template-stick .stick .before,\n        .brk-page-intro__template-stick .stick .after {\n          content: '';\n          position: absolute;\n          z-index: 1;\n          width: 5px;\n          height: 5px; }\n        .brk-page-intro__template-stick .stick .before {\n          top: 0;\n          left: 0; }\n        .brk-page-intro__template-stick .stick .after {\n          right: 0;\n          bottom: 0; }\n        .brk-page-intro__template-stick .stick span:not(.before):not(.after) {\n          display: block;\n          position: absolute;\n          z-index: 2;\n          height: 25px;\n          text-align: center;\n          font-size: 1rem;\n          line-height: 25px;\n          transform: rotate(45deg);\n          color: #fff; }\n        .brk-page-intro__template-stick .stick:nth-child(1) {\n          width: 66px;\n          height: 66px; }\n          .brk-page-intro__template-stick .stick:nth-child(1) .before,\n          .brk-page-intro__template-stick .stick:nth-child(1) .after {\n            background-color: var(--brk-base-3); }\n          .brk-page-intro__template-stick .stick:nth-child(1) span:not(.before):not(.after) {\n            width: 92px;\n            top: -25px;\n            left: 0;\n            transform-origin: 0 100%;\n            background-image: linear-gradient(to left, var(--brk-base-6), var(--brk-base-5)); }\n        .brk-page-intro__template-stick .stick:nth-child(2) {\n          width: 100%;\n          height: 100%; }\n          .brk-page-intro__template-stick .stick:nth-child(2) .before,\n          .brk-page-intro__template-stick .stick:nth-child(2) .after {\n            background-color: var(--brk-secondary-2); }\n          .brk-page-intro__template-stick .stick:nth-child(2) span:not(.before):not(.after) {\n            width: 141px;\n            top: -25px;\n            left: 0;\n            transform-origin: 0 100%;\n            background-image: linear-gradient(to right, var(--brk-base-3), var(--brk-secondary-3)); }\n","$browser-context: 16;\r\n\r\n@function em($pixels, $context: $browser-context) {\r\n\t@if (unitless($pixels)) {\r\n\t\t$pixels: $pixels * 1px;\r\n\t}\r\n\r\n\t@if (unitless($context)) {\r\n\t\t$context: $context * 1px;\r\n\t}\r\n\r\n\t@return $pixels / $context * 1em;\r\n}\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n\t@if (unitless($pixels)) {\r\n\t\t$pixels: $pixels * 1px;\r\n\t}\r\n\r\n\t@if (unitless($context)) {\r\n\t\t$context: $context * 1px;\r\n\t}\r\n\r\n\t@return $pixels / $context * 1rem;\r\n}\r\n\r\n// Placeholder text\r\n// ----------------\r\n@mixin placeholder($color: #555555, $opacity: 1) {\r\n\t&::-webkit-input-placeholder {\r\n\t\tcolor: $color;\r\n\t\topacity: $opacity;\r\n\t}\r\n\t&::-moz-placeholder {\r\n\t\tcolor: $color;\r\n\t\topacity: $opacity;\r\n\t}\r\n\t&::-ms-input-placeholder {\r\n\t\tcolor: $color;\r\n\t\topacity: $opacity;\r\n\t}\r\n\t&::placeholder {\r\n\t\tcolor: $color;\r\n\t\topacity: $opacity;\r\n\t}\r\n}"]}