/* Start:/local/templates/foxel2021/assets/vendors/fancybox/jquery.fancybox.min.css?158677274112795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/foxel2021/assets/vendors/nprogress/nprogress.min.css?15929151921065*/
#nprogress{pointer-events:none}#nprogress .bar{background:#ff860f;position:fixed;z-index:4002;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1.0;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#ff860f;border-left-color:#ff860f;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0{transform:rotate(0)}100%{transform:rotate(360deg)}}
/* End */


/* Start:/local/templates/foxel2021/assets/css/style.css?166298275391097*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: 'RoubleArial';
  src: url("data:font/truetype;base64,AAEAAAAQAQAABAAATFRTSAM8AgsAAAIMAAAADU9TLzJniF9NAAABiAAAAGBWRE1Ybm52mQAAAhwAAAXgY21hcAl/E/EAAAkYAAABJGN2dCAAFAAAAAALyAAAAAZmcGdtBlmcNwAACjwAAAFzZ2x5ZhX5T20AAAvQAAABSGhkbXgFN29VAAAH/AAAARxoZWFkA2yHgwAAAQwAAAA2aGhlYQeHA4MAAAFEAAAAJGhtdHgItwCeAAAB6AAAACRsb2NhAUgBSAAADRgAAAAUbWF4cAIWAZkAAAFoAAAAIG5hbWVNQun4AAANLAAAATtwb3N0+R8+aAAADmgAAABRcHJlcBz8fZwAAAuwAAAAFgABAAAAAQAAYsvmyF8PPPUAGQPoAAAAANBQc58AAAAA0FLQQgCeAAAC/wK8AAAACQACAAAAAAAAAAEAAAMg/zgAyAPoAJ4AWQL/AAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJACUAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwE+AZAABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAIAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAUFlSUwBAAAAEQwMg/zgAyAK8AAAAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAANYAJ4ASwAAAEsAAAAAAAAAAAAJAQEBAQE7AQEBAAAAAAAAAQABAQEBAQAMAPgI/wAIAAYAAAAJAAcAAAAKAAcAAAALAAgAAAAMAAkAAAANAAoAAAAOAAoAAAAPAAsAAAAQAAwAAAARAAwAAAASAA0AAAATAA4AAAAUAA4AAAAVAA8AAAAWABAAAAAXABEAAAAYABEAAAAZABIAAAAaABMAAAAbABMAAAAcABQAAAAdABUAAAAeABUAAAAfABYAAAAgABcAAAAhABgAAAAiABgAAAAjABkAAAAkABoAAAAlABoAAAAmABsAAAAnABwAAAAoABwAAAApAB0AAAAqAB4AAAArAB8AAAAsAB8AAAAtACAAAAAuACEAAAAvACEAAAAwACIAAAAxACMAAAAyACMAAAAzACQAAAA0ACUAAAA1ACYAAAA2ACYAAAA3ACcAAAA4ACgAAAA5ACgAAAA6ACkAAAA7ACoAAAA8ACoAAAA9ACsAAAA+ACwAAAA/AC0AAABAAC0AAABBAC4AAABCAC8AAABDAC8AAABEADAAAABFADEAAABGADEAAABHADIAAABIADMAAABJADQAAABKADQAAABLADUAAABMADYAAABNADYAAABOADcAAABPADgAAABQADgAAABRADkAAABSADoAAABTADsAAABUADsAAABVADwAAABWAD0AAABXAD0AAABYAD4AAABZAD8AAABaAD8AAABbAEAAAABcAEEAAABdAEIAAABeAEIAAABfAEMAAABgAEQAAABhAEQAAABiAEUAAABjAEYAAABkAEYAAABlAEcAAABmAEgAAABnAEkAAABoAEkAAABpAEoAAABqAEsAAABrAEsAAABsAEwAAABtAE0AAABuAE0AAABvAE4AAABwAE8AAABxAFAAAAByAFAAAABzAFEAAAB0AFIAAAB1AFIAAAB2AFMAAAB3AFQAAAB4AFQAAAB5AFUAAAB6AFYAAAB7AFcAAAB8AFcAAAB9AFgAAAB+AFkAAAB/AFkAAACAAFoAAACBAFsAAACCAFsAAACDAFwAAACEAF0AAACFAF4AAACGAF4AAACHAF8AAACIAGAAAACJAGAAAACKAGEAAACLAGIAAACMAGIAAACNAGMAAACOAGQAAACPAGUAAACQAGUAAACRAGYAAACSAGcAAACTAGcAAACUAGgAAACVAGkAAACWAGkAAACXAGoAAACYAGsAAACZAGwAAACaAGwAAACbAG0AAACcAG4AAACdAG4AAACeAG8AAACfAHAAAACgAHAAAAChAHEAAACiAHIAAACjAHMAAACkAHMAAAClAHQAAACmAHUAAACnAHUAAACoAHYAAACpAHcAAACqAHcAAACrAHgAAACsAHkAAACtAHoAAACuAHoAAACvAHsAAACwAHwAAACxAHwAAACyAH0AAACzAH4AAAC0AH4AAAC1AH8AAAC2AIAAAAC3AIEAAAC4AIEAAAC5AIIAAAC6AIMAAAC7AIMAAAC8AIQAAAC9AIUAAAC+AIUAAAC/AIYAAADAAIcAAADBAIgAAADCAIgAAADDAIkAAADEAIoAAADFAIoAAADGAIsAAADHAIwAAADIAIwAAADJAI0AAADKAI4AAADLAI8AAADMAI8AAADNAJAAAADOAJEAAADPAJEAAADQAJIAAADRAJMAAADSAJMAAADTAJQAAADUAJUAAADVAJYAAADWAJYAAADXAJcAAADYAJgAAADZAJgAAADaAJkAAADbAJoAAADcAJoAAADdAJsAAADeAJwAAADfAJ0AAADgAJ0AAADhAJ4AAADiAJ8AAADjAJ8AAADkAKAAAADlAKEAAADmAKEAAADnAKIAAADoAKMAAADpAKQAAADqAKQAAADrAKUAAADsAKYAAADtAKYAAADuAKcAAADvAKgAAADwAKgAAADxAKkAAADyAKoAAADzAKsAAAD0AKsAAAD1AKwAAAD2AK0AAAD3AK0AAAD4AK4AAAD5AK8AAAD6AK8AAAD7ALAAAAD8ALEAAAD9ALIAAAD+ALIAAAD/ALMAAAAAABcAAAAMCQkBCQABAQgBAQAACgoBCgABAQkBAQAACwsBCwABAQkBAQAADAwBDAABAQoBAQAADQ0BDQABAQsBAQAADw8BDwABAQwBAQAAEBABEAABAQ4BAQAAEREBEQABAQ8BAQAAExMBEwABAREBAQAAFRUCFQACAhICAgAAGBgCGAACAhQCAgAAGxsCGwACAhcCAgAAHR0CHQACAhoCAgAAICACIAACAhwCAgAAISECIQACAhwCAgAAJSUDJQADAx8DAwAAKioDKgADAyQDAwAALi4DLgADAycDAwAAMjIEMgAEBCsEBAAANjYENgAEBC4EBAAAOjoEOgAEBDEEBAAAQ0MFQwAFBTkFBQAAS0sGSwAGBkAGBgAAAAAAAwAAAAMAAADUAAEAAAAAABwAAwABAAAAhAAGAGgAAAAAAC8AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQAUAAAABAAEAADAAAAAAANACAALgQxBEAEQ///AAAAAAANACAALgQxBEAEQ///AAH/9f/j/9b71PvG+8QAAQAAAAAAAAAAAAAAAAAAAAAABABQAAAAEAAQAAMAAAAAAA0AIAAuBDEEQARD//8AAAAAAA0AIAAuBDEEQARD//8AAf/1/+P/1vvU+8b7xAABAAAAAAAAAAAAAAAAAAAAALgAACxLuAAJUFixAQGOWbgB/4W4AEQduQAJAANfXi24AAEsICBFaUSwAWAtuAACLLgAASohLbgAAywgRrADJUZSWCNZIIogiklkiiBGIGhhZLAEJUYgaGFkUlgjZYpZLyCwAFNYaSCwAFRYIbBAWRtpILAAVFghsEBlWVk6LbgABCwgRrAEJUZSWCOKWSBGIGphZLAEJUYgamFkUlgjilkv/S24AAUsSyCwAyZQWFFYsIBEG7BARFkbISEgRbDAUFiwwEQbIVlZLbgABiwgIEVpRLABYCAgRX1pGESwAWAtuAAHLLgABiotuAAILEsgsAMmU1iwQBuwAFmKiiCwAyZTWCMhsICKihuKI1kgsAMmU1gjIbgAwIqKG4ojWSCwAyZTWCMhuAEAioobiiNZILADJlNYIyG4AUCKihuKI1kguAADJlNYsAMlRbgBgFBYIyG4AYAjIRuwAyVFIyEjIVkbIVlELbgACSxLU1hFRBshIVktALgAACsAugABAAEAByu4AAAgRX1pGEQAAAAUAAAAAAAAAAIAngAAAv8CvAAZACQA3rgAJS+4AB4vuAAlELgAAdC4AAEvQQUA2gAeAOoAHgACXUEbAAkAHgAZAB4AKQAeADkAHgBJAB4AWQAeAGkAHgB5AB4AiQAeAJkAHgCpAB4AuQAeAMkAHgANXbgAHhC4AAncuAABELgAGty4AA3QuAAaELgAEdC4AAEQuAAT0LgAARC4ABfQuAAJELgAJtwAuAAARVi4ABIvG7kAEgABPlm6AAMAIwADK7oADwAQAAMrugAbAAwAAyu4ABsQuAAA0LgAAC+4ABAQuAAU0LgADxC4ABbQuAAMELgAGNAwMRMzESEyFx4CFRQGKwEVIRUhFSM1IzUzNSM3MzI2NTQmJyYrAZ5LAQpFJDRGKXCUtgGD/n1cS0tLp7dZTC0kGD61AW4BTgYJMFY0Wn0+UI6OUD5UQz0sPQoHAAAAAAAAAAAAAAAAAACkAKQApACkAAAADACWAAEAAAAAAAEACAAAAAEAAAAAAAIABwAIAAEAAAAAAAMAEwAPAAEAAAAAAAQACAAiAAEAAAAAAAUABQAqAAEAAAAAAAYACAAvAAMAAQQJAAEAEAA3AAMAAQQJAAIADgBHAAMAAQQJAAMAJgBVAAMAAQQJAAQAEAB7AAMAAQQJAAUACgCLAAMAAQQJAAYAEACVQnJpYWxSdWJSZWd1bGFyMS4wMDA7cHlycztBcmlhbFJ1YkFyaWFsUnViMS4wMDBBcmlhbFJ1YgBCAHIAaQBhAGwAUgB1AGIAUgBlAGcAdQBsAGEAcgAxAC4AMAAwADAAOwBwAHkAcgBzADsAQgByAGkAYQBsAFIAdQBiAEIAcgBpAGEAbABSAHUAYgAxAC4AMAAwADAAQgByAGkAYQBsAFIAdQBiAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAkAAAALAAIAAwARAQIBAwEEAQUHdW5pMDQzMQd1bmkwNDQwB3VuaTA0NDMETlVMTAAAAA==") format("truetype");
  font-weight: normal; }
html {
  height: 100%; }

body {
  background: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 96px;
  padding-bottom: 148px;
  position: relative;
  min-height: 100%;
  box-sizing: border-box; }
  body.main-page {
    padding-top: 0; }
    body.main-page .b-header-contact-btn {
      visibility: hidden;
      opacity: 0; }

.l-container-main * {
  box-sizing: border-box; }
.l-container-main input, .l-container-main button {
  outline: none; }
.l-container-main input[type="text"] {
  transition: 0.2s all ease-in-out;
  width: 100%; }
  .l-container-main input[type="text"]:focus {
    border-color: #FF860F;
    box-shadow: 0 1px 0 0 #FF860F; }
.l-container-main a {
  transition: 0.2s all ease-in-out;
  text-decoration: none; }

h1 {
  font-size: 40px;
  font-weight: 800;
  margin: 32px 0 48px 0; }

h2 {
  font-size: 32px;
  font-weight: 800;
  margin: 32px 0 48px 0; }

a {
  color: #FF860F; }
  a:hover {
    color: #db6d00; }

.s-rub {
  font-family: 'RoubleArial',Arial,sans-serif; }

.s-btn, .b-nav__link, .b-local-nav__link, .modern-page-navigation a, .modern-page-navigation .modern-page-current {
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 4px;
  transition: 0.2s all ease-in-out;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .s-btn:after, .b-nav__link:after, .b-local-nav__link:after, .modern-page-navigation a:after, .modern-page-navigation .modern-page-current:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 1s; }
  .s-btn:active:after, .b-nav__link:active:after, .b-local-nav__link:active:after, .modern-page-navigation a:active:after, .modern-page-navigation .modern-page-current:active:after {
    transform: scale(0, 0);
    opacity: .3;
    transition: 0s; }
  .s-btn:hover, .b-nav__link:hover, .b-local-nav__link:hover, .modern-page-navigation a:hover, .modern-page-navigation .modern-page-current:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.87); }
  .s-btn .material-icons-outlined, .b-nav__link .material-icons-outlined, .b-local-nav__link .material-icons-outlined, .modern-page-navigation a .material-icons-outlined, .modern-page-navigation .modern-page-current .material-icons-outlined {
    margin-right: 12px;
    margin-left: -4px; }

.s-btn--primary {
  background-color: #FF860F;
  color: #fff;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .s-btn--primary:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #ffa042;
    color: #fff; }
  .s-btn--primary:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 1s; }
  .s-btn--primary:active:after {
    transform: scale(0, 0);
    opacity: .3;
    transition: 0s; }

.s-btn--outlined-primary {
  border: 1px solid #FF860F;
  color: #FF860F;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .s-btn--outlined-primary:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #FF860F;
    color: #fff; }
  .s-btn--outlined-primary:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 1s; }
  .s-btn--outlined-primary:active:after {
    transform: scale(0, 0);
    opacity: .3;
    transition: 0s; }

.s-btn--outlined-secondary, .modern-page-navigation a, .modern-page-navigation .modern-page-current {
  border: 1px solid rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.87);
  padding: 0 24px; }
  .s-btn--outlined-secondary:hover, .modern-page-navigation a:hover, .modern-page-navigation .modern-page-current:hover {
    background: transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.87);
    border-color: rgba(0, 0, 0, 0.32); }

.s-btn--outlined-secondary-shaped, .b-local-nav__link {
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.87);
  padding: 0 24px; }
  .s-btn--outlined-secondary-shaped:hover, .b-local-nav__link:hover {
    background: transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.87);
    border-color: rgba(0, 0, 0, 0.32); }
  .s-btn--outlined-secondary-shaped.state-active, .state-active.b-local-nav__link {
    color: #fff;
    background-color: #000;
    border-color: #000; }
    .s-btn--outlined-secondary-shaped.state-active:hover, .state-active.b-local-nav__link:hover {
      cursor: default; }

.s-btn--icon {
  padding: 0 8px; }

.s-btn--lg {
  font-size: 18px;
  height: 56px;
  padding: 0 40px; }

.s-btn--with-icon-right [class*="material-icons"] {
  margin-left: 16px; }

.s-pl-bitrix {
  color: #C60C30 !important; }

.s-pl-nemo {
  color: #3FA1E6 !important; }

.s-pl-mw {
  color: #EF8214 !important; }

.s-pl-mag {
  color: #72B68B !important; }

.s-pl-magwc {
  color: #72B68B !important; }

.s-pl-smartfox {
  color: #FF860F !important; }

.s-pl-bitrix-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/bx_logo.svg"); }

.s-pl-nemo-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/nemo_logo.svg"); }

.s-pl-mw-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/megatec_logo.png"); }

.s-pl-mag-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/mag_logo.svg"); }

.s-pl-magwc-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/mag_logo.svg"); }

.s-pl-smartfox-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/smartfox_logo.png"); }

.s-pl-wp-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/ico_wp.svg"); }

.s-pl-dle-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/ico_dle.png"); }

.s-pl-ucoz-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/logo-ucoz.svg"); }

.s-pl-laravel-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/ico_laravel.svg");
  background-repeat: no-repeat;
  background-position: center; }

.s-pl-modxr-logo {
  background: url("/local/templates/foxel2021/assets/css/../images/ico_modx.png");
  background-repeat: no-repeat;
  background-position: center; }

.s-mt54 {
  margin-top: 54px; }

.s-text, .l-text-page {
  font-size: 16px;
  line-height: 28px; }
  .s-text body, .l-text-page body {
    font-size: 16px;
    line-height: 28px; }
  .s-text h2, .l-text-page h2 {
    font-size: 32px;
    font-weight: 700;
    padding: 40px 0 24px 0;
    margin: 0; }
    .s-text h2:first-child, .l-text-page h2:first-child {
      padding-top: 0; }
  .s-text h3, .l-text-page h3 {
    font-size: 24px;
    font-weight: 700;
    padding: 40px 0 24px 0; }
    .s-text h3:first-child, .l-text-page h3:first-child {
      padding-top: 0; }
  .s-text h4, .l-text-page h4 {
    font-size: 20px;
    font-weight: 700;
    padding: 40px 0 24px 0;
    margin: 0; }
    .s-text h4:first-child, .l-text-page h4:first-child {
      padding-top: 0; }
  .s-text p, .l-text-page p {
    margin: 12px 0; }
    .s-text p:first-child, .l-text-page p:first-child {
      margin-top: 0; }
    .s-text p:last-child, .l-text-page p:last-child {
      margin-bottom: 0; }
  .s-text ul, .l-text-page ul {
    padding: 0 0 0 22px;
    margin: 12px 0; }
    .s-text ul li, .l-text-page ul li {
      position: relative;
      margin-top: 10px;
      min-height: 28px; }
      .s-text ul li:before, .l-text-page ul li:before {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #FF860F;
        position: absolute;
        left: -22px;
        top: 11px; }
      .s-text ul li:first-child, .l-text-page ul li:first-child {
        margin-top: 0; }
    .s-text ul:last-child, .l-text-page ul:last-child {
      padding-bottom: 0; }
  .s-text ol, .l-text-page ol {
    list-style: decimal;
    padding: 0 0 0 22px;
    margin: 12px 0; }
    .s-text ol li, .l-text-page ol li {
      margin-top: 10px; }
    .s-text ol:last-child, .l-text-page ol:last-child {
      padding-bottom: 0; }
  .s-text b, .l-text-page b {
    font-weight: 600; }
  .s-text hr, .l-text-page hr {
    border: none;
    background: rgba(0, 0, 0, 0.1);
    height: 1px; }
  .s-text .quote, .l-text-page .quote {
    display: block;
    padding: 32px 32px 32px 89px;
    font-style: italic;
    border: 1px dashed #e5e5e5;
    position: relative; }
    .s-text .quote:before, .l-text-page .quote:before {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      content: 'format_quote';
      position: absolute;
      font-size: 40px;
      color: #FF860F;
      left: 24px;
      top: 26px;
      background-repeat: no-repeat; }
    .s-text .quote p, .l-text-page .quote p {
      padding: 0 !important; }
  .s-text .s-fz-h1, .l-text-page .s-fz-h1 {
    font-size: 40px;
    font-weight: 600; }
  .s-text .s-fz-h2, .l-text-page .s-fz-h2 {
    font-size: 24px;
    font-weight: 600; }
  .s-text .s-fz-h3, .l-text-page .s-fz-h3 {
    font-size: 20px;
    font-weight: 600; }
  .s-text .text-highlighter-1, .l-text-page .text-highlighter-1 {
    display: block;
    padding: 16px;
    border: 2px solid #000;
    color: #000;
    font-weight: 600;
    margin-bottom: 24px; }
  .s-text .text-highlighter-2, .l-text-page .text-highlighter-2 {
    display: block;
    padding: 16px;
    border: 2px solid #FF860F;
    color: #FF860F;
    font-weight: 600;
    margin-bottom: 24px; }
  .s-text .b-text-spoiler__trigger, .l-text-page .b-text-spoiler__trigger {
    transition: 0.2s all ease-in-out;
    font-size: 16px;
    font-weight: 600;
    padding: 24px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 2px; }
    .s-text .b-text-spoiler__trigger:after, .l-text-page .b-text-spoiler__trigger:after {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      font-size: 32px;
      transition: 0.2s all ease-in-out;
      content: 'arrow_drop_down';
      margin-left: 16px; }
    .s-text .b-text-spoiler__trigger:hover, .l-text-page .b-text-spoiler__trigger:hover {
      background: rgba(255, 134, 15, 0.05); }
  .s-text .b-text-spoiler__content, .l-text-page .b-text-spoiler__content {
    padding: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .s-text .b-text-spoiler.state-active .b-text-spoiler__trigger:after, .l-text-page .b-text-spoiler.state-active .b-text-spoiler__trigger:after {
    transform: rotate(-180deg); }
  .s-text table, .l-text-page table {
    margin: 0 0 32px 0;
    width: 100%; }
    .s-text table:last-child, .l-text-page table:last-child {
      margin-bottom: 0; }
    .s-text table th, .l-text-page table th {
      font-weight: 600;
      text-align: left;
      background-color: rgba(0, 0, 0, 0.03); }
    .s-text table td, .l-text-page table td, .s-text table th, .l-text-page table th {
      border: 1px solid #e3e3e3;
      padding: 24px; }
    .s-text table.table-width100-border, .l-text-page table.table-width100-border {
      width: 100%; }
      .s-text table.table-width100-border th, .l-text-page table.table-width100-border th {
        font-weight: 600;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.03); }
      .s-text table.table-width100-border td, .l-text-page table.table-width100-border td, .s-text table.table-width100-border th, .l-text-page table.table-width100-border th {
        border: 1px solid #e3e3e3;
        padding: 24px; }
    .s-text table.table-width-content-border, .l-text-page table.table-width-content-border {
      width: auto; }
      .s-text table.table-width-content-border th, .l-text-page table.table-width-content-border th {
        font-weight: 600;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.03); }
      .s-text table.table-width-content-border td, .l-text-page table.table-width-content-border td, .s-text table.table-width-content-border th, .l-text-page table.table-width-content-border th {
        border: 1px solid #e3e3e3;
        padding: 24px; }
    .s-text table.table-width100-no-border, .l-text-page table.table-width100-no-border {
      width: 100%; }
      .s-text table.table-width100-no-border th, .l-text-page table.table-width100-no-border th {
        font-weight: 600;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.03); }
      .s-text table.table-width100-no-border td, .l-text-page table.table-width100-no-border td, .s-text table.table-width100-no-border th, .l-text-page table.table-width100-no-border th {
        border: none;
        padding: 24px; }
        .s-text table.table-width100-no-border td:first-child, .l-text-page table.table-width100-no-border td:first-child, .s-text table.table-width100-no-border th:first-child, .l-text-page table.table-width100-no-border th:first-child {
          padding-left: 0; }
        .s-text table.table-width100-no-border td:last-child, .l-text-page table.table-width100-no-border td:last-child, .s-text table.table-width100-no-border th:last-child, .l-text-page table.table-width100-no-border th:last-child {
          padding-right: 0; }
    .s-text table.table-width-content-no-border, .l-text-page table.table-width-content-no-border {
      width: auto; }
      .s-text table.table-width-content-no-border th, .l-text-page table.table-width-content-no-border th {
        font-weight: 600;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.03); }
      .s-text table.table-width-content-no-border td, .l-text-page table.table-width-content-no-border td, .s-text table.table-width-content-no-border th, .l-text-page table.table-width-content-no-border th {
        border: none;
        padding: 24px; }
        .s-text table.table-width-content-no-border td:first-child, .l-text-page table.table-width-content-no-border td:first-child, .s-text table.table-width-content-no-border th:first-child, .l-text-page table.table-width-content-no-border th:first-child {
          padding-left: 0; }
        .s-text table.table-width-content-no-border td:last-child, .l-text-page table.table-width-content-no-border td:last-child, .s-text table.table-width-content-no-border th:last-child, .l-text-page table.table-width-content-no-border th:last-child {
          padding-right: 0; }
    .s-text table.table-bigdata, .l-text-page table.table-bigdata {
      width: 100%; }
      .s-text table.table-bigdata th, .l-text-page table.table-bigdata th {
        font-weight: 600;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.03); }
      .s-text table.table-bigdata td, .l-text-page table.table-bigdata td, .s-text table.table-bigdata th, .l-text-page table.table-bigdata th {
        border: 1px solid #e3e3e3;
        padding: 8px; }
  .s-text .case-info, .l-text-page .case-info {
    background: #f1f1f1; }

.s-main-title, .b-advantages__title h1 {
  font-size: 56px;
  font-weight: 800;
  position: relative;
  margin-top: 99px;
  margin-bottom: 118px; }
  .s-main-title:before, .b-advantages__title h1:before {
    content: '';
    width: 231px;
    height: 4px;
    position: absolute;
    bottom: -35px;
    left: 0;
    display: block;
    background: #FF860F; }

.s-main-mockup {
  position: absolute;
  right: 32px;
  top: 128px;
  width: 658px;
  height: 668px;
  background: url("/local/templates/foxel2021/assets/css/../images/main_mockup.png") center top; }

.s-relative {
  position: relative; }

.s-secondary-title, .s-text h2.s-secondary-title, .l-text-page h2.s-secondary-title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin: 168px 0 80px 0;
  width: 100%;
  position: relative; }
  .s-secondary-title:before, .s-text h2.s-secondary-title:before, .l-text-page h2.s-secondary-title:before {
    content: '';
    width: 80px;
    height: 4px;
    bottom: -33px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    background: rgba(0, 0, 0, 0.08); }
  .s-secondary-title--short-mt {
    margin-top: 120px; }
  .s-secondary-title--fzsmall, .s-text h2.s-secondary-title--fzsmall, .l-text-page h2.s-secondary-title--fzsmall, .s-text h3.s-secondary-title--fzsmall, .l-text-page h3.s-secondary-title--fzsmall {
    font-size: 32px; }
  .s-secondary-title--short-mt2, .s-text h2.s-secondary-title--short-mt, .l-text-page h2.s-secondary-title--short-mt {
    margin-top: 88px; }

.s-bx24-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px; }
  .s-bx24-form iframe {
    max-width: 600px; }

.s-op-image {
  transition: 0.2s all ease-in-out;
  opacity: 0.45; }
  .s-op-image:hover {
    opacity: 1; }

.s-pd-0 {
  padding-top: 0 !important; }

.s-wide-page .l-container {
  max-width: 100%;
  padding: 32px 0 0 0; }
.s-wide-page .b-breadcrumbs {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px; }
  @media (max-width: 1023px) {
    .s-wide-page .b-breadcrumbs {
      padding-left: 16px;
      padding-right: 16px; } }
.s-wide-page h1 {
  max-width: 1192px;
  padding: 32px 32px 0 32px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  position: relative;
  text-align: center; }
  .s-wide-page h1:before {
    content: '';
    width: 80px;
    height: 4px;
    bottom: -33px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    background: rgba(0, 0, 0, 0.08); }

.wrapper {
  max-width: 1192px;
  padding: 0 32px;
  margin: 0 auto; }

.l-header {
  transition: 0.2s all ease-in-out;
  height: 96px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3; }
  .l-header__inner {
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px; }
  .l-header__col {
    display: flex;
    align-items: center;
    height: 100%; }
  .l-header--start-screen {
    background: transparent;
    color: #fff; }
    .l-header--start-screen .b-logo img {
      opacity: 0;
      display: none; }
    .l-header--start-screen .b-logo--dark img {
      opacity: 1;
      display: inline-block; }
    .l-header--start-screen .b-nav__link {
      color: #fff;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0); }
      .l-header--start-screen .b-nav__link:hover {
        background-color: rgba(255, 255, 255, 0.12); }
      .l-header--start-screen .b-nav__link:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .l-header--start-screen .b-nav__link:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
    .l-header--start-screen .b-header-email {
      color: #fff; }
      .l-header--start-screen .b-header-email:hover {
        color: #FF860F; }
    .l-header--start-screen .b-header-phone {
      color: #fff; }
      .l-header--start-screen .b-header-phone:hover {
        color: #FF860F; }

@media screen and (min-width: 1024px) {
  body:not(.state-admin) .l-header.state-scroll {
    background: #1B1B1B;
    border-bottom: #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    height: 80px; }
    body:not(.state-admin) .l-header.state-scroll .b-logo img {
      opacity: 0;
      display: none; }
    body:not(.state-admin) .l-header.state-scroll .b-logo--dark img {
      opacity: 1;
      display: inline-block; }
    body:not(.state-admin) .l-header.state-scroll .b-nav {
      display: flex; }
      body:not(.state-admin) .l-header.state-scroll .b-nav__link {
        color: #fff;
        position: relative;
        overflow: hidden;
        transform: translate3d(0, 0, 0); }
        body:not(.state-admin) .l-header.state-scroll .b-nav__link:hover {
          background-color: rgba(255, 255, 255, 0.12); }
        body:not(.state-admin) .l-header.state-scroll .b-nav__link:after {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          pointer-events: none;
          background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
          background-repeat: no-repeat;
          background-position: 50%;
          transform: scale(10, 10);
          opacity: 0;
          transition: transform .5s, opacity 1s; }
        body:not(.state-admin) .l-header.state-scroll .b-nav__link:active:after {
          transform: scale(0, 0);
          opacity: .3;
          transition: 0s; }
    body:not(.state-admin) .l-header.state-scroll .b-header-email {
      color: #fff; }
      body:not(.state-admin) .l-header.state-scroll .b-header-email:hover {
        color: #FF860F; }
    body:not(.state-admin) .l-header.state-scroll .b-header-phone {
      color: #fff; }
      body:not(.state-admin) .l-header.state-scroll .b-header-phone:hover {
        color: #FF860F; }
    body:not(.state-admin) .l-header.state-scroll .b-header-contact-btn {
      visibility: visible;
      opacity: 1; } }
@media screen and (max-width: 1024px) {
  .l-header--start-screen .b-logo {
    display: none; }
  .l-header--start-screen .b-logo--dark {
    display: block; }

  body:not(.state-admin) .l-header--start-screen.state-scroll {
    background: #1B1B1B;
    border-bottom: #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    z-index: 3001; } }
.l-container {
  max-width: 1192px;
  padding: 32px 32px 0 32px;
  margin: 0 auto; }
  .l-container--wide {
    max-width: 1400px;
    width: 100%; }
  .l-container--start-screen {
    margin: 0; }

.l-projects-list {
  margin: 0 -24px;
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap; }
  .l-projects-list .b-project {
    width: 50%; }

.l-footer-spacer {
  height: 96px; }

.l-footer {
  height: 96px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  font-size: 14px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box; }
  .l-footer__link {
    color: rgba(0, 0, 0, 0.54);
    display: inline-block;
    margin: 0 16px;
    text-decoration: none; }
    .l-footer__link:hover {
      color: #FF860F; }
  .l-footer__inner {
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    box-sizing: border-box; }

.l-case-holder {
  margin-top: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*box-shadow: $box-shadow-md;*/
  font-size: 0; }
  .l-case-holder img {
    height: auto !important;
    width: 100% !important; }

