

/* Start:/local/templates/tichiy/css/base.min.css?16036442978248*/
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{font-size:62.5%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{font-weight:normal;line-height:1;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}body,input,button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:auto;-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}ol,ul{list-style:none}li{display:block}a{text-decoration:none;line-height:inherit}a img{border:0}fieldset{margin:0;padding:0}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.row{width:94%;max-width:1440px;margin:0 auto}.row:after{content:"";display:table;clear:both}.row .row{width:auto;max-width:none;margin-left:-20px;margin-right:-20px}[class*="col-"]{float:left}[class*="col-"]+[class*="col-"].end{float:right}[class*="col-"]{padding:0 20px}.col-one{width:8.33333%}.col-two,.col-1-6{width:16.66667%}.col-three,.col-1-4{width:25%}.col-four,.col-1-3{width:33.33333%}.col-five{width:41.66667%}.col-six,.col-1-2{width:calc(50% - 40px)}.col-seven{width:58.33333%}.col-eight,.col-2-3{width:66.66667%}.col-nine,.col-3-4{width:75%}.col-ten,.col-5-6{width:83.33333%}.col-eleven{width:91.66667%}.col-twelve,.col-full{width:100%}@media only screen and (max-width:1200px){.row .row{margin-left:-15px;margin-right:-15px}[class*="col-"]{padding:0 15px}.md-two,.md-1-6{width:16.66667%}.md-one{width:8.33333%}.md-three,.md-1-4{width:25%}.md-four,.md-1-3{width:33.33333%}.md-five{width:41.66667%}.md-six,.md-1-2{width:50%}.md-seven{width:58.33333%}.md-eight,.md-2-3{width:66.66667%}.md-nine,.md-3-4{width:75%}.md-ten,.md-5-6{width:83.33333%}.md-eleven{width:91.66667%}.md-twelve,.md-full{width:100%}}@media only screen and (max-width:800px){.row{width:90%}.tab-1-4{width:25%}.tab-1-3{width:33.33333%}.tab-1-2{width:50%}.tab-2-3{width:66.66667%}.tab-3-4{width:75%}.tab-full{width:100%}}@media only screen and (max-width:600px){.row{width:auto;padding-left:25px;padding-right:25px}.row .row{margin-left:-10px;margin-right:-10px}[class*="col-"]{padding:0 10px}.mob-1-4{width:25%}.mob-1-3{width:33.33333%}.mob-1-2{width:50%}.mob-2-3{width:66.66667%}.mob-3-4{width:75%}.mob-full{width:100%}}@media only screen and (max-width:400px){.row .row{padding-left:0;padding-right:0;margin-left:0;margin-right:0}[class*="col-"]{width:100%!important;float:none!important;clear:both!important;margin-left:0;margin-right:0;padding:0}[class*="col-"]+[class*="col-"].end{float:none}}[class*="block-"]:after{content:"";display:table;clear:both}.block-1-6 .col-block{width:16.66667%}.block-1-5 .col-block{width:20%}.block-1-4 .col-block{width:25%}.block-1-3 .col-block{width:33.33333%}.block-1-2 .col-block{width:50%}.block-1-1 .col-block{width:100%}.block-1-6 .col-block:nth-child(6n+1),.block-1-5 .col-block:nth-child(5n+1),.block-1-4 .col-block:nth-child(4n+1),.block-1-3 .col-block:nth-child(3n+1),.block-1-2 .col-block:nth-child(2n+1){clear:both}@media only screen and (max-width:1200px){.block-m-1-6 .col-block{width:16.66667%}.block-m-1-5 .col-block{width:20%}.block-m-1-4 .col-block{width:25%}.block-m-1-3 .col-block{width:33.33333%}.block-m-1-2 .col-block{width:50%}.block-m-full .col-block{width:100%;clear:both}[class*="block-m-"] .bgrid:nth-child(n){clear:none}.block-m-1-6 .col-block:nth-child(6n+1),.block-m-1-5 .col-block:nth-child(5n+1),.block-m-1-4 .col-block:nth-child(4n+1),.block-m-1-3 .col-block:nth-child(3n+1),.block-m-1-2 .col-block:nth-child(2n+1){clear:both}}@media only screen and (max-width:800px){.block-tab-1-6 .col-block{width:16.66667%}.block-tab-1-5 .col-block{width:20%}.block-tab-1-4 .col-block{width:25%}.block-tab-1-3 .col-block{width:33.33333%}.block-tab-1-2 .col-block{width:50%}.block-tab-full .col-block{width:100%;clear:both}[class*="block-tab-"] .bgrid:nth-child(n){clear:none}.block-tab-1-6 .col-block:nth-child(6n+1),.block-tab-1-6 .col-block:nth-child(5n+1),.block-tab-1-4 .col-block:nth-child(4n+1),.block-tab-1-3 .col-block:nth-child(3n+1),.block-tab-1-2 .col-block:nth-child(2n+1){clear:both}}@media only screen and (max-width:600px){.block-mob-1-6 .col-block{width:16.66667%}.block-mob-1-5 .col-block{width:20%}.block-mob-1-4 .col-block{width:25%}.block-mob-1-3 .col-block{width:33.33333%}.block-mob-1-2 .col-block{width:50%}.block-mob-full .col-block{width:100%;clear:both}[class*="block-mob-"] .bgrid:nth-child(n){clear:none}.block-mob-1-6 .col-block:nth-child(6n+1),.block-mob-1-5 .col-block:nth-child(5n+1),.block-mob-1-4 .col-block:nth-child(4n+1),.block-mob-1-3 .col-block:nth-child(3n+1),.block-mob-1-2 .col-block:nth-child(2n+1){clear:both}}@media only screen and (max-width:400px){.stack .col-block{width:100%!important;float:none!important;clear:both!important;margin-left:0;margin-right:0}}.group:after{content:"";display:table;clear:both}.is-hidden{display:none}.is-invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overflow-hidden{overflow:hidden}.remove-bottom{margin-bottom:0}.half-bottom{margin-bottom:1.5rem!important}.add-bottom{margin-bottom:3rem!important}.no-border{border:0}.full-width{width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pull-left{float:left}.pull-right{float:right}.align-center{margin-left:auto;margin-right:auto;text-align:center}
/* End */


/* Start:/local/templates/tichiy/css/vendor.min.css?160356327223497*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.prettyprint{background:#f1f1f1;font-family:Menlo,'Bitstream Vera Sans Mono','DejaVu Sans Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.5;border-radius:3px;border:0}.pln{color:#333}@media screen{.str{color:#d14}.kwd{color:#333}.com{color:#998}.typ{color:#458}.lit{color:#458}.pun{color:#333}.opn{color:#333}.clo{color:#333}.tag{color:navy}.atn{color:teal}.atv{color:#d14}.dec{color:#333}.var{color:teal}.fun{color:#900}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}ol.linenums{margin-top:0;margin-bottom:0}@font-face{font-family:'lg';src:url("/local/templates/tichiy/css/../fonts/lg.ttf?22t19m") format("truetype"),url("/local/templates/tichiy/css/../fonts/lg.woff?22t19m") format("woff"),url("/local/templates/tichiy/css/../fonts/lg.svg?22t19m#lg") format("svg");font-weight:normal;font-style:normal;font-display:block}.lg-icon{font-family:'lg'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,0.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:0;background-color:transparent}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,0.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;background:0;border:0;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{background-color:rgba(0,0,0,0.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:bold}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-toolbar,.lg-prev,.lg-next{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,0.25,1) 0s,opacity .35s cubic-bezier(0,0,0.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;transition:transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,0.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,0.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,0.25,1) 0s;transition:transform .25s cubic-bezier(0,0,0.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{border-radius:5px;cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media(min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toggle-thumb{background-color:#0d0a0a;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:medium none;border:0}.lg-outer .lg-toggle-thumb:after{content:"\e1ff"}.lg-outer .lg-toggle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url("/local/templates/tichiy/css/../img/vimeo-play.png") no-repeat scroll 0 0 transparent}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url("/local/templates/tichiy/css/../img/vimeo-play.png") no-repeat scroll 0 -58px transparent}.lg-outer .lg-has-html5 .lg-video-play{background:transparent url("/local/templates/tichiy/css/../img/video-play.png") no-repeat scroll 0 0;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url("/local/templates/tichiy/css/../img/youtube-play.png") no-repeat scroll 0 0 transparent}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url("/local/templates/tichiy/css/../img/youtube-play.png") no-repeat scroll 0 -60px transparent}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity .08s ease 0s;-moz-transition:opacity .08s ease 0s;-o-transition:opacity .08s ease 0s;transition:opacity .08s ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,0.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,0.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,0.25,1) 0s;transition:transform .3s cubic-bezier(0,0,0.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0s;transition:left .3s cubic-bezier(0,0,0.25,1) 0s,top .3s cubic-bezier(0,0,0.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,0.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px white inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,0.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,0.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:hover,.lg-outer .lg-pager:focus{box-shadow:0 0 0 8px white inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,0.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active #lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0px,0);-o-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a,.lg-outer .lg-dropdown>li:hover .lg-icon{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,0.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e904"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e907"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e905"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e906"}.lg-outer .lg-img-rotate{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .3s cubic-bezier(0.32,0,0.67,0) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0.32,0,0.67,0) 0s;-o-transition:-o-transform .3s cubic-bezier(0.32,0,0.67,0) 0s;transition:transform .3s cubic-bezier(0.32,0,0.67,0) 0s}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-hor:after{content:"\e902"}.lg-flip-ver:after{content:"\e903"}.lg-group{*zoom:1}.lg-group:before,.lg-group:after{display:table;content:"";line-height:0}.lg-group:after{clear:both}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;opacity:0;outline:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-prev-slide,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-current{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{height:100%;width:100%;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{width:100%;height:100%;position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url("/local/templates/tichiy/css/../img/loading.gif") no-repeat scroll center center transparent;display:none!important}.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-item,.lg-outer .lg-img-wrap{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html{display:none}.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{-webkit-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,0.25,1) 0s,opacity .1s ease 0s}
/* End */


/* Start:/local/templates/tichiy/css/notMinify.css?16056225062978*/
.btn, button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
    height: 5.4rem;
    line-height: calc(5.4rem - .6rem);
    padding: 0 3rem;
    margin: 0 .3rem 1.2rem 0;
    color: #151515;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #c5c5c5;
    border: .3rem solid #c5c5c5;
}

aside.visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
aside.hidden {
    -webkit-transform: translateX(calc(50vw + 1px));
    -moz-transform: translateX(calc(50vw + 1px));
    -ms-transform: translateX(calc(50vw + 1px));
    -o-transform: translateX(calc(50vw + 1px));
    transform: translateX(calc(50vw + 1px));
}
.testimonials__slide::before {
    content: "";
    display: block;
    width: 1px;
    height: 3rem;
    position: absolute;
    left: calc(3.3rem + .9rem);
    top: 0;
    background-color: rgba(255, 255, 255, 0.1);
}

.cText {
    padding-left: 20px;
    max-width: calc(100% - 54px)
}

.wishListSidebar ul {
    max-height: calc(100vh - 8rem - 80px);
    overflow-y: auto;
    height: 100vh;
    padding-right: 15px
}

@media all and (max-width: 800px) {

    aside.hidden {
        -webkit-transform: translateX(calc(100vw + 1px));
        -moz-transform: translateX(calc(100vw + 1px));
        -ms-transform: translateX(calc(100vw + 1px));
        -o-transform: translateX(calc(100vw + 1px));
        transform: translateX(calc(100vw + 1px));
    }
}

.s--results.opened{
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 200px);
    background-color: transparent;
    z-index: 15;
    overflow-y: auto;
    border:1px solid #ccc;
    -webkit-box-shadow: -1px 7px 24px -2px rgba(0,0,0,0.22);
    -moz-box-shadow: -1px 7px 24px -2px rgba(0,0,0,0.22);
    box-shadow: -1px 7px 24px -2px rgba(0,0,0,0.22);
}

.s--submit:before, .s--submit:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-transform-origin: calc(100% - 1px) 50%;
    transform-origin: calc(100% - 1px) 50%;
    height: 2px;
    border-radius: 1px;
    background: #000;
    bottom: calc(50% - 1px);
    right: calc(50% - 1px);
    -webkit-backface-visibility: hidden;
}

.btn--medium, button.btn--medium {
    height: 5.7rem !important;
    line-height: calc(5.7rem - .6rem) !important;
}

.btn--large, button.btn--large {
    height: 6rem !important;
    line-height: calc(6rem - .6rem) !important;
}
/* End */


/* Start:/local/templates/tichiy/css/main.css?1791056938211094*/
:root {
    --text: #1f1f1f;
    --orange: #FF6F07;
    --main: #af2b2b;

    --height: 46px;
}

.loaded .blog-list article,.loaded .comment__avatar, .loaded .commentlist > .comment.answer, .loaded a, .loaded i, .loaded .blog-list-style-3 .col-block,
.loaded .js-searchButton, .loaded .s--searchBar, .loaded .mainWrap,
.loaded .s-header, .loaded aside, .loaded svg, .loaded path,.s--element,.lang--choose > div,.reply, .sep
{
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s
}

