/* 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?1787593924208810*/ .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: * * * * 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; } .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: #862121; 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: #862121; 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; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .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; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .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: 15rem; padding-bottom: 9rem; 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 .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: 10rem; padding-bottom: 10rem; 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 h1 { font-family: "Segoe UI", "librebaskerville-bold", serif; font-size: 4.2rem; margin-top: 0; 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: 10rem; padding-bottom: 9.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); } .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: #fcf8e3; 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{padding-top: 7rem;padding-bottom: 7rem;} .s-works{padding-top: 7rem;padding-bottom: 7rem;} .s-testimonials{padding-top: 7rem;padding-bottom: 7rem;} .s-blog{padding-top: 7rem;padding-bottom: 7rem;} .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} } /* Всплывающая форма начата */ .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 {-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(0,0,0,0.5);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;} .d--inner {background-color: #fff;padding:40px 40px;position: relative;min-width: 320px;max-width: 400px;max-height:90vh;-webkit-box-shadow: 0px 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: center;} .d--inner h2{font-family: 'OpenSans-Bold',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 > .d--active{display: block} .d--close{position: absolute;right: 15px;top:15px;border-radius: 50%;width: 18px;height:18px;cursor:pointer;fill:#000;stroke:#000;} .d--close:hover{fill:#545454;stroke:#545454;} .d--title{font-family: 'OpenSans', 'OpenSans-Regular';font-size: 16px;font-weight: 600;color:#000;width: 70%;margin: 0 auto;padding-bottom: 10px} .d--inner .d--input{width: 80%;height: 44px;border-radius: 0px;border-style: none;border-width: 1px;border-bottom: 1px solid #ccc;font-family: 'OpenSans', 'OpenSans-Regular';box-sizing: border-box;padding-left: 12px;background-color: white;background-image: none;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1.3rem;} .d--inner textarea.d--input{min-height: 90px} /* active state */ .d--input input:focus ~ .d--bar:before, .d--input input:focus ~ .d--bar:after { width: 50%; } .d--submit {margin-top: 10px;text-transform: uppercase} .d--but {outline: 0;display: inline-block;padding: 0 27px;text-shadow: none;text-decoration: none;background-color: #000;color: #fff;min-width: 110px;height: 44px;line-height: 44px;border-radius: 0;border-style: none;font-family: 'OpenSans-Bold';font-size: 13px;letter-spacing: 2px;cursor: pointer;border:1px solid #000} .d--but:hover {background-color: #ffffff;color: #000000;} .d--policy {width: 100%;margin: 0 auto;line-height: 18px;margin-top: 30px;font-family: 'OpenSans-Regular',Verdana,sans-serif;font-size: 12px} .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--row.f--error .d--bar:before,.d--row.f--error .d--bar:after{background-color: #ff0000} .d--row.f--error .d--input{border-bottom: 1px solid #ff0000} @media all and (max-width: 545px) { .d--Inner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;} .d--inner {padding: 40px 20px 40px 20px;margin: 0 10px;} .d--inner .d--input {width: 100%} } .d--hire .input-row:nth-child(4){display: none} /* Всплывающая форма окончена */ /* Комментарии начаты */ .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: 80px 0 80px 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%;margin-top: auto;font-family: "robotoMedium";line-height: 40px;font-size: 36px;} .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;font-family: "Segoe UI", "librebaskerville-bold", serif;font-size: 4.2rem;margin-top: 0;color: #FFFFFF;position: relative} .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} } /* 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 */ /* /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?1787593924208810 */ /* /local/templates/tichiy/template_styles.css?1620925731382 */