.l-case-holder-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 64px -12px 0 -12px;
  font-size: 0; }
  .l-case-holder-gallery a {
    transition: 0.2s all ease-in-out;
    width: calc(33.333% - 24px);
    margin: 0 12px 24px 12px; }
    .l-case-holder-gallery a img {
      width: 100% !important;
      height: auto !important;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.1); }
    .l-case-holder-gallery a:hover {
      transform: translateY(-2px);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); }

.l-project-info {
  margin-top: 96px;
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 323px; }
  .l-project-info__left {
    min-width: 256px;
    max-width: 256px;
    padding-top: 64px; }
  .l-project-info__middle {
    position: absolute;
    width: 582px;
    left: 50%;
    margin-left: -291px;
    text-align: center;
    display: flex;
    justify-content: center; }
  .l-project-info__right {
    padding-top: 64px;
    min-width: 144px; }

.cases-cat .l-text-page p {
  margin: 24px 0; }
  .cases-cat .l-text-page p img {
    margin: 24px 0;
    border: 2px solid rgba(0, 0, 0, 0.1); }

.l-start-screen {
  background: #000;
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2; }
  .l-start-screen video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover; }
  body.state-admin .l-start-screen {
    flex-direction: column; }

.b-logo {
  transition: 0.2s all ease-in-out; }
  .b-logo--dark img {
    display: none;
    opacity: 0; }