@font-face {
    font-family: 'iconmonstr-iconic-font';
    src: url('/local/templates/tichiy/css/../fonts/iconmonstr-iconic-font.woff2?v=1.2.0') format('woff2'), url('/local/templates/tichiy/css/../fonts/iconmonstr-iconic-font.woff?v=1.2.0') format('woff'), url('/local/templates/tichiy/css/../fonts/iconmonstr-iconic-font.ttf?v=1.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.im {display: inline-block;font: normal normal normal 24px/1 'iconmonstr-iconic-font';text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.im-angle-right:before {content: '\e001';}
.im-angle-left:before {content: '\e002';}
.im-angle-down:before {content: '\e003';}
.im-angle-up:before {content: '\e004';}
.im-angle-right-circle:before {content: '\e005';}
.im-angle-left-circle:before {content: '\e006';}
.im-angle-down-circle:before {content: '\e007';}
.im-angle-up-circle:before {content: '\e008';}
.im-arrow-right:before {content: '\e009';}
.im-arrow-left:before {content: '\e00a';}
.im-arrow-down:before {content: '\e00b';}
.im-arrow-up:before {content: '\e00c';}
.im-arrow-right-circle:before {content: '\e00d';}
.im-arrow-left-circle:before {content: '\e00e';}
.im-arrow-down-circle:before {content: '\e00f';}
.im-arrow-up-circle:before {content: '\e010';}
.im-care-right:before {content: '\e011';}
.im-care-left:before {content: '\e012';}
.im-care-down:before {content: '\e013';}
.im-care-up:before {content: '\e014';}
.im-forbidden:before {content: '\e015';}
.im-printer:before {content: '\e016';}
.im-menu:before {content: '\e017';}
.im-menu-list:before {content: '\e018';}
.im-quote-left:before {content: '\e019';}
.im-quote-right:before {content: '\e01a';}
.im-bell:before {content: '\e01b';}
.im-bell-off:before {content: '\e01c';}
.im-bookmark:before {content: '\e01d';}
.im-briefcase:before {content: '\e01e';}
.im-calendar:before {content: '\e01f';}
.im-photo-camera:before {content: '\e020';}
.im-video-camera:before {content: '\e021';}
.im-microphone:before {content: '\e022';}
.im-check-mark:before {content: '\e023';}
.im-check-mark-circle:before {content: '\e024';}
.im-check-square-o:before {content: '\e025';}
.im-check-square:before {content: '\e026';}
.im-check-square-i:before {content: '\e027';}
.im-square-o:before {content: '\e028';}
.im-radio-button-circle-o:before {content: '\e029';}
.im-radio-button-circle:before {content: '\e02a';}
.im-circle-o:before {content: '\e02b';}
.im-clock-o:before {content: '\e02c';}
.im-cloud:before {content: '\e02d';}
.im-cloud-download:before {content: '\e02e';}
.im-cloud-upload:before {content: '\e02f';}
.im-code:before {content: '\e030';}
.im-speech-bubble:before {content: '\e031';}
.im-speech-bubble-comment:before {content: '\e032';}
.im-speech-bubble-comments:before {content: '\e033';}
.im-copy:before {content: '\e034';}
.im-credit-card:before {content: '\e035';}
.im-crown:before {content: '\e036';}
.im-database:before {content: '\e037';}
.im-computer:before {content: '\e038';}
.im-download:before {content: '\e039';}
.im-upload:before {content: '\e03a';}
.im-pencil:before {content: '\e03b';}
.im-edit-off:before {content: '\e03c';}
.im-play:before {content: '\e03d';}
.im-pause:before {content: '\e03e';}
.im-stop:before {content: '\e03f';}
.im-eject:before {content: '\e040';}
.im-previous:before {content: '\e041';}
.im-next:before {content: '\e042';}
.im-loop:before {content: '\e043';}
.im-random:before {content: '\e044';}
.im-menu-dot-h:before {content: '\e045';}
.im-menu-dot-v:before {content: '\e046';}
.im-mail:before {content: '\e047';}
.im-info:before {content: '\e048';}
.im-warning:before {content: '\e049';}
.im-question:before {content: '\e04a';}
.im-link:before {content: '\e04b';}
.im-unlink:before {content: '\e04c';}
.im-external-link:before {content: '\e04d';}
.im-eye:before {content: '\e04e';}
.im-eye-off:before {content: '\e04f';}
.im-file:before {content: '\e050';}
.im-file-o:before {content: '\e051';}
.im-files-o:before {content: '\e052';}
.im-video:before {content: '\e053';}
.im-audio:before {content: '\e054';}
.im-picture-o:before {content: '\e055';}
.im-flag:before {content: '\e056';}
.im-folder:before {content: '\e057';}
.im-folder-open:before {content: '\e058';}
.im-smiley-o:before {content: '\e059';}
.im-frown-o:before {content: '\e05a';}
.im-gear:before {content: '\e05b';}
.im-globe:before {content: '\e05c';}
.im-heart:before {content: '\e05d';}
.im-home:before {content: '\e05e';}
.im-inbox:before {content: '\e05f';}
.im-key:before {content: '\e060';}
.im-lock:before {content: '\e061';}
.im-lock-open:before {content: '\e062';}
.im-task-o:before {content: '\e063';}
.im-filter:before {content: '\e064';}
.im-phone:before {content: '\e06d';}
.im-plus:before {content: '\e072';}
.im-minus:before {content: '\e073';}
.im-facebook:before {content: '\e0a5';}
.im-facebook-like:before {content: '\e0a6';}
.im-twitter:before {content: '\e0a7';}
.im-youtube:before {content: '\e0c2';}
.im-vk:before {content: '\e0c5';}
.im-whatsapp:before {content: '\e0c6';}
.im-clock:before {content: '\e0d7';}

/*
 * libre baskerville
================================================================================ */

@font-face {
    font-family: "librebaskerville-regular";
    src: url("/local/templates/tichiy/css/../fonts/librebaskerville/librebaskerville-regular-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/librebaskerville/librebaskerville-regular-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "librebaskerville-italic";
    src: url("/local/templates/tichiy/css/../fonts/librebaskerville/librebaskerville-italic-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/librebaskerville/librebaskerville-italic-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "librebaskerville-bold";
    src: url("/local/templates/tichiy/css/../fonts/librebaskerville/librebaskerville-bold-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/librebaskerville/librebaskerville-bold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


/*
 * montserrat
================================================================================ */

@font-face {
    font-family: "montserrat-black";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-black-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-black-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-extrabold";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-extrabold-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-extrabold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-bold";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-bold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-semibold";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-semibold-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-semibold-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-medium";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-medium-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-medium-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-regular";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-regular-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-light";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-light-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-light-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-extralight";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-extralight-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-extralight-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "montserrat-thin";
    src: url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-thin-webfont.woff2") format("woff2"), url("/local/templates/tichiy/css/../fonts/montserrat/montserrat-thin-webfont.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


/* ===================================================================
 * # base style overrides - (_document-setup.scss)
 *
 * ------------------------------------------------------------------- */

html, body {
    font-size: 10px;
}

@media only screen and (max-width: 400px) {
    html {
        font-size: 9.375px;
    }
}

html, body {
    height: 100%;
}

body {

    font-family: "Segoe UI", "librebaskerville-regular", serif;
    font-size: 1.4rem;
    line-height: 1.875;
    color: #5f5f5f;
    margin: 0;
    padding: 0;
}

.clear:after {
    content: '';
    display: table;
    clear: both;
}


/* ------------------------------------------------------------------- 
 * ## links - (_document-setup.scss) 
 * ------------------------------------------------------------------- */

a {
    color: #862121;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover, a:focus, a:active {
    color: #191A3F;
}

a:focus {
    outline: none;
}


/* ===================================================================
 * # typography & general theme styles - (_document-setup.scss)
 *
 * ------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 {
    font-family: "Segoe UI", "montserrat-medium", sans-serif;
    color: #0D0A0B;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

h1, .h01, h2, .h02, h3, .h03, h4, .h04 {
    margin-top: 6rem;
    margin-bottom: 1.8rem;
}

@media only screen and (max-width: 600px) {
    h1, .h01, h2, .h02, h3, .h03, h4, .h04 {
        margin-top: 5.1rem;
    }
}

h5, .h05, h6, .h06 {
    margin-top: 4.2rem;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 600px) {
    h5, .h05, h6, .h06 {
        margin-top: 3.6rem;
        margin-bottom: 0.9rem;
    }
}

h1, .h01 {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
}

@media only screen and (max-width: 600px) {
    h1, .h01 {
        font-size: 3.3rem;
        letter-spacing: -.07rem;
    }
}

h2, .h02 {
    font-size: 3rem;
    line-height: 1.3;
}

h3, .h03 {
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: 600;
}

h4, .h04 {
    font-size: 2.1rem;
    line-height: 1.286;
    margin-top: 2.5rem;
}

h5, .h05 {
    font-size: 1.6rem;
    line-height: 1.3125;
}

h6, .h06 {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .16rem;
}

.bold {
    font-weight: 600
}

p img {
    margin: 0;
}

p.lead {
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #0D0A0B;
    text-align: left;
}

.tab-full p {
    text-align: left;
}

@media only screen and (max-width: 980px) {
    p.lead {
        font-size: 1.8rem;
    }
}

em, i, strong, b {
    font-size: inherit;
    line-height: inherit;
    font-style: normal;
    font-weight: normal;
}

em, i {
    font-family: "Segoe UI", "librebaskerville-italic", serif;
}

strong, b {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
}

small {
    font-size: 1.2rem;
    line-height: inherit;
}

blockquote {
    margin: 3.9rem 0;
    padding-left: 4.5rem;
    position: relative;
}

blockquote:before {
    content: "\201C";
    font-size: 10rem;
    line-height: 0px;
    margin: 0;
    color: rgba(0, 0, 0, 0.15);
    font-family: arial, sans-serif;
    position: absolute;
    top: 3.6rem;
    left: 0;
}

blockquote p {
    font-family: "montserrat-regular", sans-serif;
    padding: 0;
    font-size: 2.1rem;
    line-height: 1.857;
    color: #0D0A0B;
}

blockquote cite {
    display: block;
    font-family: "montserrat-regular", sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    line-height: 1.5;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
    color: #6c6c6c;
    border: none;
}

abbr {
    font-family: "librebaskerville-bold", serif;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .05rem;
    color: #6c6c6c;
}

var, kbd, samp, code, pre {
    font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
}

pre {
    background: #F1F1F1;
    overflow-x: auto;
}

code {
    font-size: 1.4rem;
    margin: 0 .2rem;
    padding: .3rem .6rem;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
}

pre > code {
    display: block;
    white-space: pre;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    max-height: 500px;
    overflow-y: auto;
}

pre.prettyprint > code {
    border: none;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
    text-decoration: none;
}

mark {
    background: #ffd900;
    color: #000000;
}

hr {
    border: solid rgba(0, 0, 0, 0.1);
    border-width: 1px 0 0;
    clear: both;
    margin: 2.4rem 0 1.5rem;
    height: 0;
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}

::-webkit-scrollbar-button {
    background-color: #000;
    height: 71px;
}

pre > code::-webkit-scrollbar-button {
    background-color: #000;
    height: 0;
}

::-webkit-scrollbar-track {
    background-color: #999;
}

::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    height: 100px;
    background-color: #666;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #999;
}

::-webkit-resizer {
    background-color: #666;
}

/* -------------------------------------------------------------------
 * ## Lists - (_document-setup.scss)
 * ------------------------------------------------------------------- */


ul.disc li {
    display: list-item;
    list-style: none;
    padding: 0 0 0 .8rem;
    position: relative;
}

ul.disc li::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #862121;
    position: absolute;
    left: -17px;
    top: 11px;
    vertical-align: middle;
}

dt {
    margin: 0;
    color: #862121;
}

dd {
    margin: 0 0 0 2rem;
}


/* -------------------------------------------------------------------
 * ## responsive video container - (_document-setup)
 * ------------------------------------------------------------------- */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* -------------------------------------------------------------------
 * ## floated image - (_document-setup)
 * ------------------------------------------------------------------- */

img.pull-right {
    margin: 1.5rem 0 0 3rem;
}

img.pull-left {
    margin: 1.5rem 3rem 0 0;
}


/* -------------------------------------------------------------------
 * ## tables - (_document-setup.scss)
 * ------------------------------------------------------------------- */

table {
    border-width: 0;
    width: 100%;
    max-width: 100%;
    font-family: "Segoe UI", "librebaskerville-regular", serif;
}

th, td {
    padding: 1.5rem 3rem;
    text-align: left;
    border-bottom: 1px solid #E8E8E8;
}

th {
    color: #0D0A0B;
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
}

td {
    line-height: 1.5;
}

th:first-child, td:first-child {
    padding-left: 0;
}

th:last-child, td:last-child {
    padding-right: 0;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* -------------------------------------------------------------------
 * ## Spacing - (_document-setup.scss)
 * ------------------------------------------------------------------- */

button, .btn {
    margin-bottom: 1.2rem;
}

fieldset {
    margin-bottom: 1.5rem;
}

input,
textarea,
select,
pre,
blockquote,
figure,
table,
p,
ul,
ol,
dl,
form,
.video-container,
.ss-custom-select {
    margin-bottom: 1rem;
}


/* -------------------------------------------------------------------
 * ## pace.js styles - minimal  - (_document-setup.scss)
 * ------------------------------------------------------------------- */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #862121;
    position: fixed;
    z-index: 900;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
}

.oldie .pace {
    display: none;
}


/* ===================================================================
 * preloader - (_preloader-2.scss)
 *
 * ------------------------------------------------------------------- */
/*
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0F1215;
    z-index: 800;
    height: 100%;
    width: 100%;
}
*/
.no-js #preloader, .oldie #preloader {
    display: none;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    padding: 0;
    background-color: #862121;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}


/* ===================================================================
 * # forms - (_forms.scss)
 *
 * ------------------------------------------------------------------- */

fieldset {
    border: none;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea, select {
    display: block;
    height: 4rem;
    padding: 1rem 0;
    border: 0;
    outline: none;
    color: #333333;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    max-width: 100%;
    background: transparent;
    /*border-bottom: 2px solid rgba(0, 0, 0, 0.15);*/
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input.error[type="email"],
input.error[type="number"],
input.error[type="search"],
input.error[type="text"],
input.error[type="tel"],
input.error[type="url"],
input.error[type="password"],
textarea.error, select.error {
    color: #ff0000;
    border-bottom: 2px solid #ff0000;
}

.ss-custom-select {
    position: relative;
    padding: 0;
}

.ss-custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    margin: 0;
    line-height: 3rem;
    vertical-align: middle;
}

.ss-custom-select select option {
    padding-left: 2rem;
    padding-right: 2rem;
}

.ss-custom-select select::-ms-expand {
    display: none;
}

.ss-custom-select::after {
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 2.4rem;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}


/* IE9 and below */

.oldie .ss-custom-select::after {
    display: none;
}

textarea {
    min-height: 25rem;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus, select:focus {
    color: #000000;
    border-bottom: 2px solid black;
}

label, legend {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 1.4rem;
    margin-bottom: .9rem;
    line-height: 1.714;
    color: #0D0A0B;
    display: block;
}

input[type="checkbox"], input[type="radio"] {
    display: inline;
}

label > .label-text {
    display: inline-block;
    margin-left: 1rem;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    line-height: inherit;
}

label > input[type="checkbox"], label > input[type="radio"] {
    margin: 0;
    position: relative;
    top: .15rem;
}


/* -------------------------------------------------------------------
 * ## style placeholder text - (_forms.scss)
 * ------------------------------------------------------------------- */

::-webkit-input-placeholder {
    color: #6c6c6c;
}

:-moz-placeholder {
    color: #6c6c6c;
    /* Firefox 18- */
}

::-moz-placeholder {
    color: #6c6c6c;
    /* Firefox 19+ */
}

:-ms-input-placeholder {
    color: #6c6c6c;
}

.placeholder {
    color: #6c6c6c !important;
}


/* -------------------------------------------------------------------
 * ## Change Autocomplete styles in Chrome - (_forms.scss)
 * ------------------------------------------------------------------- */

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #1f9022;
    transition: background-color 5000s ease-in-out 0s;
}


/* ===================================================================
 * # buttons - (_buttons.scss)
 *
 * ------------------------------------------------------------------- */

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:focus, button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    background-color: #b8b8b8;
    border-color: #b8b8b8;
    color: #000000;
    outline: 0;
}


/* button primary
 * ------------------------------------------------- */

.btn.btn--primary,
button.btn--primary,
input[type="submit"].btn--primary,
input[type="reset"].btn--primary,
input[type="button"].btn--primary {
    background: #0D0A0B;
    border-color: #0D0A0B;
    color: #FFFFFF;
}

.btn.btn--primary:hover,
button.btn--primary:hover,
input[type="submit"].btn--primary:hover,
input[type="reset"].btn--primary:hover,
input[type="button"].btn--primary:hover,
.btn.btn--primary:focus,
button.btn--primary:focus,
input[type="submit"].btn--primary:focus,
input[type="reset"].btn--primary:focus,
input[type="button"].btn--primary:focus {
    background: #862121;
    border-color: #862121;
}


/* button modifiers
 * ------------------------------------------------- */

.btn.full-width, button.full-width {
    width: 100%;
    margin-right: 0;
}

.btn--stroke, button.btn--stroke {
    background: transparent !important;
    border: 0.3rem solid #000000;
    color: #000000;
}

.btn--stroke:hover, button.btn--stroke:hover {
    border: 0.3rem solid #862121;
    color: #862121;
}

.btn--pill, button.btn--pill {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    border-radius: 1000px !important;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* ===================================================================
 * # additional components - (_others.scss)
 *
 * ------------------------------------------------------------------- */


/* -------------------------------------------------------------------
 * ## alert box - (_alert-box.scss)
 * ------------------------------------------------------------------- */

.alert-box {
    padding: 2.1rem 4rem 2.1rem 3rem;
    position: relative;
    margin-bottom: 3rem;
    border-radius: 3px;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.5rem;
    line-height: 1.6;
}

.alert-box__close {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem;
    cursor: pointer;
}

.alert-box__close.im {
    font-size: 12px;
}

.alert-box--error {
    background-color: #ffd1d2;
    color: #e65153;
}

.alert-box--success {
    background-color: #c8e675;
    color: #758c36;
}

.alert-box--info {
    background-color: #d7ecfb;
    color: #4a95cc;
}

.alert-box--notice {
    background-color: #fff099;
    color: #bba31b;
}


/* -------------------------------------------------------------------
 * ## additional typo styles - (_additional-typo.scss)
 * ------------------------------------------------------------------- */


/* drop cap
 * ----------------------------------------------- */

.drop-cap:first-letter {
    float: left;
    margin: 0;
    padding: 1.5rem .6rem 0 0;
    font-size: 8.4rem;
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    line-height: 6rem;
    text-indent: 0;
    background: transparent;
    color: #000000;
}


/* line definition style
 * ----------------------------------------------- */

.lining dt, .lining dd {
    display: inline;
    margin: 0;
}

.lining dt + dt:before, .lining dd + dt:before {
    content: "\A";
    white-space: pre;
}

.lining dd + dd:before {
    content: ", ";
}

.lining dd + dd:before {
    content: ", ";
}

.lining dd:before {
    content: ": ";
    margin-left: -0.2em;
}


/* dictionary definition style
 * ----------------------------------------------- */

.dictionary-style dt {
    display: inline;
    counter-reset: definitions;
}

.dictionary-style dt + dt:before {
    content: ", ";
    margin-left: -0.2em;
}

.dictionary-style dd {
    display: block;
    counter-increment: definitions;
}

.dictionary-style dd:before {
    content: counter(definitions, decimal) ". ";
}


/**
 * Pull Quotes
 * -----------
 * markup:
 *
 * --------------------------------------------------------------------- */

.pull-quote {
    position: relative;
    padding: 2.1rem 3rem 2.1rem 0px;
}

.pull-quote:before, .pull-quote:after {
    height: 1em;
    position: absolute;
    font-size: 10rem;
    font-family: Arial, Sans-Serif;
    color: rgba(0, 0, 0, 0.15);
}

.pull-quote:before {
    content: "\201C";
    top: -3.6rem;
    left: 0;
}

.pull-quote:after {
    content: '\201D';
    bottom: 3.6rem;
    right: 0;
}

.pull-quote blockquote {
    margin: 0;
}

.pull-quote blockquote:before {
    content: none;
}


/**
 * Stats Tab
 * ---------
 * markup:
 *
 * <ul class="stats-tabs">
 *		<li><a href="#">[value]<em>[name]</em></a></li>
 *	</ul>
 *
 * Extend this object into your markup.
 *
 * --------------------------------------------------------------------- */

.stats-tabs {
    padding: 0;
    margin: 3rem 0;
}

.stats-tabs li {
    display: inline-block;
    margin: 0 1.5rem 3rem 0;
    padding: 0 1.5rem 0 0;
    border-right: 1px solid rgba(13, 10, 11, 0.15);
}

.stats-tabs li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.stats-tabs li a {
    display: inline-block;
    font-size: 2.5rem;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    border: none;
    color: #151515;
}

.stats-tabs li a:hover {
    color: #862121;
}

.stats-tabs li a em {
    display: block;
    margin: .6rem 0 0 0;
    font-size: 1.4rem;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    color: #6c6c6c;
}


/* -------------------------------------------------------------------
 * ## skillbars - (_skillbars.scss)
 * ------------------------------------------------------------------- */

.skill-bars {
    list-style: none;
    margin: 6rem 0 3rem;
}

.skill-bars li {
    height: .6rem;
    background: #c9c9c9;
    width: 100%;
    margin-bottom: 6.9rem;
    padding: 0;
    position: relative;
}

.skill-bars li strong {
    position: absolute;
    left: 0;
    top: -3rem;
    font-family: "Segoe UI", "montserrat-extrabold", sans-serif;
    color: #0D0A0B;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    z-index: 1;
}

.skill-bars li .progress {
    background: #000000;
    background-image: linear-gradient(to right, #191A3F, #2d462c);
    position: relative;
    height: 100%;
}

.skill-bars li .progress span {
    position: absolute;
    right: 0;
    top: -3.6rem;
    display: block;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    color: #FFFFFF;
    font-size: 1.1rem;
    line-height: 1;
    background: #000000;
    padding: .6rem .6rem;
    border-radius: 3px;
    z-index: 0;
}

.skill-bars li .progress.percent15 {
    position: static
}

.skill-bars li .progress span::after {
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #000000;
    content: "";
}

.skill-bars li .percent5 {
    width: 5%;
}

.skill-bars li .percent10 {
    width: 10%;
}

.skill-bars li .percent15 {
    width: 15%;
}

.skill-bars li .percent20 {
    width: 20%;
}

.skill-bars li .percent25 {
    width: 25%;
}

.skill-bars li .percent30 {
    width: 30%;
}

.skill-bars li .percent35 {
    width: 35%;
}

.skill-bars li .percent40 {
    width: 40%;
}

.skill-bars li .percent45 {
    width: 45%;
}

.skill-bars li .percent50 {
    width: 50%;
}

.skill-bars li .percent55 {
    width: 55%;
}

.skill-bars li .percent60 {
    width: 60%;
}

.skill-bars li .percent65 {
    width: 65%;
}

.skill-bars li .percent70 {
    width: 70%;
}

.skill-bars li .percent75 {
    width: 75%;
}

.skill-bars li .percent80 {
    width: 80%;
}

.skill-bars li .percent85 {
    width: 85%;
}

.skill-bars li .percent90 {
    width: 90%;
}

.skill-bars li .percent95 {
    width: 95%;
}

.skill-bars li .percent100 {
    width: 100%;
}


/* ===================================================================
 * # common and reusable theme styles  - (_common-styles.scss)
 *
 * ------------------------------------------------------------------- */

.wide {
    max-width: 1400px;
}

.narrow {
    max-width: 1200px;
}


/* -------------------------------------------------------------------
 * ## section intro - (_common-styles.scss)
 * ------------------------------------------------------------------- */

.section-intro {
    text-align: center;
    position: relative;
}

.section-intro h2 {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    margin-top: 0;
    font-weight: 600;
    font-size: 3rem;
}

.section-intro h2 a {
    color: #000
}

.section-intro h3 {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    color: #862121;
    text-transform: uppercase;
    letter-spacing: .15rem;
    margin-top: 0;
    margin-bottom: 0;
}

.section-intro.has-bottom-sep {
    position: relative;
}

.section-intro.has-bottom-sep::after {
    display: inline-block;
    height: 1px;
    width: 240px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}


/* -------------------------------------------------------------------
 * responsive:
 * section-intro
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 980px) {
    .section-intro h2 {
        font-size: 4.2rem;
    }

    .section-intro h3 {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 600px) {
    .section-intro h2 {
        font-size: 3.6rem;
    }

    .section-intro h3 {
        font-size: 1.7rem;
    }
}

@media only screen and (max-width: 400px) {
    .section-intro h2 {
        font-size: 3.3rem;
    }

    .section-intro h3 {
        font-size: 1.6rem;
    }
}


/* -------------------------------------------------------------------
 * ## blog-list - (_common-styles.scss)
 * ------------------------------------------------------------------- */

.blog-list {
    margin-top: 6rem;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.blog-list article {
    margin-bottom: 7.2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px 0;
    position: relative;
}

.blog-list article:hover {
    background-color: #f1f1f1;
}

.blog-list article:nth-child(2n) {
    background-color: #f1f1f1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 3;
}

.blog-list article:nth-child(2n):hover {
    background-color: #e7e6e6;
}

.blog-list article > h2,
.blog-list article > div,
.blog-list article > p {
    padding: 0 20px;
}


.blog-list article:nth-child(1) > h2,
.blog-list article:nth-child(1) > div,
.blog-list article:nth-child(1) > p {
    padding-right: 30px;
}

.blog-list article:nth-child(3) > h2,
.blog-list article:nth-child(3) > div,
.blog-list article:nth-child(3) > p {
    padding-left: 30px;
}

.blog-list h2 {
    font-family: "Segoe UI", "montserrat-medium", sans-serif;
    font-size: 3rem;
    line-height: 1.2;
    margin-top: .3rem;
    margin-bottom: 2.1rem;
    padding-bottom: 2.4rem;
    color: #0D0A0B;
    position: relative;
}

.blog-list h2 a {
    color: #0D0A0B;
}

.blog-list h2::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 1px;
    width: 100px;
    background-color: rgba(0, 0, 0, 0.15);
}

.blog-list article:nth-child(3) h2::after {
    left: 30px;
}

.blog-list .blog-date {
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.5rem;
    color: #862121;
}

.blog-list .blog-date a {
    color: #862121;
}

.blog-list .blog-date a:hover,
.blog-list .blog-date a:focus,
.blog-list .blog-date a:active {
    color: #000000;
}

.blog-list .blog-cat {
    font-family: "Segoe UI", "montserrat-medium", sans-serif;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    color: #000000;
    margin-top: -.9rem;
}

.blog-list .blog-cat {
    margin-top: 10px
}

.blog-list .blog-cat a {
    color: #000000;
    line-height: 30px;
}

.blog-list .blog-cat a:hover,
.blog-list .blog-cat a:focus,
.blog-list .blog-cat a:active {
    color: #862121;
}

.blog-list .blog-cat a::after {
    content: ", ";
}

.blog-list .blog-cat a:last-child::after {
    display: none;
}

.blog-list-style-3 .col-block {
    display: flex
}

.blog-list-style-3 .col-block:hover {
    background-color: #f6f6f6
}

.blog-list-style-3 .blog-date {
    display: inline-block;
    margin-right: 15px;
}

.blog-list-style-3 .blog-date a {
    font-size: 1.2rem;
    color: #5f5f5f;
}

.blog-list-style-3 .blog-title {
    display: inline-block
}

/* -------------------------------------------------------------------
 * responsive:
 * blog-list
 * ------------------------------------------------------------------- */

@media only screen and (min-width: 1200px) {
    .blog-list article:nth-child(2n+1) {
        padding-right: 40px;
    }

    .blog-list article:nth-child(2n+2) {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 980px) {
    .blog-list article:nth-child(n) {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 600px) {
    .blog-list article:nth-child(n) {
        padding: 15px 0 15px 0;
    }

    .blog-list h2 {
        font-size: 2.7rem;
    }

}


/* ===================================================================
 * # header styles - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-header {
    width: 100%;
    height: 72px;
    background-color: transparent;
    position: absolute;
    top: 0;
    z-index: 500;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 50px;
}

.s-header.offset {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);

}

.s-header.scrolling {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.s-header.sticky {
    position: fixed;
    top: 0;
    background-color: #000000 !important;
    opacity: 0;
    visibility: hidden;
    z-index: 600;
}

.s-header-black {
    background-color: #000000 !important;
    position: fixed;
    border-bottom: 1px solid #f1f1f1;
}

.s-header.sticky .header-logo a, .s-header-black.sticky .header-logo a {
    margin: 0;
}

.s-header.sticky .header-nav-wrap, .s-header-black.sticky .header-nav-wrap {
    top: 0;
}

.s-header.sticky.scrolling, .s-header-black.sticky.scrolling {
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #f1f1f1;
}


/* -------------------------------------------------------------------
 * ## header logo - (_site-layout.css)
 * ------------------------------------------------------------------- */

.header-logo {
    display: inline-block;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 501;
}

.header-logo a {
    display: block;
    margin: 9px 0 0 0;
    padding: 0;
    outline: 0;
    border: none;
    width: 80px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* -------------------------------------------------------------------
 * ## mobile menu toggle - (_site-layout.css)
 * ------------------------------------------------------------------- */

.header-menu-toggle {
    display: none;
    position: absolute;
    right: 29px;
    top: 22px;
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-menu-toggle:hover, .header-menu-toggle:focus {
    color: #FFFFFF;
}

.header-menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    left: 9px;
    top: 50%;
    right: auto;
    bottom: auto;
    background-color: white;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.header-menu-toggle span::before,
.header-menu-toggle span::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: inherit;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header-menu-toggle span::before {
    top: -9px;
}

.header-menu-toggle span::after {
    bottom: -9px;
}

.s-header.sticky .header-menu-toggle {
    top: 12px;
}

.header-menu-toggle.is-clicked span {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.header-menu-toggle.is-clicked span::before,
.header-menu-toggle.is-clicked span::after {
    background-color: white;
}

.header-menu-toggle.is-clicked span::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.header-menu-toggle.is-clicked span::after {
    bottom: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}


/* -------------------------------------------------------------------
 * ## navigation - (_site-layout.scss)
 * ------------------------------------------------------------------- */

.header-nav-wrap {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .25rem;
    position: relative;
}

.header-nav {
    display: inline-block;
    list-style: none;
    margin: 0;
    height: 72px;
}

.header-nav li {
    display: inline-block;
    padding-left: 0;
    margin-right: 2rem;
}

.header-nav li a {
    display: block;
    line-height: 72px;
    color: #FFFFFF;
}

.header-nav li a:hover {
    color: #af2b2b;
}

.header-nav li.current a {
    font-family: "Segoe UI", "montserrat-extrabold", sans-serif;
    color: #af2b2b;
}


/* -------------------------------------------------------------------
 * responsive:
 * header
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 980px) {
    .header-logo {
        left: 40px;
    }

    .header-nav-wrap {
        display: none;
        height: auto;
        width: 100%;
        right: auto;
        top: 0;
        left: 0;
        background-color: #000000;
        padding: 40px 40px 21px;
    }

    .header-nav-wrap .header-nav {
        display: block;
        height: auto;
        margin: 0 0 4.2rem 0;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .header-nav-wrap .header-nav li {
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.07);
    }

    .header-nav-wrap .header-nav li a {
        padding: 18px 0;
        line-height: 18px;
    }

    .header-menu-toggle {
        display: block;
    }
}


/* -------------------------------------------------------------------
 * make sure the menu is visible on larger screens
 * ------------------------------------------------------------------- */

@media only screen and (min-width: 981px) {
    .header-nav-wrap {
        display: flex !important;
    }
}


/* ===================================================================
 * # home - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-home {
    width: 100%;
    height: 100vh;
    min-height: 786px;
    background-color: #000;
    position: relative;
    display: table;
    background-size: cover;
    background-position: center center;
    background-image:url('/local/templates/tichiy/img/hero-bg2.jpg');
}

.s-home .shadow-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
}

.s-home .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #111111;
}

.no-js .s-home {
    background: #0D0A0B;
}


/* -------------------------------------------------------------------
 * ## home content - (_site-layout.scss)
 * ------------------------------------------------------------------- */

.home-content {
    display: table-cell;
    width: 100%;
    /*height: 100%;
    padding-bottom: 19.2rem;
    position: relative;*/
    vertical-align: bottom;

    position: absolute;
    bottom: 300px;
    left: 0;
}

.home-content h3 {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 1.8rem;
    color: #ce4848;
    text-transform: uppercase;
    letter-spacing: .5rem;
    position: relative;
    padding-left: 80px;
    margin-left: -30px;
    margin-bottom: .6rem;
    text-align: left;
}

.home-content h3::before {
    display: block;
    content: "";
    width: 60px;
    height: 2px;
    background-color: #ce4848;
    margin-top: -1.5px;
    position: absolute;
    left: 0;
    top: 50%;
}

.home-content h1 {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    color: #FFFFFF;
    font-size: 6rem;
    line-height: 1.35;
    margin-top: 0;
    text-align: left;
}

.home-content h2 {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    color: #FFFFFF;
    font-size: 2.4rem;
    line-height: 1.35;
    margin-top: 0;
    max-width: 80%;
    text-align: left;
}

.home-content__main {
    padding-right: 300px;
    position: relative;
}

.home-content__buttons {
    position: absolute;
    right: 0;
    bottom: 2.1rem;
    text-align: center;
}

.home-content__buttons .btn {
    display: block;
    width: auto;
    border-color: #FFFFFF;
    color: #FFFFFF;
    margin: 1.5rem 0 0 0;
    letter-spacing: .25rem;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.home-content__buttons .btn:hover,
.home-content__buttons .btn:focus {
    background: #FFFFFF !important;
    color: #000000;
}

.home-content__scroll {
    position: absolute;
    left: .6rem;
    bottom: -13.2rem;
}

.home-content__scroll a {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    line-height: 3rem;
    padding-right: 2rem;
}

.home-content__scroll a::after {
    border-bottom: 2px solid #922424;
    border-right: 2px solid #922424;
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}


/* -------------------------------------------------------------------
 * ## home social - (_site-layout.scss)
 * ------------------------------------------------------------------- */

.home-social {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    list-style: none;
    margin: 0;
    padding-bottom: 18rem;
    position: absolute;
    bottom: 0;
    right: 40px;
}

.home-social::after {
    display: block;
    content: "";
    height: 17.4rem;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.08);
    position: absolute;
    bottom: 0;
    right: .75rem;
}

.home-social a {
    color: white;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.home-social li {
    position: relative;
    height: 3.6rem;
    width: 3.6rem;
}

.home-social i, .home-social span {
    position: absolute;
    top: 0;
    line-height: 3.6rem;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.home-social i {
    font-size: 1.8rem;
    right: 0;
}

.home-social svg {
    position: absolute;
    top: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 22px;
    height: 22px;
    right: 0;fill:#fff;
}

.home-social span {
    color: #af2b2b;
    right: 3.6rem;
    font-size: 1.3rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.home-social li:hover span {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.home-social li:hover i {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/* animate .home-content__main
 * ------------------------------------------------------------------- */

html.ss-preload .home-content__main {
    opacity: 0;
}

html.ss-loaded .home-content__main {
    animation-duration: 2s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

html.no-csstransitions .home-content__main {
    opacity: 1;
}


/* -------------------------------------------------------------------
 * ## home animations - (_site-layout.scss)
 * ------------------------------------------------------------------- */

/* bounce */

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}


/* fade in */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        -ms-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        -ms-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/* fade out */

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        -ms-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -150%, 0);
        -ms-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
    }
}


/* -------------------------------------------------------------------
 * responsive:
 * home
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1500px) {
    .home-content h1 {
        font-size: 5.2rem;
    }

    .home-content__main {
        max-width: 1000px;
    }
}

@media only screen and (max-width: 1200px) {
    .home-content h1 {
        font-size: 5rem;
    }

    .home-content br {
        display: none;
    }

    .home-content__main {
        max-width: 800px;
    }

    .home-content__buttons {
        right: 30px;
    }
}

@media only screen and (max-width: 1000px) {
    .home-content h1 {
        font-size: 4.8rem;
    }

    .home-content__main {
        padding-right: 40px;
        max-width: 680px;
    }

    .home-content__buttons {
        position: static;
        text-align: left;
    }

    .home-content__buttons .btn {
        display: inline-block;
        margin-right: .9rem;
    }
}

@media only screen and (max-width: 980px) {
    .home-content h3 {
        font-size: 1.6rem;
        padding-left: 50px;
        margin-left: -10px;
    }

    .home-content h3::before {
        width: 40px;
    }

    .home-content h1 {
        font-size: 4.4rem;
    }

    .home-content__main {
        max-width: 500px;
    }
}

@media only screen and (max-width: 600px) {
    .home-content h1 {
        font-size: 4.2rem;
    }
    .home-content h2{max-width: 100%}
    .home-content__main {
        max-width: 380px;
        padding: 0;
    }

    .home-content__scroll {
        bottom: -9rem;
    }

    .home-social {
        padding-bottom: 10.8rem;
    }

    .home-social::after {
        height: 10.2rem;
    }
}

@media only screen and (max-width: 500px) {
    .home-content h3 {
        font-size: 1.5rem;
    }

    .home-content h1 {
        font-size: 3.8rem;
    }

    .home-content__main {
        max-width: none;
        width: 85%;
        margin-top: 150px;
    }
}

@media only screen and (max-width: 400px) {
    .home-content {
        vertical-align: middle;
    }

    .home-content h1 {
        font-size: 2.5rem;
    }

    .home-content h2 {
        font-size: 1.5rem;
    }

    .home-content__main {
        width: auto;
        margin-left: 25px;
        margin-right: 25px;
    }

    .home-content__buttons .btn {
        width: 100%;
    }

    .home-social {
        display: none;
    }
}


/* ===================================================================
 * # about - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-about {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #FFFFFF;
    position: relative;
}

.about-content {
    margin-bottom: 3rem;
}

.about-content .left {
    padding-right: 40px;
}

.about-content .right {
    padding-left: 40px;
}

.about-content--timeline {    display: flex;flex-wrap: wrap;}
.about-content--timeline h2{font-family: "Segoe UI", "librebaskerville-bold", serif;line-height: 1.375;margin-top: 0;font-weight: 600;font-size: 3rem;}

.about-content--timeline .text-center{width: 100%}

.about-content--timeline .left, .about-content--timeline .right{display: flex;}

/* -------------------------------------------------------------------
 * ## timeline - (_site-layout.scss)
 * ------------------------------------------------------------------- */

.timeline {
    position: relative;
    text-align: left;
    margin-top: 3.6rem;
}

.timeline::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 2rem;
    top: 0;
}

.timeline__block {
    position: relative;
    padding-left: 8rem;
    min-height: 28.8rem;
}

.timeline__bullet {
    background: #0D0A0B;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    margin-left: -0.75rem;
    box-shadow: 0 0 0 9px #E9E9E9;
    position: absolute;
    left: 2rem;
    top: .3rem;
}

.timeline__header .timeline__timeframe {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .15rem;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: .9rem;
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
}

.timeline__header h3 {
    line-height: 1.25;
    margin: 0 0 .3rem 0;
}

.timeline__header h5 {
    margin-top: 0;
}

.timeline__desc p {
    margin: 0;
    padding-bottom: 2rem;
}

.timeline__sites {
    padding-bottom: 5rem;
}

.siteLinks li {
    float: left;
    margin-right: 3rem;
}

.siteLinks li:nth-child(n+15) {display: none}
.siteLinks.--more li:nth-child(n+15) {display: block}
.siteLinks .links--hide {display: none}
.siteLinks.--more .links--show {display: none}
.siteLinks.--more .links--hide {display: inline-block}
.links--show, .links--hide{color: #0D0A0B;cursor: pointer;transition: .4s;border-bottom: 1px dashed #0D0A0B;display: inline-block;margin-top: 20px;float: right;font-size: 14px;line-height: 20px}
.links--show:hover, .links--hide:hover{border-bottom: 1px dashed transparent}

/* -------------------------------------------------------------------
 * responsive:
 * about
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1000px) {
    .about-content .left {
        padding-right: 30px;
    }

    .about-content .right {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 900px) {
    .about-content .left {
        padding-right: 20px;
    }

    .about-content .right {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 980px) {

    .about-content .left {
        padding-right: 15px;
    }

    .about-content .right {
        padding-left: 15px;
    }

    .about-content .right .timeline {
        margin-top: 0;
    }

    .about-content .left > h3, .about-content .right > h3 {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .about-content .left {
        padding-right: 10px;
    }

    .about-content .right {
        padding-left: 10px;
    }

    .timeline__block {
        padding-left: 6rem;
    }
}

@media only screen and (max-width: 400px) {
    .about-content .left {
        padding-right: 0;
    }

    .about-content .right {
        padding-left: 0;
    }

    .timeline__block {
        padding-left: 5.5rem;
    }
}


/* ===================================================================
 * # works - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-works {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #f1f1f1;
    position: relative;
}


/* -------------------------------------------------------------------
 * ## bricks/masonry - (_site-layout.scss)
 * ------------------------------------------------------------------- */

.masonry-wrap {
    margin-top: 4.8rem;
    max-width: none;
    width: 1600px;
}

.masonry:after {
    content: "";
    display: table;
    clear: both;
}

.masonry-wrap .alert {
    margin-top: 30px;
}

.masonry .grid-sizer, .masonry__brick {
    width: 25%;
}

.masonry__brick {
    float: left;
    padding: 0;
}

.item-folio {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.item-folio__thumb img {
    vertical-align: top;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.item-folio__thumb .shadow-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
}

.item-folio__thumb a {
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.item-folio__thumb a::before {
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}


/*.item-folio__thumb a::after {
    font-family: georgia, serif;
    font-size: 3rem;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    z-index: 1;
}
*/

.itemFullDescription {
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    display: block;
    width: 100%;
    height: 120px;
    padding: 3rem;
    vertical-align: middle;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*-webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);*/
    z-index: 1;
}

.itemFullDescription p {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 1rem;
}

.item-folio__text {
    position: absolute;
    left: 0;
    bottom: 3rem;
    padding: 0 3rem;
    z-index: 2;
}

.item-folio__title {
    color: #FFFFFF;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: 15px;
}

.item-folio__cat {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.5rem;
    line-height: initial;
    margin-bottom: 0;
}

.item-folio__caption {
    display: none;
}

.p--links {
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: auto;
    height: auto;
    z-index: 5;
    display: flex;
}

.item-folio__project-link {
    display: block;
    color: #FFFFFF;
    box-shadow: 0 0 0 1px #FFFFFF;
    border-radius: 50%;
    height: 4.2rem;
    width: 4.2rem;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    margin-right: 15px;
}

.item-folio__project-link i {
    font-size: 1.8rem;
    line-height: 4.2rem;
}

.item-folio__project-link::before {
    display: block;
    content: "";
    height: 1px;
    width: 3rem;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 50%;
    left: -3rem;
}

.item-folio__project-link:hover, .item-folio__project-link:focus, .item-folio__project-link:active {
    background-color: #FFFFFF;
    color: #000000;
}


/* on hover */

.item-folio:hover .item-folio__thumb a::before, .item-folio:hover .itemFullDescription {
    opacity: 1;
    visibility: visible;
}

.item-folio:hover .item-folio__thumb a::after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.item-folio:hover .item-folio__thumb img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.item-folio:hover .item-folio__project-link {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* -------------------------------------------------------------------
 * responsive:
 * works
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1700px) {
    .masonry-wrap {
        width: 1400px;
    }
}

@media only screen and (max-width: 1500px) {
    .masonry-wrap {
        width: 1200px;
    }
}

@media only screen and (max-width: 1300px) {
    .masonry-wrap {
        width: 999px;
    }
}

@media only screen and (max-width: 1099px) {
    .masonry-wrap {
        width: 90%;
        max-width: 800px;
    }
}

@media only screen and (max-width: 400px) {
    .masonry-wrap {
        width: auto;
    }
}


/* ===================================================================
 * # testimonials - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-testimonials {
    background-color: #0D0A0B;
    background-image: url("/local/templates/tichiy/css/../images/testimonial-bg.jpg");
    background-repeat: no-repeat;
    background-position: center, center;
    padding-top: 9.6rem;
    padding-bottom: 10.2rem;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.s-testimonials .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .85;
    background-color: #0D0A0B;
}

.testimonials-header {
    text-align: center;
    padding: 0 14rem;
    position: relative;
}

.testimonials-header h3 {
    color: #FFFFFF;
}

.testimonials {
    margin-top: 4.2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.testimonials__slider {
    position: relative;
}

.testimonials__slider .slick-slide {
    outline: none;
}

.testimonials__slider .slick-arrow {
    position: absolute;
    top: -10.2rem;
    color: white;
    border-radius: 100%;
    padding-right: 0;
    padding-left: 0;
    background-color: rgba(255, 255, 255, 0.15);
    border: none;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.testimonials__slider .slick-arrow .im {
    font-size: 1.2rem;
    height: 4.5rem;
    width: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
}

.testimonials__slider .slick-arrow:hover, .testimonials__slider .slick-arrow:focus {
    color: white;
    box-shadow: 0 0 0 5px white;
    background-color: transparent;
}

.testimonials__slider .slick-prev {
    left: 4.5rem;
}

.testimonials__slider .slick-next {
    right: 4.5rem;
}

.testimonials__slider .slick-dots {
    display: block;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 1.5rem 0 0 0;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 0;
}

.testimonials__slider .slick-dots li {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin: 0;
    padding: 9px;
    cursor: pointer;
}

.testimonials__slider .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #959595;
    border: none;
    line-height: 10px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.testimonials__slider .slick-dots li button:hover,
.testimonials__slider .slick-dots li button:focus {
    outline: none;
}

.testimonials__slider .slick-dots li.slick-active button,
.testimonials__slider .slick-dots li:hover button {
    background: #375636;
}

.testimonials__slide {
    position: relative;
    padding-top: 4.5rem;
    padding-left: 12rem;
    padding-right: 3rem;
    line-height: 2.063;
}

.testimonials__avatar {
    width: 6.6rem;
    height: 6.6rem;
    box-shadow: 0 0 0 0.9rem rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    position: absolute;
    left: .9rem;
    top: 4.8rem;
    outline: none;
}

.testimonials__author {
    margin-top: 0rem;
    color: #FFFFFF;
    font-weight: 600;
}

.testimonials__author span {
    display: block;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.3rem;
    color: rgba(95, 95, 95, 0.7);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}


/* -------------------------------------------------------------------
 * responsive:
 * testimonials
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
    .testimonials-header h1 {
        font-size: 3.8rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 1000px) {
    .testimonials__slide {
        padding-left: 11rem;
    }

    .testimonials__avatar {
        width: 6rem;
        height: 6rem;
    }
}

@media only screen and (max-width: 980px) {
    .testimonials-header h1 {
        font-size: 3rem;
    }
}

@media only screen and (max-width: 600px) {
    .testimonials {
        margin-top: 3rem;
    }

    .testimonials__slider .slick-arrow {
        top: 5.1rem;
    }

    .testimonials__slider .slick-prev {
        left: 1rem;
    }

    .testimonials__slider .slick-next {
        right: 1rem;
    }

    .testimonials-header {
        padding: 0;
    }

    .testimonials-header h1 {
        font-size: 2.7rem;
    }

    .testimonials__slide {
        padding: 13.2rem 0 0;
        text-align: center;
    }

    .testimonials__slide::before {
        left: 50%;
    }

    .testimonials__avatar {
        left: 50%;
        margin-left: -3rem;
    }
}


/* ===================================================================
 * # blog - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-blog {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #FFFFFF;
    position: relative;
}


/* ===================================================================
 * # cta - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-cta {
    margin-top: -9rem;
    padding-top: 0;
    padding-bottom: 9rem;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.cta__content {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

.cta__content h2 a {
    color: #0D0A0B;
}

.cta__content span {
    color: #191A3F;
}


/* ===================================================================
 * # stats - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-stats {
    background-color: #f1f1f1;
    text-align: center;
}

.stats__col {
    padding: 7.8rem 2rem 6.6rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.stats__upsign {
    position: absolute;
    top: 3rem;
    left: 3rem;
    text-align: left;
}

.stats__upsign i {
    font-size: 2.1rem;
    line-height: 1;
    color: #cf3e3e;
    color: #008C2C;
}

.stats__count {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    font-size: 7.2rem;
    line-height: 1;
    color: #0D0A0B;
    padding-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stats__count::after {
    content: "";
    display: block;
    height: 1px;
    width: 100px;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

.stats h4 {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    margin-top: 1.8rem;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.8rem;
    position: relative;
}

.stats__col--highlight {
    background: #111111 url("/local/templates/tichiy/css/../images/count-bg.jpg");
    background-size: 175px 175px;
    position: relative;
}

.stats__col--highlight::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-image: linear-gradient(to bottom, rgba(13, 10, 11, 0) 0%, #0D0A0B 100%);
}

.stats__col--highlight .stats__count {
    color: #FFFFFF;
}

.stats__col--highlight .stats__count::after {
    background-color: #862121;
}

.stats__col--highlight h4 {
    color: rgba(255, 255, 255, 0.4);
}


/* -------------------------------------------------------------------
 * responsive:
 * stats
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
    .stats__count {
        font-size: 5.8rem;
    }

    .stats h4 {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 1000px) {
    .stats__count {
        font-size: 5rem;
    }

    .stats h4 {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 980px) {
    .stats__count {
        font-size: 7.2rem;
    }

    .stats h4 {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 600px) {
    .s-stats {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .stats__col {
        padding: 4.8rem 2rem 4.2rem;
    }
}


/* ===================================================================
 * # contact - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

.s-contact {
    background-color: #151515;
    background-image: url("/local/templates/tichiy/css/../img/mailMe.jpg.webp");
    background-repeat: no-repeat;
    background-position: center, center;
    padding-top: 13.2rem;
    padding-bottom: 12rem;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.s-contact .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .95;
    background-color: #070606;
}

.s-contact .section-intro h2 {
    color: #FFFFFF;
}

.s-contact .section-intro p {
    color: rgba(255, 255, 255, 0.5);
    max-width: 767px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.s-contact .section-intro.has-bottom-sep::after {
    background-color: rgba(255, 255, 255, 0.1);
}

.s-contact .form-field {
    position: relative;
}

.s-contact .form-field:after {
    content: "";
    display: table;
    clear: both;
}

.s-contact .form-field label {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.1rem;
    line-height: 2.4rem;
    position: absolute;
    bottom: -0.3rem;
    right: .6rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    padding: 0 2rem;
    margin: 0;
    color: #FFFFFF;
    background: #862121;
}

.s-contact .form-field label::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -6px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #862121;
}

.contact__main {
    max-width: 900px;
    position: relative;
    margin-top: 1rem;
}

.contact__main h4 {
    color: #FFFFFF;
}

.contact__infos {
    font-size: 1.5rem;
}

.contact__form {
    padding-right: 40px;
}

.contact__form input[type="email"],
.contact__form input[type="number"],
.contact__form input[type="text"],
.contact__form input[type="tel"],
.contact__form input[type="url"],
.contact__form textarea {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: .9rem;
    color: rgba(255, 255, 255, 0.75);
}

.contact__form input.error,
.contact__form textarea.error {
    border-bottom: 1px dotted rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
}

.contact__form input[type="email"]:focus,
.contact__form input[type="number"]:focus,
.contact__form input[type="text"]:focus,
.contact__form input[type="tel"]:focus,
.contact__form input[type="url"]:focus,
.contact__form textarea:focus {
    color: white;
    border-bottom: 1px solid white;
}

.contact__form button {
    margin-top: 4.2rem;
    background-color: #862121;
    border-color: #862121;
}

.message-warning, .message-success {
    display: none;
    background: #0D0A0B;
    font-size: 1.5rem;
    line-height: 2;
    padding: 3rem;
    margin-bottom: 3.6rem;
    width: 100%;
}

.message-warning {
    color: #ff6163;
}

.message-success {
    color: #008C2C;
}

.message-warning i, .message-success i {
    margin-right: 10px;
    font-size: 1.2rem;
}


/* form loader */

.submit-loader {
    display: none;
    position: relative;
    left: 0;
    top: 1.8rem;
    width: 100%;
    text-align: center;
    margin-bottom: 4.2rem;
}

.submit-loader .text-loader {
    display: none;
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 1.4rem;
    color: #FFFFFF;
    letter-spacing: .2rem;
    text-transform: uppercase;
}

.oldie .submit-loader .s-loader {
    display: none;
}

.oldie .submit-loader .text-loader {
    display: block;
}


/* ---------------------------------------------------------------
 * loader animation - (_site-layout.scss)
 * --------------------------------------------------------------- */

.s-loader {
    margin: 1.2rem auto 3rem;
    width: 70px;
    text-align: center;
    -webkit-transform: translateX(0.45rem);
    -ms-transform: translateX(0.45rem);
    transform: translateX(0.45rem);
}

.s-loader > div {
    width: 9px;
    height: 9px;
    background-color: #FFFFFF;
    border-radius: 100%;
    display: inline-block;
    margin-right: .9rem;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both;
}

.s-loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.s-loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


/* -------------------------------------------------------------------
 * responsive:
 * contact
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 980px) {
    .contact__form {
        padding-right: 15px;
    }

    .contact__infos {
        padding-top: 3rem;
    }
}

@media only screen and (max-width: 600px) {
    .contact__form {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .contact__form {
        padding-right: 0;
    }
}


/* ===================================================================
 * # footer - (_site-layout.scss)
 *
 * ------------------------------------------------------------------- */

footer {
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 14px;
    padding: 3.6rem 0 2.2rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
    background-color: #151515;
}

footer a, footer a:visited {
    color: #862121;
}

footer a:hover, footer a:focus {
    color: #FFFFFF;
}

.footer-logo {
    position: relative;
}

.footer-logo .logo {
    margin-left: -60px;
}

.footer-logo .fixedLogo {
    margin: 0 auto;
}

.footer-site-logo {
    display: block;
    width: 130px;
}

.footer-social {
    list-style: none;
    margin-top: 3rem;
    margin-left: 0;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .3rem;
}

.footer-social:after {
    content: "";
    display: table;
    clear: both;
}

.footer-social li {
    display: inline-block;
    padding-left: 0;
    margin-right: .9rem;
    line-height: 3.9rem;
    vertical-align: middle;
}

.footer-social li::after {
    content: "|";
    color: rgba(255, 255, 255, 0.15);
    padding-left: .9rem;
}

.footer-social li i {
    font-size: 1.7rem;
    line-height: 3rem;
    vertical-align: middle;
}

.footer-social li span {
    margin-left: .6rem;
}

.footer-social li a {
    color: #FFFFFF;
}

.footer-social li:last-child {
    margin-right: 0;
}

.footer-social li:last-child::after {
    display: none;
}

.footer-bottom {
    margin-top: 3.2rem;
    text-align: center;
}

.footer-bottom .copyright span {
    display: inline-block;
}

.footer-bottom .copyright span::after {
    content: "|";
    display: inline-block;
    padding: 0 1rem 0 1.2rem;
    color: rgba(255, 255, 255, 0.1);
}

.footer-bottom .copyright span:last-child::after {
    display: none;
}


/* -------------------------------------------------------------------
 * ## go to top
 * ------------------------------------------------------------------- */

.go-top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 600;
    display: none;
}

.go-top a, .go-top a:visited {
    text-decoration: none;
    border: 0 none;
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: black;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.go-top a i, .go-top a:visited i {
    font-size: 12px;
    line-height: inherit;
}

.go-top a:hover, .go-top a:focus {
    color: #FFFFFF;
}


/* -------------------------------------------------------------------
 * responsive:
 * footer
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 600px) {
    .footer-social li {
        margin-right: 1.8rem;
    }

    .footer-social li span, .footer-social li::after {
        display: none;
    }

    .footer-social li i {
        font-size: 2.4rem;
    }

    .footer-bottom {
        padding-bottom: .6rem;
    }

    .footer-bottom .copyright span {
        display: block;
    }

    .footer-bottom .copyright span::after {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .footer-site-logo {
        width: 100px;
    }

    .footer-social li {
        margin-right: 1.2rem;
    }

    .footer-social li i {
        font-size: 2.2rem;
    }
}


/* ===================================================================
 * # blog styles - (_blog.scss)
 *
 * ------------------------------------------------------------------- */

article.blog-single {
    background-color: #FFFFFF;
}

article.blog-single .blog-content {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
}

.error404 {
    text-align: center;
    font-size: 250px;
    font-weight: 600;
    color: #000;
    line-height: 250px
}

.error404Text {
    text-align: center;
}

/* -------------------------------------------------------------------
 * ## blog page header
 * ------------------------------------------------------------------- */

.page-header {
    background-color: #0D0A0B;
    background-repeat: no-repeat;
    background-position: center, center;
    background-size: cover;
    padding-top: 10rem;
    padding-bottom: 7.2rem;
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    min-height: 30.4rem;
}

.page-header-tags {
    background-color: #0D0A0B;
    background-repeat: no-repeat;
    background-position: center, center;
    padding-top: 9rem;
    padding-bottom: 2rem;
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    min-height: 10rem;
}

.page-header--single {
    padding-top: 10rem;
    padding-bottom: 3rem;
    text-align: center;
}

.page-header::before,
.page-header-tags::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .75;
    background-color: #0D0A0B;
}

.page-header::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
}

.page-header__content {
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 2rem;
    line-height: 1.8;
    position: relative;
    max-width: 900px;
    z-index: 2;
}

.page-header__content p {
    padding-right: 3rem;
    font-size: 1.5rem;
}

.page-header__info {
    margin-bottom: 1.2rem;
}

.page-header__info .div:last-child {
    margin-right: 0;
}

.page-header__cat, .page-header__date {
    display: inline-block;
    margin-right: 2rem;
    margin-bottom: .3rem;
}

.page-header__cat {
    font-size: 1.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .16rem;
    color: rgba(255, 255, 255, 0.8);
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
}

.page-header__cat a {
    color: rgba(255, 255, 255, 0.8);
}

.page-header__cat a:hover, .page-header__cat a:focus, .page-header__cat a:active {
    color: white;
}

.page-header__cat a::after {
    content: ", ";
}

.page-header__cat a:last-child::after {
    display: none;
}

.page-header__date {
    font-family: "Segoe UI", "montserrat-light", sans-serif;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.4);
}

.page-header__date a {
    color: rgba(255, 255, 255, 0.4);
}

.page-header__date a:hover, .page-header__date a:focus, .page-header__date a:active {
    color: white;
}

.page-header-tags .page-header__title {
    text-align: center
}

.page-header__title {
    color: #FFFFFF;
    position: relative;
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1.227;
    margin-top: 0;
    margin-bottom: 3.6rem;
}

.page-header__title a {
    color: #FFFFFF;
}

.page-header__meta {
    list-style: none;
    margin-left: 0;
    padding-top: 2.4rem;
    font-size: 1.6rem;
    position: relative;
}

.page-header__meta::before {
    display: block;
    content: "";
    height: 1px;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
}

.page-header__meta li {
    display: inline-block;
    padding-left: 0;
    margin-right: 2rem;
}

.page-header__meta li.date {
    position: relative;
    cursor: pointer;
}

.page-header__meta li.date .datePopup {
    cursor: auto;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    height: auto;
    background-color: #fff;
    border: 1px solid #f6f6f6;
    display: none;
    color: #0D0A0B;
    font-size: 14px;
    text-align: left;
    padding: 5px 15px;
}

.page-header__meta li.date .datePopup span {
    color: #616161;
}

.datePopup {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s
}

.page-header__meta li.date:hover .datePopup {
    display: block;
    opacity: 1;
}

.page-header__meta li:last-child {
    margin-right: 0;
}

.page-header__meta span, .page-header__meta a {
    color: #FFFFFF;
}

.page-header__btn {
    border-color: #FFFFFF !important;
    color: #FFFFFF;
    letter-spacing: .25rem;
    margin-top: 24px;
}

.page-header__btn:hover, .page-header__btn:focus {
    background: #FFFFFF !important;
    color: #000000;
}


/* -------------------------------------------------------------------
 * responsive:
 * blog page header
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
    .page-header__content {
        max-width: 800px;
        font-size: 1.7rem;
    }

    .page-header__cat {
        font-size: 1.3rem;
    }

    .page-header__title {
        font-size: 6rem;
    }
}

@media only screen and (max-width: 900px) {
    .page-header__content {
        max-width: 700px;
    }
}

@media only screen and (max-width: 980px) {
    .page-header--single {
        padding-top: 18rem;
    }

    .page-header__title {
        font-size: 5.4rem;
    }
}

@media only screen and (max-width: 600px) {
    .page-header {
        padding-top: 18rem;
    }

    .page-header__content p {
        padding-right: 0;
    }

    .page-header__title {
        font-size: 4.8rem;
    }
}

@media only screen and (max-width: 500px) {
    .page-header__title {
        font-size: 4.2rem;
    }
}

@media only screen and (max-width: 400px) {
    .page-header__content {
        font-size: 1.6rem;
        line-height: 1.875;
    }

    .page-header__title {
        font-size: 3.8rem;
    }
}


/* -------------------------------------------------------------------
 * ## blog content - _blog.scss
 * ------------------------------------------------------------------- */

.blog-content-wrap {
    background-color: #FFFFFF;
    padding-top: 4.2rem;
    padding-bottom: 8rem;
}

.blog-content, .g--wrapper {
    max-width: 1440px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}

.blog-content__main {
    padding-left: 0;
    padding-right: 0;
}

.blog-content__main img {
    max-width: 100%;
    margin: 1rem 0 1rem 0;
}


/* post tags
 * ------------------------------------------------- */

.blog-content__tags {
    margin-top: 3rem;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
}

.blog-content__tags span {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    color: #0D0A0B;
    position: relative;
    padding-right: 55px;
    margin-right: 1.5rem;
    margin-top: 1.2rem;
}

.blog-content__tags span::after {
    display: inline-block;
    content: "";
    height: 1px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 50%;
    right: 0;
}

.blog-content__tags .blog-content__tag-list {
    display: inline-block;
    padding-right: 0;
    margin-right: 0;
}

.blog-content__tags .blog-content__tag-list::after {
    display: none;
}

.blog-content__tags .blog-content__tag-list a {
    display: inline-block;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.3rem;
    line-height: inherit;
    color: #797979;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 0 10px;
}

.blog-content__tags .blog-content__tag-list a:hover,
.blog-content__tags .blog-content__tag-list a:focus {
    background-color: #0D0A0B;
    border-color: #0D0A0B;
    color: #FFFFFF;
}

.blog-content__tags .blog-content__tag-list a:last-child {
    margin-right: 0;
}


/* blog single page navigation
 * ------------------------------------------------- */

.blog-content__pagenav {
    margin-top: 7.8rem;
    padding-top: 1.8rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.blog-content__nav {
    padding-right: 220px;
}

.blog-content__nav:after {
    content: "";
    display: table;
    clear: both;
}

.blog-content__nav span {
    display: block;
    font-family: "montserrat-regular", sans-serif;
    font-size: 1.6rem;
    color: #797979;
    margin-bottom: 1.2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-content__nav a {
    font-family: "montserrat-bold", sans-serif;
    font-size: 2.2rem;
    line-height: 1.5;
    color: #0D0A0B;
}

.blog-content__nav a:hover span, .blog-content__nav a:focus span {
    color: #0D0A0B;
}

.blog-content__prev, .blog-content__next {
    width: 50%;
    float: left;
    padding-right: 2rem;
}

.blog-content__all {
    text-align: right;
    width: 210px;
    position: absolute;
    top: 2.1rem;
    right: 0;
}

.blog-content__all .im {
    font-size: 1.4rem;
    line-height: 1;
    margin-right: 8px;
    position: relative;
    top: 2px;
}


/* blog entries navigation
 * ------------------------------------------------- */

.blog-entries-nav {
    text-align: center;
    max-width: 600px;
}

.blog-entries-nav .btn {
    margin-right: 3rem;
    min-width: 150px;
}

.blog-entries-nav .btn:last-child {
    margin-right: 0;
}

.blog-entries-nav .im {
    font-size: 1.3rem;
    line-height: 1;
    position: relative;
    top: 2px;
}


/* -------------------------------------------------------------------
 * responsive:
 * blog content
 * ------------------------------------------------------------------- */

@media all and (max-width: 1440px) {
    .blog-content, .g--wrapper {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1280px) {
    .blog-content, .g--wrapper {
        max-width: 100%;
        padding: 0 20px;
    }

    .blog-content__prev, .blog-content__next {
        width: 100%;
        float: none;
        padding: 0;
        text-align: left;
        margin-bottom: 1.8rem;
    }
}


@media only screen and (max-width: 1000px) {
    .blog-content__main {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-content__main img {
        max-width: 100%;
        margin: 3rem 0 3rem;
    }
}

@media only screen and (max-width: 900px) {
    .blog-content__nav {
        padding-right: 0;
    }

    .blog-content__all {
        position: static;
        text-align: left;
        width: auto;
        margin-top: 1.8rem;
    }
}

@media only screen and (max-width: 980px) {
    .blog-content__prev, .blog-content__next, .blog-content__all {
        text-align: center;
    }

    .blog-content__main {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .blog-entries-nav .btn {
        margin-right: 0;
        min-width: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .blog-content__main {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-content__all .btn {
        width: 100%;
    }
}


/* -------------------------------------------------------------------
 * ## comments - _blog.scss
 * ------------------------------------------------------------------- */

.comments-wrap {
    background-color: #f0f0f0;
    padding: 8.4rem 0 9rem;
}


/* comments
 * -------------------------------------------------- */

#comments {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    max-width: 1440px;
    border-bottom: 1px solid #ccc;
}

#comments h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

#comments ol, #comments ul {
    list-style: none;
}

.commentlist {
    margin: 3rem 0 5.4rem;
    padding: 0;
}

.commentlist > .comment {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0.8rem 0;
}

.comment.answer > div > .comment__content,
.comment.answer > .cChild > .comment__content
{
    background-color: #f6f6f6;
}

.comment.answer > div > .comment__content .comment__avatar,
.comment.answer > .cChild > .comment__content .comment__avatar
{
    left: 15px;
}

.comment__content {
    padding: 15px;
}

.cChild {
    position: relative;
}

.cChild {
    margin-left: 40px;
}

.commentlist > .thread-alt.comment > .cChild {
    margin-left: 0;
}

.comment__avatar {
    position: absolute;
    left: 0;
    display: block;
    height: 6rem;
    width: 6rem;
}

.comment__avatar img {
    margin-top: 0.6rem;
    height: 6rem;
    width: 6rem;
    border-radius: 100%;
}

.comment__info {
    position: relative;
    padding-left: 100px
}

.comment__info cite {
    font-family: "montserrat-bold", sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    color: #0D0A0B;
    font-weight: 600;
}

.comment__meta {
    font-family: "montserrat-regular", sans-serif;
    font-size: 1.45rem;
    line-height: 3rem;
    font-style: normal;
    display: block;
    color: rgba(0, 0, 0, 0.7);
}

.comment__meta .reply {
    font-family: "montserrat-bold", sans-serif;
    display: inline-block;
    cursor: pointer;
    opacity: 0;
}

.comment__meta .sep {
    margin: 0 5px;
    opacity: 0;
}

.comment__content:hover .comment__meta .reply,
.comment__content:hover .comment__meta .sep{
    opacity: 1;
}

.comment__text {
    clear: both;
    margin: 1.8rem 0 0 0;
    padding: 0 20px 0 0;
}

.comment ul.children {
    margin: 0;
    padding: 1.8rem 0 0 0;
}

.comment ul.children li {
    padding-left: 5%;
    padding-top: 1.8rem;
}


/* comments form
 * ---------------------------- */

#comments .respond {
    padding-top: 4.2rem;
}

#comments form {
    padding-top: 2rem;
}

#comments form .form-field {
    margin-bottom: 2.9rem;
}

.fixedLogo {
    z-index: 11;
    top: 25px;
    left: 5%;
    width: 220px;
    height: 100px; /*background-color:rgba(61,61,61,0.3);*/
    padding: 0 10px 10px 10px; /*position: fixed*/
}

.fixedLogo-0 {
    fill: #23a126;
}

.fixedLogo-1 {
    fill: #fff;
}

.fixedLogo-2 {
    fill: #fff;
    stroke: #fff;
    stroke-miterlimit: 10;
}

.fixedLogo-3 {
    fill: #fff;
}

.fixedLogo-3.fill {
    fill: #23a126;
}

.logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -30px;
    width: 50px;
    height: 50px;
    overflow: visible;
    z-index: 13;
}

.logo_top {
    z-index: 14; /*position:absolute;*/
    top: 10px;
    left: 0px;
}

.logo__mainGroup {
    -webkit-transform-origin: 35px 35px;
    transform-origin: 35px 35px;
    -webkit-animation: mainGroupAnim 9s 1s alternate;
    animation: mainGroupAnim 9s 1s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}

.logo__grayGroup {
    -webkit-animation: grayGroupAnim 9s 1s alternate;
    animation: grayGroupAnim 9s 1s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__square {
    stroke: #9E9E9E;
    stroke-dasharray: 280, 280;
    stroke-dashoffset: 280;
    -webkit-animation: square-anim 9s 1s alternate;
    animation: square-anim 9s 1s alternate;

}

.logo__line {
    stroke: #9E9E9E;
    stroke-dasharray: 70, 70;
    stroke-dashoffset: 70;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__line-1 {
    -webkit-animation: line-anim 9s 0.4375s alternate;
    animation: line-anim 9s 0.4375s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__line-2 {
    -webkit-animation: line-anim 9s 0.55s alternate;
    animation: line-anim 9s 0.55s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__line-3 {
    -webkit-animation: line-anim 9s 0.6625s alternate;
    animation: line-anim 9s 0.6625s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__line-4 {
    -webkit-animation: line-anim 9s 0.775s alternate;
    animation: line-anim 9s 0.775s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__line-5 {
    -webkit-animation: line-anim 9s 0.8875s alternate;
    animation: line-anim 9s 0.8875s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__line-6 {
    -webkit-animation: line-anim 9s 1s alternate;
    animation: line-anim 9s 1s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}

.logo__stroke {
    stroke: #23a126;
    stroke-dasharray: 600, 600;
    stroke-dashoffset: 600;
    -webkit-animation: strokeAnim 9s 1s ease-in-out alternate;
    animation: strokeAnim 9s 1s ease-in-out alternate;
}

.logo__bak {
    fill: #fff;
    opacity: 0;
    -webkit-animation: rect-anim 13s 1s alternate;
    animation: rect-anim 13s 1s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

.logo__fill {
    stroke: #23a126;
    stroke-dasharray: 290, 290;
    stroke-dashoffset: 290;
    -webkit-animation: fillAnim 9s 1s alternate;
    animation: fillAnim 9s 1s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}

.logo__bak_fill {
    stroke: #fff;
    /*stroke-dasharray: 500;
    stroke-dashoffset: 500;*/
    stroke-dashoffset: 500;
    -webkit-animation: bakAnim 9s 1s alternate;
    animation: bakAnim 9s 1s alternate;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}

@-webkit-keyframes square-anim {
    12% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes square-anim {
    12% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes line-anim {
    19% {
        stroke-dashoffset: 70;
    }
    26% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0; /*stroke-width:10;stroke: #fff;*/
    }
}

@keyframes line-anim {
    19% {
        stroke-dashoffset: 70;
    }
    26% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0; /*stroke-width:10;stroke: #fff;*/
    }
}

@-webkit-keyframes rect-anim {
    26% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@keyframes rect-anim {
    26% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@-webkit-keyframes grayGroupAnim {
    33% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes grayGroupAnim {
    33% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes strokeAnim {
    33% {
        stroke-dashoffset: 600;
    }
    66% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes strokeAnim {
    33% {
        stroke-dashoffset: 600;
    }
    66% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes fillAnim {
    66% {
        stroke-dashoffset: 290;
    }
    85% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fillAnim {
    66% {
        stroke-dashoffset: 290;
    }
    85% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes bakAnim {
    66% {
        stroke-dashoffset: 500;
    }
    85% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes bakAnim {
    66% {
        stroke-dashoffset: 500;
    }
    85% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* END LOGO STUFF =========================== */

.fixedPhone {
    z-index: 11;
    width: auto;
    display: inline-block;
    margin-right: 50px;
}

.fixedPhoneWrap {
    position: relative;
}

.fixedPhoneWrap a {
    color: #fff
}

.fixedPhoneWrap:hover a:hover {
    color: #c5c5c5
}

.fixedPhoneWrap:hover svg {
    stroke: #c5c5c5
}

.fixedPhoneWrap svg {
    z-index: 12;
    margin-top: 20px;
    float: left;
}

.fixedPhone-1 {
    fill: #23a126;
    fill-rule: evenodd;
    opacity: 0.8
}

.fixedPhone-2 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.fixedPhoneNumber {
    line-height: 70px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: inline-block
}

.fixedPhoneNumber span {
    padding-bottom: 5px;
    margin-left: 20px;
}

.fixedPhone-2-SVG {
    display: inline-block
}

.tcon-svgchevron {
    height: 25px;
    width: 25px
}

.tcon-svgchevron path {
    animation: chevron-pulse 2s infinite cubic-bezier(0.4, 0, 0.2, 1);
    fill: transparent;
    stroke: #fff;
    stroke-width: 3px; /*animation-play-state: paused;*/
}

.tcon-svgchevron:hover path {
    animation-play-state: running;
}

.tcon-svgchevron path.a1 {
    animation-delay: 0s
}

.tcon-svgchevron path.a2 {
    animation-delay: -.5s
}

.tcon-svgchevron path.a3 {
    animation-delay: -1s
}

@keyframes chevron-pulse {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.fixedPhone-2-SVG {
    height: 25px;
    width: 25px
}

.fixedPhone-2-SVG path { /*animation-play-state: paused;*/
}

.fixedPhone-2-SVG:hover path { /*animation-play-state: running;*/
}

.fixedPhone-2-SVG path.fixedPhone-3 {
    animation: chevron-pulse 1.5s infinite cubic-bezier(.42, 0, .58, 1);
    fill: transparent;
    stroke: #fff;
    stroke-width: 3px;
    animation-delay: 0s
}

.fixedPhone-2-SVG path.fixedPhone-4 {
    animation: chevron-pulse 1.5s infinite cubic-bezier(.42, 0, .58, 1);
    fill: transparent;
    stroke: #fff;
    stroke-width: 3px;
    animation-delay: -.5s
}

.fixedPhone-2-SVG path.fixedPhone-5 {
    animation: chevron-pulse 1.5s infinite cubic-bezier(.42, 0, .58, 1);
    fill: transparent;
    stroke: #fff;
    stroke-width: 3px;
    animation-delay: -1s
}

@keyframes chevron-pulse {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.fixedBak {
    opacity: 0.7;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 70%;
}

/* END Fixed STUFF =========================== */
/* LOGO STUFF ================= */
/* alternate -> infinite */

.floatPhone {
    position: fixed;
    width: 70px;
    height: 70px;
    left: 20px;
    bottom: 20px;
    z-index: 3
}

.Phone {
    position: relative;
    display: block;
    margin: 0;
    width: 70px;
    height: 70px;
    font-size: 25vmin;
    background-color: #23a026;
    border-radius: 35px;
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.Phone::before,
.Phone::after {
    position: absolute;
    content: "";
}

.Phone::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(0);
}

.Phone::after {
    top: 18px;
    left: 18px;
    width: 35px;
    height: 35px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.Phone.is-animating {
    -webkit-animation: phone-outer 3000ms infinite;
    animation: phone-outer 3000ms infinite;
}

.Phone.is-animating::before {
    -webkit-animation: phone-inner 3000ms infinite;
    animation: phone-inner 3000ms infinite;
}

.Phone.is-animating::after {
    -webkit-animation: phone-icon 3000ms infinite;
    animation: phone-icon 3000ms infinite;
}

@-webkit-keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0 rgba(35, 160, 38, 0.1), 0 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }
    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 35px rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
}

@keyframes phone-outer {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    33.3333% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.1);
        transform: translate3d(0, 0, 0) scale(1.1);
        box-shadow: 0 0 0 0 rgba(35, 160, 38, 0.1), 0 0.05em 0.1em rgba(0, 0, 0, 0.5);
    }
    66.6666% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 35px rgba(52, 152, 219, 0), 0 0.05em 0.1em rgba(0, 0, 0, 0.2);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0), 0 0.80em 0.1em rgba(0, 0, 0, 0.2);
    }
}

@-webkit-keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0.9);
        transform: translate3d(0, 0, 0) scale(0.9);
    }
    66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@keyframes phone-inner {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    33.3333% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(0.9);
        transform: translate3d(0, 0, 0) scale(0.9);
    }
    66.6666% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
    }
}

@-webkit-keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
    2% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    4% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    6% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    8% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    10% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    12% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    14% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    16% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    18% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    20% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    22% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    24% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    26% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    28% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    30% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    32% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    34% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    36% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    38% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    42% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    44% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    46% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
}

@keyframes phone-icon {
    0% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
    2% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    4% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    6% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    8% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    10% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    12% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    14% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    16% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    18% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    20% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    22% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    24% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    26% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    28% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    30% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    32% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    34% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    36% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    38% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    42% {
        -webkit-transform: translate3d(0.01em, 0, 0);
        transform: translate3d(0.01em, 0, 0);
    }
    44% {
        -webkit-transform: translate3d(-0.01em, 0, 0);
        transform: translate3d(-0.01em, 0, 0);
    }
    46% {
        -webkit-transform: translate3d(0em, 0, 0);
        transform: translate3d(0em, 0, 0);
    }
}

.videoWrap {
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}


.AppContainer {
    margin: 0 auto;
    padding-left: 6rem;
    padding-right: 6rem;
}

/*Share*/
.shareBlock {
    margin-top: 20px
}

.Demo__some-network {
    vertical-align: top;
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}

.Demo__some-network__share-count {
    margin-top: 3px;
    font-size: 12px;
}

.Demo__some-network__share-button {
    cursor: pointer;
}

.Demo__some-network__share-button:hover:not(:active) {
    opacity: 0.75;
}

.Demo__some-network__custom-icon {
    width: 32px;
    height: 32px;
}

.Demo__some-network > div {
    float: left;
}

.SocialMediaShareCount {
    padding: 3px 7px;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin-left: 5px;
    margin-top: 3px;
}

.comms {
    padding: 8rem 0 0 0
}

.commsadd {
    padding: 0 0 8rem 0
}

@media only screen and (max-width: 980px) {
    #comments form button {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    #comments h3 {
        text-align: center;
    }

    .commentlist > .comment {
        padding-left: 0;
    }

    .commentlist .comment__avatar {
        display: none;
    }
}

h3 {
    margin-top: 3rem;
}

.hljs {
    padding: 0.5em 15px !important;
}

.alert {
    padding: 20px 15px 15px 55px;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.alert:after {
    position: absolute;
    top: 25px;
    left: 15px;
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 496.158 496.158' style='enable-background:new 0 0 496.158 496.158;' xml:space='preserve'%3e%3cpath style='fill:%2325B7D3;' d='M496.158,248.085c0-137.022-111.069-248.082-248.075-248.082C111.07,0.003,0,111.063,0,248.085 c0,137.001,111.07,248.07,248.083,248.07C385.089,496.155,496.158,385.086,496.158,248.085z'/%3e%3cpath style='fill:%23FFFFFF;' d='M315.249,359.555c-1.387-2.032-4.048-2.755-6.27-1.702c-24.582,11.637-52.482,23.94-57.958,25.015 c-0.138-0.123-0.357-0.348-0.644-0.737c-0.742-1.005-1.103-2.318-1.103-4.015c0-13.905,10.495-56.205,31.192-125.719 c17.451-58.406,19.469-70.499,19.469-74.514c0-6.198-2.373-11.435-6.865-15.146c-4.267-3.519-10.229-5.302-17.719-5.302 c-12.459,0-26.899,4.73-44.146,14.461c-16.713,9.433-35.352,25.41-55.396,47.487c-1.569,1.729-1.733,4.314-0.395,6.228 c1.34,1.915,3.825,2.644,5.986,1.764c7.037-2.872,42.402-17.359,47.557-20.597c4.221-2.646,7.875-3.989,10.861-3.989 c0.107,0,0.199,0.004,0.276,0.01c0.036,0.198,0.07,0.5,0.07,0.933c0,3.047-0.627,6.654-1.856,10.703 c-30.136,97.641-44.785,157.498-44.785,182.994c0,8.998,2.501,16.242,7.432,21.528c5.025,5.393,11.803,8.127,20.146,8.127 c8.891,0,19.712-3.714,33.08-11.354c12.936-7.392,32.68-23.653,60.363-49.717C316.337,364.326,316.636,361.587,315.249,359.555z'/%3e%3cpath style='fill:%23FFFFFF;' d='M314.282,76.672c-4.925-5.041-11.227-7.597-18.729-7.597c-9.34,0-17.475,3.691-24.176,10.971 c-6.594,7.16-9.938,15.946-9.938,26.113c0,8.033,2.463,14.69,7.32,19.785c4.922,5.172,11.139,7.794,18.476,7.794 c8.958,0,17.049-3.898,24.047-11.586c6.876-7.553,10.363-16.433,10.363-26.393C321.646,88.105,319.169,81.684,314.282,76.672z'/%3e%3c/svg%3e ");
}

.alert.yellow {
    color: #8a6d3b;
    background-color: #fdf7ee;
    border-color: #faebcc;
}

.alert.beige {
    color: #8a6d3b;
    background-color: #f2eee4;
    border-color: #e1d6c3;
}

.alert.grey {
    color: #8a6d3b;
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}


.niceShow {
    opacity: 0;
    transition: 1s;
    animation: show 1s 1;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.contactsBlock {
    padding: 40px 0 40px 0
}

.contactsBlock .col-block {
    margin: 20px 0
}

.cBox > div {
    float: left
}

.cIcon {
    width: 34px;
    height: 34px;
}


.cText span {
    color: #5f5f5f;
    font-size: 12px;
}

.cText p {
    color: #0D0A0B;
    line-height: 1.8;
    margin: 0;
    font-size: 14px;
}

.cSocial a {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.cSocial a svg {
    width: 100%;
    height: 100%;
}

@media all and (max-width: 1024px) {
    .block-1-3 {
        display: flex;
        flex-flow: row wrap;
    }

    .block-1-3 .col-block {
        width: 50%;
    }
}

@media all and (max-width: 768px) {
    .block-1-3 .col-block {
        width: 100%;
    }
}

.favsButton {
    position: absolute;
    width: 24px;
    height: 29px;
    right: 20px;
    top: 22px;
    cursor: pointer;
    z-index: 10;
    transform: translateY(0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.favsButton.st {
    position: fixed
}

.s--opened .favsButton.active {
    position: fixed;
}

.s--opened.sticky .favsButton {
    transform: translateY(50px)
}

.favsButton svg {
    width: 100%;
    height: 100%;
}

.favsButton svg path {
    fill: #fff
}

.favsButton svg:hover path, .favsButton.f--opened svg path {
    fill: #af2b2b;
}

.favsButton.active svg path {
    fill: #000
}

.favsButton.active svg:hover path {
    fill: #000
}

.favsButton.fixed {
    position: fixed;
    right: 20px;
    top: 20px;
}

/* Wishlist starts */
main {
    z-index: 2;
    position: relative;
    height: 100%;
}

aside {
    height: 100%;
    width: 50vw;
    max-width: 450px;
    position: fixed;
    top: 0;
    right: 0;
    padding: 0 40px;
    background-color: #f1f1f1;
    z-index: 9;
    border-left: 1px solid #ccc;
    /*opacity: 0;*/
    display: none;
}

.loaded aside {display: block}


.wishListSidebar h2 {
    color: #000;
}

.wishListSidebar li i {
    font-size: 14px;
    color: #000;
}

.wishListSidebar li a {
    color: #000;
}

.mainWrap {
    position: relative
}

/* Wishlist ends */

/* Likebutton starts */
.btn-heart {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}

.btn-heart svg {
    width: 24px;
    height: 24px
}

.heart {
    fill: none;
    stroke: #af2b2b;
    stroke-width: 3px;
    transform-origin: center;
    position: absolute;
    opacity: 1;
    transition: all 0.7s ease;
}

.heart-two {
    fill: #af2b2b;
    transform: scale(1);
    opacity: 0;
}

.active .heart {
    fill: #af2b2b;
    transform: scale(1.3);
    opacity: 0;
}

.active .heart-two {
    transform: scale(0.9);
    opacity: 1;
}

/* Likebutton ends */

.wishDesc {
    color: #998;
    font-size: 12px
}

.wishListSidebar li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c8c8c8
}

.wishListSidebar li i.im-minus {
    font-size: 10px;
    cursor: pointer;
    color: #998;
    opacity: 0
}

.wishListSidebar li:hover i.im-minus {
    opacity: 1
}

#ajaxResponse {
    color: #23a026;
    font-size: 2rem;
}

@media all and (max-width: 980px) {
    .favsButton.fixed {
        right: 90px;
    }

    .favsButton {
        right: 90px;
    }

    .cChild {
        margin-left: 0
    }

    aside {
        width: 100vw;
    }

    .favsButton svg:hover path {
        fill: #fff;
    }
}

@media all and (max-width: 600px) {
    .comment__info {
        padding-left: 0
    }

    .blog-content-wrap {
        padding-top: 0
    }

    .page-header-tags.contactsBlock {
        padding: 120px 0 40px 0
    }
}

.pWrap {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}

.pInner {
    width: 50px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.pagnav--wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 40px
}

.pagnav--wrapper ul {
    display: inline-flex;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
}

.pagnav--wrapper li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 0.5rem;
}

.pagnav--wrapper .btn {
    height: auto;
    line-height: 2rem;
    margin: 0;
    min-width: auto;
    border: none;
    padding: 0;
}

.pagenav--right {
    width: auto;
    margin-left: auto;
    display: flex;
}

.pagenav--left {
    width: auto;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
}

.pagenav--title {
    margin-right: 30px
}

.sort--block svg {
    width: 18px;
    height: 18px
}

.sort--link, .sort--title, .sort--block {
    display: flex;
}

.sort--block {
    margin-left: 30px;
}

.sort--title {
    margin-right: 5px;
}

.sort--link {
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #000;
}

.sort--link.active svg {
    fill: #af2b2b
}

.sort--link.active { /*border:1px solid #000000*/
    color: #af2b2b;
}

.sort--link.active:hover { /*border:1px solid #af2b2b*/
}

.simple-little-table {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    background: #fff;
    margin: 20px 0;
    border: #ccc 1px solid;
    border-collapse: separate;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

.simple-little-table th {
    font-weight: bold;
    padding: 21px 25px 22px 25px;
    border-bottom: 1px solid #e0e0e0;
    text-shadow: none;
    background: #f6f6f6;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ccc));
    background: -moz-linear-gradient(top, #f6f6f6, #ccc);
}

.simple-little-table th:first-child {
    text-align: left;
    padding-left: 20px;
}

.simple-little-table tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.simple-little-table tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.simple-little-table tr {
    text-align: center;
    padding-left: 20px;
}

.simple-little-table tr td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

.simple-little-table tr td {
    padding: 18px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    text-align: left;
    background: #fff;
}

.simple-little-table tr:nth-child(even) td {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

.simple-little-table tr:last-child td {
    border-bottom: 0;
}

.simple-little-table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.simple-little-table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.simple-little-table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.simple-little-table-a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

.simple-little-table-a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

.simple-little-table-a:active, .simple-little-table-a:hover {
    color: #bd5a35;
    text-decoration: underline;
}

.simple-little-table .page-header__cat a {
    color: #bd5a35;
    text-decoration: underline;
}

.simple-little-table-tags {
    margin-right: 10px;
    white-space: nowrap;
}

.p--header h1 {
    color: #000
}

.p--header {
    padding-top: 0;
    padding-bottom: 7rem;
}

.ssScrollToTop {
    cursor: pointer
}

.bx-breadcrumb {
    margin-bottom: 3rem;
    border-bottom: 1px solid #f6f6f6;
}

.masonry__brick img {
    max-width: 100%;
    height: auto;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.masonry__brick {
    position: relative;
}

.p--wrapper {
    pointer-events: none;
}

.p--wrapper .masonry__brick {
    pointer-events: auto;
}

.masonry__brick img {
    transition: all 0.5s
}
/*
.p--wrapper:hover .masonry__brick img {
    filter: grayscale(100%);
}

.p--wrapper:hover .masonry__brick:hover img {
    background-color: transparent;
    filter: grayscale(0);
}

.p--wrapper:hover .masonry__brick [data-flipping],
.p--wrapper:hover .masonry__brick :hover img {
    filter: grayscale(0);
}
*/
.p--viewAll {
    text-align: center;
    margin-top: 30px
}

.p--viewAll a {
    max-width: 50%;
    margin-bottom: 0
}

#diagram {
    max-width: 100%;
}

.mainWrap {
    overflow: hidden; /*transform: translateY(-50px);*/
    margin-top: -51px
}
.bx-mac .mainWrap {overflow: visible}
.s--searchBar {
    height: 51px;
    transform: translateY(-51px);
}

.loaded .s--searchBar{
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.s--opened .s--searchBar {
    transform: translateY(0);
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 10;
}

.s--element b{font-weight: 600}

.s--results{display: none}

.s--element{
    background-color: #fff;
    font-family: "Segoe UI", "librebaskerville-regular", serif;
    font-size: 1.4rem;
    line-height: 1.875;
    color: #5f5f5f;
    padding: 10px 30px;
}

.s--element:nth-child(even){
    background-color: #f1f1f1;
}


.s--element:hover{
    background-color: #e7e6e6;
}

.s--opened .mainWrap {
    transform: none;
    margin-top: 0
}

.s--opened.sticky .s-header {
    top: 50px
}

.s--searchBar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.s--searchBar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: 5;
}

.s--input {
    outline: none;
    height: 30px;
    width: 100%;
}

.s--opened .s--input {
    border-bottom: 1px solid #000;
    color: #000000
}

.s--opened .s--input:focus {
    border-bottom: 1px solid #000;
    color: #000
}

.s--opened.sticky .s--input {
    border-bottom: 1px solid #fff;
    color: #fff
}

.s--opened.sticky .s--input:focus {
    border-bottom: 1px solid #fff;
    color: #fff
}

.js-searchClose {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 24px;
    height: 24px;
}

.s--but {
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 20px;
}

.s--submit {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50%;
    position: relative;
    margin: 1px 3px 3px 1px;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
}

.s--opened.sticky .s--submit{border: 2px solid #fff;}

.s--submit:hover, .s--submit:focus {
    background-color: transparent;
    border-color: #000;
}

.s--opened.sticky .s--submit:before,
.s--opened.sticky .s--submit:after
{background: #fff;}

.s--submit:before {
    width: 8px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: rotate(45deg) translateX(16px);
    transform: rotate(45deg) translateX(16px);
    -webkit-animation: none;
    animation: none;
}

.s--submit:after {
    width: 6px;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.s--submit.loading:before {
    -webkit-animation: rotate 2.1s linear forwards .45s, move .3s linear forwards 2.7s;
    animation: rotate 2.1s linear forwards .45s, move .3s linear forwards 2.7s;
    -webkit-transform: rotate(45deg) translateX(0);
    transform: rotate(45deg) translateX(0);
}

.s--submit.loading:after {
    opacity: 1;
    -webkit-transition: opacity 0s ease .4s;
    transition: opacity 0s ease .4s;
    -webkit-animation: remove 0s linear forwards 2.6s;
    animation: remove 0s linear forwards 2.6s;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(405deg) translateX(0);
        transform: rotate(405deg) translateX(0);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(405deg) translateX(0);
        transform: rotate(405deg) translateX(0);
    }
}

@-webkit-keyframes remove {
    100% {
        opacity: 0;
    }
}

@keyframes remove {
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes move {
    100% {
        -webkit-transform: rotate(45deg) translateX(16px);
        transform: rotate(45deg) translateX(16px);
    }
}

@keyframes move {
    100% {
        -webkit-transform: rotate(45deg) translateX(16px);
        transform: rotate(45deg) translateX(16px);
    }
}

.s--searchIcon {
    position: relative;
    transform: translateY(-15px);
    width: 30px;
    height: 30px;
    transition: all 1s;
    z-index: 4;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin-right: 10px;
}

.s--searchIcon:hover {
    cursor: pointer;
}
.s--searchIcon::before {
    content: "";
    position: absolute;
    margin: auto;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 10px;
    width: 7px;
    height: 2px;
    background: white;
    transform: rotate(45deg);
    transition: all .5s;
}
.s--searchIcon::after {
    content: "";
    position: absolute;
    margin: auto;
    top: -8px;
    right: 0;
    bottom: 0;
    left: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid white;
    transition: all .5s;
}

.s--searchIcon.opened::before {
    top: -7px;
    left: 0;
    width: 20px;
}
.s--searchIcon.opened::after {
    top: -7px;
    left: 0;
    width: 20px;
    height: 2px;
    border: none;
    background: white;
    border-radius: 0%;
    transform: rotate(-45deg);
}

/* Default */
.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

/*color-brewer.min.css*/
.hljs{display:block;overflow-x:auto;padding:.5em;background:#f6f6f6}.hljs,.hljs-subst{color:#000}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}

.p--loadMore {max-width: 50%;width: 100%;margin:0 auto;margin-top: 3rem;}

.lang--choose {
    margin-right: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 72px;
    margin-right: 50px;
    margin-left: 40px;
}
.lang--choose > div:not(.active) {cursor: pointer;border-bottom: 1px dotted transparent}
.lang--choose > div.active {color:#fff;border-bottom: 1px dotted #fff}
.lang--choose > div:hover {color:#fff;border-bottom: 1px dotted #fff}
.lang--m{display: none}

.footerForm .form-field:nth-child(3){display: none}

.f--confidence{position: relative;margin: 0 auto;text-align: center}
.f--confidence p{color:rgba(255, 255, 255, 0.5);}
.s-contact a{color:#ccc}
.s-contact a:hover{color:#fff}

/* Всплывающие уведомления */
#notes {
    position: fixed;
    top: 72px;
    right: 0;
    width: 100%;
    cursor: default;
    transition: height 0.45s ease-in-out;
    -webkit-transition: height 0.45s ease-in-out;
    pointer-events: none;
    z-index: 10;
}
#notes .note-item {
    max-height: 12em;
    opacity: 1;
    will-change: opacity, transform;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 50vw;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 2;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack:end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    max-width: 20em;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: 0.75em 1em;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
}
@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}
#notes .note-item[data-show=false] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}
#notes .note-item[data-type=info] {
    background-color: rgba(55, 94, 151, 0.72);
}
#notes .note-item[data-type=warn] {
    background-color: rgba(235, 172, 0, 0.72);
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=error] {
    background-color: rgba(251, 101, 66, 0.72);
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=success] {
    background-color: rgba(63, 104, 28, 0.72);
}
#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    padding-right: 0.5em;
    max-width: calc(100% - 1.25em);
    max-width: -webkit-calc(100% - 1.25em);
}
#notes .note-item .note-item-btn {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}
#notes .note-item .note-item-btn:hover {
    opacity: 0.6;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}

.js-favList {display: none}

.ns--wrap {position: relative;background-color: #f1f1f1;padding-top: 5rem;padding-bottom: 5rem}
.ns--wrap h2{font-family: "Segoe UI", "librebaskerville-bold", serif;line-height: 1.375;margin: 0 auto;font-weight: 600;text-align: center;margin-bottom: 40px}
.ns--wrap h3{font-family: "Segoe UI", "montserrat-semibold", sans-serif;color: #862121;text-transform: uppercase;letter-spacing: .15rem;margin-top: 0;margin-bottom: 0;text-align: center}

.s--page{color:#000}

@media all and (max-width: 1440px) {
    .masonry .grid-sizer, .masonry__brick {width: 33%}
}

@media all and (max-width: 1280px) {
    .home-content h1{font-size: 3rem;}
    .home-content h2{font-size: 1.8rem}
    .fixedLogo{width: 150px;height: 70px;}
    .logo{margin-left: -10px;margin-top: -20px;width: 35px;height: 35px;}
    .s-about,
    .s-works,
    .s-testimonials {padding-top: 6rem;padding-bottom: 6rem;}
    .js-searchForm {max-width: 90%;margin: 0 auto;position: relative;}
}

@media only screen and (max-width: 1158px) {
    .masonry .grid-sizer, .masonry__brick {width: 50%;}
    .fixedPhone-2-SVG{display: none}
    .header-logo{left:10px}
}

@media only screen and (max-width: 1024px) {
    .header-nav li{margin-right: 1rem;}
    .fixedPhone{margin-right: 25px}
}

@media only screen and (max-width: 980px) {
    .s-header{display: block;padding-right: 0}
    .fixedPhone{position: absolute;right: 210px;}
    .lang--choose{position: absolute;right: 130px;top:0;}
    .s--searchIcon{transform: translateY(25px);position: absolute;right: 120px;top:0;}
    .header-menu-toggle{top: 15px;}
    .pagnav--wrapper ul{display: flex;width: 100%}
    .pagenav--right{width: 100%}
    .pagnav--wrapper{display: block}
    .pagenav--right{display: flex;width: 100%;margin-top: 20px}
    .sort--block{margin-left: 0;width: 33%;text-align: center;display: flex;justify-content: center;}
    .blog-content{margin:0;}
    .header-nav-wrap{padding: 70px 40px 21px;}
    .simple-little-table tr td{display: block}
}

@media only screen and (max-width: 600px) {
    .masonry .grid-sizer, .masonry__brick {width: 100%}
    .fixedPhone-2-SVG{display: block}
    .fixedPhoneNumber{display: none}
    .blog-content-wrap.niceShow .pagnav--wrapper.row.blog-content{padding-top: 40px}
    .blog-content-wrap.niceShow .blog-list{margin-top: 2rem}
    .sort--block{width: 100%;margin-bottom: 20px;    text-align: left;justify-content: flex-start;}
    .pagenav--right{display: block}
    .blog-list article:nth-child(3) > h2, .blog-list article:nth-child(3) > div, .blog-list article:nth-child(3) > p{padding-left: 20px}
    .pagnav--wrapper ul{justify-content: flex-start;}
    .blog-list-style-3 .col-block{display: flex;flex-direction: column;}
}

@media only screen and (max-width: 500px) {
    p.lead{font-size: 1.5rem;}
    .alert:after{display: none}
    .alert{padding: 20px 15px 15px 15px;}
    .s-testimonials{padding-bottom: 3rem;}
    .home-content{bottom: 90px;}
    .s-home{height: auto;min-height: 100vh}
    .home-social{display: none}
    .home-content__scroll{display: none}
    .simple-little-table,.simple-little-table tr,.simple-little-table td,.simple-little-table tbody{display: block}
    .simple-little-table tr{padding-left: 0}
}

@media only screen and (max-width: 400px) {
    .favsButton{width: 20px;height: 20px;right: 80px;top:27px;}
    .s--searchIcon{width: 20px;height: 20px;right: 80px;top:27px;right: 100px;top: 3px;}
    .s--searchIcon::after{width: 15px;height: 15px;top: -4px;left: -4px;}
    .lang--choose{display: none}
    .fixedPhone{margin-right: 0;right: 145px;}
    .header-logo{left:-10px}
    .fixedPhone-2-SVG{width: 20px;height: 20px;}
    .fixedPhoneWrap svg{margin-top: 25px;}
    .wishListSidebar h2{margin-top: 6rem;}
    .lang--m{display: block;position: relative;top:auto;right:auto;margin: 0}

    .p--viewAll a {max-width: 80%}
}


/* Комментарии начаты */

.form--reply,.form--lang-reply,.form--lang-cancel {display: none}
.form--reply.form--active {display: block}
.form--author {font-weight: 600}

#contactFormComments .form-field:nth-child(4){display: none}

/* Комментарии окончены */

/* Колонка с рекламой начата */
.col--right {float: right;display: flex;flex-wrap: wrap;padding: 0;margin: 0 0 0 20px;margin-bottom: 10px;max-width: 300px;}
.section--create {background-image: url('/upload/banner.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;height: 350px;width: 300px;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;padding: 40px}
.section--create:after {z-index: 0;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: absolute;top: 0;left: 0;display: block;}
.section--create > div {z-index: 1;position: relative;color: #fff;width: 100%;}
.section--title {font-size: 2.4rem;line-height: 1.25;font-weight: 600;text-transform: uppercase;font-family: OpenSans-Bold;text-align: center}
.section--podtitle {line-height: 1.4;margin-top: 10px;}
/*.alert {display: block;width: calc(100% - 350px);}*/

@media only screen and (max-width: 770px) {
    /*.alert{width: 100%;}*/
    .col--right{float: none;margin-bottom: 20px;padding: 0}
    .section--create {width: 100%}
}
@media only screen and (max-width: 550px) {
    .section--create{height: 250px}
}

.section--last-news{border: 1px solid #ccc;background-color: #f6f6f6;width: 100%;margin: 40px 0 10px 0;padding: 0 20px 20px 20px;}
.section--last-news .row{margin: 0}
.section--last-news .h05{margin: 0 0 20px 0;}
.section--last-news .h05 a{font-size: 1.4rem;display: block}
.section--last-news h3{padding-left: 20px}
.section--last-news .col-xs-12{display: block;width: 100%;padding: 0}

.blog-content p b,.blog-content li b{font-weight: 600;color:#000}

@media only screen and (max-width: 400px) {
    main{height: auto;}
}

.blog-content table{width: auto}

.p--navigation {text-align: center;margin-top: 30px}
.p--navigation ul{display: inline-flex}

.oblast {position: relative;margin: 0;padding: 100px 50px 50px 50px;}
.oblast:after {position: absolute;top:0;left: 0;width: 100%;height: 100%;content: '';background-color: rgba(0,0,0,0.7);z-index: 1}
.oblast .narrow {display: flex;width: 94%;max-width: 1440px;margin: 0 auto;padding: 0 15px;align-items: flex-start}
.oblast--left {width: 35%;color:#fff;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 0 70px 0 0;position: relative;z-index: 3}
.oblast--zagolovok {width: 100%;font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    margin-top: 0;
    font-weight: 600;
    font-size: 3rem;color:#fff;}
.oblast--description {width: 100%;margin-bottom: auto;margin-top: 20px;line-height: 28px;font-size: 18px;display: block;}
.oblast--description a{margin-top: 40px;display: block}
.oblast--right {width: 65%;position: relative;z-index: 3;font-family: "Segoe UI", "librebaskerville-bold", serif;font-size: 7.2rem;line-height: 1;color: #0D0A0B;padding-bottom: 1.5rem;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.oblast--image {width: 100%;text-align: center;position: relative}
.oblast--image svg {fill:#fff;width: 60px;height: 60px;stroke:#fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .4s;z-index: 1;opacity: 0}
.oblast--image .oblast--text {opacity: 1;transition: .4s}
.oblast--image .snoska {display: block;font-size: 14px;color:#ccc}
.oblast--right {display: flex;flex-wrap: wrap;gap:1px;}
.oblast--item {width: calc(25% - 1px);background-color: #000;color:#fff;padding: 20px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;cursor: pointer;transition: .4s;user-select: none;min-height: 200px}
.oblast--item.--active {background-color: transparent}
.oblast--item:hover {background-color: transparent}
.oblast--item:hover svg{fill:#fff;stroke:#fff;opacity: 1}
.oblast--item .counter{z-index: 2;transition: .4s}
.oblast--item:hover .counter{color:#000}
.oblast--item:hover .oblast--text{opacity: 0}
.oblast--background {position: absolute;top:0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;z-index: 0}
.oblast--title {text-align: center;font-size: 16px;line-height: 24px}

@media all and (max-width: 1480px) {
    .oblast--left {padding-right: 30px}
    .oblast {padding: 100px 30px 50px 30px;}
    .oblast .narrow {width: 100%}
}

@media all and (max-width: 1340px) {
    .oblast--item {width: calc(33.33333% - 1px);}
}

@media all and (max-width: 1200px) {
    .oblast{padding: 30px;}
    .oblast .narrow{flex-wrap: wrap;}
    .oblast--left, .oblast--right {width: 100%}
    .oblast--right {margin-top: 20px}

}

@media all and (max-width: 767px) {
    .oblast--item {width: calc(50% - 1px);}
    .oblast--left {padding-right: 0}
    .oblast .narrow {padding: 0}
}

@media all and (max-width: 480px) {
    .oblast{padding: 40px 15px 15px 15px;}
    .oblast--right {font-size: 4rem}
    .oblast--title {word-break: break-all}
}

@media all and (max-width: 360px) {
    .oblast--item {width: 100%;}
}

.js--lazy {background-size: 24px 24px !important;background-repeat: no-repeat !important;background-position: center center !important;}

.button--red {font-family: "Segoe UI", "montserrat-semibold", sans-serif;font-size: 1.2rem;text-transform: uppercase;letter-spacing: .3rem;height: 5.4rem;line-height: calc(5.4rem - .6rem);padding: 0 3rem;margin: 0 0.3rem 1.2rem 0;color: #151515;text-decoration: none;cursor: pointer;text-align: center;white-space: nowrap;    -webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 0.3rem solid #c5c5c5;    background: #862121;border-color: #862121;color: #FFFFFF;}
.button--red:hover {background: #0D0A0B;border-color: #0D0A0B;color: #FFFFFF;}

/* Greetings */
.greeting {position: fixed;width: 100%;max-width: 450px;bottom:-100px;left:50%;transform: translateX(-50%);height: 100px;cursor: pointer;transition: .4s;z-index: 610}
.greeting.--upped {cursor: default;bottom:-30px}
.greeting.--down {bottom:-150px}
.greeting.--upped .greeting--item{top:30px;}
.greeting--item {position: absolute;top:0;right:50px;width: 300px;height: 250px;transition: 1.2s;transform: rotate(0);z-index: 1}
.greeting--main-box {position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: #000;z-index: 2;border-radius: 20px;}

.greeting--1 {background-color: #af2b2b}
.--firstLoad .greeting--1 {transform: rotate(-15deg);}

.greeting--2 {background-color: #fff}
.--firstLoad .greeting--2 {transform: rotate(-20deg);}
.--firstLoad.--bounce .greeting--2 {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

.greeting--3 {background-color: #000}
.--firstLoad .greeting--3 {transform: rotate(-25deg);}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(-25deg);
    }
    25% {
        -moz-transform: rotate(-20deg);
    }
    50% {
        -moz-transform: rotate(-25deg);
    }
    75% {
        -moz-transform: rotate(-30deg);
    }
    100% {
        -moz-transform: rotate(-25deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(-25deg);
    }
    25% {
        -webkit-transform: rotate(-20deg);
    }
    50% {
        -webkit-transform: rotate(-25deg);
    }
    75% {
        -webkit-transform: rotate(-30deg);
    }
    100% {
        -webkit-transform: rotate(-25deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(-25deg);
    }
    25% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(-25deg);
    }
    75% {
        transform: rotate(-30deg);
    }
    100% {
        transform: rotate(-25deg);
    }
}

.container {width: 1600px;margin: 0 auto;padding: 0 25px}

@media all and (max-width: 1700px) {
    .container {width: 1400px;}
}

@media all and (max-width: 1500px) {
    .container {width: 1200px;}
}

@media all and (max-width: 1300px) {
    .container {width: 999px;}
}

@media all and (max-width: 1099px) {
    .container {width: 800px;}
}

@media all and (max-width: 800px) {
    .container {width: 100%;}
}

#container {
    position: absolute;
    margin: auto;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 10px;
    left: 20px;
    /* This filter is a lot of the magic, try commenting it out to see how the morphing works! */
    filter: url(#threshold) blur(0.6px);
}
#morph--1, #morph--2 {position: absolute;width: 100%;display: inline-block;font-family: 'Segoe UI', sans-serif;font-size: 24px;text-align: center;user-select: none;color:#fff}
.--orderable #morph--1, .--orderable #morph--2 {cursor:pointer;}
.--orderable #morph--1 span, .--orderable #morph--2 span{border-bottom:1px dashed #fff;transition: .4s}
.--orderable #morph--1:hover span, .--orderable #morph--2:hover span{border-bottom:1px dashed transparent}

.greeting--close {width: 20px;height: 20px;position: absolute;top:10px;right: 10px;z-index: 10;cursor: pointer}
.greeting--close svg{width: 20px;height: 20px;stroke:#fff}

@media all and (max-width: 600px) {
    .greeting--main-box {border-radius: unset}
    .greeting {max-width: 100%;height: 110px;bottom: -110px;}
    .greeting.--down { bottom: -160px;}
    #container {top:15px}
}

/* Subscribe */
#subscribe {background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);overflow: hidden;height: 400px;display: flex;align-items: center;position: relative}
#subscribe:after {position: absolute;top:0;left: 0;width: 100%;height: 100%;content: '';background-color: rgba(0,0,0,0.5);z-index: 3}
#subscribe .container {position: relative;z-index: 5}

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1190px 919px #FFF , 738px 1292px #FFF , 127px 189px #FFF , 193px 1922px #FFF , 548px 1489px #FFF , 842px 1924px #FFF , 1528px 1016px #FFF , 862px 612px #FFF , 1881px 1679px #FFF , 332px 665px #FFF , 881px 1232px #FFF , 1520px 841px #FFF , 712px 1572px #FFF , 1179px 215px #FFF , 959px 1862px #FFF , 1806px 267px #FFF , 377px 1950px #FFF , 271px 1196px #FFF , 205px 1085px #FFF , 1220px 879px #FFF , 266px 544px #FFF , 1821px 1769px #FFF , 1906px 351px #FFF , 472px 1968px #FFF , 1326px 1145px #FFF , 746px 875px #FFF , 1611px 1586px #FFF , 1050px 435px #FFF , 53px 353px #FFF , 1560px 739px #FFF , 1638px 924px #FFF , 1271px 733px #FFF , 1465px 1485px #FFF , 974px 957px #FFF , 1829px 890px #FFF , 1149px 1983px #FFF , 166px 1423px #FFF , 40px 1368px #FFF , 408px 457px #FFF , 239px 1110px #FFF , 1477px 957px #FFF , 1728px 8px #FFF , 1977px 1633px #FFF , 1866px 1390px #FFF , 1451px 821px #FFF , 1542px 411px #FFF , 513px 245px #FFF , 1525px 1403px #FFF , 1186px 734px #FFF , 855px 1395px #FFF , 954px 433px #FFF , 357px 1777px #FFF , 1126px 1342px #FFF , 466px 819px #FFF , 1753px 361px #FFF , 1930px 321px #FFF , 291px 1655px #FFF , 207px 666px #FFF , 1px 1161px #FFF , 1700px 630px #FFF , 1997px 1654px #FFF , 1638px 1416px #FFF , 776px 954px #FFF , 1191px 911px #FFF , 1659px 1651px #FFF , 1876px 1963px #FFF , 829px 214px #FFF , 1016px 1762px #FFF , 502px 616px #FFF , 721px 1733px #FFF , 1163px 1874px #FFF , 1955px 690px #FFF , 1742px 641px #FFF , 231px 1922px #FFF , 1121px 1619px #FFF , 190px 426px #FFF , 59px 1760px #FFF , 1450px 1581px #FFF , 1806px 1966px #FFF , 804px 874px #FFF , 847px 1569px #FFF , 590px 1319px #FFF , 907px 22px #FFF , 778px 519px #FFF , 1854px 1042px #FFF , 268px 4px #FFF , 634px 1637px #FFF , 1663px 1996px #FFF , 881px 1784px #FFF , 1290px 1937px #FFF , 1046px 738px #FFF , 948px 781px #FFF , 1935px 1485px #FFF , 1129px 298px #FFF , 1409px 515px #FFF , 507px 1577px #FFF , 794px 1967px #FFF , 240px 1117px #FFF , 470px 193px #FFF , 1249px 866px #FFF , 651px 1256px #FFF , 1121px 1604px #FFF , 1363px 315px #FFF , 1555px 1736px #FFF , 369px 814px #FFF , 967px 687px #FFF , 280px 1886px #FFF , 691px 1241px #FFF , 1028px 344px #FFF , 569px 251px #FFF , 1414px 1441px #FFF , 1534px 1625px #FFF , 339px 868px #FFF , 1070px 1849px #FFF , 374px 1011px #FFF , 1661px 905px #FFF , 1216px 344px #FFF , 1493px 1830px #FFF , 1952px 1171px #FFF , 750px 1078px #FFF , 1567px 840px #FFF , 1037px 1107px #FFF , 1063px 33px #FFF , 217px 800px #FFF , 869px 1883px #FFF , 1823px 1856px #FFF , 1960px 488px #FFF , 1170px 1038px #FFF , 955px 1183px #FFF , 436px 1177px #FFF , 1356px 667px #FFF , 810px 938px #FFF , 590px 63px #FFF , 1760px 960px #FFF , 441px 697px #FFF , 322px 450px #FFF , 1361px 44px #FFF , 675px 722px #FFF , 1989px 872px #FFF , 704px 1319px #FFF , 647px 906px #FFF , 1588px 810px #FFF , 1046px 280px #FFF , 1353px 539px #FFF , 1364px 296px #FFF , 1023px 1180px #FFF , 1829px 1811px #FFF , 1369px 1192px #FFF , 1485px 1140px #FFF , 1429px 1735px #FFF , 834px 19px #FFF , 1297px 976px #FFF , 1552px 1734px #FFF , 1536px 319px #FFF , 1406px 1516px #FFF , 283px 1768px #FFF , 167px 1600px #FFF , 1449px 1191px #FFF , 1221px 321px #FFF , 40px 731px #FFF , 461px 1230px #FFF , 1215px 1654px #FFF , 241px 434px #FFF , 889px 1436px #FFF , 1727px 1979px #FFF , 1013px 1613px #FFF , 734px 1760px #FFF , 1477px 1637px #FFF , 1403px 116px #FFF , 166px 197px #FFF , 1556px 34px #FFF , 1139px 946px #FFF , 326px 1576px #FFF , 189px 1417px #FFF , 1757px 1925px #FFF , 205px 1090px #FFF , 1526px 323px #FFF , 68px 693px #FFF , 1472px 1557px #FFF , 1708px 1435px #FFF , 961px 482px #FFF , 590px 1348px #FFF , 1521px 758px #FFF , 1142px 1880px #FFF , 1271px 55px #FFF , 1256px 425px #FFF , 572px 1217px #FFF , 1662px 1114px #FFF , 1980px 1362px #FFF , 166px 944px #FFF , 1438px 31px #FFF , 1157px 1400px #FFF , 1400px 596px #FFF , 1397px 1981px #FFF , 462px 1799px #FFF , 1318px 1063px #FFF , 412px 1234px #FFF , 1805px 798px #FFF , 779px 1334px #FFF , 437px 1218px #FFF , 1219px 81px #FFF , 1549px 671px #FFF , 1480px 423px #FFF , 426px 1628px #FFF , 415px 812px #FFF , 698px 1653px #FFF , 902px 1335px #FFF , 1477px 126px #FFF , 1380px 405px #FFF , 1990px 614px #FFF , 711px 1873px #FFF , 1573px 1720px #FFF , 1937px 1691px #FFF , 401px 1680px #FFF , 377px 1696px #FFF , 766px 877px #FFF , 246px 1734px #FFF , 1464px 1291px #FFF , 885px 1632px #FFF , 482px 237px #FFF , 1665px 663px #FFF , 358px 1030px #FFF , 732px 7px #FFF , 600px 1153px #FFF , 1431px 1072px #FFF , 1037px 1158px #FFF , 97px 581px #FFF , 701px 834px #FFF , 69px 1534px #FFF , 1985px 609px #FFF , 1103px 1908px #FFF , 892px 1955px #FFF , 1213px 1915px #FFF , 265px 1954px #FFF , 260px 1181px #FFF , 759px 754px #FFF , 1397px 543px #FFF , 131px 958px #FFF , 1235px 1399px #FFF , 1155px 925px #FFF , 576px 1874px #FFF , 1454px 1615px #FFF , 196px 1451px #FFF , 1109px 1132px #FFF , 1083px 1188px #FFF , 1746px 631px #FFF , 787px 108px #FFF , 560px 1399px #FFF , 1456px 1608px #FFF , 532px 111px #FFF , 211px 448px #FFF , 1212px 894px #FFF , 1560px 1215px #FFF , 275px 1855px #FFF , 1819px 158px #FFF , 247px 962px #FFF , 1474px 1000px #FFF , 379px 968px #FFF , 1848px 641px #FFF , 134px 473px #FFF , 728px 811px #FFF , 1211px 364px #FFF , 392px 992px #FFF , 1962px 1463px #FFF , 142px 174px #FFF , 180px 389px #FFF , 1232px 1791px #FFF , 992px 86px #FFF , 819px 514px #FFF , 1498px 1443px #FFF , 1770px 612px #FFF , 1570px 1375px #FFF , 1327px 373px #FFF , 1996px 1443px #FFF , 1027px 654px #FFF , 1191px 1110px #FFF , 1474px 180px #FFF , 1837px 266px #FFF , 1412px 1372px #FFF , 370px 1488px #FFF , 695px 1496px #FFF , 293px 874px #FFF , 1726px 467px #FFF , 223px 1559px #FFF , 1377px 565px #FFF , 1308px 459px #FFF , 1252px 1692px #FFF , 999px 1634px #FFF , 128px 534px #FFF , 867px 465px #FFF , 1018px 749px #FFF , 1252px 1164px #FFF , 1554px 40px #FFF , 1043px 706px #FFF , 397px 564px #FFF , 763px 20px #FFF , 626px 1791px #FFF , 177px 87px #FFF , 1326px 1021px #FFF , 366px 1251px #FFF , 727px 1091px #FFF , 576px 1447px #FFF , 254px 318px #FFF , 269px 1825px #FFF , 111px 215px #FFF , 1053px 908px #FFF , 1352px 127px #FFF , 1467px 1034px #FFF , 776px 1323px #FFF , 181px 247px #FFF , 1860px 1487px #FFF , 1426px 1435px #FFF , 1870px 409px #FFF , 1726px 797px #FFF , 951px 629px #FFF , 609px 1139px #FFF , 1080px 801px #FFF , 838px 1746px #FFF , 1015px 566px #FFF , 1000px 986px #FFF , 227px 1408px #FFF , 493px 111px #FFF , 552px 1892px #FFF , 1813px 463px #FFF , 1718px 759px #FFF , 1108px 871px #FFF , 1559px 745px #FFF , 1790px 702px #FFF , 968px 807px #FFF , 1087px 461px #FFF , 1504px 370px #FFF , 1573px 1153px #FFF , 1799px 1400px #FFF , 1903px 1794px #FFF , 54px 789px #FFF , 1347px 226px #FFF , 1113px 766px #FFF , 1585px 533px #FFF , 1632px 1155px #FFF , 1625px 1774px #FFF , 282px 1898px #FFF , 1705px 33px #FFF , 121px 1891px #FFF , 1796px 1252px #FFF , 848px 1316px #FFF , 558px 266px #FFF , 60px 423px #FFF , 31px 498px #FFF , 663px 436px #FFF , 10px 1775px #FFF , 251px 193px #FFF , 1437px 1444px #FFF , 922px 252px #FFF , 1990px 1874px #FFF , 1832px 124px #FFF , 1292px 1515px #FFF , 1329px 1010px #FFF , 175px 1953px #FFF , 339px 1945px #FFF , 1438px 1241px #FFF , 862px 1069px #FFF , 1247px 512px #FFF , 1503px 1214px #FFF , 1735px 1919px #FFF , 1572px 1255px #FFF , 848px 1644px #FFF , 1096px 334px #FFF , 946px 1064px #FFF , 245px 1070px #FFF , 1818px 26px #FFF , 614px 897px #FFF , 461px 343px #FFF , 1326px 114px #FFF , 1005px 973px #FFF , 1845px 114px #FFF , 887px 602px #FFF , 96px 1240px #FFF , 488px 777px #FFF , 1570px 128px #FFF , 1412px 85px #FFF , 1738px 259px #FFF , 443px 1157px #FFF , 129px 1672px #FFF , 1090px 388px #FFF , 1806px 136px #FFF , 821px 1998px #FFF , 118px 702px #FFF , 1332px 1792px #FFF , 1521px 1103px #FFF , 1605px 1278px #FFF , 1917px 472px #FFF , 587px 92px #FFF , 96px 1913px #FFF , 467px 430px #FFF , 521px 1568px #FFF , 594px 1096px #FFF , 1263px 1369px #FFF , 1983px 19px #FFF , 1269px 147px #FFF , 853px 143px #FFF , 556px 1772px #FFF , 422px 915px #FFF , 629px 1896px #FFF , 1909px 1305px #FFF , 1400px 873px #FFF , 162px 1089px #FFF , 458px 1162px #FFF , 1986px 1191px #FFF , 463px 723px #FFF , 319px 1649px #FFF , 1017px 358px #FFF , 1908px 1685px #FFF , 221px 778px #FFF , 1491px 1205px #FFF , 947px 1459px #FFF , 284px 379px #FFF , 950px 1291px #FFF , 1017px 1026px #FFF , 1492px 1445px #FFF , 1220px 1017px #FFF , 1116px 876px #FFF , 256px 108px #FFF , 245px 346px #FFF , 1604px 1070px #FFF , 1605px 579px #FFF , 415px 15px #FFF , 35px 1684px #FFF , 1086px 1190px #FFF , 641px 312px #FFF , 1986px 1877px #FFF , 153px 970px #FFF , 1847px 1040px #FFF , 1377px 1842px #FFF , 446px 1623px #FFF , 1959px 538px #FFF , 1845px 783px #FFF , 1174px 1640px #FFF , 969px 1235px #FFF , 989px 891px #FFF , 86px 722px #FFF , 537px 378px #FFF , 1539px 1448px #FFF , 1912px 1877px #FFF , 1664px 1409px #FFF , 356px 1778px #FFF , 543px 631px #FFF , 1610px 156px #FFF , 93px 808px #FFF , 660px 1446px #FFF , 818px 370px #FFF , 748px 415px #FFF , 996px 683px #FFF , 1898px 505px #FFF , 768px 1491px #FFF , 1767px 750px #FFF , 194px 1551px #FFF , 1001px 1050px #FFF , 556px 1648px #FFF , 1507px 483px #FFF , 38px 434px #FFF , 1141px 1380px #FFF , 1933px 1772px #FFF , 1641px 1147px #FFF , 724px 377px #FFF , 290px 1608px #FFF , 997px 814px #FFF , 116px 1685px #FFF , 486px 1990px #FFF , 856px 990px #FFF , 1536px 518px #FFF , 1360px 551px #FFF , 1785px 1912px #FFF , 1570px 86px #FFF , 659px 873px #FFF , 774px 1130px #FFF , 1264px 1512px #FFF , 174px 508px #FFF , 145px 731px #FFF , 718px 1586px #FFF , 851px 1739px #FFF , 1599px 1530px #FFF , 462px 522px #FFF , 304px 1841px #FFF , 66px 1623px #FFF , 699px 1184px #FFF , 1875px 934px #FFF , 766px 1262px #FFF , 382px 36px #FFF , 1937px 732px #FFF , 1876px 752px #FFF , 1035px 1348px #FFF , 1623px 1070px #FFF , 1280px 1983px #FFF , 1599px 1877px #FFF , 173px 31px #FFF , 826px 1190px #FFF , 1261px 499px #FFF , 196px 1831px #FFF , 1412px 749px #FFF , 1354px 1188px #FFF , 1792px 353px #FFF , 1613px 1973px #FFF , 11px 1460px #FFF , 25px 1696px #FFF , 1657px 1804px #FFF , 1749px 1385px #FFF , 883px 254px #FFF , 1992px 1941px #FFF , 352px 1988px #FFF , 426px 1861px #FFF , 284px 1522px #FFF , 54px 197px #FFF , 142px 1620px #FFF , 1362px 1084px #FFF , 782px 1890px #FFF , 1556px 1666px #FFF , 512px 618px #FFF , 882px 887px #FFF , 556px 1881px #FFF , 1746px 777px #FFF , 567px 1169px #FFF , 699px 1926px #FFF , 1965px 160px #FFF , 1718px 879px #FFF , 1886px 902px #FFF , 1843px 1459px #FFF , 1152px 651px #FFF , 698px 634px #FFF , 274px 1966px #FFF , 1631px 1622px #FFF , 81px 1505px #FFF , 1036px 329px #FFF , 577px 1031px #FFF , 1954px 1772px #FFF , 1430px 597px #FFF , 1787px 361px #FFF , 150px 144px #FFF , 3px 1837px #FFF , 830px 604px #FFF , 1192px 1702px #FFF , 772px 1546px #FFF , 1686px 1439px #FFF , 1821px 402px #FFF , 1565px 251px #FFF , 935px 672px #FFF , 1042px 989px #FFF , 946px 563px #FFF , 53px 1108px #FFF , 827px 575px #FFF , 1657px 678px #FFF , 1718px 1007px #FFF , 423px 664px #FFF , 929px 1293px #FFF , 388px 1210px #FFF , 1410px 358px #FFF , 1216px 1478px #FFF , 877px 961px #FFF , 408px 1939px #FFF , 598px 803px #FFF , 1474px 1841px #FFF , 203px 601px #FFF , 858px 1012px #FFF , 247px 1044px #FFF , 670px 330px #FFF , 294px 1618px #FFF , 1067px 1382px #FFF , 589px 1862px #FFF , 717px 865px #FFF , 1669px 665px #FFF , 1312px 366px #FFF , 843px 1949px #FFF , 1761px 207px #FFF , 197px 1111px #FFF , 1688px 271px #FFF , 745px 1382px #FFF , 158px 778px #FFF , 1315px 1353px #FFF , 1810px 711px #FFF , 242px 593px #FFF , 393px 942px #FFF , 498px 512px #FFF , 759px 908px #FFF , 139px 1309px #FFF , 1710px 7px #FFF , 1749px 1464px #FFF , 1144px 1336px #FFF , 449px 312px #FFF , 519px 1483px #FFF , 1636px 1493px #FFF , 1501px 1499px #FFF , 1494px 1574px #FFF , 1869px 171px #FFF , 209px 1023px #FFF , 534px 1903px #FFF , 61px 1704px #FFF , 297px 442px #FFF , 1196px 168px #FFF , 486px 1256px #FFF , 898px 284px #FFF , 304px 322px #FFF , 147px 1856px #FFF , 789px 1829px #FFF , 131px 1403px #FFF , 1561px 1372px #FFF , 18px 1668px #FFF , 1833px 1469px #FFF , 1539px 1748px #FFF , 1656px 1042px #FFF , 27px 948px #FFF , 275px 323px #FFF , 1791px 922px #FFF , 1760px 1752px #FFF , 1663px 275px #FFF , 1931px 970px #FFF , 535px 350px #FFF , 1338px 1576px #FFF , 205px 51px #FFF , 1430px 995px #FFF , 112px 576px #FFF , 1864px 1863px #FFF , 1617px 1231px #FFF , 544px 431px #FFF , 971px 1638px #FFF , 1855px 1172px #FFF , 1941px 53px #FFF , 1277px 1289px #FFF , 1261px 879px #FFF , 18px 581px #FFF , 749px 676px #FFF , 371px 891px #FFF , 1939px 1181px #FFF , 1609px 49px #FFF , 234px 992px #FFF , 1273px 1489px #FFF , 671px 1829px #FFF , 59px 318px #FFF , 1183px 1117px #FFF , 1794px 772px #FFF , 1424px 703px #FFF , 861px 1678px #FFF , 137px 844px #FFF , 1105px 1533px #FFF , 910px 1465px #FFF , 1767px 1506px #FFF , 323px 1038px #FFF , 1284px 133px #FFF , 1121px 1547px #FFF , 117px 1127px #FFF , 1528px 761px #FFF , 985px 451px #FFF , 797px 1400px #FFF , 1992px 317px #FFF , 1719px 468px #FFF , 564px 1936px #FFF , 1976px 1424px #FFF , 150px 594px #FFF , 886px 393px #FFF , 1426px 1px #FFF , 694px 750px #FFF , 483px 1592px #FFF , 1249px 755px #FFF , 281px 1520px #FFF , 1814px 327px #FFF , 1689px 1386px #FFF , 1921px 318px #FFF , 335px 1835px #FFF , 324px 1484px #FFF , 628px 264px #FFF , 1594px 1376px #FFF , 1384px 1218px #FFF , 1993px 1336px #FFF , 460px 993px #FFF , 51px 168px #FFF , 30px 173px #FFF , 158px 98px #FFF , 65px 1263px #FFF , 1323px 1084px #FFF , 807px 1704px #FFF , 147px 443px #FFF , 337px 1892px #FFF , 576px 1515px #FFF , 1941px 1319px #FFF , 369px 474px #FFF , 1710px 1802px #FFF , 1692px 270px #FFF , 1997px 1151px #FFF , 512px 1808px #FFF , 654px 1066px #FFF , 619px 1225px #FFF , 281px 1814px #FFF , 146px 1817px #FFF , 246px 907px #FFF , 1765px 77px #FFF , 148px 111px #FFF , 952px 1860px #FFF , 1708px 190px #FFF , 615px 873px #FFF , 544px 955px #FFF , 1277px 1224px #FFF , 1907px 1091px #FFF;
    animation: animStar 50s linear infinite;
    z-index: 1
}
#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1190px 919px #FFF , 738px 1292px #FFF , 127px 189px #FFF , 193px 1922px #FFF , 548px 1489px #FFF , 842px 1924px #FFF , 1528px 1016px #FFF , 862px 612px #FFF , 1881px 1679px #FFF , 332px 665px #FFF , 881px 1232px #FFF , 1520px 841px #FFF , 712px 1572px #FFF , 1179px 215px #FFF , 959px 1862px #FFF , 1806px 267px #FFF , 377px 1950px #FFF , 271px 1196px #FFF , 205px 1085px #FFF , 1220px 879px #FFF , 266px 544px #FFF , 1821px 1769px #FFF , 1906px 351px #FFF , 472px 1968px #FFF , 1326px 1145px #FFF , 746px 875px #FFF , 1611px 1586px #FFF , 1050px 435px #FFF , 53px 353px #FFF , 1560px 739px #FFF , 1638px 924px #FFF , 1271px 733px #FFF , 1465px 1485px #FFF , 974px 957px #FFF , 1829px 890px #FFF , 1149px 1983px #FFF , 166px 1423px #FFF , 40px 1368px #FFF , 408px 457px #FFF , 239px 1110px #FFF , 1477px 957px #FFF , 1728px 8px #FFF , 1977px 1633px #FFF , 1866px 1390px #FFF , 1451px 821px #FFF , 1542px 411px #FFF , 513px 245px #FFF , 1525px 1403px #FFF , 1186px 734px #FFF , 855px 1395px #FFF , 954px 433px #FFF , 357px 1777px #FFF , 1126px 1342px #FFF , 466px 819px #FFF , 1753px 361px #FFF , 1930px 321px #FFF , 291px 1655px #FFF , 207px 666px #FFF , 1px 1161px #FFF , 1700px 630px #FFF , 1997px 1654px #FFF , 1638px 1416px #FFF , 776px 954px #FFF , 1191px 911px #FFF , 1659px 1651px #FFF , 1876px 1963px #FFF , 829px 214px #FFF , 1016px 1762px #FFF , 502px 616px #FFF , 721px 1733px #FFF , 1163px 1874px #FFF , 1955px 690px #FFF , 1742px 641px #FFF , 231px 1922px #FFF , 1121px 1619px #FFF , 190px 426px #FFF , 59px 1760px #FFF , 1450px 1581px #FFF , 1806px 1966px #FFF , 804px 874px #FFF , 847px 1569px #FFF , 590px 1319px #FFF , 907px 22px #FFF , 778px 519px #FFF , 1854px 1042px #FFF , 268px 4px #FFF , 634px 1637px #FFF , 1663px 1996px #FFF , 881px 1784px #FFF , 1290px 1937px #FFF , 1046px 738px #FFF , 948px 781px #FFF , 1935px 1485px #FFF , 1129px 298px #FFF , 1409px 515px #FFF , 507px 1577px #FFF , 794px 1967px #FFF , 240px 1117px #FFF , 470px 193px #FFF , 1249px 866px #FFF , 651px 1256px #FFF , 1121px 1604px #FFF , 1363px 315px #FFF , 1555px 1736px #FFF , 369px 814px #FFF , 967px 687px #FFF , 280px 1886px #FFF , 691px 1241px #FFF , 1028px 344px #FFF , 569px 251px #FFF , 1414px 1441px #FFF , 1534px 1625px #FFF , 339px 868px #FFF , 1070px 1849px #FFF , 374px 1011px #FFF , 1661px 905px #FFF , 1216px 344px #FFF , 1493px 1830px #FFF , 1952px 1171px #FFF , 750px 1078px #FFF , 1567px 840px #FFF , 1037px 1107px #FFF , 1063px 33px #FFF , 217px 800px #FFF , 869px 1883px #FFF , 1823px 1856px #FFF , 1960px 488px #FFF , 1170px 1038px #FFF , 955px 1183px #FFF , 436px 1177px #FFF , 1356px 667px #FFF , 810px 938px #FFF , 590px 63px #FFF , 1760px 960px #FFF , 441px 697px #FFF , 322px 450px #FFF , 1361px 44px #FFF , 675px 722px #FFF , 1989px 872px #FFF , 704px 1319px #FFF , 647px 906px #FFF , 1588px 810px #FFF , 1046px 280px #FFF , 1353px 539px #FFF , 1364px 296px #FFF , 1023px 1180px #FFF , 1829px 1811px #FFF , 1369px 1192px #FFF , 1485px 1140px #FFF , 1429px 1735px #FFF , 834px 19px #FFF , 1297px 976px #FFF , 1552px 1734px #FFF , 1536px 319px #FFF , 1406px 1516px #FFF , 283px 1768px #FFF , 167px 1600px #FFF , 1449px 1191px #FFF , 1221px 321px #FFF , 40px 731px #FFF , 461px 1230px #FFF , 1215px 1654px #FFF , 241px 434px #FFF , 889px 1436px #FFF , 1727px 1979px #FFF , 1013px 1613px #FFF , 734px 1760px #FFF , 1477px 1637px #FFF , 1403px 116px #FFF , 166px 197px #FFF , 1556px 34px #FFF , 1139px 946px #FFF , 326px 1576px #FFF , 189px 1417px #FFF , 1757px 1925px #FFF , 205px 1090px #FFF , 1526px 323px #FFF , 68px 693px #FFF , 1472px 1557px #FFF , 1708px 1435px #FFF , 961px 482px #FFF , 590px 1348px #FFF , 1521px 758px #FFF , 1142px 1880px #FFF , 1271px 55px #FFF , 1256px 425px #FFF , 572px 1217px #FFF , 1662px 1114px #FFF , 1980px 1362px #FFF , 166px 944px #FFF , 1438px 31px #FFF , 1157px 1400px #FFF , 1400px 596px #FFF , 1397px 1981px #FFF , 462px 1799px #FFF , 1318px 1063px #FFF , 412px 1234px #FFF , 1805px 798px #FFF , 779px 1334px #FFF , 437px 1218px #FFF , 1219px 81px #FFF , 1549px 671px #FFF , 1480px 423px #FFF , 426px 1628px #FFF , 415px 812px #FFF , 698px 1653px #FFF , 902px 1335px #FFF , 1477px 126px #FFF , 1380px 405px #FFF , 1990px 614px #FFF , 711px 1873px #FFF , 1573px 1720px #FFF , 1937px 1691px #FFF , 401px 1680px #FFF , 377px 1696px #FFF , 766px 877px #FFF , 246px 1734px #FFF , 1464px 1291px #FFF , 885px 1632px #FFF , 482px 237px #FFF , 1665px 663px #FFF , 358px 1030px #FFF , 732px 7px #FFF , 600px 1153px #FFF , 1431px 1072px #FFF , 1037px 1158px #FFF , 97px 581px #FFF , 701px 834px #FFF , 69px 1534px #FFF , 1985px 609px #FFF , 1103px 1908px #FFF , 892px 1955px #FFF , 1213px 1915px #FFF , 265px 1954px #FFF , 260px 1181px #FFF , 759px 754px #FFF , 1397px 543px #FFF , 131px 958px #FFF , 1235px 1399px #FFF , 1155px 925px #FFF , 576px 1874px #FFF , 1454px 1615px #FFF , 196px 1451px #FFF , 1109px 1132px #FFF , 1083px 1188px #FFF , 1746px 631px #FFF , 787px 108px #FFF , 560px 1399px #FFF , 1456px 1608px #FFF , 532px 111px #FFF , 211px 448px #FFF , 1212px 894px #FFF , 1560px 1215px #FFF , 275px 1855px #FFF , 1819px 158px #FFF , 247px 962px #FFF , 1474px 1000px #FFF , 379px 968px #FFF , 1848px 641px #FFF , 134px 473px #FFF , 728px 811px #FFF , 1211px 364px #FFF , 392px 992px #FFF , 1962px 1463px #FFF , 142px 174px #FFF , 180px 389px #FFF , 1232px 1791px #FFF , 992px 86px #FFF , 819px 514px #FFF , 1498px 1443px #FFF , 1770px 612px #FFF , 1570px 1375px #FFF , 1327px 373px #FFF , 1996px 1443px #FFF , 1027px 654px #FFF , 1191px 1110px #FFF , 1474px 180px #FFF , 1837px 266px #FFF , 1412px 1372px #FFF , 370px 1488px #FFF , 695px 1496px #FFF , 293px 874px #FFF , 1726px 467px #FFF , 223px 1559px #FFF , 1377px 565px #FFF , 1308px 459px #FFF , 1252px 1692px #FFF , 999px 1634px #FFF , 128px 534px #FFF , 867px 465px #FFF , 1018px 749px #FFF , 1252px 1164px #FFF , 1554px 40px #FFF , 1043px 706px #FFF , 397px 564px #FFF , 763px 20px #FFF , 626px 1791px #FFF , 177px 87px #FFF , 1326px 1021px #FFF , 366px 1251px #FFF , 727px 1091px #FFF , 576px 1447px #FFF , 254px 318px #FFF , 269px 1825px #FFF , 111px 215px #FFF , 1053px 908px #FFF , 1352px 127px #FFF , 1467px 1034px #FFF , 776px 1323px #FFF , 181px 247px #FFF , 1860px 1487px #FFF , 1426px 1435px #FFF , 1870px 409px #FFF , 1726px 797px #FFF , 951px 629px #FFF , 609px 1139px #FFF , 1080px 801px #FFF , 838px 1746px #FFF , 1015px 566px #FFF , 1000px 986px #FFF , 227px 1408px #FFF , 493px 111px #FFF , 552px 1892px #FFF , 1813px 463px #FFF , 1718px 759px #FFF , 1108px 871px #FFF , 1559px 745px #FFF , 1790px 702px #FFF , 968px 807px #FFF , 1087px 461px #FFF , 1504px 370px #FFF , 1573px 1153px #FFF , 1799px 1400px #FFF , 1903px 1794px #FFF , 54px 789px #FFF , 1347px 226px #FFF , 1113px 766px #FFF , 1585px 533px #FFF , 1632px 1155px #FFF , 1625px 1774px #FFF , 282px 1898px #FFF , 1705px 33px #FFF , 121px 1891px #FFF , 1796px 1252px #FFF , 848px 1316px #FFF , 558px 266px #FFF , 60px 423px #FFF , 31px 498px #FFF , 663px 436px #FFF , 10px 1775px #FFF , 251px 193px #FFF , 1437px 1444px #FFF , 922px 252px #FFF , 1990px 1874px #FFF , 1832px 124px #FFF , 1292px 1515px #FFF , 1329px 1010px #FFF , 175px 1953px #FFF , 339px 1945px #FFF , 1438px 1241px #FFF , 862px 1069px #FFF , 1247px 512px #FFF , 1503px 1214px #FFF , 1735px 1919px #FFF , 1572px 1255px #FFF , 848px 1644px #FFF , 1096px 334px #FFF , 946px 1064px #FFF , 245px 1070px #FFF , 1818px 26px #FFF , 614px 897px #FFF , 461px 343px #FFF , 1326px 114px #FFF , 1005px 973px #FFF , 1845px 114px #FFF , 887px 602px #FFF , 96px 1240px #FFF , 488px 777px #FFF , 1570px 128px #FFF , 1412px 85px #FFF , 1738px 259px #FFF , 443px 1157px #FFF , 129px 1672px #FFF , 1090px 388px #FFF , 1806px 136px #FFF , 821px 1998px #FFF , 118px 702px #FFF , 1332px 1792px #FFF , 1521px 1103px #FFF , 1605px 1278px #FFF , 1917px 472px #FFF , 587px 92px #FFF , 96px 1913px #FFF , 467px 430px #FFF , 521px 1568px #FFF , 594px 1096px #FFF , 1263px 1369px #FFF , 1983px 19px #FFF , 1269px 147px #FFF , 853px 143px #FFF , 556px 1772px #FFF , 422px 915px #FFF , 629px 1896px #FFF , 1909px 1305px #FFF , 1400px 873px #FFF , 162px 1089px #FFF , 458px 1162px #FFF , 1986px 1191px #FFF , 463px 723px #FFF , 319px 1649px #FFF , 1017px 358px #FFF , 1908px 1685px #FFF , 221px 778px #FFF , 1491px 1205px #FFF , 947px 1459px #FFF , 284px 379px #FFF , 950px 1291px #FFF , 1017px 1026px #FFF , 1492px 1445px #FFF , 1220px 1017px #FFF , 1116px 876px #FFF , 256px 108px #FFF , 245px 346px #FFF , 1604px 1070px #FFF , 1605px 579px #FFF , 415px 15px #FFF , 35px 1684px #FFF , 1086px 1190px #FFF , 641px 312px #FFF , 1986px 1877px #FFF , 153px 970px #FFF , 1847px 1040px #FFF , 1377px 1842px #FFF , 446px 1623px #FFF , 1959px 538px #FFF , 1845px 783px #FFF , 1174px 1640px #FFF , 969px 1235px #FFF , 989px 891px #FFF , 86px 722px #FFF , 537px 378px #FFF , 1539px 1448px #FFF , 1912px 1877px #FFF , 1664px 1409px #FFF , 356px 1778px #FFF , 543px 631px #FFF , 1610px 156px #FFF , 93px 808px #FFF , 660px 1446px #FFF , 818px 370px #FFF , 748px 415px #FFF , 996px 683px #FFF , 1898px 505px #FFF , 768px 1491px #FFF , 1767px 750px #FFF , 194px 1551px #FFF , 1001px 1050px #FFF , 556px 1648px #FFF , 1507px 483px #FFF , 38px 434px #FFF , 1141px 1380px #FFF , 1933px 1772px #FFF , 1641px 1147px #FFF , 724px 377px #FFF , 290px 1608px #FFF , 997px 814px #FFF , 116px 1685px #FFF , 486px 1990px #FFF , 856px 990px #FFF , 1536px 518px #FFF , 1360px 551px #FFF , 1785px 1912px #FFF , 1570px 86px #FFF , 659px 873px #FFF , 774px 1130px #FFF , 1264px 1512px #FFF , 174px 508px #FFF , 145px 731px #FFF , 718px 1586px #FFF , 851px 1739px #FFF , 1599px 1530px #FFF , 462px 522px #FFF , 304px 1841px #FFF , 66px 1623px #FFF , 699px 1184px #FFF , 1875px 934px #FFF , 766px 1262px #FFF , 382px 36px #FFF , 1937px 732px #FFF , 1876px 752px #FFF , 1035px 1348px #FFF , 1623px 1070px #FFF , 1280px 1983px #FFF , 1599px 1877px #FFF , 173px 31px #FFF , 826px 1190px #FFF , 1261px 499px #FFF , 196px 1831px #FFF , 1412px 749px #FFF , 1354px 1188px #FFF , 1792px 353px #FFF , 1613px 1973px #FFF , 11px 1460px #FFF , 25px 1696px #FFF , 1657px 1804px #FFF , 1749px 1385px #FFF , 883px 254px #FFF , 1992px 1941px #FFF , 352px 1988px #FFF , 426px 1861px #FFF , 284px 1522px #FFF , 54px 197px #FFF , 142px 1620px #FFF , 1362px 1084px #FFF , 782px 1890px #FFF , 1556px 1666px #FFF , 512px 618px #FFF , 882px 887px #FFF , 556px 1881px #FFF , 1746px 777px #FFF , 567px 1169px #FFF , 699px 1926px #FFF , 1965px 160px #FFF , 1718px 879px #FFF , 1886px 902px #FFF , 1843px 1459px #FFF , 1152px 651px #FFF , 698px 634px #FFF , 274px 1966px #FFF , 1631px 1622px #FFF , 81px 1505px #FFF , 1036px 329px #FFF , 577px 1031px #FFF , 1954px 1772px #FFF , 1430px 597px #FFF , 1787px 361px #FFF , 150px 144px #FFF , 3px 1837px #FFF , 830px 604px #FFF , 1192px 1702px #FFF , 772px 1546px #FFF , 1686px 1439px #FFF , 1821px 402px #FFF , 1565px 251px #FFF , 935px 672px #FFF , 1042px 989px #FFF , 946px 563px #FFF , 53px 1108px #FFF , 827px 575px #FFF , 1657px 678px #FFF , 1718px 1007px #FFF , 423px 664px #FFF , 929px 1293px #FFF , 388px 1210px #FFF , 1410px 358px #FFF , 1216px 1478px #FFF , 877px 961px #FFF , 408px 1939px #FFF , 598px 803px #FFF , 1474px 1841px #FFF , 203px 601px #FFF , 858px 1012px #FFF , 247px 1044px #FFF , 670px 330px #FFF , 294px 1618px #FFF , 1067px 1382px #FFF , 589px 1862px #FFF , 717px 865px #FFF , 1669px 665px #FFF , 1312px 366px #FFF , 843px 1949px #FFF , 1761px 207px #FFF , 197px 1111px #FFF , 1688px 271px #FFF , 745px 1382px #FFF , 158px 778px #FFF , 1315px 1353px #FFF , 1810px 711px #FFF , 242px 593px #FFF , 393px 942px #FFF , 498px 512px #FFF , 759px 908px #FFF , 139px 1309px #FFF , 1710px 7px #FFF , 1749px 1464px #FFF , 1144px 1336px #FFF , 449px 312px #FFF , 519px 1483px #FFF , 1636px 1493px #FFF , 1501px 1499px #FFF , 1494px 1574px #FFF , 1869px 171px #FFF , 209px 1023px #FFF , 534px 1903px #FFF , 61px 1704px #FFF , 297px 442px #FFF , 1196px 168px #FFF , 486px 1256px #FFF , 898px 284px #FFF , 304px 322px #FFF , 147px 1856px #FFF , 789px 1829px #FFF , 131px 1403px #FFF , 1561px 1372px #FFF , 18px 1668px #FFF , 1833px 1469px #FFF , 1539px 1748px #FFF , 1656px 1042px #FFF , 27px 948px #FFF , 275px 323px #FFF , 1791px 922px #FFF , 1760px 1752px #FFF , 1663px 275px #FFF , 1931px 970px #FFF , 535px 350px #FFF , 1338px 1576px #FFF , 205px 51px #FFF , 1430px 995px #FFF , 112px 576px #FFF , 1864px 1863px #FFF , 1617px 1231px #FFF , 544px 431px #FFF , 971px 1638px #FFF , 1855px 1172px #FFF , 1941px 53px #FFF , 1277px 1289px #FFF , 1261px 879px #FFF , 18px 581px #FFF , 749px 676px #FFF , 371px 891px #FFF , 1939px 1181px #FFF , 1609px 49px #FFF , 234px 992px #FFF , 1273px 1489px #FFF , 671px 1829px #FFF , 59px 318px #FFF , 1183px 1117px #FFF , 1794px 772px #FFF , 1424px 703px #FFF , 861px 1678px #FFF , 137px 844px #FFF , 1105px 1533px #FFF , 910px 1465px #FFF , 1767px 1506px #FFF , 323px 1038px #FFF , 1284px 133px #FFF , 1121px 1547px #FFF , 117px 1127px #FFF , 1528px 761px #FFF , 985px 451px #FFF , 797px 1400px #FFF , 1992px 317px #FFF , 1719px 468px #FFF , 564px 1936px #FFF , 1976px 1424px #FFF , 150px 594px #FFF , 886px 393px #FFF , 1426px 1px #FFF , 694px 750px #FFF , 483px 1592px #FFF , 1249px 755px #FFF , 281px 1520px #FFF , 1814px 327px #FFF , 1689px 1386px #FFF , 1921px 318px #FFF , 335px 1835px #FFF , 324px 1484px #FFF , 628px 264px #FFF , 1594px 1376px #FFF , 1384px 1218px #FFF , 1993px 1336px #FFF , 460px 993px #FFF , 51px 168px #FFF , 30px 173px #FFF , 158px 98px #FFF , 65px 1263px #FFF , 1323px 1084px #FFF , 807px 1704px #FFF , 147px 443px #FFF , 337px 1892px #FFF , 576px 1515px #FFF , 1941px 1319px #FFF , 369px 474px #FFF , 1710px 1802px #FFF , 1692px 270px #FFF , 1997px 1151px #FFF , 512px 1808px #FFF , 654px 1066px #FFF , 619px 1225px #FFF , 281px 1814px #FFF , 146px 1817px #FFF , 246px 907px #FFF , 1765px 77px #FFF , 148px 111px #FFF , 952px 1860px #FFF , 1708px 190px #FFF , 615px 873px #FFF , 544px 955px #FFF , 1277px 1224px #FFF , 1907px 1091px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 722px 1931px #FFF , 1781px 1681px #FFF , 1404px 1496px #FFF , 949px 1221px #FFF , 39px 1639px #FFF , 607px 744px #FFF , 1674px 1015px #FFF , 1198px 365px #FFF , 1591px 814px #FFF , 451px 1590px #FFF , 839px 549px #FFF , 1109px 557px #FFF , 220px 1758px #FFF , 1294px 1214px #FFF , 1284px 1084px #FFF , 1944px 1897px #FFF , 1013px 430px #FFF , 41px 1117px #FFF , 651px 1135px #FFF , 1782px 1823px #FFF , 820px 1026px #FFF , 1154px 105px #FFF , 768px 527px #FFF , 1719px 1284px #FFF , 457px 905px #FFF , 32px 1972px #FFF , 1097px 1111px #FFF , 202px 1902px #FFF , 1054px 1063px #FFF , 1815px 1887px #FFF , 17px 356px #FFF , 646px 1227px #FFF , 1146px 1669px #FFF , 1060px 895px #FFF , 1879px 508px #FFF , 1291px 333px #FFF , 1309px 1890px #FFF , 735px 249px #FFF , 1805px 1293px #FFF , 1317px 408px #FFF , 853px 1429px #FFF , 1593px 161px #FFF , 786px 1030px #FFF , 1522px 138px #FFF , 1145px 948px #FFF , 1011px 1662px #FFF , 1698px 1741px #FFF , 1403px 1929px #FFF , 1560px 1624px #FFF , 421px 1183px #FFF , 13px 1370px #FFF , 1334px 908px #FFF , 307px 1111px #FFF , 430px 1232px #FFF , 889px 1694px #FFF , 541px 1541px #FFF , 766px 894px #FFF , 278px 722px #FFF , 203px 248px #FFF , 1612px 804px #FFF , 1678px 846px #FFF , 945px 1465px #FFF , 1689px 1006px #FFF , 1286px 1864px #FFF , 970px 436px #FFF , 812px 531px #FFF , 862px 1961px #FFF , 1750px 238px #FFF , 685px 466px #FFF , 1268px 1671px #FFF , 528px 1014px #FFF , 1676px 1074px #FFF , 42px 1294px #FFF , 846px 534px #FFF , 1847px 67px #FFF , 1955px 1282px #FFF , 798px 974px #FFF , 152px 1080px #FFF , 679px 627px #FFF , 1228px 1754px #FFF , 1003px 1206px #FFF , 671px 213px #FFF , 401px 1783px #FFF , 1684px 1321px #FFF , 386px 205px #FFF , 139px 6px #FFF , 1211px 1186px #FFF , 1370px 111px #FFF , 1351px 456px #FFF , 483px 1296px #FFF , 1483px 1117px #FFF , 1955px 1576px #FFF , 241px 474px #FFF , 1225px 1693px #FFF , 1906px 1421px #FFF , 146px 682px #FFF , 76px 1669px #FFF , 1163px 691px #FFF , 709px 167px #FFF , 637px 1933px #FFF , 311px 1726px #FFF , 1254px 1515px #FFF , 591px 1301px #FFF , 303px 95px #FFF , 1017px 1191px #FFF , 680px 353px #FFF , 1881px 446px #FFF , 806px 377px #FFF , 102px 1486px #FFF , 441px 170px #FFF , 1884px 670px #FFF , 1936px 246px #FFF , 858px 961px #FFF , 1335px 443px #FFF , 1254px 1942px #FFF , 283px 1047px #FFF , 1825px 668px #FFF , 64px 761px #FFF , 1176px 197px #FFF , 353px 760px #FFF , 854px 974px #FFF , 87px 830px #FFF , 1820px 435px #FFF , 947px 1648px #FFF , 407px 912px #FFF , 1139px 421px #FFF , 1534px 1860px #FFF , 184px 28px #FFF , 1906px 736px #FFF , 1490px 611px #FFF , 960px 86px #FFF , 1149px 1506px #FFF , 475px 1324px #FFF , 501px 1259px #FFF , 1099px 853px #FFF , 1138px 1876px #FFF , 1330px 428px #FFF , 283px 94px #FFF , 335px 30px #FFF , 1412px 1373px #FFF , 85px 367px #FFF , 417px 711px #FFF , 873px 662px #FFF , 1040px 780px #FFF , 97px 587px #FFF , 1425px 1777px #FFF , 535px 1114px #FFF , 1877px 526px #FFF , 954px 1163px #FFF , 1900px 1043px #FFF , 1885px 622px #FFF , 1849px 1488px #FFF , 1162px 283px #FFF , 1248px 1949px #FFF , 715px 1078px #FFF , 102px 810px #FFF , 1873px 85px #FFF , 215px 1552px #FFF , 595px 552px #FFF , 1267px 1498px #FFF , 511px 889px #FFF , 740px 1083px #FFF , 1442px 1035px #FFF , 458px 1565px #FFF , 22px 203px #FFF , 726px 29px #FFF , 1607px 1278px #FFF , 1772px 367px #FFF , 1241px 294px #FFF , 819px 384px #FFF , 1418px 1984px #FFF , 1533px 407px #FFF , 1553px 1447px #FFF , 762px 1254px #FFF , 1113px 1626px #FFF , 1470px 1643px #FFF , 1288px 1150px #FFF , 1827px 875px #FFF , 1298px 1921px #FFF , 926px 275px #FFF , 1472px 1648px #FFF , 1051px 451px #FFF , 737px 839px #FFF , 362px 1028px #FFF , 605px 181px #FFF , 1778px 1034px #FFF , 106px 1460px #FFF , 1077px 1035px #FFF , 1688px 1950px #FFF , 269px 1418px #FFF , 1780px 1923px #FFF , 1753px 953px #FFF , 492px 364px #FFF , 695px 1700px #FFF , 1470px 251px #FFF , 644px 18px #FFF , 1432px 507px #FFF , 526px 1209px #FFF , 844px 1741px #FFF , 1727px 1220px #FFF;
    animation: animStar 100s linear infinite;
}
#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 722px 1931px #FFF , 1781px 1681px #FFF , 1404px 1496px #FFF , 949px 1221px #FFF , 39px 1639px #FFF , 607px 744px #FFF , 1674px 1015px #FFF , 1198px 365px #FFF , 1591px 814px #FFF , 451px 1590px #FFF , 839px 549px #FFF , 1109px 557px #FFF , 220px 1758px #FFF , 1294px 1214px #FFF , 1284px 1084px #FFF , 1944px 1897px #FFF , 1013px 430px #FFF , 41px 1117px #FFF , 651px 1135px #FFF , 1782px 1823px #FFF , 820px 1026px #FFF , 1154px 105px #FFF , 768px 527px #FFF , 1719px 1284px #FFF , 457px 905px #FFF , 32px 1972px #FFF , 1097px 1111px #FFF , 202px 1902px #FFF , 1054px 1063px #FFF , 1815px 1887px #FFF , 17px 356px #FFF , 646px 1227px #FFF , 1146px 1669px #FFF , 1060px 895px #FFF , 1879px 508px #FFF , 1291px 333px #FFF , 1309px 1890px #FFF , 735px 249px #FFF , 1805px 1293px #FFF , 1317px 408px #FFF , 853px 1429px #FFF , 1593px 161px #FFF , 786px 1030px #FFF , 1522px 138px #FFF , 1145px 948px #FFF , 1011px 1662px #FFF , 1698px 1741px #FFF , 1403px 1929px #FFF , 1560px 1624px #FFF , 421px 1183px #FFF , 13px 1370px #FFF , 1334px 908px #FFF , 307px 1111px #FFF , 430px 1232px #FFF , 889px 1694px #FFF , 541px 1541px #FFF , 766px 894px #FFF , 278px 722px #FFF , 203px 248px #FFF , 1612px 804px #FFF , 1678px 846px #FFF , 945px 1465px #FFF , 1689px 1006px #FFF , 1286px 1864px #FFF , 970px 436px #FFF , 812px 531px #FFF , 862px 1961px #FFF , 1750px 238px #FFF , 685px 466px #FFF , 1268px 1671px #FFF , 528px 1014px #FFF , 1676px 1074px #FFF , 42px 1294px #FFF , 846px 534px #FFF , 1847px 67px #FFF , 1955px 1282px #FFF , 798px 974px #FFF , 152px 1080px #FFF , 679px 627px #FFF , 1228px 1754px #FFF , 1003px 1206px #FFF , 671px 213px #FFF , 401px 1783px #FFF , 1684px 1321px #FFF , 386px 205px #FFF , 139px 6px #FFF , 1211px 1186px #FFF , 1370px 111px #FFF , 1351px 456px #FFF , 483px 1296px #FFF , 1483px 1117px #FFF , 1955px 1576px #FFF , 241px 474px #FFF , 1225px 1693px #FFF , 1906px 1421px #FFF , 146px 682px #FFF , 76px 1669px #FFF , 1163px 691px #FFF , 709px 167px #FFF , 637px 1933px #FFF , 311px 1726px #FFF , 1254px 1515px #FFF , 591px 1301px #FFF , 303px 95px #FFF , 1017px 1191px #FFF , 680px 353px #FFF , 1881px 446px #FFF , 806px 377px #FFF , 102px 1486px #FFF , 441px 170px #FFF , 1884px 670px #FFF , 1936px 246px #FFF , 858px 961px #FFF , 1335px 443px #FFF , 1254px 1942px #FFF , 283px 1047px #FFF , 1825px 668px #FFF , 64px 761px #FFF , 1176px 197px #FFF , 353px 760px #FFF , 854px 974px #FFF , 87px 830px #FFF , 1820px 435px #FFF , 947px 1648px #FFF , 407px 912px #FFF , 1139px 421px #FFF , 1534px 1860px #FFF , 184px 28px #FFF , 1906px 736px #FFF , 1490px 611px #FFF , 960px 86px #FFF , 1149px 1506px #FFF , 475px 1324px #FFF , 501px 1259px #FFF , 1099px 853px #FFF , 1138px 1876px #FFF , 1330px 428px #FFF , 283px 94px #FFF , 335px 30px #FFF , 1412px 1373px #FFF , 85px 367px #FFF , 417px 711px #FFF , 873px 662px #FFF , 1040px 780px #FFF , 97px 587px #FFF , 1425px 1777px #FFF , 535px 1114px #FFF , 1877px 526px #FFF , 954px 1163px #FFF , 1900px 1043px #FFF , 1885px 622px #FFF , 1849px 1488px #FFF , 1162px 283px #FFF , 1248px 1949px #FFF , 715px 1078px #FFF , 102px 810px #FFF , 1873px 85px #FFF , 215px 1552px #FFF , 595px 552px #FFF , 1267px 1498px #FFF , 511px 889px #FFF , 740px 1083px #FFF , 1442px 1035px #FFF , 458px 1565px #FFF , 22px 203px #FFF , 726px 29px #FFF , 1607px 1278px #FFF , 1772px 367px #FFF , 1241px 294px #FFF , 819px 384px #FFF , 1418px 1984px #FFF , 1533px 407px #FFF , 1553px 1447px #FFF , 762px 1254px #FFF , 1113px 1626px #FFF , 1470px 1643px #FFF , 1288px 1150px #FFF , 1827px 875px #FFF , 1298px 1921px #FFF , 926px 275px #FFF , 1472px 1648px #FFF , 1051px 451px #FFF , 737px 839px #FFF , 362px 1028px #FFF , 605px 181px #FFF , 1778px 1034px #FFF , 106px 1460px #FFF , 1077px 1035px #FFF , 1688px 1950px #FFF , 269px 1418px #FFF , 1780px 1923px #FFF , 1753px 953px #FFF , 492px 364px #FFF , 695px 1700px #FFF , 1470px 251px #FFF , 644px 18px #FFF , 1432px 507px #FFF , 526px 1209px #FFF , 844px 1741px #FFF , 1727px 1220px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 884px 816px #FFF , 313px 491px #FFF , 1867px 1794px #FFF , 1604px 877px #FFF , 1516px 52px #FFF , 864px 240px #FFF , 325px 971px #FFF , 1916px 563px #FFF , 31px 796px #FFF , 1080px 477px #FFF , 631px 1125px #FFF , 539px 1347px #FFF , 1115px 1732px #FFF , 441px 1444px #FFF , 1150px 434px #FFF , 1885px 187px #FFF , 1555px 1232px #FFF , 1918px 1190px #FFF , 1861px 679px #FFF , 95px 1676px #FFF , 498px 1863px #FFF , 835px 768px #FFF , 1530px 1154px #FFF , 373px 1744px #FFF , 448px 947px #FFF , 1049px 433px #FFF , 1677px 329px #FFF , 439px 889px #FFF , 29px 1073px #FFF , 1445px 1759px #FFF , 1251px 303px #FFF , 923px 145px #FFF , 1783px 1470px #FFF , 79px 1991px #FFF , 321px 748px #FFF , 1474px 510px #FFF , 568px 1638px #FFF , 286px 1219px #FFF , 1500px 1358px #FFF , 598px 695px #FFF , 538px 1947px #FFF , 339px 1976px #FFF , 1234px 1001px #FFF , 1842px 1561px #FFF , 1692px 1382px #FFF , 1245px 891px #FFF , 1580px 1805px #FFF , 1502px 876px #FFF , 133px 434px #FFF , 1023px 1830px #FFF , 1761px 705px #FFF , 1030px 297px #FFF , 82px 716px #FFF , 1310px 195px #FFF , 478px 1450px #FFF , 232px 1556px #FFF , 950px 1101px #FFF , 461px 1954px #FFF , 1763px 1509px #FFF , 1935px 1708px #FFF , 204px 902px #FFF , 1160px 647px #FFF , 200px 1847px #FFF , 629px 1480px #FFF , 1351px 1768px #FFF , 66px 354px #FFF , 192px 1174px #FFF , 1977px 947px #FFF , 1681px 1942px #FFF , 1063px 1742px #FFF , 1644px 1524px #FFF , 1565px 1809px #FFF , 952px 214px #FFF , 88px 1754px #FFF , 367px 163px #FFF , 1616px 1088px #FFF , 1901px 1334px #FFF , 1538px 1275px #FFF , 947px 1735px #FFF , 1884px 1596px #FFF , 1956px 822px #FFF , 212px 11px #FFF , 1596px 9px #FFF , 1290px 892px #FFF , 915px 1829px #FFF , 1716px 256px #FFF , 1688px 1095px #FFF , 1876px 1689px #FFF , 813px 230px #FFF , 942px 193px #FFF , 234px 613px #FFF , 471px 45px #FFF , 435px 1032px #FFF , 501px 1480px #FFF , 1743px 1938px #FFF , 1702px 1969px #FFF , 1416px 912px #FFF , 1679px 1287px #FFF , 1356px 497px #FFF , 308px 749px #FFF;
    animation: animStar 150s linear infinite;
}
#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 884px 816px #FFF , 313px 491px #FFF , 1867px 1794px #FFF , 1604px 877px #FFF , 1516px 52px #FFF , 864px 240px #FFF , 325px 971px #FFF , 1916px 563px #FFF , 31px 796px #FFF , 1080px 477px #FFF , 631px 1125px #FFF , 539px 1347px #FFF , 1115px 1732px #FFF , 441px 1444px #FFF , 1150px 434px #FFF , 1885px 187px #FFF , 1555px 1232px #FFF , 1918px 1190px #FFF , 1861px 679px #FFF , 95px 1676px #FFF , 498px 1863px #FFF , 835px 768px #FFF , 1530px 1154px #FFF , 373px 1744px #FFF , 448px 947px #FFF , 1049px 433px #FFF , 1677px 329px #FFF , 439px 889px #FFF , 29px 1073px #FFF , 1445px 1759px #FFF , 1251px 303px #FFF , 923px 145px #FFF , 1783px 1470px #FFF , 79px 1991px #FFF , 321px 748px #FFF , 1474px 510px #FFF , 568px 1638px #FFF , 286px 1219px #FFF , 1500px 1358px #FFF , 598px 695px #FFF , 538px 1947px #FFF , 339px 1976px #FFF , 1234px 1001px #FFF , 1842px 1561px #FFF , 1692px 1382px #FFF , 1245px 891px #FFF , 1580px 1805px #FFF , 1502px 876px #FFF , 133px 434px #FFF , 1023px 1830px #FFF , 1761px 705px #FFF , 1030px 297px #FFF , 82px 716px #FFF , 1310px 195px #FFF , 478px 1450px #FFF , 232px 1556px #FFF , 950px 1101px #FFF , 461px 1954px #FFF , 1763px 1509px #FFF , 1935px 1708px #FFF , 204px 902px #FFF , 1160px 647px #FFF , 200px 1847px #FFF , 629px 1480px #FFF , 1351px 1768px #FFF , 66px 354px #FFF , 192px 1174px #FFF , 1977px 947px #FFF , 1681px 1942px #FFF , 1063px 1742px #FFF , 1644px 1524px #FFF , 1565px 1809px #FFF , 952px 214px #FFF , 88px 1754px #FFF , 367px 163px #FFF , 1616px 1088px #FFF , 1901px 1334px #FFF , 1538px 1275px #FFF , 947px 1735px #FFF , 1884px 1596px #FFF , 1956px 822px #FFF , 212px 11px #FFF , 1596px 9px #FFF , 1290px 892px #FFF , 915px 1829px #FFF , 1716px 256px #FFF , 1688px 1095px #FFF , 1876px 1689px #FFF , 813px 230px #FFF , 942px 193px #FFF , 234px 613px #FFF , 471px 45px #FFF , 435px 1032px #FFF , 501px 1480px #FFF , 1743px 1938px #FFF , 1702px 1969px #FFF , 1416px 912px #FFF , 1679px 1287px #FFF , 1356px 497px #FFF , 308px 749px #FFF;
}


@keyframes animStar {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2000px);
    }
}

.subscribe--title {text-align: center;color: #FFFFFF;position: relative;font-family: "Segoe UI", "librebaskerville-bold", serif;line-height: 1.375;margin-top: 0;font-weight: 600;font-size: 3rem;padding-bottom:5px;}
.subscribe--title:after {content: '';position: absolute;bottom: 5px;left:50%;width: 250px;transform: translateX(-50%);height: 1px;background-color: #fff}
.subscribe--subtitle {text-align: left;font-family: "Segoe UI", "montserrat-regular", sans-serif;font-size: 1.5rem;line-height: 1.8;color: #fff;}

.subscribe--box {display: flex;margin-top: 20px}
.subscribe--left {width: 40%;}
.subscribe--right {width: 60%;padding-left: 40px;}
.subscribe--right .button {min-width: 200px}
.subscribe--right form{display: flex;gap:30px;align-items: center}
.subscribe--right input:focus,
.subscribe--right input{width: 100%;border-color: #fff;color:#fff;}
.subscribe--right input.d--error{border-color: #862121}
.subscribe--right input.d--success{border-color: #008C2C}

.js--subscribe.--send {background-color: transparent;border-color: #008C2C}
.js--subscribe.--send:hover {background-color: transparent;border-color: transparent}
.js--subscribe svg {width: 30px;height: 30px;display: inline-block;}
.state--sending {display: none;align-items: center;justify-content: center}
.--send .state--normal {display: none}
.--send .state--sending {display: flex}

@media all and (max-width: 1000px) {
    .subscribe--box {flex-wrap: wrap}
    .subscribe--left, .subscribe--right {width: 100%}
    .subscribe--right {margin-top: 10px}
}

@media all and (max-width: 767px) {
    .subscribe--title {font-size: 2.5rem}
}


@media all and (max-width: 550px) {
    .subscribe--right form {flex-wrap: wrap;gap:10px;justify-content: center}
    .subscribe--right {padding-left: 0}
}

.contacts--quick {
    padding: 70px 0;
    background-color: #0D0A0B;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.contacts--quick-inner {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}
.contacts--quick-label {
    display: block;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.4rem;
    letter-spacing: .15rem;
    text-transform: uppercase;
    color: #af2b2b;
    margin-bottom: 14px;
}
.contacts--quick-title {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    font-size: 2.8rem;
    line-height: 1.25;
    color: #fff;
    margin: 0 0 16px;
}
.contacts--quick-text {
    font-size: 1.5rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, .65);
    margin: 0 0 24px;
}
.contacts--quick-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.contacts--quick-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    border-radius: 8px;
    color: #fff;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.4rem;
    letter-spacing: .04rem;
    text-decoration: none;
    transition: transform .25s, background-color .25s, box-shadow .25s;
    border: 1px solid rgba(255, 255, 255, .12);
    background-color: rgba(255, 255, 255, .04);
}
.contacts--quick-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    background-color: rgba(255, 255, 255, .08);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}
.contacts--quick-btn svg {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: block;
}
.contacts--quick-list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: ql;
}
.contacts--quick-list li {
    position: relative;
    padding: 0 0 14px 36px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, .8);
    counter-increment: ql;
}
.contacts--quick-list li::before {
    content: counter(ql);
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #862121;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
}
.contacts--quick-list li:last-child { padding-bottom: 0; }

@media (max-width: 980px) {
    .contacts--quick-inner { grid-template-columns: 1fr; gap: 40px; }
    .contacts--quick-title { font-size: 2.2rem; }
    .contacts--quick { padding: 55px 0; }
}

.faq {
    padding: 70px 0 90px;
    background-color: #f6f6f6;
}
.faq--inner {
    max-width: 900px;
    margin: 0 auto;
    width: 94%;
}
.faq--title {
    text-align: center;
    margin: 0 0 40px;
    color: #0D0A0B;
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    font-weight: 600;
    font-size: 3rem;
}
.faq--list {
    /* контейнер, чтобы вопросы не слипались с заголовком */
}
.faq--item {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color .3s;
}
.faq--item.--open { border-color: #862121; }
.faq--q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 26px;
    cursor: pointer;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #0D0A0B;
    user-select: none;
    transition: color .2s;
}
.faq--q:hover { color: #862121; }
.faq--icon {
    width: 16px;
    height: 16px;
    position: relative;
    flex: 0 0 16px;
    margin-left: 16px;
}
.faq--icon::before,
.faq--icon::after {
    content: '';
    position: absolute;
    background: #862121;
    transition: transform .3s;
}
.faq--icon::before { top: 7px; left: 0; width: 16px; height: 2px; }
.faq--icon::after { top: 0; left: 7px; width: 2px; height: 16px; }
.faq--item.--open .faq--icon::after { transform: rotate(90deg); }
.faq--a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
}
.faq--a-inner {
    padding: 0 26px 22px;
    font-size: 1.5rem;
    line-height: 1.7;
    color: #5f5f5f;
}
.faq--item.--open .faq--a { max-height: 500px; }
@media (max-width: 600px) {
    .faq { padding: 55px 0 65px; }
    .faq--title { font-size: 2.4rem; margin-bottom: 28px; }
    .faq--q { padding: 18px 20px; font-size: 1.5rem; }
    .faq--a-inner { padding: 0 20px 20px; }
}

.page--policy {}

.--text ol {list-style-type: none;counter-reset: item;margin: 0;padding: 0;}
.--text ol > li {display: table;counter-increment: item;margin-bottom: 0.6em;font-size: 1.6rem;}
.--text ol > li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em;}
.--text li{line-height: 140%;color:rgb(95, 95, 95);font-size: 1.6rem}
.--text li ol > li {margin: 0;margin-bottom: 10px}
.--text li ol > li:before {content: counters(item, ".") " ";}

.--text p {margin-bottom: 16px;font-size: 1.6rem; color: rgb(95, 95, 95);line-height: 140%;}
.--text p b{font-size: 2rem}

.--text ul {margin-bottom: 16px;}
.--text ul.circle li:before {content: '';width:4px;height: 4px;border-radius: 50%;background-color: #000;display: inline-block;margin-right: 7px;transform: translateY(-1px)}

.--text ul.circle {list-style-type: none;padding: 0;margin: 0 0 20px 0}
.--text ul.circle li{font-weight: 400;margin-bottom: 8px;}
.--text ul.circle li:last-child{margin-bottom: 0;}
.--text ul.circle > li:before{display: inline-block;width:10px;height:10px;border-radius: 2px;background-color: var(--main);margin-right: 9px;content: '';transform: translateY(-1px)}


/* End */


/* Start:/local/components/tichiy/uni.forms/templates/.default/style.css?179105615919826*/
/* Всплывающая форма начата */
.absCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column}

.d--close,.d--Inner a,.d--but, .d--show, .ani--box
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.d--dialog{display: none;background-color: rgba(78,78,78,.3);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1100;}
.d--dialog * {box-sizing: border-box;}
.d--inner {background-color: #fff;padding:40px;position: relative;min-width: 320px;max-width: 490px;max-height:95vh;-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: left;border-radius: 8px;width: 100%}
.d--inner h2{font-family: 'Roboto',Verdana,sans-serif;font-size: 24px; font-weight: 600;line-height: 32px;margin-bottom:14px;text-align: left}
.d--inner > div{display: none}
.d--inner > div.d--close{display: flex}
.d--inner > .d--active{display: block}
.d--inner > .do--locations.d--active{display: flex;flex-direction: column;height: 100%;}

.d--close{position: absolute;right: 15px;top:15px;width: 36px;height:36px;cursor:pointer;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(90,92,104,.05)}
.d--close svg{fill:#9CA0A9;stroke:#9CA0A9;width: 12px;height: 12px;transition: .4s}
.d--close:hover svg{fill:var(--a);stroke:var(--a);}

.d--title{font-weight: 600;font-size: 2.2rem;line-height: 130%;color:var(--text)}
.d--text{font-size: 16px;font-weight: 400;color:var(--a);line-height: 20px;margin-top: 22px;}

.d--double {display: flex;gap:8px;}
.d--double .d--row{width: 50%}

/* Нашли дешевле     */
div.d--LINK {width: 100%}
.d--inner.d--wide {max-width: 920px;width: 100%}
.d--product {display: flex;gap:var(--gap);margin-top: 20px;}
.d--product-category {margin-bottom: 12px;color:#9CA0A9;font-size: 16px;line-height: 20px;}
.d--product-name {margin-bottom: 12px;color:var(--text);font-size: 18px;line-height: 24px;}
.d--text {font-size: 16px;line-height: 22px;color:var(--a);text-align: left}
.d--product-image {width: 140px;}
.d--product-image img{width: 100%;}
.d--product-box {flex-grow: 1;text-align: left;}

.d--submit {margin-top: 10px;}

.d--but {outline: 0;display: inline-block;padding: 0 27px;text-shadow: none;text-decoration: none;background-color: var(--main);color: #fff;min-width: 110px;height: var(--height);line-height: var(--height);border-radius: 6px;font-size: 13px;cursor: pointer;border:1px solid var(--main);width: 100%;user-select: none}
.d--but:not([disabled]):hover {background-color: #ffffff;color: var(--main);}
.d--but[disabled] {opacity: .5}

.d--policy {width: 100%;margin: 0 auto;margin-top: 30px;font-size: 12px;line-height: 16px;color:var(--text)}
.d--policy a{text-decoration: none;border-bottom:1px solid transparent}
.d--policy a:hover{text-decoration: none;border-bottom:1px solid #a2a2a2}

.d--bar {position: relative;display: block;width: 80%;margin: 0 auto;}
.d--bar:before, .d--bar:after {content: "";height: 2px;width: 0;bottom: 0;position: absolute;background: #000;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.d--bar:before {left: 50%;}
.d--bar:after {right: 50%;}

.d--row {margin-bottom: 10px}

.d--inner .d--input,
.form--inserted .d--input
{width: 100%;height: 52px;border: 1px solid #E8EBF1;padding: 0 20px;background-color: #fff;background-image: none;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1.6rem;line-height: 52px;transition: .4s}
.d--inner .d--input:hover,
.form--inserted .d--input:hover
{border-color:#adadad}
.d--inner .d--input.--error,
.form--inserted .d--input.--error
{border: 1px solid #ff0000;}
.d--inner .d--input.--error:hover,
.form--inserted .d--input.--error:hover
{border-color:#ff0000}
.d--inner textarea.d--input,
.form--inserted textarea.d--input
{min-height: 120px;margin-top: 0;max-width: 100%;max-height: 250px;min-width: 100%}

.d--row.f--error .d--bar:before,.d--row.f--error .d--bar:after{background-color: #ff0000}
.d--row.f--error .d--input{border: 1px solid #ff0000}

.d--additional {margin-top: 10px;font-size: 12px;text-align: right}
.d--additional div {border-bottom: 1px dotted #333;display: inline-block;cursor: pointer}

.d--show {cursor:pointer}
.d--show:hover {border-color: transparent}

.f--MAIL {display: none}

.d--inf {border: 1px dotted var(--main);width: 16px;height:16px;display: inline-flex;align-items: center;justify-content: center;color:var(--main);border-radius: 50%;margin-right: 5px}
.d--MAIL {display: none}

.d--form:not(.do--locations) {overflow-y: auto;overflow-x: hidden;max-height: 100%;}
.d--form form {margin-top: 20px;}

.d--additional-text {font-weight: 400;font-size: 16px;line-height: 130%;color:var(--a);border: none}
.d--sublinks .d--sub-reg {font-weight: 400;font-size: 16px;line-height: 130%;color:var(--main);border-bottom:1px solid var(--main);display: inline-block;margin-top: 10px;transition: .4s;cursor: pointer}
.d--sublinks .d--sub-reg:hover {border-bottom:1px solid transparent;}
.d--sublinks {margin: 12px 0 12px 0}

@media all and (max-width: 1024px) {
    .d--inner.d--wide{max-width: 95%}
    .d--product-category {font-size: 12px;line-height: 15px;}
    .d--product-name {font-size: 14px;line-height: 18px;}
    .d--text {font-size: 14px;line-height: 20px;}
}

@media all and (max-width: 768px) {
    .d--inner {padding: 50px 40px 50px 40px}
    .d--title{font-size: 28px;line-height: 34px;}
    .d--text{font-size: 14px;}
    .d--submit {font-size: 14px;}
    .d--inner.d--wide {padding: 20px}
}

@media all and (max-width: 545px) {
    .d--inner {min-width: 320px;max-width: 95%;padding: 40px 20px 40px 20px;}
    .d--title{font-size: 24px;line-height: 28px;}
    .d--text{font-size: 12px;}
    .d--double {flex-wrap: wrap;gap:0}
    .d--double .d--row {width: 100%}
    .d--product-image {width:50px}
}
/* Всплывающая форма окончена */

/* Выбор города */
.d--location-box {display: none}

.d--inner .bx-sls .bx-ui-sls-pane{max-height: 300px;border-radius: 12px;
    top: calc(var(--height) + 3px);
    border: none;}
.d--inner .bx-sls .bx-ui-sls-fake, .d--inner .bx-sls .bx-ui-sls-route{height: var(--height);}
.d--inner .bx-sls .dropdown-item-text span{font-weight: 600;}
.d--inner .bx-sls .bx-ui-sls-variant:hover span,
.d--inner .bx-sls .bx-ui-sls-variant-active span
{color:var(--main)}
.d--inner .bx-sls .bx-ui-sls-variant-active{background-color: transparent}
.d--inner .bx-sls .bx-ui-sls-variants{padding:16px;}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant{text-align: left;font-size: 16px;line-height: 20px;min-height: 35px;display: flex;align-items: center}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover{color: var(--main);}
.d--inner .bx-sls .bx-ui-sls-variant-active {color:var(--main)}
.d--inner .location-block-wrapper .bx-sls .dropdown-icon{top:13px;}

.citiesQuick {display: flex;flex-wrap: wrap;}
.citiesQuick > div{flex-grow: 1;width: 33%;}

.d--inner .bx-sls .bx-ui-sls-container{min-height: var(--height)}
.d--inner .bx-sls .dropdown-block{border-radius: 12px;border:1px solid #39414DCC;padding: 0 var(--height) 0 40px;}
.d--inner .bx-sls .bx-ui-sls-fake, .d--inner .bx-sls .bx-ui-sls-route{min-height: var(--height)}
.d--inner .bx-sls .dropdown-icon{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.7067 14.2968L12.6099 11.1987C14.9271 8.10222 14.2953 3.71356 11.1987 1.39641C8.10222 -0.920736 3.71356 -0.288925 1.39641 2.80759C-0.920736 5.90411 -0.288925 10.2928 2.80759 12.6099C5.29497 14.4712 8.71133 14.4712 11.1987 12.6099L14.2968 15.708C14.6861 16.0973 15.3174 16.0973 15.7067 15.708C16.096 15.3187 16.096 14.6874 15.7067 14.2982L15.7067 14.2968ZM7.02898 12.012C4.27695 12.012 2.04601 9.78102 2.04601 7.02898C2.04601 4.27695 4.27695 2.046 7.02898 2.046C9.78102 2.046 12.012 4.27695 12.012 7.02898C12.009 9.77977 9.77981 12.009 7.02898 12.012Z' fill='%2339414D'/%3e%3c/svg%3e ");width: 16px;height: 16px;top:16px}
.d--inner .bx-sls .dropdown-fade2white{top: 0;height: var(--height);border-radius: 12px}
.d--inner .bx-sls .dropdown-item-text{font-size: 16px;line-height: 24px;font-weight: 400;color: var(--a)}
.d--inner .bx-sls .dropdown-item-text:hover{color: var(--main)}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, .d--inner .bx-sls .bx-ui-sls-variant-active{background-color: transparent}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant{margin-bottom: 8px}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:last-child{margin-bottom: 0}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .d--inner .bx-sls .bx-ui-sls-error{padding: 0}
.d--inner .bx-sls .dropdown-item{margin: 0}
.d--inner .bx-ui-sls-error > div{display: none}
.d--inner .bx-sls .bx-ui-sls-clear{width: var(--height);height: var(--height);background-repeat: no-repeat;background-position: center center;background-size: 16px;cursor: pointer;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.09539 8.00653L13.7731 3.32871C14.0775 3.02444 14.0775 2.53245 13.7731 2.22821C13.4688 1.92393 12.9769 1.92393 12.6726 2.22821L7.99477 6.90598L3.31711 2.22821C3.01268 1.92393 2.52088 1.92393 2.2166 2.22821C1.91218 2.53249 1.91218 3.02444 2.2166 3.32871L6.89423 8.00653L2.21664 12.6843C1.91221 12.9886 1.91221 13.4806 2.21664 13.7848C2.28881 13.8572 2.37458 13.9146 2.46901 13.9537C2.56344 13.9929 2.66467 14.0129 2.76689 14.0128C2.96609 14.0128 3.16537 13.9366 3.31714 13.7848L7.99477 9.10703L12.6726 13.7848C12.7448 13.8572 12.8306 13.9146 12.925 13.9537C13.0194 13.9928 13.1207 14.0129 13.2229 14.0128C13.4221 14.0128 13.6214 13.9366 13.7731 13.7848C14.0775 13.4805 14.0775 12.9886 13.7731 12.6843L9.09539 8.00653Z' fill='%2339414D'/%3e%3c/svg%3e ");}

.d--locations {text-align: left;}

.location--head {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;width: 100%}
.location--head h4 {font-weight: 500;font-size: 32px;line-height: 38px;}
.location--choosed span{font-size: 16px;line-height: 20px;}
.location--choosed svg *{fill:var(--main)}

.location--hint {display: flex;align-items: flex-start;gap:10px;padding-top: 15px;text-align: left}
.location--hint svg *{fill:#9CA0A9}

.location--box {display: flex;align-items: center;margin-bottom: 20px;gap:40px;width: 100%}
.location--box > div{width: 50%}
.location--cities {text-align: left;display: flex;--gap: 40px;--columns: 3;column-gap: var(--gap);row-gap:0;flex-wrap: wrap;overflow-y: auto;height: 100%;}
.location--letter {font-size: 20px;line-height: 24px;color:var(--a);padding-bottom: 8px;margin-bottom: 20px;border-bottom:1px dotted var(--inp-border)}
.location--column {margin-bottom: 40px;display: inline-block;width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
.location--cities-box {height: auto;overflow: hidden;flex: 1;}
.location--city {font-size: 14px;line-height: 17px;color:var(--a);margin-bottom: 8px;transition: .4s;cursor: pointer;display: flex;align-items: center;gap:10px}
.location--city svg{fill:#9CA0A9}
.location--city:hover,
.location--city.--active
{color:var(--main);}
.location--column .location--city:last-child {margin-bottom:0;}

.d--buy-btns {display: flex;align-items: center;gap:40px;justify-content: space-between;margin-top: 40px;}
.d--buy-btns .btn--gray,
.d--buy-btns .btn--fill
{max-width: 240px}

.do--auth .--sended div.d--PHONE,
.do--reg .--sended div.d--PHONE,
.do--reg .--sended div.d--EMAIL
{display: none}
.do--auth form:not(.--sended) div.d--SMS,
.do--reg form:not(.--sended) div.d--SMS
{display: none}
.do--auth form:not(.--sended) .d--row-send-info,
.do--auth form:not(.--sended) .d--auth-timer,
.do--reg form:not(.--sended) .d--row-send-info,
.do--reg form:not(.--sended) .d--auth-timer
{display: none}
.do--auth form.--sended .d--additional-text,
.do--auth form.--sended .d--sub-reg,
.do--reg form.--sended .d--additional-text,
.do--reg form.--sended .d--sub-reg
{display: none}

.d--row-send-info {margin-bottom: 22px;text-align: left;}
.d--row-send-info p {font-weight: 400;font-size: 16px;line-height: 130%;}
.d--auth-phone {margin: 8px 0;font-weight: 600;font-size: 16px;line-height: 130%;}
.js--auth-phone {font-weight: 400;font-size: 16px;line-height: 122%;margin-top: 10px;cursor: pointer;border-bottom: 1px solid var(--a);transition: border-bottom-color .4s;display: inline-block}
.js--auth-phone:hover {border-color:transparent}
.d--auth-timer{font-weight: 400;font-size: 16px;line-height: 130%;color: #9CA0A9;margin-top: 12px;margin-bottom: 12px;}
.d--auth-phone-new {font-weight: 400;font-size: 16px;line-height: 130%;color:var(--main);border-bottom:1px solid var(--main);transition: border-bottom-color .4s;display: inline-block;margin: 0 auto;margin-top: 12px;margin-bottom: 12px;cursor: pointer}
.d--auth-phone-new:hover {border-color: transparent}

.d--personal {padding-left: 5px}
.--sended .d--personal {display: none}

/* Голосование в форме */
.rate--box {display: flex;align-items: center;}
.rate--box:after {content: '';clear: both}
.rating-area {overflow: hidden;width: auto;float: left}
.rating-area:not(:checked) > input {display: none;}
.rating-area:not(:checked) > label {float: right;width: 28px;padding: 0;cursor: pointer;font-size: 24px;line-height: 24px;color: lightgrey;}
.rating-area > label:before {transition: .4s}
.rating-area:not(:checked) > label:before {content: '★';}
.rating-area > input:checked ~ label {color: var(--main);}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {color: var(--main);}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {color: var(--main);}
.rate-area > label:active {position: relative;}
.d--RATE {padding-top: 5px}

/* Загрузка изображений */
.review--popup-box {display: flex;gap:10px;justify-content: space-between;align-items: center;}
.review--label {font-size: 14px;color: #777;white-space: nowrap;}

#gallery {width: 100%;display: flex;gap:10px;flex-wrap: wrap;max-height: 90px;overflow-y: auto}
.review--popup-img {padding: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: calc(33.33333% - 7px)}
#gallery img {object-fit: cover;object-position: center;width: 100%;height: 100%;}

.input__wrapper {width: 100%;position: relative;margin: 10px 0 8px 0;display: flex;justify-content: flex-start;}
.input__file {opacity: 0;visibility: hidden;position: absolute;display: none;}
.input__file-icon-wrapper {height: 36px;margin-right:6px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.input__file-button{width: auto;height: 36px;background: var(--back--lightgreeen);border:1px solid var(--back--lightgreeen);color: var(--text-main);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;cursor: pointer;transition: background .4s;border-radius: 10px;font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 140%;text-align: center;padding: 0 16px;}
.input__file-button:hover {background-color: #0065661A;border-color:#0065661A}
.input__file-button:active, .input__file-button:focus {background-color: #049A9B1A;border-color:#006566}

.d--row.d--PHOTO {margin-bottom: 20px}
.d--file-exts {font-family: 'Inter';font-weight: 500;font-size: 13px;line-height: 140%;letter-spacing: -0.4px;}
.form--agreement {margin-bottom: 24px}
.form--agreement {color:var(--text) !important;font-family: 'Inter';font-weight: 400;font-size: 13px;line-height: 140%;}
.form--agreement a{color:var(--text) !important;font-weight: 500;font-family: 'Inter';font-size: 13px;line-height: 140%;}

.input__file-error {font-size: 12px;color:#ff0000;}
.input__file-error.--show{margin-bottom: 10px}

#gallery::-webkit-scrollbar {width: 8px;height: 8px;background-color: transparent;}
#gallery::-webkit-scrollbar-thumb {background-color: var(--main);border-radius: 0;box-shadow: none;}
#gallery::-webkit-scrollbar-thumb:hover {background-color: var(--main);}

@media all and (max-width: 1152px) {
    .location--head h4 {font-size: 28px;line-height: 34px;}
    .location--hint {font-size: 14px;line-height: 18px;}
}

@media all and (max-width: 768px) {
    .location--hint {font-size: 12px;line-height: 16px;}
    .location--head .header--loc {display: flex;margin-right: 50px;}
    .location--head h4 {font-size: 18px;line-height: 22px;}
    .d--inner .bx-sls .bx-ui-sls-clear {margin-top: 0}
    .d--inner .bx-sls .dropdown-icon {top:14px}
    .location--letter {font-size: 16px;line-height: 20px;}
    .location--city {font-size: 12px;line-height: 15px;}
}

@media all and (max-width: 700px) {
    .location--cities {--columns:2}
    .location--box {gap:20px;flex-wrap: wrap}
    .location--box > div {width: 100%}
}

@media all and (max-width: 500px) {
    .location--cities {--columns:1}
    .location--head {flex-wrap: wrap;gap:12px}
    .review--popup-box {flex-wrap: wrap;justify-content: flex-start;}
    .input__wrapper {justify-content: flex-start;}
    .input__file-button {max-width: 100%}
}
.d--error [type="text"] {border-color:#ff0000 !important;}
/* Policy agrement */
.d--policy-box {font-family: 'Manrope';}
.d--policy-box a {color:var(--text);border-bottom:1px dashed var(--text);transition:.4s}
.d--policy-box a:hover {border-bottom:1px dashed transparent;}
.d--checkbox {position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);}
.d--checkbox + label {display: inline-flex;align-items: flex-start;gap: 12px;cursor: pointer;font-size: 14px;line-height: 1.4;color: var(--text);user-select: none;}
.d--checkbox + label span {opacity:.5;}
.d--checkbox + label > div {flex-shrink: 0;width: 20px;height: 20px;border: 1px solid var(--text);border-radius: 6px;background-color: transparent;position: relative;transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}
.d--checkbox.--error + label > div {border: 1px solid #ff0000;}
.d--checkbox + label:hover > div {border-color: var(--orange);}
.d--checkbox:focus-visible + label > div {box-shadow: 0 0 0 3px rgba(255, 111, 7, 0.25);border-color: var(--orange);}
.d--checkbox:checked + label > div {background-color: var(--orange);border-color: var(--orange)}
.d--checkbox + label > div::after {content: '';position: absolute;left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0);transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.d--checkbox:checked + label > div::after {transform: rotate(45deg) scale(1);}

/* End */


/* Start:/local/templates/tichiy/template_styles.css?1620925731382*/
.widget--thanks{max-width: 450px;}
.thanks--section{margin: 0 auto;padding-top: 5rem;padding-bottom: 5rem;}
.wrap_thnx {background-color:#f6f6f6/*#f8f6f4*/;text-align: center;padding: 2.5rem;}
.thanks--icon {max-width: 100px;margin: 10px auto}
.thanks--icon svg{fill:#ccc}
.thanks--title {text-transform: uppercase;color: #0D0A0B;font-size: 2.7rem;}
.slick-slide{height:auto;}
/* End */


/* Start:/local/templates/tichiy/css/pages/main.css?179105601817973*/
.services {
    padding: 90px 0 100px;
    background-color: #f6f6f6;
}
.services--inner {
    width: 94%;
    max-width: 1280px;
    margin: 0 auto;
}

.services--head {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 50px;
}
.services--label {
    display: block;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.8rem;
    letter-spacing: .15rem;
    text-transform: uppercase;
    color: #862121;
    margin-bottom: 0;
    font-weight:600;
}
.services--title {
    color: #0D0A0B;
    margin: 0 0 16px;
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    font-weight: 600;
    font-size: 3rem;
}
.services--lead {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #5f5f5f;
    margin: 0;
}

.services--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.services--card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    transition: transform .35s, border-color .35s, box-shadow .35s;
}
.services--card:hover {
    border-color: #862121;
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
}
.services--card-title {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 2rem;
    line-height: 1.3;
    color: #0D0A0B;
    margin: 0 0 12px;
}
.services--card-text {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #5f5f5f;
    margin: 0 0 22px;
    flex: 1 1 auto;
}
.services--card-price {
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    color: #862121;
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid #ececec;
    font-weight:600;
}
.services--card-price small {
    display: block;
    font-family: "Segoe UI", "montserrat-regular", sans-serif;
    font-size: 1.2rem;
    color: #8a8a8a;
    font-weight: normal;
    margin-top: 6px;
    letter-spacing: normal;
    text-transform: none;
}
.services--card-free .services--card-price { color: #1a8a3d; }
.services--card-custom .services--card-price { color: #191A3F; }

/* note spans two columns to close the grid without a lonely orphan */
.services--note {
    background: #0D0A0B;
    border-color: #0D0A0B;
    grid-column: span 2;
}
.services--note:hover { border-color: #862121; }
.services--note .services--card-title { color: #fff; }
.services--note .services--card-text { color: rgba(255, 255, 255, .7); }
.services--note-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.services--note-icon svg { width: 22px; height: 22px; fill: #af2b2b; }

/* footnote under the grid */
.services--footnote {
    margin: 40px auto 0;
    max-width: 900px;
    font-size: 1.5rem;
    line-height: 140%;
    color: #8a8a8a;
    text-align: center;
}
.services--footnote b {
    color: #5f5f5f;
    font-weight: 600;
}

@media (max-width: 980px) {
    .services { padding: 65px 0 75px; }
    .services--grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .services--title { font-size: 2.8rem; }
    .services--note { grid-column: span 2; }
}
@media (max-width: 600px) {
    .services { padding: 55px 0 65px; }
    .services--grid { grid-template-columns: 1fr; gap: 16px; }
    .services--title { font-size: 2.4rem; }
    .services--card { padding: 26px 22px; }
    .services--card-price { font-size: 1.8rem; }
    .services--note { grid-column: auto; }
    .services--footnote { font-size: 1.2rem; text-align: left; }
}

.why-b {
    position: relative;
    padding: 100px 0 110px;
    background-color: #0D0A0B;
    /* тонкая инженерная сетка — почти не видна */
    background-image:
            linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 80px 80px;
    color: #fff;
}
.why-b--inner {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}
.why-b--head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 56px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.why-b--head-left {
    max-width: 620px;
}
.why-b--label {
    display: block;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.8rem;
    letter-spacing: .22rem;
    text-transform: uppercase;
    color: #af2b2b;
    margin-bottom: 14px;
    font-weight:600;
}
.why-b--title {
    color: #fff;
    margin: 0;
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    font-weight: 600;
    font-size: 3rem;
}
.why-b--meta {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .18rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .4);
    white-space: nowrap;
    padding-bottom: 6px;
}
.why-b--list {
    display: flex;
    flex-direction: column;
}
.why-b--row {
    display: grid;
    grid-template-columns: 90px 90px 1fr 1.1fr;
    align-items: start;
    gap: 40px;
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    transition: background-color .35s;
}
.why-b--row:last-child { border-bottom: none; }
.why-b--row:hover {
    background-color: rgba(255, 255, 255, .02);
}
.why-b--num {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    font-size: 5rem;
    line-height: 1;
    color: #af2b2b;
    letter-spacing: -.15rem;
}
.why-b--icon {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    background: rgba(175, 43, 43, .12);
    border: 1px solid rgba(175, 43, 43, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .35s, border-color .35s;
}
.why-b--row:hover .why-b--icon {
    background: #af2b2b;
    border-color: #af2b2b;
}
.why-b--icon svg {
    width: 30px;
    height: 30px;
    stroke: #af2b2b;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .35s;
}
.why-b--row:hover .why-b--icon svg { stroke: #fff; }
.why-b--name {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 2rem;
    line-height: 1.3;
    color: #fff;
    margin: 0;
}
.why-b--text {
    font-size: 1.6rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, .65);
    margin: 6px 0 0;
}
@media (max-width: 900px) {
    .why-b { padding: 70px 0 80px; }
    .why-b--head { flex-direction: column; align-items: flex-start; gap: 20px; }
    .why-b--title { font-size: 2.8rem; }
    .why-b--row {
        grid-template-columns: 60px 60px 1fr;
        gap: 20px;
        padding: 30px 0;
    }
    .why-b--text { grid-column: 3 / 4; }
    .why-b--num { font-size: 3.4rem; }
    .why-b--icon { width: 54px; height: 54px; }
    .why-b--icon svg { width: 24px; height: 24px; }
    .why-b--name { font-size: 1.8rem; }
    .why-b--text { font-size: 1.45rem; margin-top: 0; }
}
@media (max-width: 600px) {
    .why-b--row {
        grid-template-columns: 50px 1fr;
        gap: 14px;
    }
    .why-b--num { font-size: 2.8rem; }
    .why-b--icon { width: 48px; height: 48px; border-radius: 8px; }
    .why-b--icon svg { width: 22px; height: 22px; }
    .why-b--name,
    .why-b--text { grid-column: 2 / 3; }
}

.steps-b {
    padding: 80px 0 90px;
    background-color: #fafafa;
    color: #0D0A0B;
}
.steps-b--inner {
    width: 94%;
    max-width: 900px;
    margin: 0 auto;
}
.steps-b--head {
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
}
.steps-b--label {
    display: block;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.8rem;
    letter-spacing: .22rem;
    text-transform: uppercase;
    color: #862121;
    font-weight:600;
}
.steps-b--title {
    margin: 0 0 14px;
    color: #0D0A0B;
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    font-weight: 600;
    font-size: 3rem;
}
.steps-b--lead {
    font-size: 1.45rem;
    line-height: 1.65;
    color: #5f5f5f;
    margin: 0;
}
.steps-b--list {
    position: relative;
}
/* вертикальная линия — от первой до последней точки */
.steps-b--list::before {
    content: '';
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 27px;
    width: 2px;
    background: #ececec;
    z-index: 0;
}
.steps-b--item {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 22px;
    padding: 0 0 12px 0;
    margin-bottom: 12px;
}
.steps-b--item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
/* стрелка на линии — между текущим и следующим шагом */
.steps-b--item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 28px;
    bottom: -11px;
    width: 16px;
    height: 16px;
    transform: translateX(-50%);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23862121' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / contain;
    z-index: 2;
}
.steps-b--num {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #862121;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Segoe UI", "montserrat-bold", sans-serif;
    font-size: 1.4rem;
    color: #862121;
    transition: background-color .35s, color .35s;
}
.steps-b--item:hover .steps-b--num {
    background: #862121;
    color: #fff;
}
.steps-b--body {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 22px 26px;
    transition: border-color .35s, box-shadow .35s;
}
.steps-b--item:hover .steps-b--body {
    border-color: #d8d8d8;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}
.steps-b--name {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 2rem;
    line-height: 1.3;
    color: #0D0A0B;
    margin: 0 0 10px;
}
.steps-b--text {
    font-size: 1.5rem;
    line-height: 140%;
    color: #5f5f5f;
    margin: 0 0 14px;
}
.steps-b--cond {
    display: inline-block;
    padding: 8px 14px;
    background: #fdf7ee;
    border-left: 3px solid #862121;
    border-radius: 0 6px 6px 0;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #0D0A0B;
}
.steps-b--cond b { color: #862121; }
@media (max-width: 700px) {
    .steps-b { padding: 60px 0 70px; }
    .steps-b--title { font-size: 2.4rem; }
    .steps-b--head { margin-bottom: 36px; }
    .steps-b--list::before { left: 21px; }
    .steps-b--item {
        grid-template-columns: 44px 1fr;
        gap: 16px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .steps-b--item:not(:last-child)::after {
        left: 22px;
        bottom: -10px;
        width: 14px;
        height: 14px;
    }
    .steps-b--num {
        width: 44px;
        height: 44px;
        font-size: 1.2rem;
    }
    .steps-b--body {
        padding: 18px 18px;
    }
    .steps-b--name { font-size: 1.55rem; }
    .steps-b--text { font-size: 1.35rem; margin-bottom: 12px; }
    .steps-b--cond { font-size: 1.25rem; padding: 7px 12px; }
}

.about {
    background-color: #ffffff;
    color: #0D0A0B;
}
.about--inner {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}

.about--head {
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
}

.about--label {
    display: block;
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 2.4rem;
    letter-spacing: .22rem;
    text-transform: uppercase;
    color: #862121;
    margin-bottom: 14px;
    font-weight:600;
}
.about--title {
    margin: 0 0 20px;
    color: #0D0A0B;
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    line-height: 1.375;
    font-weight: 600;
    font-size: 3rem;
}
.about--lead {
    font-size: 1.7rem;
    line-height: 1.7;
    color: #3f3428;
    margin: 0;
}
.about--lead b { color: #862121; font-weight: 600; }

/* блок «что делаю» — три карточки-направления */
.about--focus {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 70px;
}
.about--focus-item {
    padding: 30px 26px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 12px;
    transition: border-color .35s, background-color .35s, transform .35s;
}
.about--focus-item:hover {
    border-color: #862121;
    background: #fff;
    transform: translateY(-4px);
}
.about--focus-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(134, 33, 33, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: background-color .35s;
}
.about--focus-item:hover .about--focus-icon {
    background: #862121;
}
.about--focus-icon svg {
    width: 24px;
    height: 24px;
    stroke: #862121;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .35s;
}
.about--focus-item:hover .about--focus-icon svg { stroke: #fff; }
.about--focus-name {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.7rem;
    line-height: 1.35;
    color: #0D0A0B;
    margin: 0 0 10px;
}
.about--focus-text {
    font-size: 1.4rem;
    line-height: 1.65;
    color: #5f5f5f;
    margin: 0;
}

/* блок «стек» — сгруппированный по категориям */
.about--stack-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 32px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ececec;
}
.about--stack-title {
    font-family: "Segoe UI", "librebaskerville-bold", serif;
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 0;
    color: #0D0A0B;
}
.about--stack-meta {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.2rem;
    letter-spacing: .18rem;
    text-transform: uppercase;
    color: #a8a8a8;
    white-space: nowrap;
    padding-bottom: 4px;
}
.about--stack {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-bottom: 60px;
}
.about--stack-col-name {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.3rem;
    letter-spacing: .12rem;
    text-transform: uppercase;
    color: #862121;
    margin: 0 0 14px;
    float:none;
}
.about--stack-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.about--stack-list li {
    position: relative;
    padding: 0 0 10px 18px;
    font-size: 1.4rem;
    line-height: 1.55;
    color: #3f3428;
}
.about--stack-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #862121;
}

/* блок «как работаю» — список преимуществ */
.about--value {
    background: #faf7f2;
    border-radius: 14px;
    padding: 44px 44px 40px;
    margin-bottom: 40px;
}
.about--value-title {
    font-family: "Segoe UI", "montserrat-semibold", sans-serif;
    font-size: 1.8rem;
    line-height: 1.35;
    color: #0D0A0B;
    margin: 0 0 22px;
}
.about--value-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 40px;
}
.about--value-list li {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #3f3428;
}
.about--value-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23862121' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center / contain;
}

/* CTA-кнопки внизу */
.about--buttons {
    display: flex;
    justify-content: center; /* По горизонтали */
    align-items: center;
    gap: 20px;
}

@media (max-width: 980px) {
    .about { padding: 70px 0 80px; }
    .about--title { font-size: 2.8rem; }
    .about--lead { font-size: 1.55rem; }
    .about--head { margin-bottom: 44px; }
    .about--focus { grid-template-columns: 1fr; gap: 16px; margin-bottom: 50px; }
    .about--stack { grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 44px; }
    .about--stack-head { flex-direction: column; align-items: flex-start; gap: 12px; }
    .about--value { padding: 32px 26px; }
    .about--value-list { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .about { padding: 60px 0 70px; }
    .about--title { font-size: 2.4rem; }
    .about--stack { grid-template-columns: 1fr; gap: 22px; }
    .about--buttons { grid-template-columns: 1fr; }
}

/* End */
/* /local/templates/tichiy/css/base.min.css?16036442978248 */
/* /local/templates/tichiy/css/vendor.min.css?160356327223497 */
/* /local/templates/tichiy/css/notMinify.css?16056225062978 */
/* /local/templates/tichiy/css/main.css?1791056938211094 */
/* /local/components/tichiy/uni.forms/templates/.default/style.css?179105615919826 */
/* /local/templates/tichiy/template_styles.css?1620925731382 */
/* /local/templates/tichiy/css/pages/main.css?179105601817973 */