.b-header-contact-btn {
  margin-left: 56px; }

.b-nav {
  display: flex; }
  .b-nav__link {
    margin-left: 40px; }
    @media screen and (max-width: 1080px) {
      .b-nav__link {
        margin-left: 32px; } }

.b-header-email {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px; }
  .b-header-email .material-icons-outlined {
    display: none; }
  @media screen and (max-width: 1279px) {
    .b-header-email {
      outline: none !important;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      color: rgba(0, 0, 0, 0.87);
      border-radius: 4px;
      transition: 0.2s all ease-in-out;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      background: transparent;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      padding: 0 16px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0); }
      .b-header-email:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .b-header-email:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
      .b-header-email:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: rgba(0, 0, 0, 0.87); }
      .b-header-email .material-icons-outlined {
        margin-right: 12px;
        margin-left: -4px; }
      .b-header-email__value {
        display: none; }
      .b-header-email .material-icons-outlined {
        display: block;
        margin: 0; } }

.b-header-phone {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  font-weight: 600;
  margin-left: 56px; }
  .b-header-phone .material-icons-outlined {
    display: none; }
  @media screen and (max-width: 1279px) {
    .b-header-phone {
      margin-left: 16px;
      outline: none !important;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      color: rgba(0, 0, 0, 0.87);
      border-radius: 4px;
      transition: 0.2s all ease-in-out;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      background: transparent;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      padding: 0 16px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0); }
      .b-header-phone:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .b-header-phone:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
      .b-header-phone:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: rgba(0, 0, 0, 0.87); }
      .b-header-phone .material-icons-outlined {
        margin-right: 12px;
        margin-left: -4px; }
      .b-header-phone__value {
        display: none; }
      .b-header-phone .material-icons-outlined {
        display: block;
        margin: 0; } }

.b-breadcrumbs {
  display: flex;
  font-size: 13px;
  padding-bottom: 32px; }
  .b-breadcrumbs__item + .b-breadcrumbs__item {
    margin-left: 16px;
    display: flex;
    align-items: center; }
    .b-breadcrumbs__item + .b-breadcrumbs__item:before {
      content: '';
      width: 4px;
      height: 4px;
      background: rgba(0, 0, 0, 0.1);
      margin-right: 16px;
      display: block;
      border-radius: 50%; }
  .b-breadcrumbs__link {
    color: rgba(0, 0, 0, 0.87); }
  .b-breadcrumbs__current {
    color: rgba(0, 0, 0, 0.38); }

.b-local-nav {
  margin: 0 -8px;
  padding-bottom: 16px; }
  .b-local-nav__list {
    display: flex;
    flex-wrap: wrap; }
  .b-local-nav__link {
    text-transform: none;
    margin: 0 8px 16px 8px; }

.b-project {
  padding: 0 24px; }
  .b-project__image-holder {
    transition: 0.2s all ease-in-out;
    margin-bottom: 32px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FFF3EC 0%, #ffffff 54%, #FFF3EC 100%); }
    .b-project__image-holder img.preview_picture {
      width: auto !important;
      height: auto !important;
      max-width: 80%;
      max-height: 80%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); }
    .b-project__image-holder:hover .b-project__hover-preview-image {
      top: 0; }
    .b-project__image-holder.s-gradient-false img.preview_picture {
      width: 100% !important;
      height: auto !important;
      max-width: 100%;
      max-height: 100%;
      box-shadow: none; }
    .b-project__image-holder.s-shadow-false img.preview_picture {
      box-shadow: none; }
  .b-project__noimage-placeholder {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    box-shadow: none; }
  .b-project__image-preview-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .b-project__image-spacer {
    width: 100% !important;
    height: auto !important;
    max-height: 300px; }
  .b-project__hover-preview {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
  .b-project__hover-preview-image {
    transition: .7s all;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0; }
  .b-project__name {
    transition: 0.2s all ease-in-out;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.87);
    position: relative;
    display: inline-block;
    line-height: 22px; }
    .b-project__name:before {
      content: '';
      position: absolute;
      height: 50%;
      width: calc(100% + 16px);
      left: -8px;
      bottom: -4px;
      z-index: -1;
      opacity: 0.2;
      background: #FF860F;
      transform: scale3d(0, 1, 1);
      transform-origin: 0% 50%;
      transition: transform 0.5s;
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .b-project__options {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
  .b-project__option {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    display: flex;
    align-items: center; }
    .b-project__option:before {
      content: '';
      display: block;
      background: rgba(0, 0, 0, 0.1);
      width: 16px;
      height: 1px;
      margin-right: 8px; }
  .b-project__option-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-left: 24px; }
    .b-project__option-list:before {
      content: '';
      display: block;
      background: rgba(0, 0, 0, 0.1);
      width: 16px;
      height: 1px;
      margin-right: 8px;
      position: absolute;
      left: 0;
      top: 24px; }
    .b-project__option-list .b-project__option {
      margin: 16px 0 0 0; }
      .b-project__option-list .b-project__option:before {
        display: none; }
      .b-project__option-list .b-project__option:after {
        content: ',';
        margin-right: 8px; }
      .b-project__option-list .b-project__option:last-child:after {
        display: none; }
  .b-project__bage {
    position: absolute;
    z-index: 2;
    right: 16px;
    top: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
    border-radius: 50%;
    width: 43px;
    height: 43px;
    background-color: #fff; }
  .b-project:hover .b-project__image-holder {
    transform: translateY(-2px); }
  .b-project:hover .b-project__name {
    transform: translateX(4px);
    color: rgba(0, 0, 0, 0.87); }
    .b-project:hover .b-project__name:before {
      transform: scale3d(1, 1, 1); }
  .b-project + .b-project + .b-project {
    margin-top: 72px; }

.b-actions {
  display: flex;
  align-items: center; }
  .b-actions .s-btn, .b-actions .b-nav__link, .b-actions .b-local-nav__link, .b-actions .modern-page-navigation a, .modern-page-navigation .b-actions a, .b-actions .modern-page-navigation .modern-page-current, .modern-page-navigation .b-actions .modern-page-current, .b-actions .b-share {
    margin-left: 24px; }
    .b-actions .s-btn:first-child, .b-actions .b-nav__link:first-child, .b-actions .b-local-nav__link:first-child, .b-actions .modern-page-navigation a:first-child, .modern-page-navigation .b-actions a:first-child, .b-actions .modern-page-navigation .modern-page-current:first-child, .modern-page-navigation .b-actions .modern-page-current:first-child, .b-actions .b-share:first-child {
      margin-left: 0; }
  .b-actions--center {
    justify-content: center; }
  .b-actions--project .s-btn, .b-actions--project .b-nav__link, .b-actions--project .b-local-nav__link, .b-actions--project .modern-page-navigation a, .modern-page-navigation .b-actions--project a, .b-actions--project .modern-page-navigation .modern-page-current, .modern-page-navigation .b-actions--project .modern-page-current {
    width: 177px; }

.b-share {
  position: relative; }
  .b-share__content {
    transition: 0.2s all ease-in-out;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 3000;
    top: calc(100% + 24px);
    left: 0;
    padding: 24px; }
    .b-share__content .ya-share2__list {
      display: flex; }
  .b-share.state-active .b-share__content {
    visibility: visible;
    opacity: 1;
    transform: translateY(-16px); }

.b-project-title {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 48px; }

.b-project-sub-title {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 40px;
  position: relative; }

.b-title-separator {
  width: 80px;
  height: 4px;
  background: rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  margin-bottom: 40px; }

.b-project-client__name {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px; }
.b-project-client__desc {
  font-size: 14px;
  padding-top: 32px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 22px; }
.b-project-client__logo {
  margin-top: 32px;
  width: 128px;
  height: 68px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain; }

.b-project-year {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54);
  text-align: right; }

.b-project-budget {
  font-size: 24px;
  font-weight: 600;
  padding-top: 32px;
  text-align: right; }

.b-mac-book {
  width: 553px;
  height: 323px;
  background: url("/local/templates/foxel2021/assets/css/../images/MacBook.svg");
  position: relative; }
  .b-mac-book__screen {
    width: 437px;
    height: 298px;
    background: #eee;
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    left: 62px;
    top: 4px; }

.b-iphone {
  width: 121px;
  height: 242px;
  background: url("/local/templates/foxel2021/assets/css/../images/iPhone.svg");
  position: absolute;
  z-index: 2;
  top: 74px;
  right: -19px; }
  .b-iphone__screen {
    width: 109px;
    height: 229px;
    background: #eee;
    position: absolute;
    border-radius: 11px;
    overflow: hidden;
    left: 6px;
    top: 6px; }
  .b-iphone__screen-image {
    height: auto !important; }

.b-project-techs {
  display: flex;
  justify-content: center;
  margin-top: 80px; }
  .b-project-techs__left {
    width: 50%;
    padding: 16px; }
  .b-project-techs__right {
    width: 50%;
    padding: 16px; }
    .b-project-techs__right img {
      max-height: 32px; }
  .b-project-techs__left + .b-project-techs__right {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .b-project-techs__title {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 20px; }
  .b-project-techs__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end; }
    .b-project-techs__list img {
      margin: 12px; }

.b-project-text {
  margin-top: 80px;
  font-size: 18px;
  line-height: 32px; }

.b-services-list {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-wrap: wrap; }
  .b-services-list__item {
    width: 33.333%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .b-services-list__item-link {
    transition: 0.2s all ease-in-out;
    display: flex;
    flex-direction: column;
    padding: 40px;
    height: 100%;
    color: rgba(0, 0, 0, 0.87); }
    .b-services-list__item-link:hover {
      color: rgba(0, 0, 0, 0.87);
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }
  .b-services-list__item-icon {
    height: 64px;
    background-repeat: no-repeat; }
  .b-services-list__item-name {
    margin-top: 32px;
    font-size: 24px;
    font-weight: 700; }
  .b-services-list__item-desc {
    padding-top: 32px;
    font-size: 14px;
    line-height: 24px; }
  .b-services-list #bx_1847241719_9 .b-services-list__item-icon {
    background-image: url("/local/templates/foxel2021/assets/css/../images/ico_search_engine.svg");
    width: 64px; }
  .b-services-list #bx_1847241719_10 .b-services-list__item-icon {
    background-image: url("/local/templates/foxel2021/assets/css/../images/ico_steering_wheel.svg");
    width: 64px; }
  .b-services-list #bx_1847241719_8 .b-services-list__item-icon {
    background-image: url("/local/templates/foxel2021/assets/css/../images/ico_portal.svg");
    width: 64px; }
  .b-services-list #bx_1847241719_11 .b-services-list__item-icon {
    background-image: url("/local/templates/foxel2021/assets/css/../images/ico_usability.svg");
    width: 46px; }
  .b-services-list #bx_1847241719_12 .b-services-list__item-icon {
    background-image: url("/local/templates/foxel2021/assets/css/../images/ico_proecting.svg");
    width: 62px; }
  .b-services-list #bx_1847241719_13 .b-services-list__item-icon {
    background-image: url("/local/templates/foxel2021/assets/css/../images/ico_wc.svg");
    width: 64px; }

.b-advantages {
  display: flex;
  flex-wrap: wrap;
  width: 890px;
  margin: 0 -32px; }
  .b-advantages__title {
    padding-left: 32px; }
  .b-advantages__item {
    display: flex;
    width: 50%;
    padding: 0 32px; }
  .b-advantages__item + .b-advantages__item + .b-advantages__item {
    margin-top: 80px; }
  .b-advantages__icon {
    width: 72px;
    height: 96px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08); }
  .b-advantages__info {
    padding-left: 24px; }
  .b-advantages__name {
    font-size: 24px;
    font-weight: 800;
    padding-top: 8px; }
  .b-advantages__sub-name {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
    padding-top: 16px; }
  .b-advantages__desc {
    font-size: 13px;
    padding-top: 24px;
    line-height: 24px; }
  .b-advantages__more {
    padding-left: 32px;
    padding-top: 80px; }
  .b-advantages--start-screen {
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 890px;
    margin: 0 auto; }
    .b-advantages--start-screen h1 {
      margin-top: 0; }
      .b-advantages--start-screen h1:before {
        width: 194px; }
    .b-advantages--start-screen .b-advantages__item {
      align-items: center; }
    .b-advantages--start-screen .b-advantages__name {
      padding-top: 0;
      color: #FF860F;
      font-size: 40px; }
    .b-advantages--start-screen .b-advantages__info {
      padding-left: 32px; }
    .b-advantages--start-screen .b-advantages__sub-name {
      color: #fff;
      font-size: 18px;
      padding-top: 4px; }
    .b-advantages--start-screen .b-advantages__icon {
      width: 64px;
      height: auto;
      border: none; }

.b-2col-info {
  padding-top: 282px;
  display: flex;
  flex-wrap: wrap; }
  .b-2col-info h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 96px 0;
    width: 100%;
    position: relative; }
    .b-2col-info h2:before {
      content: '';
      width: 80px;
      height: 4px;
      bottom: -33px;
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -40px;
      background: rgba(0, 0, 0, 0.08); }
  .b-2col-info__item {
    width: 50%;
    display: flex;
    padding-right: 72px;
    justify-content: flex-end; }
  .b-2col-info__item + .b-2col-info__item {
    padding-left: 72px;
    padding-right: 0;
    justify-content: flex-start;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .b-2col-info__icon {
    width: 108px; }
  .b-2col-info__info {
    padding-left: 80px; }
    .b-2col-info__info ul {
      list-style: none;
      padding: 0; }
      .b-2col-info__info ul li {
        font-size: 18px;
        position: relative;
        margin-top: 16px;
        padding-left: 24px; }
        .b-2col-info__info ul li:before {
          content: '';
          width: 8px;
          height: 8px;
          border: 1px solid #FF860F;
          border-radius: 50%;
          position: absolute;
          left: 0;
          top: 4px; }
        .b-2col-info__info ul li:first-child {
          margin-top: 0; }
  .b-2col-info__name {
    font-size: 32px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.38);
    padding-bottom: 32px; }
    .b-2col-info__name span {
      color: #FF860F;
      font-size: 40px;
      font-weight: 700;
      margin-right: 12px; }

.b-clients {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -32px;
  font-size: 0; }
  .b-clients__item {
    margin: 0 32px;
    width: calc(25% - 64px); }
  .b-clients__item + .b-clients__item + .b-clients__item + .b-clients__item + .b-clients__item {
    margin-top: 72px; }
  .b-clients__link {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 196px; }
    .b-clients__link img {
      max-width: 75%;
      max-height: 60%; }
      .b-clients__link img[src*="chess"] {
        opacity: 0.1; }
    .b-clients__link:hover {
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }

.b-404 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 40px 0; }
  .b-404__logo {
    margin-bottom: 16px; }
  .b-404__slogan {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    font-family: "Montserrat", sans-serif; }
  .b-404__title {
    font-size: 160px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    line-height: 200px; }
  .b-404__desc {
    padding-top: 32px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 24px; }
  .b-404 .s-btn, .b-404 .b-nav__link, .b-404 .b-local-nav__link, .b-404 .modern-page-navigation a, .modern-page-navigation .b-404 a, .b-404 .modern-page-navigation .modern-page-current, .modern-page-navigation .b-404 .modern-page-current {
    margin-top: 48px; }

.b-icon-text__title {
  display: flex; }
  .b-icon-text__title h3 {
    padding-top: 20px;
    margin: 0; }
.b-icon-text__icon {
  padding-right: 56px; }
.b-icon-text__text {
  padding-left: 120px; }
.b-icon-text + .b-icon-text {
  padding-top: 32px; }

.b-services-img {
  display: flex;
  flex-wrap: wrap;
  background: #000; }
  .b-services-img__item {
    transition: 0.2s all ease-in-out;
    display: flex;
    width: 33.333%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 308px;
    position: relative;
    z-index: 1; }
    .b-services-img__item:nth-child(3n) {
      border-right: 0; }
    .b-services-img__item:hover .b-services-img__item-name:after {
      opacity: 1; }
    .b-services-img__item:hover .b-services-img__item-name:before {
      visibility: visible;
      opacity: 1;
      transform: translateX(-40px); }
    .b-services-img__item:hover .b-services-img__item-name-text {
      transform: translateX(10px); }
  .b-services-img__item-name {
    transition: 0.2s all ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 24px;
    padding: 40px;
    width: 100%;
    height: 100%;
    background: black;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase; }
    .b-services-img__item-name:after {
      transition: 0.2s all ease-in-out;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.45);
      z-index: 1;
      opacity: 0; }
    .b-services-img__item-name:before {
      transition: 0.2s all ease-in-out;
      content: 'arrow_forward';
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      visibility: hidden;
      opacity: 0;
      bottom: 40px;
      position: absolute;
      right: 0;
      z-index: 2; }
  .b-services-img__item-name-text {
    transition: 0.2s all ease-in-out;
    z-index: 3; }

.b-tourism {
  padding-top: 168px;
  position: relative; }
  .b-tourism__title h2 {
    font-size: 40px;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    margin: 0;
    margin-bottom: 46px; }
    .b-tourism__title h2:after {
      content: '';
      width: 182px;
      height: 4px;
      position: absolute;
      bottom: -22px;
      right: 0;
      display: block;
      background: #ff860f; }
  .b-tourism__text {
    line-height: 31px;
    max-width: 473px; }
  .b-tourism .s-btn, .b-tourism .b-nav__link, .b-tourism .b-local-nav__link, .b-tourism .modern-page-navigation a, .modern-page-navigation .b-tourism a, .b-tourism .modern-page-navigation .modern-page-current, .modern-page-navigation .b-tourism .modern-page-current {
    margin-top: 48px; }
  .b-tourism:after {
    content: '';
    background-image: url("/local/templates/foxel2021/assets/css/../images/tourism_image.png");
    position: absolute;
    width: 513px;
    height: 279px;
    right: 0;
    bottom: 0; }

.b-cases {
  display: flex;
  flex-wrap: wrap; }
  .b-cases__item {
    transition: 0.2s all ease-in-out;
    display: flex;
    width: 33.333%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: #eee;
    position: relative; }
    .b-cases__item:nth-child(3n) {
      border-right: 0; }
    .b-cases__item:hover {
      opacity: 0.8; }
  .b-cases__item-image {
    width: 100% !important;
    height: auto !important;
    object-fit: cover; }
  .b-cases__item-name {
    display: block;
    font-size: 24px;
    padding: 40px;
    width: 100%;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0; }
    .b-cases__item-name--white {
      color: #fff; }

.b-news-panel__list {
  display: flex;
  margin: 0 -24px; }
  .b-news-panel__list--wrap {
    flex-wrap: wrap;
    margin: 0 -12px; }
    .b-news-panel__list--wrap .b-news-panel__item {
      width: calc(33.333% - 24px);
      margin: 0 12px; }
      @media (max-width: 1160px) {
        .b-news-panel__list--wrap .b-news-panel__item {
          margin: 0 0 12px 0;
          width: 100%; } }
    .b-news-panel__list--wrap .b-news-panel__item + .b-news-panel__item + .b-news-panel__item + .b-news-panel__item {
      margin-top: 24px; }
      @media (max-width: 1160px) {
        .b-news-panel__list--wrap .b-news-panel__item + .b-news-panel__item + .b-news-panel__item + .b-news-panel__item {
          margin-top: 0; } }
.b-news-panel__item {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px;
  width: 33.333%;
  margin: 0 24px; }
.b-news-panel__item-date {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.57);
  padding-bottom: 16px; }
.b-news-panel__item-name {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 31px; }
.b-news-panel__item-text {
  padding-top: 16px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 31px; }
.b-news-panel__more {
  display: flex;
  justify-content: center;
  padding-top: 40px; }

.detail-image {
  margin-bottom: 24px; }
  .detail-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 400px;
    object-fit: cover; }

.news-date-time {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.57);
  padding-bottom: 16px;
  display: block; }

.case-images {
  line-height: 0; }
  .case-images img {
    max-width: 100%; }

body.state-admin {
  padding-top: 0; }
  body.state-admin .l-header {
    position: static; }

pre {
  padding: 24px;
  font-size: 12px;
  background: #eee;
  border: 1px solid #aeaeae; }

.state-no-transition * {
  transition: none !important; }

.floating-anim {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }
.modern-page-navigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 56px; }
  .modern-page-navigation a, .modern-page-navigation .modern-page-current {
    padding: 0 16px !important;
    margin: 0 8px 8px 0;
    border: 1px solid rgba(0, 0, 0, 0.16) !important; }
    .modern-page-navigation a:hover, .modern-page-navigation .modern-page-current:hover {
      border: 1px solid rgba(0, 0, 0, 0.32) !important; }
  .modern-page-navigation .modern-page-current {
    color: #fff !important;
    background-color: #FF860F;
    border-color: #FF860F !important;
    cursor: default; }
    .modern-page-navigation .modern-page-current:hover {
      color: #fff !important;
      background-color: #FF860F;
      border-color: #FF860F !important; }

.modern-page-title {
  margin-right: 8px;
  display: none; }

.bx-google-map {
  width: 100% !important; }

.bx-composite-btn {
  display: none !important; }

.block-highlighter {
  padding: 24px 56px;
  background: rgba(255, 134, 15, 0.1);
  border-radius: 4px;
  margin: 48px 0; }
  @media (max-width: 767px) {
    .block-highlighter {
      padding: 16px; } }
  .block-highlighter:first-child {
    margin-top: 0; }
  .block-highlighter p {
    margin: 8px 0 !important; }

.bm-mob-btn, .bm-top-bar {
  display: none; }

@media screen and (max-width: 1366px) {
  .b-advantages {
    width: 100%;
    margin: 0; }
    .b-advantages__title {
      padding-left: 0;
      width: 100%;
      display: flex;
      justify-content: center; }
      .b-advantages__title h1 {
        margin-top: 64px; }
    .b-advantages__item {
      padding: 0 64px; }
    .b-advantages--start-screen {
      margin: 0 auto; }
      .b-advantages--start-screen .b-advantages__item {
        padding: 0 32px; }
      .b-advantages--start-screen .b-advantages__title {
        padding-left: 32px;
        justify-content: flex-start; }

  .b-cases__item {
    width: 50%; }

  .b-news-panel__list {
    margin: 0 -12px; }
  .b-news-panel__item {
    margin: 0 12px; } }
@media screen and (max-width: 1365px) {
  .s-main-mockup {
    display: none; }

  .b-2col-info {
    padding-top: 160px; }
    .b-2col-info__item {
      padding-right: 56px; }
      .b-2col-info__item .b-2col-info__info {
        padding-left: 48px; }
    .b-2col-info__item + .b-2col-info__item {
      padding-left: 56px; }
    .b-2col-info ul li {
      font-size: 16px; }

  .b-services-img__item {
    width: 50%; }
    .b-services-img__item:nth-child(2n) {
      border-right: 0; }
    .b-services-img__item:nth-child(3n) {
      border-right: 1px solid #fff; }

  .b-tourism__title h2 {
    font-size: 32px; }
    .b-tourism__title h2:after {
      width: 147px; } }
@media screen and (max-width: 1160px) {
  .b-advantages__title h1 {
    font-size: 48px; }

  .b-2col-info__name {
    font-size: 24px; }
    .b-2col-info__name span {
      font-size: 32px; }
  .b-2col-info__icon img {
    height: 88px !important; }
  .b-2col-info__item {
    padding-right: 32px; }
    .b-2col-info__item .b-2col-info__info {
      padding-left: 32px; }
  .b-2col-info__item + .b-2col-info__item {
    padding-left: 32px; }
  .b-2col-info ul li {
    font-size: 14px; }

  .b-clients {
    margin: 0 -16px; }
    .b-clients__item {
      margin: 0 16px;
      width: calc(33.333% - 32px); }

  .b-services-list__item {
    width: 50%; }

  .b-2col-info__item {
    justify-content: center; }
  .b-2col-info__item + .b-2col-info__item {
    justify-content: center; }

  .b-news-panel__list {
    flex-wrap: wrap;
    margin: 0; }
  .b-news-panel__item {
    width: 100%;
    margin: 0 0 24px 0; }
  .b-news-panel__more {
    padding-top: 16px; } }
@media screen and (max-width: 1076px) {
  .b-advantages__item {
    padding: 0 48px; }
  .b-advantages--start-screen .b-advantages__item {
    padding: 0 32px; } }
@media screen and (max-width: 1023px) {
  .b-header-contact-btn {
    display: none; }

  body {
    padding-top: 56px;
    padding-bottom: 0; }

  h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px;
    margin-top: 21px; }

  .s-text h2, .l-text-page h2, .l-text-page h2 {
    font-size: 24px; }
  .s-text p, .l-text-page p, .l-text-page p {
    padding-bottom: 8px; }
  .s-text img, .l-text-page img, .l-text-page img {
    max-width: 100%;
    height: auto !important; }

  .l-header {
    height: 56px; }
    .l-header__inner {
      padding: 0 8px; }

  .l-footer {
    position: static;
    margin-top: 48px;
    height: auto;
    padding: 24px 0; }
    .l-footer__inner {
      display: block;
      text-align: center; }
    .l-footer__col {
      margin-top: 16px; }
      .l-footer__col:first-child {
        margin-top: 0; }
    .l-footer__link {
      margin-top: 16px; }
      .l-footer__link:first-child {
        margin-top: 0; }
    .s-case-page .l-footer {
      margin-top: 0 !important; }

  .l-container {
    padding-left: 16px;
    padding-right: 16px; }

  .l-projects-list {
    margin: 0 -16px;
    padding-top: 24px; }

  .l-case-holder {
    margin-left: -16px;
    margin-right: -16px;
    border: none; }

  .l-project-info {
    display: block;
    height: auto;
    margin-top: 56px; }
    .l-project-info__left {
      padding-top: 0;
      margin: 0 auto;
      max-width: 480px; }
    .l-project-info__middle {
      position: relative;
      left: 0;
      padding-top: 32px;
      margin: 0 auto; }
    .l-project-info__right {
      padding-top: 32px; }
      .l-project-info__right div {
        text-align: center; }

  .b-project-client {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .b-project-client__desc {
      text-align: center; }

  .b-project-budget {
    padding-top: 24px;
    font-size: 18px; }

  .b-breadcrumbs {
    padding-bottom: 0; }

  .b-logo {
    margin-left: 32px; }
    .b-logo img {
      width: 114px;
      height: 22px; }

  .b-header-phone, .b-header-email {
    padding: 0 8px; }

  .b-nav {
    transition: .4s all;
    width: 320px;
    position: fixed;
    top: 0;
    left: -400px;
    background: #fff;
    z-index: 4001;
    height: 100%;
    display: block;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1); }
    .b-nav__link {
      display: flex;
      justify-content: left;
      margin: 0;
      padding: 0 24px;
      height: 48px; }
      .l-header--start-screen .b-nav__link {
        color: rgba(0, 0, 0, 0.87); }
    .state-mob-sidebar-active .b-nav {
      left: 0; }

  .b-local-nav {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0; }
    .b-local-nav:after {
      content: '';
      position: absolute;
      right: -1px;
      top: 0;
      height: 100%;
      width: 32px;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); }
    .b-local-nav__list {
      display: block;
      white-space: nowrap;
      width: 100%;
      overflow-x: scroll;
      height: 54px; }
    .b-local-nav__link {
      margin: 0 8px 0 0; }

  .b-project {
    padding: 0 16px; }
    .b-project__image-holder {
      margin-bottom: 24px; }
    .b-project__name {
      font-size: 18px; }

  .b-project + .b-project + .b-project {
    margin-top: 40px; }

  .b-breadcrumbs {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    height: 24px;
    align-items: flex-start; }

  .b-advantages__item {
    padding: 0 16px; }
  .b-advantages__title h1 {
    font-size: 40px; }
  .b-advantages__name {
    font-size: 18px; }
  .b-advantages__sub-name {
    font-size: 14px; }
  .b-advantages__desc {
    padding-top: 30px; }

  .b-2col-info {
    flex-direction: column;
    align-items: center; }
    .b-2col-info h2 {
      font-size: 32px; }
    .b-2col-info__item {
      width: 100%;
      max-width: 400px;
      padding: 0 0 40px 0;
      justify-content: left; }
    .b-2col-info__item + .b-2col-info__item {
      justify-content: left;
      padding: 40px 0 0 0;
      border-left: none;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }

  .s-secondary-title, .s-text h2.s-secondary-title, .l-text-page h2.s-secondary-title {
    font-size: 32px;
    margin-top: 120px; }

  .b-services-list__item-name {
    font-size: 18px; }
  .b-services-list__item-desc {
    padding-top: 24px; }

  .b-tourism {
    text-align: center;
    padding-top: 72px; }
    .b-tourism__title {
      text-align: center; }
    .b-tourism__text {
      text-align: center;
      max-width: 100%; }
    .b-tourism:after {
      display: none; }
    .b-tourism .s-btn, .b-tourism .b-nav__link, .b-tourism .b-local-nav__link, .b-tourism .modern-page-navigation a, .modern-page-navigation .b-tourism a, .b-tourism .modern-page-navigation .modern-page-current, .modern-page-navigation .b-tourism .modern-page-current {
      outline: none !important;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      color: rgba(0, 0, 0, 0.87);
      border-radius: 4px;
      transition: 0.2s all ease-in-out;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      background: transparent;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      padding: 0 16px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0);
      border: 1px solid #FF860F;
      color: #FF860F;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0); }
      .b-tourism .s-btn:after, .b-tourism .b-nav__link:after, .b-tourism .b-local-nav__link:after, .b-tourism .modern-page-navigation a:after, .modern-page-navigation .b-tourism a:after, .b-tourism .modern-page-navigation .modern-page-current:after, .modern-page-navigation .b-tourism .modern-page-current:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .b-tourism .s-btn:active:after, .b-tourism .b-nav__link:active:after, .b-tourism .b-local-nav__link:active:after, .b-tourism .modern-page-navigation a:active:after, .modern-page-navigation .b-tourism a:active:after, .b-tourism .modern-page-navigation .modern-page-current:active:after, .modern-page-navigation .b-tourism .modern-page-current:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
      .b-tourism .s-btn:hover, .b-tourism .b-nav__link:hover, .b-tourism .b-local-nav__link:hover, .b-tourism .modern-page-navigation a:hover, .modern-page-navigation .b-tourism a:hover, .b-tourism .modern-page-navigation .modern-page-current:hover, .modern-page-navigation .b-tourism .modern-page-current:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: rgba(0, 0, 0, 0.87); }
      .b-tourism .s-btn .material-icons-outlined, .b-tourism .b-nav__link .material-icons-outlined, .b-tourism .b-local-nav__link .material-icons-outlined, .b-tourism .modern-page-navigation a .material-icons-outlined, .modern-page-navigation .b-tourism a .material-icons-outlined, .b-tourism .modern-page-navigation .modern-page-current .material-icons-outlined, .modern-page-navigation .b-tourism .modern-page-current .material-icons-outlined {
        margin-right: 12px;
        margin-left: -4px; }
      .b-tourism .s-btn:hover, .b-tourism .b-nav__link:hover, .b-tourism .b-local-nav__link:hover, .b-tourism .modern-page-navigation a:hover, .modern-page-navigation .b-tourism a:hover, .b-tourism .modern-page-navigation .modern-page-current:hover, .modern-page-navigation .b-tourism .modern-page-current:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        background-color: #FF860F;
        color: #fff; }
      .b-tourism .s-btn:after, .b-tourism .b-nav__link:after, .b-tourism .b-local-nav__link:after, .b-tourism .modern-page-navigation a:after, .modern-page-navigation .b-tourism a:after, .b-tourism .modern-page-navigation .modern-page-current:after, .modern-page-navigation .b-tourism .modern-page-current:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .b-tourism .s-btn:active:after, .b-tourism .b-nav__link:active:after, .b-tourism .b-local-nav__link:active:after, .b-tourism .modern-page-navigation a:active:after, .modern-page-navigation .b-tourism a:active:after, .b-tourism .modern-page-navigation .modern-page-current:active:after, .modern-page-navigation .b-tourism .modern-page-current:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }

  .b-cases__item {
    height: 308px;
    background-position: bottom; }
  .b-cases__item-name {
    padding: 24px 16px;
    font-size: 18px; }

  .bm-mob-btn {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 4px;
    transition: 0.2s all ease-in-out;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    padding: 0 8px; }
    .bm-mob-btn:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
      background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
      background-repeat: no-repeat;
      background-position: 50%;
      transform: scale(10, 10);
      opacity: 0;
      transition: transform .5s, opacity 1s; }
    .bm-mob-btn:active:after {
      transform: scale(0, 0);
      opacity: .3;
      transition: 0s; }
    .bm-mob-btn:hover {
      background-color: rgba(0, 0, 0, 0.03);
      color: rgba(0, 0, 0, 0.87); }
    .bm-mob-btn .material-icons-outlined {
      margin-right: 12px;
      margin-left: -4px; }
    .l-header--start-screen .bm-mob-btn {
      color: #fff; }

  .bm-top-bar {
    height: 56px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    display: flex;
    align-items: center;
    padding: 0 24px;
    margin-bottom: 16px; }
    .bm-top-bar__btn {
      outline: none !important;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      color: rgba(0, 0, 0, 0.87);
      border-radius: 4px;
      transition: 0.2s all ease-in-out;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      background: transparent;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      padding: 0 16px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0);
      padding: 0 8px;
      margin-left: -8px;
      margin-right: 16px; }
      .bm-top-bar__btn:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .bm-top-bar__btn:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
      .bm-top-bar__btn:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: rgba(0, 0, 0, 0.87); }
      .bm-top-bar__btn .material-icons-outlined {
        margin-right: 12px;
        margin-left: -4px; }

  .b-services-img__item-name-text {
    font-size: 18px; }

  .b-news-panel__item-name {
    font-size: 22px; } }
@media screen and (max-width: 768px) {
  .l-case-holder-gallery a {
    width: calc(50% - 24px); } }
@media screen and (max-width: 767px) {
  h1 {
    font-size: 28px; }

  .l-projects-list .b-project {
    width: 100%;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .l-projects-list .b-project:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
    .l-projects-list .b-project__name {
      font-weight: 600;
      font-size: 18px; }

  .b-share .b-share__content {
    right: 0;
    left: auto; }

  .b-advantages__title h1 {
    font-size: 28px;
    margin-top: 16px;
    margin-bottom: 48px;
    text-align: center; }
    .b-advantages__title h1:before {
      display: none; }
  .b-advantages__item {
    width: 100%; }
  .b-advantages__item + .b-advantages__item {
    margin-top: 40px !important; }
  .b-advantages__sub-name {
    line-height: 18px;
    height: 61px; }
  .b-advantages__desc {
    padding-top: 0; }
  .b-advantages--start-screen .b-advantages__title h1 {
    margin-top: 64px;
    font-size: 32px;
    text-align: center; }
  .b-advantages--start-screen .b-advantages__name {
    font-size: 28px; }
  .b-advantages--start-screen .b-advantages__sub-name {
    height: auto;
    font-size: 16px; }
  .b-advantages--start-screen .b-advantages__more {
    padding-top: 48px;
    display: flex;
    justify-content: center;
    width: 100%; }
    .b-advantages--start-screen .b-advantages__more .s-btn, .b-advantages--start-screen .b-advantages__more .b-nav__link, .b-advantages--start-screen .b-advantages__more .b-local-nav__link, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current {
      outline: none !important;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight-color: transparent;
      color: rgba(0, 0, 0, 0.87);
      border-radius: 4px;
      transition: 0.2s all ease-in-out;
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      background: transparent;
      border: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      padding: 0 16px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0);
      border: 1px solid #FF860F;
      color: #FF860F;
      position: relative;
      overflow: hidden;
      transform: translate3d(0, 0, 0); }
      .b-advantages--start-screen .b-advantages__more .s-btn:after, .b-advantages--start-screen .b-advantages__more .b-nav__link:after, .b-advantages--start-screen .b-advantages__more .b-local-nav__link:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #b1b1b1 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .b-advantages--start-screen .b-advantages__more .s-btn:active:after, .b-advantages--start-screen .b-advantages__more .b-nav__link:active:after, .b-advantages--start-screen .b-advantages__more .b-local-nav__link:active:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a:active:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a:active:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current:active:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
      .b-advantages--start-screen .b-advantages__more .s-btn:hover, .b-advantages--start-screen .b-advantages__more .b-nav__link:hover, .b-advantages--start-screen .b-advantages__more .b-local-nav__link:hover, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a:hover, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a:hover, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current:hover, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: rgba(0, 0, 0, 0.87); }
      .b-advantages--start-screen .b-advantages__more .s-btn .material-icons-outlined, .b-advantages--start-screen .b-advantages__more .b-nav__link .material-icons-outlined, .b-advantages--start-screen .b-advantages__more .b-local-nav__link .material-icons-outlined, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a .material-icons-outlined, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a .material-icons-outlined, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current .material-icons-outlined, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current .material-icons-outlined {
        margin-right: 12px;
        margin-left: -4px; }
      .b-advantages--start-screen .b-advantages__more .s-btn:hover, .b-advantages--start-screen .b-advantages__more .b-nav__link:hover, .b-advantages--start-screen .b-advantages__more .b-local-nav__link:hover, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a:hover, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a:hover, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current:hover, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        background-color: #FF860F;
        color: #fff; }
      .b-advantages--start-screen .b-advantages__more .s-btn:after, .b-advantages--start-screen .b-advantages__more .b-nav__link:after, .b-advantages--start-screen .b-advantages__more .b-local-nav__link:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform .5s, opacity 1s; }
      .b-advantages--start-screen .b-advantages__more .s-btn:active:after, .b-advantages--start-screen .b-advantages__more .b-nav__link:active:after, .b-advantages--start-screen .b-advantages__more .b-local-nav__link:active:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation a:active:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more a:active:after, .b-advantages--start-screen .b-advantages__more .modern-page-navigation .modern-page-current:active:after, .modern-page-navigation .b-advantages--start-screen .b-advantages__more .modern-page-current:active:after {
        transform: scale(0, 0);
        opacity: .3;
        transition: 0s; }
  .b-advantages--start-screen .b-advantages__icon {
    width: 48px; }
    .b-advantages--start-screen .b-advantages__icon img {
      width: 48px;
      height: 48px; }

  .b-2col-info {
    padding-top: 80px; }
    .b-2col-info h2 {
      font-size: 24px;
      line-height: 28px;
      margin: 0 0 72px 0; }
    .b-2col-info__item {
      max-width: 256px; }
    .b-2col-info__icon {
      display: none; }
    .b-2col-info__info {
      padding-left: 0 !important; }

  .s-secondary-title, .s-text h2.s-secondary-title, .l-text-page h2.s-secondary-title {
    font-size: 24px;
    line-height: 28px;
    margin: 64px 0 40px 0; }
    .s-secondary-title:before, .s-text h2.s-secondary-title:before, .l-text-page h2.s-secondary-title:before {
      bottom: -19px; }

  .b-services-list__item {
    width: 100%; }

  .b-clients {
    margin: 0;
    flex-direction: column;
    align-items: center; }
    .b-clients__item {
      width: 100%;
      margin: 0;
      max-width: 280px; }
    .b-clients__item + .b-clients__item {
      margin-top: 24px !important; }

  .s-bx24-form .s-secondary-title, .s-bx24-form .s-text h2.s-secondary-title, .s-text .s-bx24-form h2.s-secondary-title, .s-bx24-form .l-text-page h2.s-secondary-title, .l-text-page .s-bx24-form h2.s-secondary-title {
    margin: 80px 0 56px 0; }

  .l-project-info__middle {
    width: 288px; }
  .l-project-info__right {
    padding-top: 24px; }

  .b-project-title {
    margin-bottom: 24px;
    margin-top: 32px; }

  .b-project-sub-title {
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 24px; }

  .b-project-sub-title + .b-title-separator {
    margin-bottom: 32px; }

  .b-project-client__desc {
    padding-top: 16px; }
  .b-project-client__logo {
    margin-top: 24px;
    background-position: center top; }

  .b-project-text {
    margin-top: 40px;
    font-size: 16px; }

  .b-mac-book {
    width: 288px;
    height: 168px; }
    .b-mac-book__screen {
      width: 227px;
      height: 155px;
      left: 33px;
      top: 2px; }
      .b-mac-book__screen img {
        width: 100%; }

  .b-iphone {
    width: 60px;
    height: 120px;
    right: 0;
    top: 78px; }
    .b-iphone__screen {
      width: 54px;
      height: 113px;
      left: 3px;
      top: 3px; }
      .b-iphone__screen img {
        width: 100%; }

  .b-actions--project {
    flex-direction: column; }
    .b-actions--project .s-btn, .b-actions--project .b-nav__link, .b-actions--project .b-local-nav__link, .b-actions--project .modern-page-navigation a, .modern-page-navigation .b-actions--project a, .b-actions--project .modern-page-navigation .modern-page-current, .modern-page-navigation .b-actions--project .modern-page-current {
      width: 200px;
      margin: 0; }
    .b-actions--project .b-share {
      margin: 0;
      margin-top: 16px; }

  .l-project-info + .b-actions {
    margin-top: 32px; }

  .b-project-budget {
    padding-top: 16px; }

  .b-project-techs {
    margin-top: 56px;
    flex-wrap: wrap; }
    .b-project-techs__left {
      width: 100%;
      padding: 0 0 24px 0; }
    .b-project-techs__right {
      width: 100%;
      border-left: none !important;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      padding: 24px 0 0 0; }

  .l-case-holder-gallery {
    margin-top: 48px; }

  .l-case-holder-gallery + .s-bx24-form h2 {
    margin-top: 48px; }

  .b-services-img__item {
    width: 100%;
    height: 240px; }
  .b-services-img__item-name {
    padding-left: 16px;
    padding-right: 16px; }

  .b-tourism {
    padding-top: 64px; }
    .b-tourism__title h2 {
      font-size: 24px;
      line-height: 28px; }
      .b-tourism__title h2:after {
        content: '';
        width: 80px;
        height: 4px;
        bottom: -19px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -40px; }
    .b-tourism .s-btn, .b-tourism .b-nav__link, .b-tourism .b-local-nav__link, .b-tourism .modern-page-navigation a, .modern-page-navigation .b-tourism a, .b-tourism .modern-page-navigation .modern-page-current, .modern-page-navigation .b-tourism .modern-page-current {
      margin-top: 32px; }

  .b-cases__item {
    width: 100%; } }
@media screen and (max-width: 480px) {
  .l-case-holder-gallery {
    margin-left: 0;
    margin-right: 0; }
    .l-case-holder-gallery a {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }

  .b-advantages--start-screen .b-advantages__item {
    padding: 0; }
  .b-advantages--start-screen .b-advantages__title {
    padding-left: 0; }
    .b-advantages--start-screen .b-advantages__title h1 {
      font-size: 28px;
      margin-top: 40px; }
      .b-advantages--start-screen .b-advantages__title h1:before {
        width: 48px; }
  .b-advantages--start-screen .b-advantages__more {
    padding-left: 0;
    padding-top: 32px;
    padding-bottom: 32px; } }
@media screen and (max-width: 374px) {
  .b-logo {
    margin-left: 16px; }

  .b-header-phone {
    margin-left: 8px; } }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/foxel2021/assets/css/custom.css?17524904243337*/
:root {
    --colorMain: #ff860f;
    --colorTextMuted: rgba(0, 0, 0, 0.56);
}
.price-list {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    @media (max-width: 1100px) {
        grid-template-columns: repeat(2, 50%);
    }
    @media (max-width: 640px) {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.price-item {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 641px) {
    .price-item + .price-item {
        margin-left: -1px;
    }
}
.price-item__title {
    border-bottom: 4px solid #ebebeb;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
}
.price-item__content {
    flex-grow: 1;
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 16px;
}
.price-item__hours {
    display: flex;
    justify-content: center;
}
.price-item__hours-circle {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 1px solid var(--colorMain);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.price-item__hours-value {
    font-weight: 700;
    font-size: 32px;
    color: var(--colorMain);
    display: flex;
    align-items: baseline;
    gap: 4px;
    span {
        font-size: 14px;
    }
}
.price-item__hours-tip {
    font-weight: 600;
    color: var(--colorTextMuted);
    font-size: 13px;
}
.price-item__period {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
}
.price-item__pars {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
.price-item__par {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.price-item__par-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    padding-top: 4px;
}
.price-item__par-title {
    font-size: 14px;
}
.price-item__par-price {
    font-weight: 500;
    font-size: 15px;
    color: var(--colorMain);
}
.price-item__price {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
}
.price-item .s-btn {
    margin-top: 12px;
    width: 100%;
}
.price-item__desc-items {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 96px;
}
.price-item__desc-title {
    margin-top: 24px;
    font-size: 14px;
    color: var(--colorTextMuted);
    line-height: 120%;
}
.price-item__desc-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}
.price-item--hit {
    box-shadow: 0 0 0 2px #FF3F0F;
    position: relative;
    z-index: 2;
    border-color: #FF3F0F;
    .price-item__title {
        color: var(--colorMain);
    }
}
.price-item__badge {
    background-color: #FF3F0F;
    color: #fff;
    width: 44px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}
/* End */
/* /local/templates/foxel2021/assets/vendors/fancybox/jquery.fancybox.min.css?158677274112795 */
/* /local/templates/foxel2021/assets/vendors/nprogress/nprogress.min.css?15929151921065 */
/* /local/templates/foxel2021/assets/css/style.css?166298275391097 */
/* /local/templates/foxel2021/assets/css/custom.css?17524904243337 */