hr,img,legend{border:0}legend,td,th{padding:0}body,figure{margin:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:#337ab7;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}.img-thumbnail,body{background-color:#fff}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:middle}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}[role=button]{cursor:pointer}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1230px){.container{width:1200px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//katriskuchen.com/wp-content/themes/archi/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{outline: none;color:#FFF;font-size:20px; line-height: 1; padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1; outline: none;}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} @font-face {
font-family: 'lg';
src: url(//katriskuchen.com/wp-content/themes/archi/fonts/lg/lg.eot?n1z373);
src: url(//katriskuchen.com/wp-content/themes/archi/fonts/lg/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//katriskuchen.com/wp-content/themes/archi/fonts/lg/lg.woff?n1z373) format("woff"), url(//katriskuchen.com/wp-content/themes/archi/fonts/lg/lg.ttf?n1z373) format("truetype"), url(//katriskuchen.com/wp-content/themes/archi/fonts/lg/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
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;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.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 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.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: none;
border: none;
box-shadow: none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.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 {
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 15px 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 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.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 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.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: auto;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #f0c409;
}
.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 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-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: none;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-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-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(//katriskuchen.com/wp-content/themes/archi/img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(//katriskuchen.com/wp-content/themes/archi/img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url(//katriskuchen.com/wp-content/themes/archi/img/video-play.png) no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(//katriskuchen.com/wp-content/themes/archi/img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(//katriskuchen.com/wp-content/themes/archi/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 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.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 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.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 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.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 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.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: 0.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 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.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 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.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 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.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 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.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: 0px;
}
.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: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.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(//katriskuchen.com/wp-content/themes/archi/images/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 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.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 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.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 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.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 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.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 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
} .let-it-snow { position: relative }
.lis-flake,
.lis-flake--js {
position: absolute;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 4px #fff
}
.lis-flake--js { opacity: .2 }
.lis-flake--stuck {
position: absolute;
background: #fff;
border-radius: 50%;
opacity: .7;
transition: all .3s ease
}
.lis-flake:nth-child(-n+33) {
-moz-animation: snow1 8s linear infinite;
-webkit-animation: snow1 8s linear infinite;
animation: snow1 8s linear infinite
}
.lis-flake:nth-child(n+33) {
-moz-animation: snow2 8s 4s linear infinite;
-webkit-animation: snow2 8s 4s linear infinite;
animation: snow2 8s 4s linear infinite
}
.lis-flake:nth-child(n+66) {
-moz-animation: snow3 8s 6s linear infinite;
-webkit-animation: snow3 8s 6s linear infinite;
animation: snow3 8s 6s linear infinite
}
.lis-flake:nth-child(1) {
left: 79%;
top: -210px;
width: 4px;
height: 5px;
transform: rotate(39deg)
}
.lis-flake:nth-child(2) {
left: 12%;
top: -500px;
width: 6px;
height: 5px;
transform: rotate(58deg)
}
.lis-flake:nth-child(3) {
left: 6%;
top: -40px;
width: 2px;
height: 5px;
transform: rotate(2deg)
}
.lis-flake:nth-child(4) {
left: 35%;
top: -340px;
width: 3px;
height: 3px;
transform: rotate(17deg)
}
.lis-flake:nth-child(5) {
left: 34%;
top: -680px;
width: 2px;
height: 5px;
transform: rotate(92deg)
}
.lis-flake:nth-child(6) {
left: 9%;
top: -780px;
width: 1px;
height: 2px;
transform: rotate(26deg)
}
.lis-flake:nth-child(7) {
left: 27%;
top: -340px;
width: 2px;
height: 1px;
transform: rotate(8deg)
}
.lis-flake:nth-child(8) {
left: 12%;
top: -310px;
width: 6px;
height: 4px;
transform: rotate(80deg)
}
.lis-flake:nth-child(9) {
left: 21%;
top: -100px;
width: 5px;
height: 1px;
transform: rotate(53deg)
}
.lis-flake:nth-child(10) {
left: 30%;
top: -690px;
width: 3px;
height: 1px;
transform: rotate(74deg)
}
.lis-flake:nth-child(11) {
left: 23%;
top: -920px;
width: 4px;
height: 4px;
transform: rotate(69deg)
}
.lis-flake:nth-child(12) {
left: 37%;
top: -870px;
width: 3px;
height: 3px;
transform: rotate(26deg)
}
.lis-flake:nth-child(13) {
left: 36%;
top: -570px;
width: 5px;
height: 6px;
transform: rotate(47deg)
}
.lis-flake:nth-child(14) {
left: 78%;
top: -730px;
width: 5px;
height: 3px;
transform: rotate(95deg)
}
.lis-flake:nth-child(15) {
left: 3%;
top: -840px;
width: 3px;
height: 2px;
transform: rotate(54deg)
}
.lis-flake:nth-child(16) {
left: 34%;
top: -960px;
width: 2px;
height: 3px;
transform: rotate(56deg)
}
.lis-flake:nth-child(17) {
left: 7%;
top: -660px;
width: 4px;
height: 1px;
transform: rotate(3deg)
}
.lis-flake:nth-child(18) {
left: 16%;
top: -510px;
width: 5px;
height: 5px;
transform: rotate(75deg)
}
.lis-flake:nth-child(19) {
left: 77%;
top: -760px;
width: 3px;
height: 1px;
transform: rotate(77deg)
}
.lis-flake:nth-child(20) {
left: 98%;
top: -240px;
width: 4px;
height: 1px;
transform: rotate(18deg)
}
.lis-flake:nth-child(21) {
left: 71%;
top: -540px;
width: 6px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(22) {
left: 64%;
top: -650px;
width: 2px;
height: 5px;
transform: rotate(96deg)
}
.lis-flake:nth-child(23) {
left: 65%;
top: -70px;
width: 1px;
height: 3px;
transform: rotate(94deg)
}
.lis-flake:nth-child(24) {
left: 76%;
top: -970px;
width: 3px;
height: 4px;
transform: rotate(63deg)
}
.lis-flake:nth-child(25) {
left: 79%;
top: -830px;
width: 3px;
height: 4px;
transform: rotate(86deg)
}
.lis-flake:nth-child(26) {
left: 18%;
top: -540px;
width: 2px;
height: 5px;
transform: rotate(60deg)
}
.lis-flake:nth-child(27) {
left: 99%;
top: -500px;
width: 6px;
height: 6px;
transform: rotate(28deg)
}
.lis-flake:nth-child(28) {
left: 5%;
top: -270px;
width: 6px;
height: 3px;
transform: rotate(57deg)
}
.lis-flake:nth-child(29) {
left: 64%;
top: -630px;
width: 5px;
height: 3px;
transform: rotate(24deg)
}
.lis-flake:nth-child(30) {
left: 4%;
top: -130px;
width: 4px;
height: 1px;
transform: rotate(70deg)
}
.lis-flake:nth-child(31) {
left: 59%;
top: -340px;
width: 4px;
height: 6px;
transform: rotate(65deg)
}
.lis-flake:nth-child(32) {
left: 44%;
top: -100px;
width: 1px;
height: 6px;
transform: rotate(49deg)
}
.lis-flake:nth-child(33) {
left: 15%;
top: -870px;
width: 2px;
height: 6px;
transform: rotate(38deg)
}
.lis-flake:nth-child(34) {
left: 76%;
top: -490px;
width: 2px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(35) {
left: 93%;
top: -320px;
width: 1px;
height: 5px;
transform: rotate(23deg)
}
.lis-flake:nth-child(36) {
left: 4%;
top: -620px;
width: 5px;
height: 5px;
transform: rotate(19deg)
}
.lis-flake:nth-child(37) {
left: 35%;
top: -910px;
width: 5px;
height: 4px;
transform: rotate(66deg)
}
.lis-flake:nth-child(38) {
left: 90%;
top: -460px;
width: 4px;
height: 1px;
transform: rotate(36deg)
}
.lis-flake:nth-child(39) {
left: 36%;
top: -340px;
width: 1px;
height: 1px;
transform: rotate(1deg)
}
.lis-flake:nth-child(40) {
left: 89%;
top: -170px;
width: 6px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(41) {
left: 87%;
top: -330px;
width: 6px;
height: 6px;
transform: rotate(48deg)
}
.lis-flake:nth-child(42) {
left: 63%;
top: -520px;
width: 4px;
height: 1px;
transform: rotate(100deg)
}
.lis-flake:nth-child(43) {
left: 54%;
top: -480px;
width: 4px;
height: 4px;
transform: rotate(69deg)
}
.lis-flake:nth-child(44) {
left: 4%;
top: -290px;
width: 4px;
height: 5px;
transform: rotate(89deg)
}
.lis-flake:nth-child(45) {
left: 19%;
top: -430px;
width: 2px;
height: 6px;
transform: rotate(73deg)
}
.lis-flake:nth-child(46) {
left: 18%;
top: -290px;
width: 6px;
height: 5px;
transform: rotate(95deg)
}
.lis-flake:nth-child(47) {
left: 65%;
top: -680px;
width: 5px;
height: 3px;
transform: rotate(100deg)
}
.lis-flake:nth-child(48) {
left: 21%;
top: -390px;
width: 2px;
height: 4px;
transform: rotate(70deg)
}
.lis-flake:nth-child(49) {
left: 63%;
top: -600px;
width: 4px;
height: 2px;
transform: rotate(44deg)
}
.lis-flake:nth-child(50) {
left: 34%;
top: -10px;
width: 6px;
height: 3px;
transform: rotate(68deg)
}
.lis-flake:nth-child(51) {
left: 91%;
top: -400px;
width: 2px;
height: 6px;
transform: rotate(97deg)
}
.lis-flake:nth-child(52) {
left: 1%;
top: -740px;
width: 4px;
height: 2px;
transform: rotate(8deg)
}
.lis-flake:nth-child(53) {
left: 28%;
top: -160px;
width: 2px;
height: 5px;
transform: rotate(45deg)
}
.lis-flake:nth-child(54) {
left: 28%;
top: -170px;
width: 2px;
height: 4px;
transform: rotate(84deg)
}
.lis-flake:nth-child(55) {
left: 71%;
top: -710px;
width: 5px;
height: 5px;
transform: rotate(80deg)
}
.lis-flake:nth-child(56) {
left: 61%;
top: -120px;
width: 5px;
height: 1px;
transform: rotate(96deg)
}
.lis-flake:nth-child(57) {
left: 94%;
top: -90px;
width: 2px;
height: 2px;
transform: rotate(73deg)
}
.lis-flake:nth-child(58) {
left: 83%;
top: 0px;
width: 2px;
height: 5px;
transform: rotate(48deg)
}
.lis-flake:nth-child(59) {
left: 88%;
top: -430px;
width: 4px;
height: 5px;
transform: rotate(1deg)
}
.lis-flake:nth-child(60) {
left: 33%;
top: -30px;
width: 6px;
height: 5px;
transform: rotate(36deg)
}
.lis-flake:nth-child(61) {
left: 50%;
top: -790px;
width: 6px;
height: 4px;
transform: rotate(5deg)
}
.lis-flake:nth-child(62) {
left: 32%;
top: -960px;
width: 2px;
height: 4px;
transform: rotate(45deg)
}
.lis-flake:nth-child(63) {
left: 79%;
top: -880px;
width: 3px;
height: 4px;
transform: rotate(23deg)
}
.lis-flake:nth-child(64) {
left: 13%;
top: -10px;
width: 4px;
height: 4px;
transform: rotate(9deg)
}
.lis-flake:nth-child(65) {
left: 92%;
top: -340px;
width: 4px;
height: 4px;
transform: rotate(30deg)
}
.lis-flake:nth-child(66) {
left: 26%;
top: -210px;
width: 6px;
height: 2px;
transform: rotate(29deg)
}
.lis-flake:nth-child(67) {
left: 77%;
top: -590px;
width: 1px;
height: 6px;
transform: rotate(13deg)
}
.lis-flake:nth-child(68) {
left: 15%;
top: -70px;
width: 5px;
height: 3px;
transform: rotate(37deg)
}
.lis-flake:nth-child(69) {
left: 71%;
top: -180px;
width: 6px;
height: 4px;
transform: rotate(60deg)
}
.lis-flake:nth-child(70) {
left: 41%;
top: -930px;
width: 2px;
height: 5px;
transform: rotate(94deg)
}
.lis-flake:nth-child(71) {
left: 93%;
top: -870px;
width: 5px;
height: 3px;
transform: rotate(42deg)
}
.lis-flake:nth-child(72) {
left: 54%;
top: -470px;
width: 1px;
height: 5px;
transform: rotate(90deg)
}
.lis-flake:nth-child(73) {
left: 31%;
top: -520px;
width: 3px;
height: 5px;
transform: rotate(42deg)
}
.lis-flake:nth-child(74) {
left: 18%;
top: -810px;
width: 5px;
height: 3px;
transform: rotate(8deg)
}
.lis-flake:nth-child(75) {
left: 12%;
top: -660px;
width: 3px;
height: 4px;
transform: rotate(64deg)
}
.lis-flake:nth-child(76) {
left: 17%;
top: -860px;
width: 5px;
height: 6px;
transform: rotate(73deg)
}
.lis-flake:nth-child(77) {
left: 82%;
top: -690px;
width: 1px;
height: 4px;
transform: rotate(68deg)
}
.lis-flake:nth-child(78) {
left: 8%;
top: -850px;
width: 4px;
height: 5px;
transform: rotate(30deg)
}
.lis-flake:nth-child(79) {
left: 19%;
top: -420px;
width: 5px;
height: 2px;
transform: rotate(100deg)
}
.lis-flake:nth-child(80) {
left: 7%;
top: -810px;
width: 5px;
height: 1px;
transform: rotate(68deg)
}
.lis-flake:nth-child(81) {
left: 18%;
top: -450px;
width: 2px;
height: 4px;
transform: rotate(82deg)
}
.lis-flake:nth-child(82) {
left: 26%;
top: -900px;
width: 5px;
height: 3px;
transform: rotate(26deg)
}
.lis-flake:nth-child(83) {
left: 86%;
top: -590px;
width: 1px;
height: 2px;
transform: rotate(73deg)
}
.lis-flake:nth-child(84) {
left: 72%;
top: -230px;
width: 2px;
height: 2px;
transform: rotate(55deg)
}
.lis-flake:nth-child(85) {
left: 26%;
top: -700px;
width: 6px;
height: 3px;
transform: rotate(11deg)
}
.lis-flake:nth-child(86) {
left: 46%;
top: -840px;
width: 2px;
height: 2px;
transform: rotate(100deg)
}
.lis-flake:nth-child(87) {
left: 5%;
top: -600px;
width: 4px;
height: 3px;
transform: rotate(46deg)
}
.lis-flake:nth-child(88) {
left: 6%;
top: -610px;
width: 6px;
height: 4px;
transform: rotate(65deg)
}
.lis-flake:nth-child(89) {
left: 45%;
top: -420px;
width: 3px;
height: 5px;
transform: rotate(80deg)
}
.lis-flake:nth-child(90) {
left: 45%;
top: -100px;
width: 6px;
height: 1px;
transform: rotate(33deg)
}
.lis-flake:nth-child(91) {
left: 6%;
top: -830px;
width: 3px;
height: 6px;
transform: rotate(4deg)
}
.lis-flake:nth-child(92) {
left: 58%;
top: -770px;
width: 1px;
height: 3px;
transform: rotate(89deg)
}
.lis-flake:nth-child(93) {
left: 23%;
top: -870px;
width: 4px;
height: 6px;
transform: rotate(32deg)
}
.lis-flake:nth-child(94) {
left: 89%;
top: -340px;
width: 6px;
height: 4px;
transform: rotate(7deg)
}
.lis-flake:nth-child(95) {
left: 46%;
top: -790px;
width: 4px;
height: 2px;
transform: rotate(91deg)
}
.lis-flake:nth-child(96) {
left: 94%;
top: -140px;
width: 6px;
height: 5px;
transform: rotate(22deg)
}
.lis-flake:nth-child(97) {
left: 32%;
top: -430px;
width: 3px;
height: 1px;
transform: rotate(55deg)
}
.lis-flake:nth-child(98) {
left: 85%;
top: -40px;
width: 6px;
height: 1px;
transform: rotate(64deg)
}
.lis-flake:nth-child(99) {
left: 66%;
top: -710px;
width: 1px;
height: 1px;
transform: rotate(42deg)
}
.lis-flake:nth-child(100) {
left: 33%;
top: -790px;
width: 1px;
height: 4px;
transform: rotate(55deg)
}
@-moz-keyframes 
snow1 { 0% {
-moz-transform:translate(-250px, 0);
opacity:1
}
100% {
-moz-transform:translate(250px, 1500px);
opacity:0
}
}
@-moz-keyframes 
snow2 { 0% {
-moz-transform:translate(0, 0);
opacity:1
}
100% {
-moz-transform:translate(250px, 2500px);
opacity:.5
}
}
@-moz-keyframes 
snow3 { 0% {
-moz-transform:translate(0, 0);
opacity:1
}
100% {
-moz-transform:translate(0, 2500px);
opacity:.5
}
}
@-webkit-keyframes 
snow1 { 0% {
-webkit-transform:translate(-250px, 0);
opacity:1
}
100% {
-webkit-transform:translate(250px, 1500px);
opacity:0
}
}
@-webkit-keyframes 
snow2 { 0% {
-webkit-transform:translate(0, 0);
opacity:1
}
100% {
-webkit-transform:translate(250px, 2500px);
opacity:.5
}
}
@-webkit-keyframes 
snow3 { 0% {
-webkit-transform:translate(0, 0);
opacity:1
}
100% {
-webkit-transform:translate(0, 2500px);
opacity:.5
}
}
@keyframes 
snow1 { 0% {
transform:translate(-250px, 0);
opacity:1
}
100% {
transform:translate(250px, 1500px);
opacity:0
}
}
@keyframes 
snow2 { 0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(250px, 2500px);
opacity:.5
}
}
@keyframes 
snow3 { 0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(0, 2500px);
opacity:.5
}
}:root {
--archi-color-primary: #FAB702;
--archi-color-second: #111111;
--archi-color-white: #ffffff;
--archi-color-light: #eceff3;
--archi-color-dots: #D6D6D6;
--archi-color-pheader-title: #eceff3;
--archi-color-mainmenu: #ffffff;
--archi-color-submenu: #cccccc;
--archi-color-hover-submenu: #222222;
--archi-bg-color-submenu: #222327;
--archi-bg-color-header-sidenav: #151618;
--archi-border-color-menu-mobile: #333333;
--archi-body-font-family: Roboto, Arial, Helvetica, sans-serif;
--archi-body-font-size: 15px;
--archi-body-font-weight: 400;
--archi-body-line-height: 27px;
--archi-body-font-color: #bbbbbb;
--archi-body-bg-color: #18191b;
--archi-heading-font-family: Dosis, Arial, Helvetica, sans-serif;
--archi-heading-color: #eceff3;
--archi-heading-margin: 0 0 20px;
--archi-heading-font-weight: 400;
--archi-heading-line-height: 1.2;
--archi-h1-font-size: 28px;
--archi-h2-font-size: calc(1.325rem + .9vw);
--archi-h3-font-size: 18px;
--archi-h4-font-size: 18px;
--archi-h5-font-size: 20px;
--archi-h6-font-size: 16px;
--archi-color-link: #ffffff;
--archi-color-text-input: #ffffff;
--archi-color-placeholder-input: #eeeeee;
--archi-border-color-input: rgba(255,255,255,0.2);
--archi-bg-color-input: rgba(0,0,0,0.1);
--archi-color-btn: #000000;
--archi-border-color-btn-line: rgba(255,255,255,0.2);
--archi-border-bottom-color: rgba(255,255,255,0.1);
}
[data-theme-mode=light] {
--archi-body-font-color: #606060;
--archi-body-bg-color: #ffffff;
--archi-heading-color: #222222;
--archi-color-link: #606060;
--archi-color-mainmenu: #333333;
--archi-bg-color-input: #ffffff;
--archi-border-color-input: #dddddd;
--archi-color-text-input: #333333;
--archi-color-placeholder-input: #333333;
--archi-bg-color-header-sidenav: #f9f9f9;
--archi-border-bottom-color: #dddddd;
}
*,
*::before,
*::after {
box-sizing: border-box;
}                        html {
overflow-x: hidden;
overflow-y: scroll !important;
} body {
display: none;
font-family: var(--archi-body-font-family);
font-size: var(--archi-body-font-size);
font-weight: var(--archi-body-font-weight);
color: var(--archi-body-font-color);
line-height: var(--archi-body-line-height);
background-color: var(--archi-body-bg-color);
padding: 0;
margin: 0;
overflow: hidden;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bold;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } 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;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[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 {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
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-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} h1, h2, h3, h4, h5, h6 {
font-family: var(--archi-heading-font-family);
font-weight: var(--archi-heading-font-weight);
line-height: var(--archi-heading-line-height);
color: var(--archi-heading-color);
margin: var(--archi-heading-margin);
}
h1 {
--archi-heading-font-weight: 300;
font-size: var(--archi-h1-font-size);
letter-spacing: 5px;
text-transform: uppercase;
}
h2 {
--archi-heading-font-weight: 500;
font-size: var(--archi-h2-font-size);
}
h3 {
font-size: var(--archi-h3-font-size);
letter-spacing: 3px;
text-transform: uppercase;
}
h4 {
font-size: var(--archi-h4-font-size);
}
h5 {
--archi-heading-font-weight: bold;
font-size: var(--archi-h5-font-size);
}
h6 {
font-size: var(--archi-h6-font-size);
}
p {
margin: 0 0 20px;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
position: relative;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 1.5em;
margin: 0 0 16px;
}
blockquote cite {
display: block;
font-size: 14px;
font-style: normal;
color: var(--archi-color-white);
}
blockquote:before {
display: inline-block;
font-family: FontAwesome;
content: "\f10d";
font-size: 28px;
color: var(--archi-color-primary);
font-style: normal;
padding: 10px 20px;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.9375px;
line-height: 1.5;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375px;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: transparent;
text-decoration: none;
}
big {
font-size: 125%;
}
.bg-alt {
background: #f7f7f7;
}
.bg-primary {
background: var(--archi-color-primary);
}
.bg-second {
background: #0a0f2b;
}
.text-primary {
color: var(--archi-color-primary);
}
.text-second {
color: #0a0f2b;
}
.section-padd {
padding: 110px 0;
}
.section-padd-bot {
padding-bottom: 110px;
}
.section-padd-top {
padding-top: 110px;
}
.section-padd-top70 {
padding-top: 70px;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.lead {
font-size: 18px;
}
.clear-both {
clear: both;
}
.unstyle {
list-style: none;
padding-left: 0;
}
.font14 {
font-size: 14px;
}
.text-light {
color: var(--archi-color-white);
}
.text-light * {
color: var(--archi-color-white);
}
.bolder {
font-weight: 600;
}
.normal {
font-weight: 400;
}
.lighter {
font-weight: 300;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.dtable {
display: table;
}
.dcell {
display: table-cell;
vertical-align: middle;
}
.dflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-middle {
display: flex;
align-items: center;
justify-content: center;
}
.justify-content-center {
justify-content: center;
}
.overflow {
overflow: hidden;
}
.hover-scale {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
transform: translateY(0);
}
.hover-scale:not(.overlay-creative) img {
transition: all 1s ease;
}
.hover-scale:hover img {
transform: scale(1.3);
}
.overlay {
position: relative;
text-align: center;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.overlay img {
max-width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
vertical-align: top;
}
.overlay a,
.overlay-creative a {
position: relative;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
cursor: pointer;
}
.overlay *,
.overlay-creative * {
transition: all 0.5s ease;
}
figure.overlay img {
position: relative;
opacity: 1;
width: 100%;
}
.overlay span.bg {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer;
opacity: 0;
z-index: 4;
width: 100%;
height: 100%;
background: rgba(17, 17, 17, 0.8);
}
.overlay figcaption {
position: absolute;
width: 100%;
height: 100%;
padding: 15px 20px;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
text-align: center;
z-index: 5;
pointer-events: none;
}
.overlay .post-title {
position: absolute;
padding: 10px 15px;
margin: 0;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.overlay.title-to-bottom .post-title {
top: auto;
bottom: 10px;
}
.overlay.reverse span.bg,
.overlay:hover span.bg,
.overlay.reverse figcaption,
.overlay:hover figcaption {
opacity: 1;
}
.overlay.reverse:hover span.bg,
.overlay.reverse:not(.title-to-bottom):hover figcaption {
opacity: 0;
transform: scale(1.2);
}
.overlay.reverse.title-to-bottom:hover figcaption {
opacity: 0;
}
.overlay.reverse.title-to-bottom:hover figcaption .post-title {
bottom: -20%;
}
.overlay-creative .post-title {
margin-bottom: 0;
}
.creative-one span.bg {
position: absolute;
width: 100%;
height: 100%;
top: -100%;
left: 0;
background: rgba(0, 0, 0, 0.75);
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}
.creative-one span.line {
position: absolute;
left: 0;
bottom: 36px;
width: 0;
height: 1px;
background: var(--archi-color-white);
}
.creative-one span.btn-text {
position: absolute;
bottom: 0;
right: 40px;
font-size: 14px;
line-height: 1em;
padding: 30px;
color: var(--archi-color-white);
text-transform: uppercase;
opacity: 0;
}
.creative-one figcaption {
position: absolute;
left: 0;
top: -50%;
padding: 30px;
opacity: 0;
}
.creative-one .post-title {
font-family: var(--archi-body-font-family);
font-size: 48px;
font-weight: 800;
line-height: 1em;
color: var(--archi-color-white);
text-transform: uppercase;
}
.creative-one:hover span.bg {
top: 0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.creative-one:hover span.line {
width: 50%;
}
.creative-one:hover span.btn-text {
right: 0;
opacity: 1;
}
.creative-one:hover figcaption {
top: 0;
opacity: 1;
}
.creative-two span.bg {
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
opacity: 0;
background: rgba(0, 0, 0, 0.75);
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
transform: translate(-50%, -50%);
}
.creative-two span.line {
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 1px;
background: var(--archi-color-white);
}
.creative-two span.btn-text {
width: 100%;
position: absolute;
left: 0;
bottom: -10%;
font-size: 14px;
line-height: 1em;
text-align: center;
padding: 30px;
color: var(--archi-color-white);
text-transform: uppercase;
opacity: 0;
}
.creative-two figcaption {
position: absolute;
left: 50%;
top: 50%;
padding: 30px;
opacity: 0;
transform: translate(-50%, -50%);
text-align: center;
}
.creative-two .post-title {
font-family: var(--archi-body-font-family);
font-size: 48px;
font-weight: 800;
line-height: 1em;
color: var(--archi-color-white);
text-transform: uppercase;
}
.creative-two:hover span.bg {
opacity: 1;
width: 600px;
height: 600px;
}
.creative-two:hover span.line {
width: 100%;
}
.creative-two:hover span.btn-text {
opacity: 1;
bottom: 0;
}
.creative-two:hover figcaption {
opacity: 1;
}
.creative-three span.bg {
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 50%;
opacity: 0;
background: rgba(0, 0, 0, 0.75);
transform: translate(-50%, -50%);
}
.creative-three span.line {
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 1px;
background: var(--archi-color-white);
}
.creative-three span.btn-text {
width: 100%;
position: absolute;
left: 0;
bottom: -10%;
font-size: 14px;
line-height: 1em;
text-align: center;
padding: 30px;
color: var(--archi-color-white);
text-transform: uppercase;
opacity: 0;
}
.creative-three figcaption {
position: absolute;
left: 50%;
top: 50%;
padding: 30px;
opacity: 0;
transform: translate(-50%, -50%);
text-align: center;
}
.creative-three .post-title {
font-family: var(--archi-body-font-family);
font-size: 96px;
font-weight: 800;
line-height: 1em;
color: var(--archi-color-white);
text-transform: uppercase;
}
.creative-three:hover span.bg {
opacity: 1;
width: 100%;
height: 100%;
}
.creative-three:hover span.line {
width: 100%;
}
.creative-three:hover span.btn-text {
opacity: 1;
bottom: 0;
}
.creative-three:hover figcaption {
opacity: 1;
}
.creative-three:hover .post-title {
font-size: 35px;
}
.gaps {
clear: both;
height: 20px;
display: block;
}
.gaps.size-2x {
height: 40px;
}
.ot-carousel .owl-dots {
width: 100%;
margin-top: 20px;
}
.ot-carousel .owl-dots button.owl-dot {
text-align: center;
vertical-align: middle;
padding: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-carousel .owl-dots button.owl-dot span {
width: 4px;
height: 4px;
margin: 5px 7px;
background: var(--archi-color-dots);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-carousel .owl-dots button.owl-dot.active span {
background: var(--archi-color-primary);
}
.ot-carousel .owl-dots button.owl-dot:hover span {
background: var(--archi-color-primary);
}
.ot-carousel .octf-swiper-pagination {
position: relative;
text-align: center;
z-index: 2;
pointer-events: none;
}
.ot-carousel .octf-swiper-pagination .swiper-pagination-bullet {
width: 4px;
height: 4px;
margin: 5px 7px;
background: var(--archi-color-dots);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 1;
pointer-events: all;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-carousel .octf-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--archi-color-primary);
}
.ot-carousel .nav-outside .owl-prev {
margin-left: -60px;
}
.ot-carousel .nav-outside .owl-next {
margin-right: -60px;
}
.ot-carousel .owl-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0;
margin-top: 0;
pointer-events: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ot-carousel .owl-nav button[class*=owl-] {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 5px 12px;
color: var(--archi-color-second);
background: var(--archi-color-primary);
pointer-events: all;
transition: all 0.2s ease-in-out;
}
.ot-carousel .owl-nav button[class*=owl-]:hover {
color: var(--archi-color-white);
background: var(--archi-color-second);
}
.ot-carousel .owl-nav button i {
font-family: "FontAwesome";
font-weight: 400;
}
.ot-carousel .owl-nav button.disabled {
opacity: 0.35;
}
.ot-carousel .octf-swiper-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0;
margin-top: 0;
pointer-events: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
flex-direction: row-reverse;
z-index: 2;
}
.ot-carousel .octf-swiper-nav button[class*=owl-] {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 5px 12px;
color: var(--archi-color-second);
background: var(--archi-color-primary);
pointer-events: all;
transition: all 0.2s ease-in-out;
}
.ot-carousel .octf-swiper-nav button[class*=owl-]:hover {
color: var(--archi-color-white);
background: var(--archi-color-second);
}
.ot-carousel .octf-swiper-nav button i {
font-family: "FontAwesome";
font-weight: 400;
}
.ot-carousel .octf-swiper-nav button.disabled {
opacity: 0.35;
}
.ot-carousel .octf-swiper-nav .octf-swiper-button-next,
.ot-carousel .octf-swiper-nav .octf-swiper-button-prev {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 5px 12px;
color: var(--archi-color-second);
background: var(--archi-color-primary);
pointer-events: all;
transition: all 0.2s ease-in-out;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ot-carousel .octf-swiper-nav .octf-swiper-button-next:hover,
.ot-carousel .octf-swiper-nav .octf-swiper-button-prev:hover {
color: var(--archi-color-white);
background: var(--archi-color-second);
}
.ot-carousel .octf-swiper-nav .octf-swiper-button-next {
right: 0;
}
.ot-carousel .octf-swiper-nav .octf-swiper-button-prev {
left: 0;
}
.ot-position-left .box-content, .ot-position-right .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ot-position-left .flex-gap, .ot-position-right .flex-gap {
margin-bottom: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ot-position-left .box-content {
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ot-position-left .flex-gap {
margin-right: 20px;
}
.ot-position-right .box-content {
text-align: right;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ot-position-right .flex-gap {
margin-left: 20px;
}
.ot-vertical-align-top .box-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ot-vertical-align-middle .box-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ot-vertical-align-bottom .box-content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.small-border {
display: block;
width: 120px;
height: 1px;
margin: 15px 0;
background: var(--archi-color-primary);
}
.ot-ratings {
position: relative;
display: block;
width: 75px;
height: 16px;
font-size: 18px;
line-height: 1;
letter-spacing: 5px;
}
.ot-ratings:after,
.ot-ratings:before {
display: inline-block;
font: normal normal normal 12px/1 FontAwesome;
font-style: normal;
font-weight: normal;
position: absolute;
top: 0;
left: 0;
color: #fcc032;
content: "\f005\f005\f005\f005\f005";
overflow: hidden;
}
.ot-ratings:before,
.ot-ratings.empty:after {
color: rgba(255, 255, 255, 0.2);
}
.ot-ratings.one:after {
content: "\f005";
}
.ot-ratings.two:after {
content: "\f005\f005";
}
.ot-ratings.three:after {
content: "\f005\f005\f005";
}
.ot-ratings.four:after {
content: "\f005\f005\f005\f005";
}
.mouse {
position: absolute;
width: 22px;
height: 42px;
bottom: 30px;
left: 50%;
margin-left: -12px;
border-radius: 15px;
border: 1px solid #fff;
-webkit-animation: intro 1s;
animation: intro 1s;
}
.scroll {
display: block;
width: 3px;
height: 3px;
margin: 6px auto;
border-radius: 4px;
background: #fff;
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes finger {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
.let-it-snow {
overflow: hidden !important;
}
.hide-content {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 100%;
z-index: 100;
display: none;
overflow: auto;
background: rgb(0, 0, 0);
}
.no-gap .container, .no-gap .container-fluid {
padding-left: 0;
padding-right: 0;
}
.no-gap .container > .row, .no-gap .container-fluid > .row {
margin-left: 0;
margin-right: 0;
}
.no-gap .container > .row > *, .no-gap .container-fluid > .row > * {
padding-left: 0;
padding-right: 0;
}
.no-gap .blog-grid,
.no-gap .blog-grid.poster {
margin: 0;
}
.no-gap .blog-grid .post-box,
.no-gap .blog-grid.poster .post-box {
padding-left: 0;
padding-right: 0;
margin-top: 0;
}
.no-gap.entry-content {
padding: 0 !important;
}
@keyframes greenPulse {
0% {
box-shadow: 0 0 30px #4bbec8;
}
50% {
box-shadow: 0 0 80px #4bbec8;
}
100% {
box-shadow: 0 0 30px #4bbec8;
}
}
@-webkit-keyframes greenPulse {
0% {
-webkit-box-shadow: 0 0 30px #4bbec8;
}
50% {
-webkit-box-shadow: 0 0 80px #4bbec8;
}
100% {
-webkit-box-shadow: 0 0 30px #4bbec8;
}
}
@-moz-keyframes greenPulse {
0% {
-moz-box-shadow: 0 0 30px #4bbec8;
}
50% {
-moz-box-shadow: 0 0 80px #4bbec8;
}
100% {
-moz-box-shadow: 0 0 30px #4bbec8;
}
}
@-o-keyframes greenPulse {
0% {
-o-box-shadow: 0 0 30px #4bbec8;
}
50% {
-o-box-shadow: 0 0 80px #4bbec8;
}
100% {
-o-box-shadow: 0 0 30px #4bbec8;
}
}
@keyframes bubbleUp {
0% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 0;
}
1% {
bottom: 55px;
-webkit-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-webkit-transform: scale(0.8);
opacity: 1;
}
95% {
bottom: 245px;
-webkit-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 250px;
-webkit-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 0;
}
}
@-webkit-keyframes bubbleUp {
0% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 0;
}
1% {
bottom: 55px;
-webkit-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-webkit-transform: scale(0.8);
opacity: 1;
}
95% {
bottom: 245px;
-webkit-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 250px;
-webkit-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 0;
}
}
@-moz-keyframes bubbleUp {
0% {
bottom: 55px;
-moz-transform: scale(0.9);
opacity: 0;
}
1% {
bottom: 55px;
-moz-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-moz-transform: scale(0.8);
opacity: 1;
}
95% {
bottom: 245px;
-moz-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 250px;
-moz-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-moz-transform: scale(0.9);
opacity: 0;
}
}
@-o-keyframes bubbleUp {
0% {
bottom: 55px;
-o-transform: scale(0.9);
opacity: 0;
}
1% {
bottom: 55px;
-o-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-o-transform: scale(0.8);
opacity: 1;
}
95% {
bottom: 245px;
-o-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 250px;
-o-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-o-transform: scale(0.9);
opacity: 0;
}
}
@keyframes bubbleUp1 {
0% {
bottom: 120px;
transform: scale(0.3);
opacity: 0;
}
1% {
bottom: 80px;
transform: scale(0.2);
opacity: 0;
}
30% {
bottom: 90px;
transform: scale(0.2);
opacity: 1;
}
95% {
bottom: 200px;
transform: scale(0.4);
opacity: 1;
}
99% {
bottom: 250px;
transform: scale(0.2);
opacity: 0;
}
100% {
bottom: 140px;
transform: scale(0.9);
opacity: 0;
}
}
@-webkit-keyframes bubbleUp1 {
0% {
bottom: 120px;
-webkit-transform: scale(0.3);
opacity: 0;
}
1% {
bottom: 80px;
-webkit-transform: scale(0.2);
opacity: 0;
}
30% {
bottom: 90px;
-webkit-transform: scale(0.2);
opacity: 1;
}
95% {
bottom: 200px;
-webkit-transform: scale(0.4);
opacity: 1;
}
99% {
bottom: 250px;
-webkit-transform: scale(0.2);
opacity: 0;
}
100% {
bottom: 140px;
-webkit-transform: scale(0.9);
opacity: 0;
}
}
@-moz-keyframes bubbleUp1 {
0% {
bottom: 120px;
-moz-transform: scale(0.3);
opacity: 0;
}
1% {
bottom: 80px;
-moz-transform: scale(0.2);
opacity: 0;
}
30% {
bottom: 90px;
-moz-transform: scale(0.2);
opacity: 1;
}
95% {
bottom: 200px;
-moz-transform: scale(0.4);
opacity: 1;
}
99% {
bottom: 250px;
-moz-transform: scale(0.2);
opacity: 0;
}
100% {
bottom: 140px;
-moz-transform: scale(0.9);
opacity: 0;
}
}
@-o-keyframes bubbleUp1 {
0% {
bottom: 120px;
-o-transform: scale(0.3);
opacity: 0;
}
1% {
bottom: 80px;
-o-transform: scale(0.2);
opacity: 0;
}
30% {
bottom: 90px;
-o-transform: scale(0.2);
opacity: 1;
}
95% {
bottom: 200px;
-o-transform: scale(0.4);
opacity: 1;
}
99% {
bottom: 250px;
-o-transform: scale(0.2);
opacity: 0;
}
100% {
bottom: 140px;
-o-transform: scale(0.9);
opacity: 0;
}
}
@keyframes bubbleUp2 {
0% {
bottom: 55px;
transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 350px;
transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 355px;
transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes bubbleUp2 {
0% {
bottom: 55px;
-webkit-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-webkit-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 350px;
-webkit-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 355px;
-webkit-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes bubbleUp2 {
0% {
bottom: 55px;
-moz-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-moz-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-moz-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 350px;
-moz-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 355px;
-moz-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-moz-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes bubbleUp2 {
0% {
bottom: 55px;
-o-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-o-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-o-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 350px;
-o-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 355px;
-o-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-o-transform: scale(1);
opacity: 0;
}
}
@keyframes bubbleUp3 {
0% {
bottom: 55px;
transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 195px;
transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 200px;
transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes bubbleUp3 {
0% {
bottom: 55px;
-webkit-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-webkit-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 195px;
-webkit-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 200px;
-webkit-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes bubbleUp3 {
0% {
bottom: 55px;
-moz-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-moz-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-moz-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 195px;
-moz-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 200px;
-moz-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-moz-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes bubbleUp3 {
0% {
bottom: 55px;
-o-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-o-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-o-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 195px;
-o-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 200px;
-o-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-o-transform: scale(1);
opacity: 0;
}
}
@keyframes bubbleUp4 {
0% {
bottom: 55px;
transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 295px;
transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 300px;
transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes bubbleUp4 {
0% {
bottom: 55px;
-webkit-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-webkit-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-webkit-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 295px;
-webkit-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 300px;
-webkit-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes bubbleUp4 {
0% {
bottom: 55px;
-moz-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-moz-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-moz-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 295px;
-moz-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 300px;
-moz-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-moz-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes bubbleUp4 {
0% {
bottom: 55px;
-o-transform: scale(1);
opacity: 0;
}
1% {
bottom: 55px;
-o-transform: scale(0.3);
opacity: 0;
}
30% {
bottom: 55px;
-o-transform: scale(0.9);
opacity: 1;
}
95% {
bottom: 295px;
-o-transform: scale(0.3);
opacity: 1;
}
99% {
bottom: 300px;
-o-transform: scale(3);
opacity: 0;
}
100% {
bottom: 55px;
-o-transform: scale(1);
opacity: 0;
}
}
span.glow {
width: 100%;
height: 100%;
background: transparent;
position: relative;
display: block;
border-radius: 200px;
animation: greenPulse 2s infinite;
-webkit-animation: greenPulse 2s infinite;
-moz-animation: greenPulse 2s infinite;
-o-animation: greenPulse 2s infinite;
}
span.bubble {
background: #fff;
width: 80px;
height: 80px;
position: absolute;
display: block;
left: 110px;
bottom: 55px;
border-radius: 100px;
background: -moz-radial-gradient(center 45deg, circle closest-corner, rgba(75, 190, 200, 0), rgba(75, 190, 200, 0.1), rgba(75, 190, 200, 0.3), rgba(255, 255, 255, 0.7));
background: -webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75, 190, 200, 0.2)), to(rgba(255, 255, 255, 0.7)));
background: gradient(center 45deg, circle closest-corner, rgba(75, 190, 200, 0), rgba(75, 190, 200, 0.1), rgba(75, 190, 200, 0.3), rgba(255, 255, 255, 0.7));
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(9, 133, 167, 0.1) 51%, rgba(9, 133, 167, 0.3) 71%, rgba(9, 133, 167, 0.7) 100%);
animation: bubbleUp 4s infinite ease-in-out;
-webkit-animation: bubbleUp 4s infinite ease-in-out;
-o-animation: bubbleUp 4s infinite ease-in-out;
-moz-animation: bubbleUp 4s infinite ease-in-out;
}
span.bubble1 {
background: #fff;
width: 70px;
height: 70px;
position: absolute;
display: block;
left: 115px;
bottom: 55px;
border-radius: 80px;
background: -moz-radial-gradient(center 45deg, circle closest-corner, rgba(75, 190, 200, 0), rgba(75, 190, 200, 0.1), rgba(75, 190, 200, 0.3), rgba(255, 255, 255, 0.7));
background: -webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75, 190, 200, 0.2)), to(rgba(255, 255, 255, 0.7)));
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(9, 133, 167, 0.1) 51%, rgba(9, 133, 167, 0.3) 71%, rgba(9, 133, 167, 0.7) 100%);
animation: bubbleUp 5s infinite;
-webkit-animation: bubbleUp1 5s infinite;
-o-animation: bubbleUp1 5s infinite;
-moz-animation: bubbleUp1 5s infinite;
}
span.bubble2 {
background: #fff;
width: 30px;
height: 30px;
position: absolute;
display: block;
left: 110px;
bottom: 55px;
border-radius: 60px;
background: -moz-radial-gradient(center 45deg, circle closest-corner, rgba(75, 190, 200, 0), rgba(75, 190, 200, 0.1), rgba(75, 190, 200, 0.3), rgba(255, 255, 255, 0.7));
background: -webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75, 190, 200, 0.2)), to(rgba(255, 255, 255, 0.7)));
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(9, 133, 167, 0.1) 51%, rgba(9, 133, 167, 0.3) 71%, rgba(9, 133, 167, 0.7) 100%);
animation: bubbleUp 7s infinite;
-webkit-animation: bubbleUp2 7s infinite;
-o-animation: bubbleUp2 7s infinite;
-moz-animation: bubbleUp2 7s infinite;
}
span.bubble3 {
background: #fff;
width: 50px;
height: 50px;
position: absolute;
display: block;
left: 140px;
bottom: 95px;
border-radius: 100px;
background: -moz-radial-gradient(center 45deg, circle closest-corner, rgba(75, 190, 200, 0), rgba(75, 190, 200, 0.1), rgba(75, 190, 200, 0.3), rgba(255, 255, 255, 0.7));
background: -webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75, 190, 200, 0.2)), to(rgba(255, 255, 255, 0.7)));
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(9, 133, 167, 0.1) 51%, rgba(9, 133, 167, 0.3) 71%, rgba(9, 133, 167, 0.7) 100%);
animation: bubbleUp 10s infinite;
-webkit-animation: bubbleUp3 10s infinite;
-o-animation: bubbleUp3 10s infinite;
-moz-animation: bubbleUp3 10s infinite;
}
span.bubble4 {
background: #fff;
width: 40px;
height: 40px;
position: absolute;
display: block;
left: 155px;
bottom: 55px;
border-radius: 100px;
background: -moz-radial-gradient(center 45deg, circle closest-corner, rgba(75, 190, 200, 0), rgba(75, 190, 200, 0.1), rgba(75, 190, 200, 0.3), rgba(255, 255, 255, 0.7));
background: -webkit-gradient(radial, center center, 0, center center, 100, from(rgba(75, 190, 200, 0.2)), to(rgba(255, 255, 255, 0.7)));
background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(9, 133, 167, 0.1) 51%, rgba(9, 133, 167, 0.3) 71%, rgba(9, 133, 167, 0.7) 100%);
animation: bubbleUp4 12s infinite;
-webkit-animation: bubbleUp4 12s infinite;
-o-animation: bubbleUp4 12s infinite;
-moz-animation: bubbleUp4 12s infinite;
} hr {
display: block;
clear: both;
border-top: solid 1px #ddd;
margin: 40px 0 40px 0;
}
ul,
ol {
margin: 0 0 20px;
padding-left: 18px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
.none-style {
list-style: none;
padding-left: 0;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-width: 1px 0 0 1px;
}
caption,
td,
th {
padding: 0;
font-weight: normal;
text-align: left;
}
table,
th,
td {
border: 1px solid #eee;
}
th {
font-weight: 700;
}
th,
td {
padding: 0.4375em;
}  .octf-btn {
display: inline-block;
position: relative;
font-size: 12px;
font-weight: 500;
line-height: normal;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
color: var(--archi-color-btn);
background: var(--archi-color-primary);
white-space: nowrap;
padding: 10px 20px;
margin-bottom: 0;
vertical-align: middle;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.octf-btn:visited, .octf-btn:hover, .octf-btn:focus {
color: var(--archi-color-btn);
opacity: 0.8;
}
.octf-btn i, .octf-btn svg {
position: absolute;
top: 50%;
margin-left: 10px;
transform: translateY(-50%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.octf-btn svg {
width: 1em;
}
.octf-btn.with-icon {
padding-right: 50px;
}
.octf-btn.with-icon:hover i, .octf-btn.with-icon:hover svg {
margin-left: 20px;
}
.octf-btn-line {
--archi-color-btn: #eceff3;
line-height: 1.8;
background: transparent;
border: 1px solid var(--archi-border-color-btn-line);
}
.octf-btn-line:visited, .octf-btn-line:hover, .octf-btn-line:focus {
opacity: 1;
color: var(--archi-color-second);
background: var(--archi-color-primary);
border-color: var(--archi-color-primary);
}
.octf-btn-line.with-icon {
padding: 3px 50px 3px 30px;
}
.octf-btn-line.with-icon:after {
position: absolute;
content: "\f054";
font-family: FontAwesome;
color: var(--archi-color-primary);
padding-left: 0;
margin-left: 10px;
margin-top: 1px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.octf-btn-line.with-icon:hover:after {
color: var(--archi-color-second);
padding-left: 10px;
}
.octf-btn-popup-up, .octf-btn-popup-down {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid var(--archi-color-primary);
position: fixed;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 9999;
}
.octf-btn-popup-down {
border-top: 40px solid var(--archi-color-primary);
border-bottom: none;
top: -40px;
}
.octf-btn-popup-up:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f067";
color: #222;
position: relative;
top: 12px;
margin: 0 0 0 -8px !important;
}
.octf-btn-popup-down:before {
font-family: "FontAwesome";
font-size: 20px;
content: "\f068";
color: #222;
position: relative;
top: -35px;
margin: 0 0 0 -8px !important;
}
.de_light .octf-btn-line {
color: var(--archi-color-white);
background: var(--archi-color-primary);
border-color: var(--archi-color-primary);
}
.de_light .octf-btn-line:hover {
color: var(--archi-color-white);
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
select,
textarea {
display: block;
width: 100%;
color: var(--archi-color-text-input);
border: 1px solid var(--archi-border-color-input);
padding: 10px;
font-size: 16px;
line-height: 1.5;
background: var(--archi-bg-color-input);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
box-sizing: border-box;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
select:focus,
textarea:focus {
border-color: var(--archi-color-primary);
color: var(--archi-color-text-input);
}
select {
margin-bottom: 20px;
background: url(//katriskuchen.com/wp-content/themes/archi/images/select-arrow.png) right center no-repeat;
height: auto;
}
select option {
color: #000000;
}
select:focus {
border-color: var(--archi-border-color-input);
}
.de_light select {
background: url(//katriskuchen.com/wp-content/themes/archi/images/select-arrow-invert.png) right center no-repeat;
}
::-webkit-input-placeholder { color: var(--archi-color-placeholder-input);
}
::-moz-placeholder { color: var(--archi-color-placeholder-input);
}
:-ms-input-placeholder { color: var(--archi-color-placeholder-input);
}
:-moz-placeholder { color: var(--archi-color-placeholder-input);
}  a {
display: inline-block;
color: var(--archi-color-link);
text-decoration: none;
cursor: pointer;
outline: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
color: var(--archi-color-primary);
text-decoration: none;
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
} #site-logo {
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
#site-logo img {
height: auto;
} .main-navigation ul {
list-style: none;
padding-left: 0;
}
.site-header {
position: relative;
display: flex;
align-items: center;
width: 100%;
z-index: 1001;
}
.site-header > div {
flex-grow: 1;
}
.site-header.header-transparent {
background: transparent;
}
.site-header.header-autoshow.scrollOn,
.site-header.header-autoshow.scrollOff {
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.site-header.header-autoshow,
.site-header.header-fixed {
position: fixed;
top: 0;
left: 0;
}
.site-header.header-autoshow.scrollOff,
.site-header.header-autoshow {
top: -30%;
}
.site-header.header-autoshow.scrollOn {
top: 0;
}
.octf-mainbar-container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
}
.octf-mainbar {
display: flex;
flex-flow: column wrap;
flex: 1 auto;
}
.header-desktop .octf-mainbar-row {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
flex: 1 auto;
}
.octf-mainbar-row > [class^=octf-col] {
display: flex;
align-items: stretch;
position: static;
}
.octf-mainbar-row .octf-col {
flex-basis: 0;
flex-grow: 0.65;
max-width: 100%;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.octf-mainbar-row .octf-col.menu-col {
justify-content: flex-end;
}
.octf-mainbar-row > [class^=octf-col] {
flex-flow: row nowrap;
}
.octf-mainbar-row > [class^=octf-col].text-left {
justify-content: flex-start;
}
.octf-mainbar-row > [class^=octf-col].text-center {
justify-content: center;
}
.octf-mainbar-row > [class^=octf-col].text-right {
justify-content: flex-end;
}
.header-desktop .octf-row > div:empty {
display: none;
}
.octf-row {
margin-right: -15px;
margin-left: -15px;
}
.octf-col:before {
display: inline-flex;
}
.header-desktop .octf-row .octf-col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.octf-header-module {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
} .main-navigation {
position: relative;
display: inline-block;
vertical-align: middle;
height: 100%;
width: auto;
}
.main-navigation > ul {
position: relative;
display: flex;
width: 100%;
vertical-align: middle;
height: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation > ul > li {
position: relative;
font-weight: 500;
}
.main-navigation > ul > li:last-child {
margin-right: 0;
}
.main-navigation ul ul.sub-menu {
position: absolute;
top: calc(100% + 10px);
left: 0;
min-width: 201px;
white-space: nowrap;
background-color: var(--archi-bg-color-submenu);
z-index: 10;
visibility: hidden;
opacity: 0;
box-sizing: border-box;
pointer-events: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.main-navigation ul ul.sub-menu:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -6px;
top: -6px;
z-index: -1;
}
.main-navigation ul li ul ul.sub-menu {
left: 100%;
top: 0;
}
.main-navigation ul > li > a {
display: inline-block;
font-size: 11px;
letter-spacing: 3px;
line-height: 35px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 22px 0px 22px 20px;
color: var(--archi-color-mainmenu);
outline: none;
white-space: nowrap;
}
.main-navigation ul > li > a:hover {
color: var(--archi-color-primary);
}
.is-stuck .main-navigation > ul > li > a {
padding-top: 17px;
padding-bottom: 17px;
}
.main-navigation:not(.no-separator) > ul > li:not(:last-child) > a {
padding-right: 27px;
}
.main-navigation:not(.no-separator) > ul > li:not(:last-child) > a:after {
position: absolute;
right: 0;
font-family: "FontAwesome";
color: var(--archi-color-primary);
}
.main-navigation.dotted-separator > ul > li:not(:last-child) > a:after {
content: "\f111";
font-size: 6px;
}
.main-navigation.line-separator > ul > li:not(:last-child) > a:after {
content: "/";
font-size: 14px;
}
.main-navigation.circle-separator > ul > li:not(:last-child) > a:after {
content: "\f10c";
font-size: 9px;
}
.main-navigation.square-separator > ul > li:not(:last-child) > a:after {
content: "\f096";
font-size: 11px;
}
.main-navigation.plus-separator > ul > li:not(:last-child) > a:after {
content: "\f067";
font-size: 11px;
}
.main-navigation.strip-separator > ul > li:not(:last-child) > a:after {
content: "\f068";
font-size: 9px;
}
.main-navigation ul li li {
position: relative;
display: block;
font-size: 10px;
font-weight: normal;
border-bottom: 1px solid #333333;
}
.main-navigation ul li li:last-child {
border-bottom: none;
}
.main-navigation ul li li a {
position: relative;
display: block;
font-size: 10px;
text-align: left;
color: var(--archi-color-submenu);
line-height: 30px;
padding: 0px 12px;
}
.main-navigation ul li li:hover > a,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
color: var(--archi-color-hover-submenu);
background: var(--archi-color-primary);
}
.main-navigation ul li ul ul.sub-menu {
left: 100%;
top: 5px;
}
.main-navigation ul > li:hover > ul.sub-menu {
margin-top: 0;
visibility: visible;
opacity: 1;
pointer-events: all;
}
.main-navigation ul > li:hover > ul.sub-menu:not(.sub-mega-menu) {
top: 0;
}
.main-navigation > ul > li:hover > ul.sub-menu:not(.sub-mega-menu) {
top: 100%;
}
.admin-bar .site-header.header-autoshow.scrollOn,
.admin-bar .is-stuck,
.admin-bar .site-header.header-fixed {
top: 32px;
} .main-navigation ul.sub-mega-menu > li ul {
position: static;
visibility: visible;
opacity: 1;
}
.main-navigation ul ul.sub-mega-menu {
position: fixed;
height: auto;
top: auto !important;
width: 100%;
overflow: hidden;
margin-top: 10px;
}
.main-navigation ul ul.sub-mega-menu.mmenu-boxed {
max-width: 1290px;
margin: 10px auto 0;
left: 50%;
transform: translateX(-50%);
}
.main-navigation ul ul.sub-mega-menu.mmenu-outside {
left: 0;
} @media only screen and (min-width: 992px) {
.header-vertical .site-content {
margin-left: 25%;
max-width: 75%;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header-vertical .site-footer {
margin-left: 25%;
max-width: 75%;
width: 100%;
}
.site-header-vertical {
position: fixed;
top: 0;
left: 0;
text-align: center;
max-width: 25%;
width: 100%;
height: 100%;
background: var(--archi-bg-color-header-sidenav);
outline: 0;
border: none;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.site-header-vertical .header-desktop {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 30px 20px 30px 30px;
}
.site-header-vertical .octf-mainbar-container {
padding: 0;
}
.site-header-vertical .site-header-cart {
right: auto;
}
.site-header-vertical .octf-mainbar-row {
display: block;
margin: 0;
}
.site-header-vertical .octf-mainbar-row > [class^=octf-col] {
display: block;
}
.site-header-vertical .logo-col {
text-align: center;
padding: 40px;
}
.site-header-vertical .menu-col {
padding: 0;
}
.site-header-vertical .octf-cart {
margin-top: 25px;
margin-left: 0 !important;
}
.vertical-main-navigation {
position: relative;
display: table;
width: 100%;
height: 100%;
min-height: 0;
vertical-align: middle;
padding: 0;
z-index: 100;
}
.vertical-main-navigation > ul {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.vertical-main-navigation > ul > li {
padding: 10px 0;
}
.vertical-main-navigation ul {
font-family: var(--archi-heading-font-family);
font-weight: normal;
font-size: 14px;
letter-spacing: 5px;
margin: 0;
padding: 0;
}
.vertical-main-navigation ul > li > a {
display: inline-block;
text-align: center;
line-height: 35px;
color: var(--archi-color-mainmenu);
text-decoration: none;
text-transform: uppercase;
outline: none;
white-space: nowrap;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
}
.vertical-main-navigation ul > li > a i {
margin-left: 6px;
margin-top: -3px;
}
.vertical-main-navigation ul > li > a i.fa-angle-up {
display: none;
}
.vertical-main-navigation ul > li > a.active i.fa-angle-down {
display: none;
}
.vertical-main-navigation ul > li > a.active i.fa-angle-up {
display: inline-block;
}
.vertical-main-navigation ul li {
display: block;
position: relative;
text-align: center;
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.vertical-main-navigation ul li li {
padding: 0 15px;
border-bottom: none;
}
.vertical-main-navigation ul li li:last-child {
border-bottom: none;
}
.vertical-main-navigation ul li li a {
display: inline-block;
font-size: 13px;
line-height: 30px;
padding: 10px 0;
}
.vertical-main-navigation ul li li a:hover, .vertical-main-navigation ul li li.current-menu-item > a, .vertical-main-navigation ul li li.current-menu-ancestor > a {
color: var(--archi-color-primary);
}
.vertical-main-navigation ul li ul {
display: none;
position: relative;
background-color: transparent;
margin: 0;
padding: 0;
transition: none 0s ease;
-webkit-transition: none 0s ease;
-moz-transition: none 0s ease;
-o-transition: none 0s ease;
-ms-transition: none 0s ease;
}
.vertical-main-navigation > ul > li:hover > a,
.vertical-main-navigation > ul > li.current-menu-item > a,
.vertical-main-navigation > ul > li.current-menu-ancestor > a {
color: var(--archi-color-primary);
opacity: 1;
}
} .header-mobile {
display: none;
}
@media only screen and (max-width: 991px) {
.header-desktop {
display: none;
}
.site-header.header-autoshow,
.site-header.header-fixed {
position: relative;
}
.site-header.header-autoshow,
.admin-bar .site-header.header-autoshow,
.admin-bar .site-header.header-fixed {
top: 0 !important;
}
.header-mobile {
display: block;
width: 100%;
}
.header-mobile .octf-cart {
position: absolute;
right: 50px;
}
.header-mobile .cart-contents {
color: var(--archi-color-white);
}
.header-mobile .mlogo_wrapper {
position: relative;
padding: 27px 0px;
}
.header-mobile .mlogo_wrapper .mobile_logo {
float: left;
}
#mmenu_toggle {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
padding: 6px;
right: 0px;
margin-top: -10px;
top: 50%;
}
#mmenu_toggle button {
position: absolute;
left: 0;
top: 50%;
margin: -2px 0 0;
background: var(--archi-color-light);
height: 3px;
padding: 0;
border: none;
width: 100%;
outline: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#mmenu_toggle button:before {
content: "";
position: absolute;
left: 0;
top: -8px;
width: 24px;
height: 3px;
background: var(--archi-color-light);
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#mmenu_toggle button:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 24px;
height: 3px;
background: var(--archi-color-light);
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#mmenu_toggle.active button {
background: none;
}
#mmenu_toggle.active button:before {
top: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#mmenu_toggle.active button:after {
bottom: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.mobile_nav {
display: none;
}
.mobile_nav .mobile_mainmenu {
margin: 0;
padding: 0;
}
.mobile_nav .mobile_mainmenu ul {
position: relative;
margin: 0;
padding: 0;
margin-left: 15px;
display: none;
}
.mobile_nav.collapse .mobile_mainmenu ul {
display: none;
}
.mobile_nav .mobile_mainmenu li {
position: relative;
list-style: none;
line-height: 35px;
letter-spacing: 3px;
}
.mobile_nav .mobile_mainmenu li a {
display: block;
font-size: 11px;
color: var(--archi-color-light);
padding: 10px 0;
text-transform: uppercase;
border-bottom: 1px solid var(--archi-border-color-menu-mobile);
}
.mobile_nav .mobile_mainmenu > li:last-child {
margin-bottom: 60px;
}
.mobile_nav .mobile_mainmenu li li a {
font-size: 10px;
line-height: 30px;
}
.mobile_nav .mobile_mainmenu li li a:hover,
.mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a {
color: var(--archi-color-primary);
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {
display: block;
width: 40px;
height: auto;
position: absolute;
right: 0;
top: 0;
color: var(--archi-color-light);
padding: 9px 12px 9px 0;
text-align: right;
line-height: inherit;
cursor: pointer;
box-sizing: border-box;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
display: inline-block;
line-height: 1;
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:before {
font-size: 20px;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile_nav .mobile_mainmenu > li > a:hover, .mobile_nav .mobile_mainmenu > li.current-menu-item > a,
.mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a {
color: var(--archi-color-primary);
}
}
@media only screen and (max-width: 767px) {
.mlogo_wrapper {
width: 100%;
}
}
@media only screen and (max-width: 320px) {
.mobile_logo img {
max-width: 230px;
max-height: 42px;
}
} .page-header {
position: relative;
width: 100%;
padding: 90px 0 70px;
background: #222222 center center fixed no-repeat;
background-size: cover;
}
.page-header .page-title {
font-size: 32px;
color: var(--archi-color-pheader-title);
padding-right: 40px;
margin-right: 40px;
margin-bottom: 0;
flex: 1;
}
.page-header .page-subtitle {
margin: 10px 0 0;
}
.page-header .inner {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 80px;
}
.page-header .breadcrumbs {
font-size: 10px;
letter-spacing: 3px;
color: var(--archi-color-white);
text-transform: uppercase;
margin: 0;
}
.page-header .breadcrumbs li {
display: inline;
padding: 0 2px;
}
.page-header .breadcrumbs li:before {
display: inline-block;
content: "/";
margin: 0 9px 0 5px;
}
.page-header .breadcrumbs li:first-child:before {
display: none;
}
.page-header .breadcrumbs li a {
color: var(--archi-color-primary);
}
.page-header-title-wrap {
flex-grow: 1;
}
.page-header-contact-info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.page-header-contact-info .list-info-box {
gap: 24px;
justify-content: space-between;
background-color: var(--archi-color-primary);
}
.page-header-contact-info .info-box {
padding: 20px;
flex-grow: 1;
color: var(--archi-color-white);
}
.page-header-contact-info .info-box-icon {
align-items: center;
justify-content: center;
font-size: 40px;
line-height: 1;
text-align: center;
color: var(--archi-color-white);
margin-top: 5px;
}
.page-header-contact-info .info-box_title {
font-weight: 700;
text-transform: uppercase;
line-height: 16px;
color: var(--archi-color-white);
margin-top: 8px;
}
@media (max-width: 991px) {
.page-header .inner {
display: block;
margin-top: 60px;
}
.page-header .page-title {
margin-right: 0;
margin-bottom: 15px;
}
.page-header-contact-info {
position: static;
margin-top: 50px;
}
.page-header-contact-info .list-info-box {
display: block;
}
}
@media (max-width: 767px) {
.page-header .container {
width: 100%;
}
}
@media (max-width: 600px) {
.page-header .page-title {
font-size: 30px;
}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}   .entry-content {
padding: 90px 0;
}
.post-box {
margin-bottom: 60px;
padding-bottom: 15px;
border-bottom: solid 1px var(--archi-border-bottom-color);
line-height: 1.7em;
}
.post-box p {
margin-bottom: 15px;
}
.post-box .link-box, .post-box .quote-box, .post-box .entry-media {
position: relative;
border-bottom: solid 4px var(--archi-color-primary);
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-box .entry-media a {
display: block;
}
.post-box .entry-media img, .post-box .entry-media iframe {
display: block;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-box .inner-post {
position: relative;
padding: 20px 0 10px 80px;
}
.post-box .post-date {
position: absolute;
top: 0;
left: 0;
width: 60px;
text-align: center;
text-shadow: none;
}
.post-box .post-date > div {
display: block;
color: var(--archi-color-white);
text-align: center;
width: 60px;
font-weight: 600;
}
.post-box .post-date .day {
color: var(--archi-color-second);
font-size: 32px;
padding-top: 45px;
padding-bottom: 10px;
background-color: var(--archi-color-primary);
}
.post-box .post-date .month {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 16px;
padding: 7px 0;
border-bottom: solid 4px #333;
}
.post-box .post-date .d-day {
font-size: 32px;
font-weight: bold;
width: auto;
}
.post-box .post-date .d-month {
font-size: 12px;
letter-spacing: 5px;
padding-left: 5px;
text-transform: uppercase;
font-weight: bold;
width: auto;
}
.post-box .owl-dots {
position: absolute;
left: 0;
bottom: 10px;
margin: 0;
line-height: 1;
}
.post-box .owl-dots button.owl-dot span {
width: 10px;
height: 10px;
}
.post-box .entry-title {
font-size: 24px;
text-transform: none;
margin-top: 20px;
margin-bottom: 15px;
letter-spacing: normal;
}
.post-box .entry-title a {
display: inline-block;
}
.post-box .video-popup {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.post-box .octf-btn-play {
width: 60px;
height: 60px;
background: var(--archi-color-white);
color: var(--archi-color-second);
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post-box .octf-btn-play i {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
margin-left: 2px;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.post-box .octf-btn-play:hover {
color: var(--archi-color-primary);
}
.post-box .link-box {
padding-bottom: 25px;
}
.post-box .link-box a {
font-size: 22px;
font-family: var(--archi-heading-font-family);
line-height: 1;
}
.post-box .link-box i {
color: var(--archi-color-white);
margin-right: 15px;
}
.post-box .link-box i:before {
font-size: 30px;
line-height: 1;
}
.post-box .link-box:hover {
color: var(--archi-color-primary);
}
.post-box .quote-box .quote-text {
position: relative;
font-family: var(--archi-heading-font-family);
font-size: 22px;
line-height: 1;
padding-left: 60px;
padding-bottom: 25px;
color: var(--archi-color-white);
}
.post-box .quote-box .quote-text span {
display: block;
font-family: var(--archi-body-font-family);
font-size: 14px;
letter-spacing: 1px;
line-height: 1;
margin-top: 15px;
}
.post-box .quote-box .quote-text:before {
display: inline-block;
position: absolute;
left: 0;
top: 0;
font-family: FontAwesome;
content: "\f10d";
font-size: 30px;
padding-bottom: 10px;
}
.post-box .btn-readmore {
text-align: right;
}
.post-box .btn-readmore > a {
display: inline-block;
font-size: 15px;
padding: 3px 25px;
font-weight: 700;
color: var(--archi-color-second);
background-color: var(--archi-color-primary);
text-transform: uppercase;
}
.post-box .btn-readmore > a:hover {
background-color: var(--archi-color-white);
}
.blog-grid {
display: flex;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px;
}
.blog-grid .post-box {
width: 100%;
max-width: 100%;
flex: 0 0 auto;
margin-bottom: 30px;
border-bottom: none;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 0;
}
.blog-grid .post-box .entry-media,
.blog-grid .post-box .link-box {
border-bottom: none;
padding-bottom: 0;
}
.blog-grid .post-box .inner-post {
padding-left: 0;
}
.blog-grid .post-box:not(.has-post-thumbnail):not(.format-gallery):not(.format-image):not(.format-video) .post-cat, .blog-grid .post-box.format-audio .post-cat, .blog-grid .post-box.format-link .post-cat, .blog-grid .post-box.format-quote .post-cat {
position: static;
margin-bottom: 15px;
}
.blog-grid .post-box .entry-title {
font-size: 20px;
margin-top: 0;
margin-bottom: 15px;
}
.blog-grid .entry-summary {
margin-bottom: 15px;
}
.blog-grid:not(.date-abs) .post-date {
position: static;
width: auto;
text-align: left;
}
.blog-grid:not(.date-abs) .post-date a {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--archi-body-font-color);
}
.blog-grid.date-abs .post-date {
width: auto;
min-width: 70px;
top: 20px;
left: 20px;
background: var(--archi-color-second);
text-align: center;
padding: 12px 10px 5px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 1;
}
.blog-grid.date-abs .entry-media {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.blog-grid:not(.poster) .post-cat {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
.blog-grid:not(.poster) .post-cat a {
display: inline-block;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
line-height: 10px;
padding: 7px 10px 6px 10px;
margin-bottom: 5px;
text-transform: uppercase;
color: var(--archi-color-second);
background: var(--archi-color-primary);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.blog-grid:not(.poster) .post-cat a:hover {
color: var(--archi-color-white);
background: var(--archi-color-second);
}
.blog-grid:not(.poster) ~ .page-pagination {
margin-top: 30px;
}
.blog-grid .d-overlay {
position: absolute;
min-height: 100%;
width: 100%;
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%);
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%);
}
.blog-grid.poster {
margin-right: -4px;
margin-left: -4px;
margin-top: -8px;
}
.blog-grid.poster .post-box {
padding-left: 4px;
padding-right: 4px;
margin-bottom: 0;
margin-top: 8px;
}
.blog-grid.poster .inner-post {
position: absolute;
bottom: 0;
width: 100%;
padding: 30px;
padding-bottom: 0;
pointer-events: none;
transition: 0.5s;
}
.blog-grid.poster .post-cat a {
display: inline-block;
color: var(--archi-color-second);
font-size: 12px;
font-weight: 500;
line-height: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 2px 8px;
margin-bottom: 20px;
background: var(--archi-color-primary);
}
.blog-grid.poster .entry-title {
font-size: 26px;
color: var(--archi-color-white);
}
.blog-grid.poster .post-date a {
font-size: 15px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
color: var(--archi-color-white);
opacity: 0;
transition: 0.5s;
}
.blog-grid.poster .d-image {
position: absolute;
width: 120%;
height: 120%;
margin-left: -10%;
z-index: -1;
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
transition: 0.5s;
}
.blog-grid.poster .post-inner {
position: relative;
min-height: 300px;
overflow: hidden;
z-index: 1;
}
.blog-grid.poster .post-inner:hover .inner-post {
padding-bottom: 30px;
}
.blog-grid.poster .post-inner:hover .post-date a {
opacity: 1;
}
.blog-grid.poster .post-inner:hover .d-image {
margin-left: 0;
}
@media (min-width: 768px) {
.blog-grid.pf_4_cols .post-box,
.blog-grid.pf_3_cols .post-box,
.blog-grid.pf_2_cols .post-box {
width: 50%;
}
}
@media (min-width: 992px) {
.blog-grid.pf_3_cols .post-box {
width: 33.33333333%;
}
.blog-grid.pf_4_cols .post-box {
width: 25%;
}
}
.page-pagination {
display: flex;
margin-top: 60px;
margin-bottom: 0;
}
.page-pagination li a, .page-pagination li span {
display: inline-block;
padding: 16px 20px;
text-align: center;
line-height: 1;
margin-right: 6px;
font-size: 15px;
color: #888;
background: none;
border: 1px solid #404040;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.page-pagination li a:hover {
color: var(--archi-color-white);
}
.page-pagination li span {
color: var(--archi-color-second);
background: var(--archi-color-primary);
border-color: var(--archi-color-primary);
} .blog-post {
box-shadow: none;
overflow: inherit;
margin-bottom: 70px;
padding-bottom: 0;
}
.blog-post .entry-media {
border-bottom: 0;
}
.blog-post > .inner-post .entry-summary {
line-height: 1.8em;
padding-bottom: 10px;
overflow: hidden;
}
.blog-post.format-audio .post-cat, .blog-post.format-quote .post-cat, .blog-post.format-link .post-cat, .blog-post.format-standard:not(.has-post-thumbnail) .post-cat {
left: 0;
}
.blog-post blockquote {
font-size: 14px;
line-height: 1.8em;
font-weight: 500;
margin-left: 30px;
padding: 0 0 0 30px;
border-left: 3px solid var(--archi-color-primary);
}
.blog-post .tagcloud {
float: left;
}
.blog-post .tagcloud a {
display: inline-block;
font-size: 12px !important;
color: var(--archi-color-primary);
line-height: 1;
padding: 6px 8px;
margin-right: 2px;
margin-bottom: 13px;
white-space: nowrap;
vertical-align: middle;
text-transform: capitalize;
text-align: center;
cursor: pointer;
outline: none;
user-select: none;
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin-bottom: 0;
}
.blog-post .tagcloud a:hover {
color: #eceff3;
border-color: #eceff3;
}
.blog-post .entry-footer {
justify-content: stretch;
margin-bottom: 70px;
}
.blog-post .entry-meta {
display: table;
table-layout: fixed;
font-size: 11px;
line-height: 27px;
border: solid 1px #222222;
border-left: none;
}
.blog-post .entry-meta > span {
display: table-cell;
padding: 10px 20px 10px 20px;
text-align: left;
border-left: solid 1px #222222;
}
.blog-post .entry-meta > span i {
color: var(--archi-color-primary);
margin-right: 20px;
}
.blog-post .share-post {
text-align: right;
flex-grow: 1;
}
.blog-post .share-post a {
display: inline-block;
height: 28px;
width: 28px;
text-align: center;
line-height: 28px;
color: var(--archi-color-white);
margin-right: 6px;
background: transparent;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.blog-post .share-post a:hover {
color: var(--archi-color-second);
background-color: var(--archi-color-primary);
}
.author-bio {
text-align: center;
margin-bottom: 70px;
}
.author-bio .author-image {
display: inline-block;
width: 80px;
margin-bottom: 20px;
}
.author-bio .author-info {
padding: 0 60px;
}
.author-bio .author-info h6 {
font-size: 20px;
margin-bottom: 8px;
}
.author-bio .author-info .des {
margin-bottom: 15px;
}
.author-bio .author-info .author-socials a {
font-size: 14px;
margin-right: 20px;
}
.author-bio .author-info .author-socials a:last-child {
margin-right: 0;
}
.drop-cap {
float: left;
text-align: center;
background: #fff;
width: 40px;
height: 40px;
line-height: 1;
margin: 8px 18px 0 0 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.drop-cap span {
display: block;
font-size: 24px;
line-height: 38px;
color: var(--archi-color-primary);
border: 1px solid var(--archi-border-bottom-color);
}
.post-nav {
margin-bottom: 70px;
overflow: hidden;
}
.post-nav a {
position: relative;
display: block;
line-height: 1;
min-height: 75px;
}
.post-nav a:before {
position: absolute;
font-family: "FontAwesome";
font-size: 20px;
top: 50%;
background: transparent;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.post-nav h6 {
font-size: 18px;
line-height: 24px;
margin-bottom: 8px;
}
.post-nav span:not(.title-link) {
display: inline-block;
font-size: 12px;
line-height: 1;
color: var(--archi-body-font-color);
}
.post-nav .post-prev {
width: 380px;
float: left;
margin-left: -40px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-nav .post-prev a {
padding-left: 40px;
}
.post-nav .post-prev a:before {
content: "\f177";
left: 0;
}
.post-nav .post-prev .thumb-post-prev {
float: left;
margin-right: 20px;
width: 75px;
}
.post-nav .post-prev .info-post-prev {
text-align: left;
}
.post-nav .post-prev:hover {
margin-left: 0;
}
.post-nav .post-next {
width: 380px;
float: right;
margin-right: -40px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-nav .post-next a {
padding-right: 40px;
}
.post-nav .post-next a:before {
content: "\f178";
right: 0;
}
.post-nav .post-next .thumb-post-next {
float: right;
margin-left: 20px;
width: 75px;
}
.post-nav .post-next .info-post-next {
text-align: right;
}
.post-nav .post-next:hover {
margin-right: 0;
}
.related-posts {
margin-bottom: 55px;
}
.related-posts .post-box {
margin: 0;
padding: 0;
border: none;
}
.related-posts h3 {
font-size: 24px;
text-transform: none;
letter-spacing: normal;
margin-bottom: 30px;
}
.related-posts .post-box .post-inner {
margin-bottom: 0;
}
@keyframes circle-fade-before {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
@keyframes circle-fade-after {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
@media (max-width: 991px) {
.content-area {
margin-bottom: 60px;
}
.post-box.post-item {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.blog-post .author-bio .author-image {
display: none;
}
.blog-post .author-bio .author-info {
padding: 0;
}
.post-nav {
display: none;
}
.blog-post .entry-footer {
display: block;
}
.blog-post .share-post {
text-align: left;
margin-top: 30px;
}
}
@media only screen and (max-width: 600px) {
blockquote {
font-size: 20px;
}
.single-post .entry-content {
padding: 60px 0;
}
.blog-list .post-box .inner-post {
padding: 30px;
}
.post-box .entry-title {
font-size: 22px;
line-height: 30px;
}
} .blocks-gallery-caption {
margin-bottom: 15px;
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
margin-top: 7px;
margin-bottom: 26px;
}
.site-main article.page {
overflow: hidden;
}
.page-links {
padding-top: 25px;
font-weight: 600;
color: #1b1d21;
clear: both;
}
.page-links a {
color: #1b1d21;
}
.page-links a:hover {
text-decoration: underline;
}
.page-links span,
.page-links a {
display: inline-block;
margin-left: 7px;
}
.page-links-title {
font-weight: 500;
}
.page-links > span:not(.page-links-title) {
color: #888;
}
.post-password-form input[type=password] {
padding-left: 20px;
padding-right: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.post-password-form input[type=submit] {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
border-radius: none;
-webkit-border-radius: none;
-moz-border-radius: none;
font-size: 16px;
padding: 10px 15px;
line-height: 1.42857143;
display: inline-block;
margin-bottom: 0;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
font-weight: 600;
text-transform: capitalize;
text-align: center;
background: #1a1a1a;
cursor: pointer;
border: 1px solid #1a1a1a;
color: #fff;
outline: none;
min-width: 122px;
}
.post-password-form input[type=submit]:hover {
background: transparent;
color: #1a1a1a;
}
.sticky .post-inner {
background: #1a1b1e;
color: #fff;
}
.sticky .post-cat a {
background: #fff;
color: #1a1a1a;
}
.sticky .post-cat a:hover {
background: #eee;
}
.sticky .inner-post .entry-meta {
color: #ccc;
}
.post-box.sticky .entry-meta a {
color: #bbb;
}
.post-box.sticky .entry-footer .btn-details {
color: #fff;
}
.sticky .btn-details:before {
background: #666;
}
.post-box.sticky .entry-meta a:hover {
color: #fff;
}
.post-box.sticky .entry-footer .btn-details:hover {
color: #fff;
}
.sticky .inner-post .entry-title a {
color: #fff;
} .comments-area > ol, .comments-area > ul {
padding-left: 0;
margin-bottom: 0;
}
.comments-area ol, .comments-area ul {
list-style: none;
}
.comments-area ol .comment-respond, .comments-area ul .comment-respond {
margin-top: -20px;
padding-top: 70px;
}
.comments-area .comments-title {
margin-bottom: 30px;
}
.comments-area .comment-item {
min-height: 70px;
font-size: 12px;
line-height: 1.6em;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.comments-area .comment-item .gravatar {
float: left;
}
.comments-area .comment-item .gravatar img {
width: 70px;
}
.comments-area .comment-item .comment-content:not(.pingback) {
padding-left: 90px;
}
.comments-area .comment-item.trackback .comment-content, .comments-area .comment-item.pingback .comment-content {
padding-left: 0;
}
.comments-area .comment-item .comment-meta {
margin-bottom: 5px;
}
.comments-area .comment-item .comment-meta .comment-author {
display: block;
font-family: var(--archi-body-font-family);
font-size: 12px;
font-weight: 700;
line-height: 1.6em;
color: var(--archi-body-font-color);
margin-bottom: 0;
}
.comments-area .comment-item .comment-meta .comment-time {
display: inline;
color: var(--archi-color-primary);
font-size: 12px;
}
.comments-area .comment-item .comment-meta .comment-reply {
display: inline;
font-size: 12px;
padding-left: 20px;
margin-left: 20px;
border-left: solid 1px rgba(255, 255, 255, 0.1);
}
.comments-area .comment-item .comment-text p {
margin-bottom: 0;
}
.comments-area ul.children {
padding-left: 90px;
}
.comment-respond {
margin-top: 70px;
}
.comment-respond .comment-reply-title {
letter-spacing: normal;
font-size: 24px;
text-transform: none;
margin-bottom: 10px;
}
.comment-respond .comment-reply-title small {
font-size: 16px;
font-weight: 400;
text-transform: lowercase;
margin-left: 5px;
}
.comment-respond .comment-reply-title small a {
color: #ad1010;
}
.comment-respond .comment-reply-title small a:hover {
color: var(--archi-color-primary);
}
.comment-form p {
margin-bottom: 20px;
}
.comment-form p > span {
display: inline-block;
}
.comment-form .comment-notes,
.comment-form .logged-in-as {
font-size: 14px;
margin-bottom: 10px;
}
.comment-form input[type=text],
.comment-form input[type=email] {
width: 100%;
}
.comment-form .octf-btn {
padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
.comments-area ul.children {
padding-left: 30px;
}
} .widget ul, .widget ol {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.widget ul li, .widget ol li {
position: relative;
}
.widget .tagcloud {
margin-top: 30px;
}
.widget .tagcloud a {
display: inline-block;
font-size: 12px !important;
color: var(--archi-color-primary);
line-height: 1;
padding: 6px 8px;
margin-right: 2px;
margin-bottom: 13px;
white-space: nowrap;
vertical-align: middle;
text-transform: capitalize;
text-align: center;
cursor: pointer;
outline: none;
user-select: none;
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.widget .tagcloud a:hover {
color: #eceff3;
border-color: #eceff3;
}
.widget-area .widget {
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: solid 1px #333;
}
.widget-area .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.widget-area .widget .widget-title,
.widget-area .widget .wp-block-search__label,
.widget-area .widget .wp-block-heading {
position: relative;
font-family: var(--archi-heading-font-family);
display: block;
font-size: 16px;
color: var(--archi-heading-color);
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
padding-bottom: 30px;
}
.widget-area .widget .widget-title:before,
.widget-area .widget .wp-block-search__label:before,
.widget-area .widget .wp-block-heading:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: var(--archi-color-primary);
}
.widget-area .widget ul:not(.recent-news) > li {
font-size: 14px;
position: relative;
margin-bottom: 0;
line-height: 32px;
}
.widget-area .widget ul:not(.recent-news) > li:last-child {
margin-bottom: 0;
}
.widget-area .widget ul:not(.recent-news) > li a {
position: relative;
display: inline-block;
}
.widget-area .widget ul:not(.recent-news) > li .posts-count {
color: var(--archi-body-font-color);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.widget-area .widget select {
width: 100%;
padding: 8px;
outline: none;
}
.widget-area .widget table caption {
margin-bottom: 10px;
}
.widget-area .widget table td, .widget-area .widget table th {
border-color: #aaa;
text-align: center;
}
.widget-area .widget .textwidget p:last-child {
margin-bottom: 0;
}
.widget-area .widget_categories ul li a,
.widget-area .widget_product_categories ul li a,
.widget-area .widget_archive ul li a {
display: inline-block;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
} .widget .recent-news li {
display: flex;
align-items: flex-start;
}
.widget .recent-news li:not(:last-child) {
margin-bottom: 20px;
}
.widget .recent-news .thumb {
min-width: 100px;
width: 100px;
margin-right: 20px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.widget .recent-news h6 {
font-family: var(--archi-body-font-family);
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 2px;
}
.widget .recent-news h6 a {
display: inline-block;
}
.widget .recent-news .post-on {
display: block;
position: relative;
font-size: 12px;
font-weight: 500;
padding-left: 18px;
}
.widget .recent-news .post-on:before {
position: absolute;
content: "\f073";
left: 0;
font-family: "FontAwesome";
font-weight: 300;
color: var(--archi-color-primary);
} .search-form {
position: relative;
display: inline-flex;
width: 100%;
flex-wrap: nowrap;
}
.search-form label {
flex-grow: 1;
}
.search-form .search-submit {
border: none;
width: 46px;
outline: none;
text-align: center;
vertical-align: middle;
color: var(--archi-color-second);
background: var(--archi-color-primary);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.search-form .search-submit i:before {
font-size: 18px;
}
.search-form .search-submit:hover {
background-color: var(--archi-color-white);
} .widget_block ul:not(.recent-news) > li, .widget_block ol > li {
line-height: 32px;
margin-bottom: 0;
}
.widget-area .wp-block-search__inside-wrapper {
position: relative;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__input {
width: 100%;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__button {
width: 52px;
font-size: 0;
text-align: center;
color: var(--archi-color-second);
background: var(--archi-color-primary);
margin: 0;
vertical-align: middle;
border: none;
outline: none;
transition: background-color 0.3s linear;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__button:hover {
background-color: var(--archi-color-white);
}
.widget-area .wp-block-search__inside-wrapper .wp-block-search__button:before {
display: block;
font-family: "FontAwesome";
content: "\f002";
font-size: 18px;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.bypostauthor {
color: inherit;
} .gallery-caption {
display: block;
}
.gallery {
margin-bottom: 1.5em;
margin-left: -7px;
margin-right: -7px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
padding: 7px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .ot-heading {
display: inline-block;
}
.ot-heading__title {
margin-bottom: 0;
}
.ot-heading__sub {
display: inline-block;
color: var(--archi-color-primary);
margin-bottom: 0;
}
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@media (max-width: 767px) {
.ot-heading br {
display: none;
}
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ot-text-box__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
font-size: 48px;
line-height: 1;
text-align: center;
margin-bottom: 20px;
color: #222222;
background-color: var(--archi-color-primary);
}
.ot-text-box .text-title {
color: var(--archi-color-primary);
margin-bottom: 15px;
} .ot-service-box > * {
display: block;
}
.ot-service-box img {
display: block;
width: 100%;
}
.ot-service-box__content {
padding: 40px;
background: var(--archi-color-white);
}
.ot-service-box__title {
color: #222222;
font-size: 20px;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
margin-bottom: 15px;
}
.ot-service-box__title a {
color: #222222;
}
.ot-service-box__title a:hover {
color: var(--archi-color-primary);
}
.ot-service-box__desc {
color: #606060;
margin-bottom: 0;
}
.ot-service-box .octf-btn {
margin-top: 20px;
}
.ot-service-box-image {
position: relative;
overflow: hidden;
height: 350px;
z-index: 1;
}
.ot-service-box-image * {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.ot-service-box-image .overlay {
position: absolute;
min-height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
}
.ot-service-box-image__content {
color: var(--archi-color-white);
margin: 30px;
margin-bottom: -20px;
position: absolute;
bottom: 0;
pointer-events: none;
}
.ot-service-box-image__title {
position: relative;
font-size: 24px;
letter-spacing: 0;
color: var(--archi-color-white);
text-transform: none;
padding-left: 40px;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.ot-service-box-image__title:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
background: var(--archi-color-primary);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ot-service-box-image__desc {
max-height: 0;
margin-bottom: 0;
opacity: 0;
}
.ot-service-box-image .btn-service {
opacity: 0;
}
.ot-service-box-image .bg-image {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
width: 110%;
height: 110%;
margin-left: -5%;
z-index: -1;
}
.ot-service-box-image:hover .overlay {
background: rgba(0, 0, 0, 0.6);
}
.ot-service-box-image:hover .ot-service-box-image__content {
margin-bottom: 30px;
}
.ot-service-box-image:hover .ot-service-box-image__desc {
max-height: 500px;
margin-bottom: 20px;
opacity: 1;
}
.ot-service-box-image:hover .btn-service {
opacity: 1;
}
.ot-service-box-image:hover .bg-image {
margin-left: 0;
}
.ot-progress {
margin: 0;
padding: 0;
list-style: none;
}
.ot-progress li {
position: relative;
}
.ot-progress li:not(:last-child) {
margin-bottom: 20px;
}
.ot-progress__title {
font-weight: 500;
}
.ot-progress-inner {
width: 100%;
height: 4px;
background: rgba(255, 255, 255, 0.2);
overflow: hidden;
border-radius: 10px;
}
.ot-progress__value {
position: absolute;
right: 0;
top: 0;
}
.ot-progress__bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
text-align: center;
white-space: nowrap;
background: var(--archi-color-primary);
width: 0;
height: 100%;
border-radius: 10px;
} .ot-tabs__heading {
flex-wrap: wrap;
margin-bottom: 16px;
}
.ot-tabs__link {
display: block;
font-size: 15px;
color: var(--archi-color-white);
text-align: center;
padding: 8px 16px;
cursor: pointer;
background: 0 0;
}
.ot-tabs__link:hover {
color: var(--archi-color-primary);
}
.ot-tabs__item.current .ot-tabs__link {
color: var(--archi-color-second);
background-color: var(--archi-color-primary);
}
.ot-tabs__content {
display: none;
}
.ot-tabs__content-wrap {
margin: 0;
}
.ot-tabs__content.current {
display: block;
}
.ot-tabs__content h5 {
font-size: 22px;
line-height: 36px;
}
.ot-tabs__content p:last-child {
margin-bottom: 0;
}
.ot-big-tabs .ot-tabs__heading {
margin-bottom: 0;
}
.tabs-vertical {
display: flex;
flex-direction: row;
gap: 40px;
}
.tabs-vertical .ot-tabs__heading {
min-width: 25%;
flex-direction: column;
margin-bottom: 0;
}
.tabs-vertical .ot-tabs__content-wrap {
width: 100%;
}
.ot-pricing-table {
position: relative;
text-align: center;
overflow: hidden;
background: #222427;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.ot-pricing-table__header {
padding: 40px;
}
.ot-pricing-table__title {
font-size: 24px;
margin-bottom: 20px;
font-weight: normal;
}
.ot-pricing-table__prices {
color: var(--archi-color-primary);
}
.ot-pricing-table__prices .price-currency {
display: inline-block;
font-size: 24px;
line-height: 54px;
vertical-align: top;
}
.ot-pricing-table__prices .price-value {
font-size: 48px;
line-height: 70px;
font-weight: bolder;
color: var(--archi-color-white);
}
.ot-pricing-table__prices .price-duration {
color: #cccccc;
}
.ot-pricing-table__features-list {
display: block;
text-align: left;
margin: 0;
padding: 0;
}
.ot-pricing-table__features-list .pricing-features-item {
display: flex;
align-items: center;
line-height: 60px;
padding: 0px 30px;
}
.ot-pricing-table__features-list .pricing-features-item:nth-child(odd) {
background: #2f3135;
}
.ot-pricing-table__features-list .pricing-features-item:nth-child(even) {
background: #2a2c30;
}
.ot-pricing-table__features-list .pricing-features-icon {
font-size: 14px;
color: var(--archi-color-primary);
margin-right: 10px;
}
.ot-pricing-table__footer {
padding: 40px;
}
.ot-pricing-table__footer .octf-btn {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.ot-pricing-table__ribbon {
position: absolute;
top: 20px;
left: -55px;
min-width: 200px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
font-weight: bold;
color: #222;
background: var(--archi-color-primary);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.ot-process__title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-family: var(--archi-heading-font-family);
font-size: 16px;
font-weight: 700;
color: #222;
background: var(--archi-color-primary);
width: 180px;
height: 180px;
padding: 30px 0;
text-align: center;
cursor: pointer;
text-transform: uppercase;
border: 1px solid transparent;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-process__title i, .ot-process__title svg {
display: block;
margin-bottom: 15px;
}
.ot-process__title svg {
width: 1em;
height: auto;
fill: currentColor;
}
.ot-process__nav {
display: flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
column-gap: 60px;
row-gap: 30px;
justify-content: center;
overflow: hidden;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.ot-process__nav li {
position: relative;
padding-bottom: 60px;
text-align: center;
}
.ot-process__nav li:after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
width: 1px;
height: 60px;
background: rgba(255, 255, 255, 0.6);
opacity: 0;
visibility: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-process__nav li .process-des-item {
padding: 0;
}
.ot-process__nav li.current:after {
opacity: 1;
visibility: visible;
}
.ot-process__nav li.current .ot-process__title {
color: var(--archi-color-white);
border-color: rgba(255, 255, 255, 0.6);
background: none;
}
.ot-process__des {
text-align: left;
padding-top: 30px;
}
@media (max-width: 991px) {
.ot-process__nav {
display: block;
}
.ot-process__nav li {
padding-bottom: 40px;
}
.ot-process__nav li:after {
display: none;
}
} .ot-acc-item {
padding: 20px;
background-color: #202124;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ot-acc-item:not(:first-of-type) {
border-top: 0;
}
.ot-acc-item:first-of-type {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ot-acc-item:last-of-type {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.ot-acc-item__title {
position: relative;
cursor: pointer;
justify-content: flex-start;
font-size: 16px;
font-weight: 400;
overflow: hidden;
color: var(--archi-color-white);
margin-bottom: 0;
line-height: inherit;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-acc-item__title span:not(.ot-acc-item__icon) {
position: absolute;
right: 0;
line-height: 1;
}
.ot-acc-item__title span:not(.ot-acc-item__icon).up {
display: none;
}
.ot-acc-item__title i {
display: block;
font-size: 18px;
text-align: center;
color: currentColor;
}
.ot-acc-item__title i.up {
display: none;
}
.ot-acc-item__title i.down {
margin-top: 5px;
}
.ot-acc-item__title svg {
display: block;
width: 18px;
fill: currentColor;
}
.ot-acc-item__content {
display: none;
}
.ot-acc-item__content p:last-child, .ot-acc-item__content ul:last-child {
margin-bottom: 0;
}
.ot-acc-item .acc__content-inner {
color: var(--archi-color-white);
padding: 20px 0 0;
}
.ot-acc-item.current .ot-acc-item__title i.down {
display: none;
}
.ot-acc-item.current .ot-acc-item__title i.up {
display: inherit;
}
.ot-acc-item.current .ot-acc-item__title span.down {
display: none;
}
.ot-acc-item.current .ot-acc-item__title span.up {
display: inherit;
}
.ot-acc-item.current .ot-acc-item__title, .ot-acc-item:hover .ot-acc-item__title {
color: var(--archi-color-primary);
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -19px;
margin-top: -19px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 19px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 19px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px;
}
.ot-testimonial-wrap blockquote {
font-size: 16px;
line-height: 1.8em;
font-weight: 500;
color: var(--archi-color-light);
margin-bottom: 0;
padding: 20px 30px 30px 80px;
background: rgba(0, 0, 0, 0.5);
border: 0;
}
.ot-testimonial-wrap blockquote.icon:before {
font-size: 20px;
position: absolute;
left: 0;
top: 0;
color: var(--archi-color-second);
background: var(--archi-color-primary);
}
.ot-testimonial-wrap blockquote.icon-top:before {
padding-left: 0;
padding-right: 0;
}
.ot-testimonial-wrap blockquote.with-title {
font-size: 24px;
line-height: 1.5em;
padding: 0;
background: none;
}
.ot-testimonial-wrap blockquote.with-title .blockquote-content {
font-style: italic;
font-weight: 300;
margin: 0;
}
.ot-testimonial-wrap blockquote.with-rate {
padding: 0;
background: transparent;
}
.ot-testimonial-wrap blockquote.with-rate:before {
display: none;
}
.ot-testimonial-wrap blockquote.with-rate .blockquote-content {
margin: 0;
}
.ot-testimonial-wrap .blockquote-title {
display: block;
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
.ot-testimonial-wrap .blockquote-content {
margin: 10px 0;
}
.ot-testimonial-wrap .blockquote-meta {
display: inline-flex;
align-items: center;
text-align: left;
vertical-align: top;
}
.ot-testimonial-wrap .blockquote-meta img {
width: 70px;
margin-right: 20px;
border-radius: 50%;
}
.ot-testimonial-wrap .blockquote-meta .tname {
font-size: 12px;
font-weight: 500;
color: var(--archi-color-primary);
line-height: inherit;
margin-bottom: 0;
}
.ot-testimonial-wrap .blockquote-meta .tjob {
font-size: 12px;
margin-bottom: 0;
} .ot-image-carousel .link_detail {
vertical-align: top;
}
.ot-image-carousel figure {
display: block;
text-align: center;
}
.ot-image-carousel figure img {
display: inline-block;
width: auto;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
} .ot-image-box {
position: relative;
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.ot-image-box img {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -100;
}
.ot-image-box__content {
width: 100%;
height: 100%;
padding: 40px;
z-index: 1;
background: rgba(0, 0, 0, 0.6);
}
.ot-image-box__title {
color: var(--archi-color-white);
font-size: 20px;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
margin-bottom: 15px;
}
.ot-image-box__title a {
color: var(--archi-color-white);
}
.ot-image-box__title a:hover {
color: var(--archi-color-primary);
}
.ot-image-box__desc {
margin-bottom: 0;
}
.ot-image-box .octf-btn {
width: 100%;
color: var(--archi-color-white);
border: solid 1px rgba(255, 255, 255, 0.2);
margin-top: 20px;
} .ot-gallery {
margin-top: -30px;
margin-left: -15px;
margin-right: -15px;
}
.ot-gallery__item {
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 100%;
padding: 0 15px;
margin: 0;
overflow: hidden;
}
.ot-gallery__item a {
display: block;
margin-top: 30px;
}
.ot-gallery__item img {
display: block;
width: 100%;
cursor: pointer;
}
@media (min-width: 768px) {
.gallery-column-2 .ot-gallery__item,
.gallery-column-2 .grid-sizer {
max-width: 50%;
}
.gallery-column-2 .ot-gallery__item.width2x,
.gallery-column-2 .grid-sizer.width2x {
max-width: 100%;
}
.gallery-column-3 .ot-gallery__item,
.gallery-column-3 .grid-sizer {
max-width: 33.33%;
}
.gallery-column-3 .ot-gallery__item.width2x,
.gallery-column-3 .grid-sizer.width2x {
max-width: 66.66%;
}
.gallery-column-4 .ot-gallery__item,
.gallery-column-4 .grid-sizer {
max-width: 25%;
}
.gallery-column-4 .ot-gallery__item.width2x,
.gallery-column-4 .grid-sizer.width2x {
max-width: 50%;
}
.gallery-column-5 .ot-gallery__item,
.gallery-column-5 .grid-sizer {
max-width: 20%;
}
.gallery-column-5 .ot-gallery__item.width2x,
.gallery-column-5 .grid-sizer.width2x {
max-width: 40%;
}
.gallery-column-6 .ot-gallery__item,
.gallery-column-6 .grid-sizer {
max-width: 16.666%;
}
.gallery-column-6 .ot-gallery__item.width2x,
.gallery-column-6 .grid-sizer.width2x {
max-width: 33.332%;
}
.gallery-column-7 .ot-gallery__item,
.gallery-column-7 .grid-sizer {
max-width: 14.28%;
}
.gallery-column-7 .ot-gallery__item.width2x,
.gallery-column-7 .grid-sizer.width2x {
max-width: 28.56%;
}
.gallery-column-8 .ot-gallery__item,
.gallery-column-8 .grid-sizer {
max-width: 12.5%;
}
.gallery-column-8 .ot-gallery__item.width2x,
.gallery-column-8 .grid-sizer.width2x {
max-width: 25%;
}
.gallery-column-9 .ot-gallery__item,
.gallery-column-9 .grid-sizer {
max-width: 11.11%;
}
.gallery-column-9 .ot-gallery__item.width2x,
.gallery-column-9 .grid-sizer.width2x {
max-width: 22.22%;
}
.gallery-column-10 .ot-gallery__item,
.gallery-column-10 .grid-sizer {
max-width: 10%;
}
.gallery-column-10 .ot-gallery__item.width2x,
.gallery-column-10 .grid-sizer.width2x {
max-width: 20%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.gallery-column-2 .ot-gallery__item,
.gallery-column-3 .ot-gallery__item,
.gallery-column-4 .ot-gallery__item,
.gallery-column-5 .ot-gallery__item,
.gallery-column-6 .ot-gallery__item,
.gallery-column-7 .ot-gallery__item,
.gallery-column-8 .ot-gallery__item,
.gallery-column-9 .ot-gallery__item,
.gallery-column-10 .ot-gallery__item,
.ot-gallery .grid-sizer {
max-width: 50%;
}
.gallery-column-2 .ot-gallery__item.width2x,
.gallery-column-3 .ot-gallery__item.width2x,
.gallery-column-4 .ot-gallery__item.width2x,
.gallery-column-5 .ot-gallery__item.width2x,
.gallery-column-6 .ot-gallery__item.width2x,
.gallery-column-7 .ot-gallery__item.width2x,
.gallery-column-8 .ot-gallery__item.width2x,
.gallery-column-9 .ot-gallery__item.width2x,
.gallery-column-10 .ot-gallery__item.width2x,
.ot-gallery .grid-sizer.width2x {
max-width: 50%;
}
}
@media (max-width: 479px) {
.gallery-column-2 .ot-gallery__item,
.gallery-column-3 .ot-gallery__item,
.gallery-column-4 .ot-gallery__item,
.gallery-column-5 .ot-gallery__item,
.gallery-column-6 .ot-gallery__item,
.gallery-column-7 .ot-gallery__item,
.gallery-column-8 .ot-gallery__item,
.gallery-column-9 .ot-gallery__item,
.gallery-column-10 .ot-gallery__item,
.ot-gallery .grid-sizer {
max-width: 100%;
}
.gallery-column-2 .ot-gallery__item.width2x,
.gallery-column-3 .ot-gallery__item.width2x,
.gallery-column-4 .ot-gallery__item.width2x,
.gallery-column-5 .ot-gallery__item.width2x,
.gallery-column-6 .ot-gallery__item.width2x,
.gallery-column-7 .ot-gallery__item.width2x,
.gallery-column-8 .ot-gallery__item.width2x,
.gallery-column-9 .ot-gallery__item.width2x,
.gallery-column-10 .ot-gallery__item.width2x,
.ot-gallery .grid-sizer.width2x {
max-width: 100%;
}
}
.ot-post-carousel .post-item {
margin-bottom: 0;
border: none;
}
.ot-post-carousel .entry-media {
display: inline-block;
vertical-align: top;
}
.ot-post-carousel .entry-media img {
width: auto;
}
.ot-counter-wrapper {
text-align: center;
}
.ot-counter__title {
color: var(--archi-color-primary);
margin-bottom: 0;
}
.ot-counter__number-wrapper {
display: inline-flex;
font-size: 40px;
letter-spacing: 3px;
line-height: 1.2;
margin-bottom: 15px;
justify-content: center;
}
.ot-counter__icon {
display: inline-block;
margin-bottom: 20px;
line-height: 1;
font-size: 60px;
text-align: center;
color: var(--archi-color-primary);
vertical-align: middle;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-counter__icon i, .ot-counter__icon svg {
display: block;
}
.ot-counter__icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.ot-countdown {
text-align: center;
display: flex;
margin-bottom: 0;
}
.ot-countdown li {
position: relative;
display: inline-block;
line-height: 1;
flex-grow: 1;
flex-basis: 0;
}
.ot-countdown li span {
display: block;
font-size: 72px;
font-weight: 400;
margin-bottom: 15px;
white-space: nowrap;
}
.ot-countdown li p {
margin-bottom: 0;
font-size: 16px;
text-transform: uppercase;
white-space: nowrap;
}
@media (max-width: 767px) {
.ot-countdown li p {
font-size: 14px;
}
.ot-countdown li span {
font-size: 42px;
}
.ot-countdown li span {
margin-bottom: 10px;
}
}
.ot-team {
position: relative;
overflow: hidden;
}
.ot-team__thumb img {
display: inline-block;
width: 100%;
max-width: 100%;
}
.ot-team__info {
position: absolute;
color: #ccc;
padding: 20px;
background: var(--archi-color-second);
z-index: 100;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-team__info .tname {
color: var(--archi-color-white);
margin-bottom: 5px;
}
.ot-team__info .tname a {
color: currentColor;
}
.ot-team__info .tname a:hover {
color: var(--archi-color-primary);
}
.ot-team__info .tjob {
font-size: 14px;
line-height: 1.7em;
}
.ot-team__info .team-social a {
display: inline-block;
text-align: center;
font-size: 20px;
margin-right: 10px;
color: var(--archi-color-white);
vertical-align: top;
}
.ot-team__info .team-social a:last-child {
margin: 0;
}
.ot-team__info .team-social a svg {
width: 1em;
fill: currentColor;
transition: all 0.2s ease-in-out;
}
.ot-team__info .team-social a:hover {
color: var(--archi-color-primary);
}
.ot-team .small-border {
width: 50px;
}
.display-on-hover .ot-team__info {
top: 100%;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 0;
visibility: hidden;
}
.display-on-hover:hover .ot-team__info {
top: 0;
visibility: visible;
}
.alway-display .ot-team__info {
width: calc(100% - 40px);
height: auto;
left: 20px;
bottom: 20px;
}
.ot-timeline {
width: 100%;
}
.ot-timeline-item {
position: relative;
padding-left: 40px;
}
.ot-timeline .tl-marker {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 6px;
}
.ot-timeline .tl-marker:before {
position: absolute;
top: 20px;
left: 0;
content: "";
display: block;
width: 6px;
height: 6px;
border: 3px solid transparent;
border-radius: 100%;
background: var(--archi-color-white);
}
.ot-timeline .tl-marker:after {
position: absolute;
top: 0;
left: 3px;
content: "";
display: block;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
}
.timeline-item:last-child .ot-timeline .tl-marker:after {
content: none;
}
.ot-timeline .tl-time {
font-family: var(--archi-heading-font-family);
font-size: 18px;
line-height: 1.2;
color: var(--archi-color-light);
}
.ot-timeline .tl-time span {
display: inline-block;
padding: 10px 20px;
border: 1px solid #dddddd;
}
.ot-timeline .tl-detail {
padding-bottom: 30px;
}
.ot-timeline .tl-detail p {
margin-bottom: 0;
}
.ot-timeline .tl-title {
color: var(--archi-color-primary);
margin-top: 25px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.ot-timeline {
display: table;
}
.ot-timeline .tl-time,
.ot-timeline .tl-detail,
.ot-timeline .tl-marker {
display: table-cell;
vertical-align: top;
padding-top: 20px;
}
.ot-timeline .tl-marker {
position: relative;
}
.ot-timeline .tl-detail {
padding-left: 60px;
padding-bottom: 20px;
}
.ot-timeline .tl-time {
padding-right: 30px;
}
.ot-timeline .tl-time span {
margin-top: -15px;
}
.ot-timeline .tl-title {
margin-top: 0;
}
.ot-timeline .ot-timeline-item {
display: table-row;
padding: 0;
}
} .projects-thumbnail {
position: relative;
display: inline-block;
margin: 0;
vertical-align: top;
overflow: hidden;
}
.projects-thumbnail:not(.overlay-creative) .post-title {
font-family: var(--archi-body-font-family);
display: block;
font-weight: bold;
font-size: 11px;
color: var(--archi-color-primary);
text-transform: uppercase;
letter-spacing: 5px;
}
.pf_2_cols .creative-two:hover span.bg {
width: 1000px;
height: 1000px;
} .isotope-filter {
position: relative;
z-index: 5;
margin-bottom: 20px;
}
.isotope-filter ul {
display: inline;
font-weight: 400;
letter-spacing: 1px;
padding: 0;
margin: 0;
list-style: none;
}
.isotope-filter ul li {
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
}
.isotope-filter ul li:last-child, .isotope-filter ul li.f-right {
margin-right: 0;
}
.isotope-filter ul li.f-left {
margin-left: 0;
}
.isotope-filter ul li a {
display: inline;
padding: 9px 20px;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
outline: none;
}
.isotope-filter ul li a.active, .isotope-filter ul li a:hover {
color: var(--archi-color-second);
background: var(--archi-color-primary);
} .loadmore_wrapper {
margin-top: 50px;
clear: both;
}
.loadmore_wrapper span {
transition: opacity 0.3s;
}
.loadmore_wrapper i.fa-spinner {
position: absolute;
top: calc(50% - 9px);
left: calc(50% - 10px);
font-size: 18px;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
animation: loadingP 2s linear infinite;
}
.loadmore_wrapper .loading i.fa-spinner {
opacity: 1;
visibility: visible;
}
.loadmore_wrapper .loading span {
opacity: 0;
transition: opacity 0.2s;
} .projects-masonry {
margin-top: -30px;
margin-left: -15px;
margin-right: -15px;
}
.projects-masonry .project-item {
display: inline-block;
float: left;
padding: 0 15px;
margin-top: 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.projects-masonry .grid-sizer {
width: 100%;
padding: 0;
margin: 0;
}
.projects-masonry.pf_2_cols .project-item,
.projects-masonry.pf_2_cols .grid-sizer {
width: 50%;
}
.projects-masonry.pf_2_cols .project-item.width2x,
.projects-masonry.pf_2_cols .grid-sizer.width2x {
width: 100%;
}
.projects-masonry.pf_3_cols .project-item,
.projects-masonry.pf_3_cols .grid-sizer {
width: 33.3333333333%;
}
.projects-masonry.pf_3_cols .project-item.width2x,
.projects-masonry.pf_3_cols .grid-sizer.width2x {
width: 66.66666666%;
}
.projects-masonry.pf_4_cols .project-item,
.projects-masonry.pf_4_cols .grid-sizer {
width: 25%;
}
.projects-masonry.pf_4_cols .project-item.width2x,
.projects-masonry.pf_4_cols .grid-sizer.width2x {
width: 50%;
}
@media (max-width: 1199px) {
.projects-masonry.pf_4_cols .grid-sizer,
.projects-masonry.pf_4_cols .project-item {
width: 33.333333%;
}
.projects-masonry.pf_4_cols .grid-sizer.width2x,
.projects-masonry.pf_4_cols .project-item.width2x {
width: 66.666666%;
}
}
@media (max-width: 991px) {
.projects-masonry.pf_3_cols .project-item,
.projects-masonry.pf_3_cols .grid-sizer,
.projects-masonry.pf_4_cols .grid-sizer,
.projects-masonry.pf_4_cols .project-item {
width: 50%;
}
.projects-masonry.pf_3_cols .project-item.width2x,
.projects-masonry.pf_3_cols .grid-sizer.width2x,
.projects-masonry.pf_4_cols .grid-sizer.width2x,
.projects-masonry.pf_4_cols .project-item.width2x {
width: 100%;
}
.isotope-filter ul li.f-left, .isotope-filter ul li.f-right {
float: none;
}
.isotope-filter ul li.f-right {
margin-right: 5px;
}
.isotope-filter ul li.f-left {
margin-left: 5px;
}
}
@media (max-width: 767px) {
.projects-masonry.pf_2_cols .project-item,
.projects-masonry.pf_2_cols .grid-sizer,
.projects-masonry.pf_3_cols .project-item,
.projects-masonry.pf_3_cols .grid-sizer,
.projects-masonry.pf_4_cols .grid-sizer,
.projects-masonry.pf_4_cols .project-item {
width: 100%;
}
.projects-masonry.pf_2_cols .project-item.width2x,
.projects-masonry.pf_2_cols .grid-sizer.width2x,
.projects-masonry.pf_3_cols .project-item.width2x,
.projects-masonry.pf_3_cols .grid-sizer.width2x,
.projects-masonry.pf_4_cols .grid-sizer.width2x,
.projects-masonry.pf_4_cols .project-item.width2x {
width: 100%;
}
} .isotope {
transition-property: height, width;
}
.isotope,
.isotope-item {
transition-duration: 0.4s;
}
@keyframes loadingP {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
} .project-bottom {
border-top: 1px solid var(--archi-border-bottom-color);
padding-bottom: 100px;
margin-top: 60px;
}
.single-project-navigation {
padding-top: 60px;
}
.single-project-navigation .post-nav {
margin-bottom: 0;
}
.project-related-posts-wrap {
padding-top: 70px;
}
.project-related-title-wrap h2 {
margin-bottom: 30px;
}
.ot-video-popup {
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: top;
}
.ot-video-popup__image {
display: block;
overflow: hidden;
}
.ot-video-popup__image img {
width: 100%;
transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-ms-transition: all 1s linear;
}
.ot-video-popup .octf-btn-play {
position: relative;
width: 80px;
height: 80px;
display: inline-block;
text-align: center;
line-height: 80px;
color: var(--archi-color-white);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
opacity: 1;
}
.ot-video-popup .octf-btn-play i {
position: static;
font-size: 21px;
}
.ot-video-popup .octf-btn-play:not(.no-effect):before {
position: absolute;
content: "";
left: 50%;
top: 50%;
display: block;
width: 100%;
height: 100%;
background: var(--archi-color-primary);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
z-index: 0;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
animation: pulse-border 1500ms ease-out infinite;
}
.ot-video-popup__btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ot-video-popup:not(.no-scale):hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.ot-text-marquee {
color: var(--archi-color-white);
white-space: nowrap;
}
.ot-text-marquee .swiper-slide {
width: auto;
padding: 0 110px;
}
.ot-text-marquee__txt {
display: block;
font-size: 120px;
line-height: 1.2;
letter-spacing: -2px;
font-style: normal;
font-weight: 600;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.ot-text-marquee__txt:after {
position: absolute;
content: "";
top: 50%;
right: -40px;
width: 80px;
height: 10px;
background: var(--archi-color-primary);
transform: translateY(-50%);
}
.swiper-wrapper.ticker {
transition-timing-function: linear !important;
} .octf-btn-line {
border: solid 1px rgba(255, 255, 255, 0.2);
color: var(--archi-color-light);
font-weight: 500;
font-size: 12px;
line-height: 18px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 3px;
padding-left: 30px;
padding-right: 50px;
text-transform: uppercase;
display: inline-block;
text-align: center;
letter-spacing: 2px;
text-decoration: none;
}
#contact_form input[type=submit].octf-btn-line {
background: none;
padding: 8px 20px;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#contact_form input[type=submit].octf-btn-line:hover {
background-color: var(--archi-color-primary);
color: var(--archi-color-second);
border-color: var(--archi-color-second);
}
#contact_form textarea {
height: 178px;
}
body .elementor-widget:not(:last-child) {
margin-bottom: 0;
}
.elementor-default .elementor-widget-text-editor p:last-child {
margin-bottom: 0;
} .elementor-icon.elementor-social-icon {
display: inline-flex;
}
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
width: 100%;
}
.elementor-section .elementor-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 480px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
max-width: 100%;
}
.elementor-element .container {
width: 100%;
padding: 0;
}
.elementor .e-con > .e-con-inner,
.main-navigation ul ul.sub-mega-menu.boxed {
max-width: 100%;
}
}
@media (min-width: 576px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
max-width: 540px;
}
.elementor-element .container {
width: 510px;
padding: 0;
}
.elementor .e-con > .e-con-inner,
.main-navigation ul ul.sub-mega-menu.boxed {
max-width: 510px;
}
}
@media (min-width: 768px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
max-width: 720px;
}
.elementor-element .container {
width: 690px;
padding: 0;
}
.elementor .e-con > .e-con-inner,
.main-navigation ul ul.sub-mega-menu.boxed {
max-width: 690px;
}
}
@media (min-width: 992px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
max-width: 960px;
}
.elementor-element .container {
width: 930px;
padding: 0;
}
.elementor .e-con > .e-con-inner,
.main-navigation ul ul.sub-mega-menu.boxed {
max-width: 930px;
}
}
@media (min-width: 1200px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
max-width: 1140px;
}
.elementor-element .container {
width: 1110px;
padding: 0;
}
.elementor .e-con > .e-con-inner,
.main-navigation ul ul.sub-mega-menu.boxed {
max-width: 1110px;
}
}
@media (min-width: 1400px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container,
.container {
max-width: 1320px;
}
.elementor-element .container {
width: 1290px;
padding: 0;
}
.elementor .e-con > .e-con-inner,
.main-navigation ul ul.sub-mega-menu.boxed {
max-width: 1290px;
}
} .octf-cta-header {
display: inline-block;
position: relative;
height: 100%;
align-items: center;
}
.octf-cta-header .toggle_search {
cursor: pointer;
}
.octf-cta-header .toggle_search i {
display: inline-block;
color: var(--archi-color-white);
text-align: center;
vertical-align: middle;
min-width: 22px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.octf-cta-header .toggle_search i:before, .octf-cta-header .toggle_search i:after {
font-size: 22px;
}
.octf-cta-header .toggle_search i.fa.fa-close:before {
font-size: 18px;
}
.octf-cta-header .h-search-form-field {
display: none;
position: absolute;
z-index: 99;
top: calc(100% + 10px);
right: -30px;
width: 340px;
}
.octf-cta-header .h-search-form-field .h-search-form-inner {
padding: 35px;
background-color: #1d1e1f;
}
.octf-cta-header .h-search-form-field.show {
-webkit-animation: searchSlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
animation: searchSlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
@-webkit-keyframes searchSlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes searchSlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .octf-cart {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
.octf-mainbar-container .octf-cart {
margin-left: 50px;
}
.site-header-cart {
position: absolute;
top: calc(100% + 10px);
right: -30px;
color: #fff;
width: 342px;
padding: 30px;
background: #2a2a2a;
visibility: hidden;
opacity: 0;
z-index: 10;
box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.site-header-cart .woocommerce-mini-cart__buttons {
margin-bottom: -15px;
}
.site-header-cart .widget_shopping_cart_content {
text-align: left;
}
.octf-cart:hover .site-header-cart {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.octf-cart:hover .site-header-cart:before {
content: "";
position: absolute;
height: 10px;
width: 100%;
top: -10px;
left: 0px;
}
.cart-contents {
position: relative;
display: inline-block;
min-width: 48px;
text-align: right;
color: var(--archi-color-mainmenu);
}
.cart-contents i:before {
font-size: 22px;
}
.cart-contents .cart-count {
position: relative;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-align: center;
margin-top: 2px;
color: var(--archi-color-btn);
background: var(--archi-color-primary);
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.de_light .site-header-cart {
color: var(--archi-body-font-color);
background: #ffffff;
}
@media only screen and (max-width: 1024px) {
.site-header-cart {
display: none;
}
}  .octf-menu-hamburger {
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
visibility: hidden;
-webkit-transition: 0.5s linear all;
-moz-transition: 0.5s linear all;
transition: 0.5s linear all;
}
.octf-menu-hamburger.open-menu {
top: 0;
z-index: 9999;
visibility: visible;
background: rgba(0, 0, 0, 0.9);
}
.admin-bar .octf-menu-hamburger.open-menu {
top: 32px;
}
#menu-hamburger-close {
position: fixed;
color: var(--archi-color-white);
width: 30px;
height: 45px;
cursor: pointer;
z-index: 99;
}
#menu-hamburger-close span.line-1,
#menu-hamburger-close span.line-2 {
display: block;
position: absolute;
right: 0px;
top: 32px;
width: 30px;
height: 3px;
background: var(--archi-color-white);
border-radius: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#menu-hamburger-close span.line-1 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#menu-hamburger-close span.line-2 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
#menu-hamburger-close:hover span.line-1,
#menu-hamburger-close:hover span.line-2 {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
#menu-hamburger-close.on-left {
left: 20px;
}
#menu-hamburger-close.on-right {
right: 20px;
}
@media (max-width: 782px) {
.admin-bar .octf-menu-hamburger {
top: 46px;
}
}
.menu-hamburger-toggle {
display: inline-block;
}
.menu-hamburger-toggle a {
display: block;
width: 30px;
color: var(--archi-color-white);
overflow: hidden;
}
.menu-hamburger-toggle a:hover span:nth-child(1) {
margin-left: 50%;
}
.menu-hamburger-toggle a:hover span:nth-child(2) {
margin-left: 25%;
}
.menu-hamburger-toggle span {
display: block;
width: 100%;
height: 3px;
background: var(--archi-color-white);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.menu-hamburger-toggle span ~ span {
margin-top: 7px;
}
.side-menu-active .menu-overlay {
background: rgba(0, 0, 0, 0.9);
visibility: visible;
opacity: 1;
z-index: 9998;
} .mmenu-toggle button {
padding: 0;
color: var(--archi-color-white);
background: none;
border: none;
outline: none;
}
.mmenu-toggle button i:before {
font-size: 22px;
}
.mmenu-wrapper {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 310px;
height: 100vh;
background: var(--archi-color-second);
overflow-x: hidden;
z-index: 9999;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.mmenu-wrapper.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mmenu-wrapper .mmenu-inner {
top: 0;
height: 100%;
width: 327px;
padding: 20px 52px 35px 35px;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.mmenu-wrapper .mmenu-close {
display: block;
color: var(--archi-color-white);
margin-bottom: 10px;
}
.mmenu-wrapper .mobile_mainmenu {
margin: 0;
padding: 0;
}
.mmenu-wrapper .mobile-nav {
min-width: 240px;
}
.mmenu-wrapper .mobile_mainmenu ul {
position: relative;
margin: 0;
padding: 0;
margin-left: 15px;
}
.mmenu-wrapper .mobile_mainmenu ul {
display: none;
}
.mmenu-wrapper .mobile_mainmenu li {
position: relative;
list-style: none;
}
.mmenu-wrapper .mobile_mainmenu li a {
padding: 9px 30px 9px 0;
display: block;
font-size: 14px;
color: var(--archi-color-light);
border-bottom: 1px solid var(--archi-border-color-menu-mobile);
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow {
position: absolute;
display: block;
right: 0;
top: 0;
color: var(--archi-color-light);
cursor: pointer;
width: 34px;
height: auto;
padding: 7px 12px 7px 0;
line-height: inherit;
text-align: right;
box-sizing: border-box;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i {
display: inline-block;
line-height: 1;
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.mmenu-wrapper.on-left {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.mmenu-wrapper.on-left.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mmenu-wrapper.on-left .mmenu-close {
text-align: right;
}
.mmenu-active .mmenu-overlay {
background: rgba(0, 0, 0, 0.7);
visibility: visible;
opacity: 1;
z-index: 9998;
}
.site-overlay {
cursor: url(//katriskuchen.com/wp-content/themes/archi/images/close.png) 16 16, default;
background: transparent;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
z-index: -1;
}
@media only screen and (max-width: 1024px) {
.admin-bar .mmenu-wrapper {
top: 32px;
}
}
@media only screen and (max-width: 782px) {
.admin-bar .mmenu-wrapper {
top: 46px;
}
} .list-menu-item-wrapper {
margin-bottom: 0;
}
.list-menu-item-wrapper li {
display: block;
}
.list-menu-item-wrapper li a {
display: block;
}  #back-to-top {
position: fixed;
right: 40px;
bottom: 40px;
width: 32px;
height: 32px;
line-height: 28px;
text-align: center;
color: #222222;
background: var(--archi-color-primary);
border: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
outline: none;
z-index: 999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
#back-to-top:hover {
color: var(--archi-color-second);
background-color: var(--archi-color-white);
}
#back-to-top.show {
opacity: 1;
visibility: visible;
}
#back-to-top i {
font-family: "FontAwesome";
font-weight: 400;
}
#back-to-top i:before {
font-size: 22px;
} .error-404 {
position: relative;
height: 100vh;
display: flex;
align-items: center;
color: var(--archi-color-white);
background-size: cover;
}
.error-404 .error-logo {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
}
.error-404 h1 {
font-size: 180px;
line-height: 1;
font-weight: 300;
color: var(--archi-color-white);
}
.error-404 h2 {
font-size: 42px;
line-height: 1;
margin-bottom: 30px;
color: var(--archi-color-white);
}
.error-404 .page-content {
font-size: 18px;
line-height: 32px;
max-width: 425px;
margin: auto;
}
.error-404 .page-content form {
margin: 10px 15px 0;
}
.error-404 .octf-btn {
display: inline-block;
margin-top: 30px;
}
@media (max-width: 600px) {
.error-404 h1 {
font-size: 120px;
}
.error-404 h2 {
font-size: 28px;
}
.error-404 .page-content {
font-size: 14px;
line-height: 24px;
}
} @media (min-width: 992px) {
.lg-hidden {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.md-hidden {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.sm-hidden {
display: none;
}
}  .de_light .post-box .entry-title a,
.de_light .post-box .post-date > div,
.de_light .page-pagination li a:hover,
.de_light .widget .tagcloud a:hover {
color: var(--archi-color-second);
}
.de_light .post-box .entry-title a:hover {
color: var(--archi-color-primary);
}
.de_light .post-box .btn-readmore > a:hover {
color: var(--archi-color-white);
background: #222222;
}
.de_light .post-box,
.de_light .post-box .post-date .month,
.de_light .widget-area .widget,
.de_light .widget .tagcloud a {
border-color: #dddddd;
}
.de_light .comments-area .comment-item .comment-meta .comment-reply,
.de_light .page-pagination li a,
.de_light .page-pagination li span {
border-color: #cccccc;
}
.de_light .search-form .search-submit:hover {
color: var(--archi-color-white);
background-color: var(--archi-color-second);
}
.de_light .widget .tagcloud a {
color: var(--archi-color-link);
}
.de_light .widget .tagcloud a:hover {
border-color: var(--archi-color-second);
}
.de_light .blog-post .entry-meta,
.de_light .blog-post .entry-meta > span {
border-color: #eeeeee;
}
.de_light #back-to-top:hover {
color: var(--archi-color-white);
background: var(--archi-color-second);
}  .de_light .vertical-main-navigation ul > li > a {
opacity: 1;
}@font-face{font-family:dearflip;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB/AAAAC8AAAAYGNtYXDV1NUQAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZvV0Ah0AAAGQAAASdGhlYWQnoblUAAAUBAAAADZoaGVhB8ID8QAAFDwAAAAkaG10eLYAAAAAABRgAAAAwGxvY2FSqk12AAAVIAAAAGJtYXhwADoAmgAAFYQAAAAgbmFtZWTWXU4AABWkAAABknBvc3QAAwAAAAAXOAAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADq0QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg6Sjqk+rK6tH//f//AAAAAAAg6QDqk+rK6tH//f//AAH/4xcEFZoVZBVeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAKSA8AABQAAJQcJARcHApI8/wABADzE5zwBAAEAPMQAAAAAAQAA/8ACqgPAAAUAACU3JzcJAQFuxMQ8AQD/AOfExDz/AP8AAAAAAAEAAP/AAwADwAAFAAABFzcXCQEBPMTEPP8A/wACPcTEPP8AAQAAAAABAAD/wAMAA8AABQAAAScJAQcnATw8AQABADzEARk8AQD/ADzEAAAAAQAA/8AB8gPAAAUAAAkCBwkBAfL+pgFaTP5aAaYDBf6m/qZMAaYBpgAAAAABAAD/wAQAA8AABQAAJQkBNwkBAg4BWv6mTAGm/lpRAVoBWkz+Wv5aAAAAAAIAAP/AAxIDwAADAAkAAAEzESMlBwkBFwcBAFZWAhI8/wABADzEAqv+ADw8AQABADzEAAACAAD/wAMAA8AAAwAJAAABMxEjATcJASc3AqpWVv5EPAEA/wA8xAKr/gABxDz/AP8APMQAAQAA/8ADKgPAAAIAAAkCAVYB1P4sAtX+1v7WAAIAAP/AAwADwAADAAcAAAEzESMhETMRAlaqqv6qqgLV/awCVP2sAAACAAD/wANWA8AAAgAFAAAJAREhCQEB6gFs/oD+lAFsAasBAP4AAQABAAAAAAIAAP/AA5YDwAACAAUAAAkCIREBAioBbP6U/oABbAKr/wD/AAIA/wAAAAAAAQAA/8ADKgPAAAsAAAEHFwcnByc3JzcXNwMq7u487u487u487u4Cme7uPO7uPO7uPO7uAAMAAP/AA6oDwAAPAB8AKwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYXFTMVIxUjNSM1MzUCAIxlZWVljIxlZWVljLB9fX19sLB9fX192qysVKysVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH191KxUrKxUrAAAAwAA/8ADqgPAAA8AHwAjAAAlMjc2NTQnJiMiBwYVFBcWEzIXFhUUBwYjIicmNTQ3NgMhFSECAIxlZWVljIxlZWVljLB9fX19sLB9fX19JgGs/lRVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX3+gFQAAAABAAD/wAMqA8AACwAAASERIxEhNSERMxEhAyr/AFT/AAEAVAEAAYH/AAEAVAEA/wAAAAAAAQAA/8ADKgPAAAMAAAEhNSEDKv2sAlQBgVQAAAYAAP/AA4ADwAADAAcACwAbACsAOwAAASEVIRE1IRUBNSEVJTIXFhUUBwYjIicmNTQ3NhMyFxYVFAcGIyInJjU0NzYTMhcWFRQHBiMiJyY1NDc2ASoCVv2qAlb9qgJW/SoaExMTExoaExMTExoaExMTExoaExMTExoaExMTExoaExMTEwLVVP8AVFT/AFRUahMTGhoTExMTGhoTEwIAEhIcHBISEhIcHBIS/wASEhwcEhISEhwcEhIAAAAABAAA/8ADAAPAAAMABwALAA8AAAEzNSMhFTM1AzM1IwUzNSMBAODgASDg4ODg/uDg4AHL4ODg/gDg4OAACAAA/8ADgAPAAAMABwALAA8AEwAXABsAHwAAJTUjFQMhESEBNSMVAyERIQM1IxUDIREhATUjFQMhESEDKqpWAVb+qgEAqlYBVv6qqqpWAVb+qgEAqlYBVv6qgaqqAQD+qgIAqqoBAP6q/qyqqgEA/qoCAKqqAQD+qgAAAAkAAP/AA1YDwAADAAcACwAPABMAFwAbAB8AIwAAJTUzFQM1MxUBNTMVNzMVIwE1MxUhNTMVAzUzFTM1MxUBNTMVAqqsrKz+VKxUrKz/AKz+VKysrFSs/lSsVaysAQCsrAEArKysrP8ArKysrP8ArKysrAIArKwAAAIAAP/AA9YDwAAJACkAACURJiMiBxE2MzIDMhcRFAcGIyInJiMiByYjIgciBwYjIicmNRE2MzIXNgOAQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlaVAewUQP4WQAJAQP2SCAcHAixAQC4BAQYGCAJyQEBAAAAABQAA/8AD1gPAAAkAEwAdACcARwAAATIXFSYjIgc1Nic2MzIXFSYjIgc3Igc1NjMyFxUmExEmIyIHETYzMgMyFxEUBwYjIicmIyIHJiMiByIHBiMiJyY1ETYzMhc2Auo0OChEeEhMTFRsNDgoRHhIwHhIUHA0ODBaQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlYBRwpACipIIlAiCkAKKpwqRiQKQgz+qgHsFED+FkACQED9kggHBwIsQEAuAQEGBggCckBAQAAAAAACAAD/wANWA8AAAgATAAABMyclIQERFAcGIyEiJyY1EzQ3NgIq7Oz+1gFWAQAaGiL+ACIaGgIZGQIr6kD/AP4AIhkZGRkiAqwiGRkAAwAA/8ADagPAAAMAEwAsAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBKtbWbFA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAisqrDg4UFA4ODg4UFA4ONRA1CIMQlBQdHRRUVFRdCo1NSAMAAMAAP/AA2oDwAALABsANAAAASMVIzUjNTM1MxUzBzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcCAFYqVlYqVmpQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAwAA/8ADVgPAAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2ITIXFhUUBwYjIicmNTQ3NiEyFxYVFAcGIyInJjU0NzYCACIaGhoaIiIaGhoaASIiGhoaGiIiGhoaGv4iIhoaGhoiIhoaGhoCARoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGgAAAgAA/8ADVgPAAAMACgAANyEVIQEHJzMRMxGqAqz9VAIAqqqAVIFWAVasrAGq/lYAAwAA/8ADgAPAABEAGAAeAAABFhcWFRQHBgc1Njc2NTQnJicTFAcRFhcWJTM3EScjAlaCVFRUVIJeOzs7O15qaiwfH/3AqtbWqgMhHGlpiIhpaRxYHE5OZmZOThz+4ng0AVgWMjJO1v1U1gAAAQAA/8ADgAPAADMAACUyFxYVFAcGIyInJjU0NyUGIyInJjU0NzYzMhclJjU0NzYzMhcWFRQHBiMiJwUWFRQHBTYDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCT9JSUyNCUlJSU0FAiwIiYmNDQmJiKuFAo0JiYmJjQ0JiYksBQKChSwIAAFAAD/wAOqA8AAAwANABcAIQArAAABESERExUjIicmPQEzFSUzFRQHBisBNTMBIzU0NzY7ARUjJTMyFxYdASM1IwMA/gAqgCIZGVQCrFQZGSKAgP1UVBkZIoCAAiyAIhkZVIACVf6sAVT+VlYaGiJWVlZWIhoaVgGqViIaGlZWGhoiVlYAAAAABAAA/8ADgAPAAAYADQAUABsAAAERITcnNxcFIREXNxcHAxEhBxcHJyUhEScHJzcDgP8AYnw+ev5i/wBiej58ngEAYnw+egGeAQBiej58ASv/AGJ6PnyeAQBifD56AZ4BAGJ6Pnye/wBifD56AAAAAAEAAP/AAqsDwAAXAAABMxUjESMRIzUzNTQ2Nz4BOwEVIyIGHQECK4CAgICAGBcYPCNaWhAWAgCA/tUBK4A2JlUaGxqAFhBaAAIAAP/AA84DwAALAA8AAAEzCQEhCwEjCQEhExMzASMDCo7+ywFr/uTf/o0BSf6lASPJt07+B1QDS/6f/iEBI/7dAXkBx/72/h4CnAAEAAD/wAOqA8AAHQAtAD0AQQAAATIXFhUUBwYVIzQ3Njc2NzY1NCcmIyIHBhUjNDc2EzI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTNTMVAgBGMjJAQFQUFBgYFBQaGiIiGhpUMjJGjGVlZWWMjGVlZWWMsH19fX2wsH19fX2GVAKrMjJGNjk5Li4hIQ8PFhYcIhkZGRkiRjIy/aplZYyMZWVlZYyMZWUDAH19sLB9fX19sLB9ff1WVlYAAAAAAwAA/8ADqgPAABwAIAAwAAABNjU0JyYjIgcGFTM0NzYzMhcWFRQPAQYdATM0NwM1IxUTMhcWFRQHBiMiJyY1NDc2AoIoMjJGRjIyVBoaIiIaGho0MlQyMlQqsH19fX2wsH19fX0Byyg4RjIyMjJGIhoaGhoiIho2NkIWQjb+3lRUAtR9fbCwfX19fbCwfX0AAgAA/8ADagPAAA8AKAAAATI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBllA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAVU4OFBQODg4OFBQODjUQNQiDEJQUHR0UVFRUXQqNTUgDAAAAAAEAAD/wAOqA8AAAwATABcAJwAAARUhNQEyNzY1NCcmIyIHBhUUFxYDNSEVATIXFhURIxUhNSMRNDc2MwMA/gACKhINDQ0NEhIMDAwMbv6sAdQ0Jiaq/gCqJiY0Ayuqqv6ADAwSEg0NDQ0SEgwM/tbU1AHUJiY0/wCqqgEANCYmAAMAAP/AA6oDwAACAAcAGwAAASUhAREFJREBMhcWFREUBwYjISInJjURNDc2MwIAAVb9VAKs/qr+qgKsIhkZGRki/VQiGRkZGSIB1db+AAGq1NT+VgJWGhoi/gAiGhoaGiICACIaGgAAAgAA/8ADqgPAAAUAGQAAATUFJRUFATIXFhURFAcGIyEiJyY1ETQ3NjMDVv6q/qoBVgFWIhkZGRki/VQiGRkZGSICVVbW1lbUAYAaGiL+ACIaGhoaIgIAIhoaAAADAAD/wAOAA8AAAwAHAAsAABMhFSEVNSEVBTUhFYADAP0AAwD9AAMAAqtW1FRU1lZWAAAAAwAA/6sD/gPAACgAUACXAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmJwExIiYvAQc3Jy4BNTQ3PgE3NjMyFx4BFxYXFhceARcWFRQHDgEHBiMTLgEnJiIHDgEHDgEnLgEnLgEnJjY3PgE3PgE3NiYnLgEnLgEjKgEjIgYHDgEVFBYXFhceARcWFx4BFxYyNz4BNz4BJy4BJwNpJCkqWzExM2lcXYkoKCIiSAENN3tAaVxdiigoCgomGxwk/pk5bTEPoCsKICEiIXJNTVcrKClMIiMeHRcXIAgIISJyTU1X5wlECQkNBwYcBgYMCQo4JB0kBgYHBQQKBQQFAwMBAwIdCAcQBQYMBwYTCAkkLwUCERA4JycwFiQOFygREjsICAICAwwKAxYkHBsmCgooKIpcXWlDgTn++UYeICgoil1caTMxMVspKiT88x4dCSqcEDJyPFdNTXMhIQgIIBcXHh0jIkwpKSpXTU1zISEBPAUhAwMJCiEHBgIFBRkhGTUKCQwEBQwGBQkHBgsFBUYTEwMGCQoxLy9OBgMXFzwfHxUJDQUHAgMjFxYiBAQGBQAAAAMAAP/AA8ADwAAZAB0AKQAAATMVMz4BMzIXHgEXFhURIxE0JiMiBhURIxEhMxEjExQGIyImNTQ2MzIWAYCxAxJZQ0crKzAJCLkZR0gmuf7AwMDAOCgoODgoKDgCK1shOhUUSDExOf7MARExZFk3/uoCQP3AAuAoODgoJzk5AAAAAQAA/8ADvAPAAG4AAAEiBw4BBwYVFBceARcWFy4BNzY3PgE3NjEwJjU0NjMyFhUUBgcGFjMyNjU0JiMiBhUUFhceAQcOAQcOAScuATU0Nz4BNzYzMhceARcWFRQHDgEHBiMiJicwBgcOAQceATMyNz4BNzY1NCcuAScmIwIAXFFQeSMjFRVLNDQ9AgMHAwgJEgcHDS8hHBwbCggpITtQZ1JeahMOAwEBAwgBAgcGKjATE0o2N0g5MjJKFRURET0rKjIiOQsXBAgiDR9CIlxRUHkjIyMjeVBRXANmIyJ5UVBcR0BAbCkpGBpIHQ0kJEweHSUdLj4lGhxQJyEvcVpQZHdJHTgRAwYDCyMFBgMDFGcxNTAxShYWExNFLy83OTIzShYWHxRaDx1BFgoKIyN4UVFbXFFReSIjAAAAAAEAAAABAABPPPplXw889QALBAAAAAAA4kE6dgAAAADiQTp2AAD/qwQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAADAEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeADIARgBaAG4AhACaALQAzgDcAPABBgEcATYBdgGwAcoB2AI2AlQCkgLOAw4DeAOeA+IELgR2BI4ExAUQBVQFjAWwBdYGOAaABsAHAAc0B2IHfAhcCJwJOgAAAAEAAAAwAJgACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBkZWFyZmxpcABkAGUAYQByAGYAbABpAHBSZWd1bGFyAFIAZQBnAHUAbABhAHJkZWFyZmxpcABkAGUAYQByAGYAbABpAHBGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");font-weight:400;font-style:normal;font-display:block}.df-ui-btn[class*=" ti-"]:before,.df-ui-btn[class^=ti-]:before,[class*=" df-icon-"]:before,[class^=df-icon-]:before{font-family:dearflip!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.df-icon-arrow-left:before{content:"\e900"}.df-icon-arrow-right:before{content:"\e901"}.df-icon-arrow-down:before{content:"\e902"}.df-icon-arrow-up:before{content:"\e903"}.df-icon-arrow-left1:before{content:"\e904"}.df-icon-arrow-right1:before{content:"\e905"}.df-icon-first-page:before{content:"\e906"}.df-icon-last-page:before{content:"\e907"}.df-icon-play-popup:before,.df-icon-play:before{content:"\e908"}.df-icon-pause:before{content:"\e909"}.df-icon-fast-rewind:before{content:"\e90a"}.df-icon-fast-forward:before{content:"\e90b"}.df-icon-close:before{content:"\e90c"}.df-icon-add-circle:before{content:"\e90d"}.df-icon-minus-circle:before{content:"\e90e"}.df-icon-add:before{content:"\e90f"}.df-icon-minus:before{content:"\e910"}.df-icon-list:before{content:"\e911"}.df-icon-grid:before{content:"\e912"}.df-icon-grid-view:before{content:"\e913"}.df-icon-apps:before{content:"\e914"}.df-icon-double-page:before{content:"\e915"}.df-icon-book:before{content:"\e916"}.df-icon-file:before{content:"\e917"}.df-icon-zoom-out:before{content:"\e918"}.df-icon-zoom-in:before{content:"\e919"}.df-icon-more:before{content:"\e91a"}.df-icon-download:before,.df-ui-btn.ti-download:before{content:"\e91b"}.df-icon-volume:before{content:"\e91c"}.df-icon-share:before{content:"\e91d"}.df-icon-fit-screen:before{content:"\e91e"}.df-icon-fullscreen:before{content:"\e91f"}.df-icon-facebook:before{content:"\e920"}.df-icon-twitter:before{content:"\e921"}.df-icon-help-outline:before{content:"\e922"}.df-icon-help:before{content:"\e923"}.df-icon-search:before,.df-ui-btn.ti-search:before{content:"\e924"}.df-icon-print:before,.df-ui-btn.ti-printer:before{content:"\e925"}.df-icon-mail-outline:before{content:"\e926"}.df-icon-mail:before{content:"\e927"}.df-icon-menu:before{content:"\e928"}.df-icon-linkedin:before{content:"\eaca"}.df-icon-pinterest:before{content:"\ead1"}.df-icon-whatsapp:before{content:"\ea93"} .df-container .df-loading-icon,.df-fetch-pdf .df-loading-info,.df-flipbook-3d.df-loading:after,.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after,.df-page.df-loading:after,.df-searching .df-search-info,.df-thumb.df-thumb-requested:before{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")}.df-hidden{display:none!important}.df-text-align-center,.has-text-align-center{text-align:center}.df-app{min-height:220px;position:relative;overflow:hidden;width:100%;image-rendering:auto;direction:ltr;line-height:1.5}.df-container{height:100%}.df-container *{box-sizing:border-box!important}.df-container i{font-style:normal}.df-container a{outline:0;text-decoration:none;box-shadow:none}.df-container .df-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:no-repeat 50%;background-size:cover}.df-container .df-loading-info{position:absolute;top:-300px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;max-width:200px;margin-top:20px;padding:10px 15px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#f7f7f7;border-radius:5px;font-size:12px;color:#222;word-break:break-word;letter-spacing:.5px;opacity:0}.df-container.df-init .df-loading-info{top:50%;opacity:1;max-width:300px}.df-container.df-init .df-viewer{display:none}.df-container.df-error .df-loading-info{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0;color:#b00}.df-container .df-loading-icon{-moz-transition:.3s .1s opacity;-o-transition:.3s .1s opacity;-webkit-transition:.3s .1s opacity;transition:.3s .1s opacity;opacity:0;height:50px;width:50px;left:50%;top:50%;margin:-45px -25px -25px;box-sizing:border-box;position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:32px;background-position:50%;background-color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-container.df-loading .df-loading-icon{opacity:1;z-index:100}.df-fetch-pdf .df-loading-info{opacity:1;top:0;z-index:4;background-repeat:no-repeat;padding-left:36px;background-size:24px;background-position:6px 6px}.df-viewer .df-3dcanvas{right:0;position:absolute}.df-ui{color:#666;bottom:0;width:100%;height:42px;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#fff;position:absolute;vertical-align:top;box-sizing:border-box;text-align:center;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4;display:block}.df-ui .df-logo{height:100%}.df-ui .df-logo.df-logo-img{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px}.df-ui .df-logo.df-logo-img img{max-height:100%;max-width:120px}.df-ui .df-ui-page{padding:0;font-size:12px;width:50px;min-width:50px;line-height:42px;margin:0 0;border-radius:0;background-color:rgba(0,0,0,.03)}.df-ui .df-ui-page label{position:absolute;right:0;top:0;min-width:50px;height:100%;text-align:center;display:block;line-height:inherit!important;color:#999;font-weight:400;cursor:pointer;background-color:transparent;z-index:1;box-sizing:border-box;word-break:normal}.df-ui .df-ui-page input{width:100%;background-color:transparent;height:100%;margin:0;padding:0!important;border:1px solid #8f8f8f;text-align:center;vertical-align:top;line-height:inherit!important;color:transparent;font-size:14px;top:0;box-sizing:border-box;z-index:-1;display:block;opacity:0}.df-ui .df-ui-page input:focus{z-index:2;opacity:1;color:inherit}.df-ui .df-ui-page input:focus+label{opacity:0;display:none}.df-ui-btn{color:#777;vertical-align:top;background-color:#fff;box-sizing:border-box;text-align:center;position:relative;width:40px;height:100%;font-size:20px;cursor:pointer;z-index:2;display:inline-block;padding:10px 5px;line-height:1.2;transition:.3s;transition-property:opacity,color,background-color}.df-ui-btn:before{box-sizing:border-box}.df-ui-btn.df-active,.df-ui-btn:hover{color:#00acce;background-color:#eee}.df-ui-btn.df-active{background-color:#e7e7e7}.df-ui-btn.disabled,.df-ui-btn.disabled:hover{color:#bbb}.df-ui-btn span{display:none}.df-more-container{display:none;position:absolute;bottom:100%;margin-bottom:8px!important;right:10px;background-color:#f7f7f7;z-index:20;border-radius:5px;box-shadow:0 -1px 3px rgba(0,0,0,.2)}.df-more-container:before{content:" ";position:absolute;border:7px solid transparent;border-top-color:#eee;height:0;width:0;bottom:-14px;right:13px;margin-right:-8px;pointer-events:none}.df-more-container>.df-ui-btn{width:170px;text-align:left;padding:6px 8px;height:36px;border-top:1px solid #e4e4e4;border-radius:0;line-height:16px}.df-more-container>.df-ui-btn span{font-size:12px;padding-left:24px;vertical-align:middle;display:inline-block}.df-more-container>.df-ui-btn:before{position:absolute;top:7px;font-size:20px;width:1em;text-align:center}.df-more-container>.df-ui-btn:first-child{border-radius:5px 5px 0 0;border-top:none}.df-more-container>.df-ui-btn:last-child{border-radius:0 0 5px 5px}.df-ui-more.df-active .df-more-container{display:block}.df-ui-search.df-active .df-search-container{display:block;padding:5px}.df-ui-nav{top:50%;margin-top:-50px;position:absolute;opacity:.8;height:100px;font-size:36px;width:50px;z-index:2;cursor:pointer}.df-ui-nav:hover{opacity:1}.df-ui-nav .df-ui-btn{height:auto;height:initial;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;padding:15px 5px;width:auto;font-size:inherit;background-color:transparent!important}.df-ui-nav .df-ui-btn:before{color:#fff;filter:drop-shadow(0 0 3px rgb(0, 0, 0))}.df-ui-nav.df-ui-prev{left:0;right:auto;border-radius:0}.df-ui-nav.df-ui-prev .df-ui-btn{left:10px}.df-ui-nav.df-ui-prev .df-ui-btn:before{text-align:left}.df-ui-nav.df-ui-next{right:0}.df-ui-nav.df-ui-next .df-ui-btn{right:10px}.df-ui-nav.df-ui-next .df-ui-btn:before{text-align:right}.df-flipbook-2d,.df-flipbook-3d,.df-slider,.df-viewer-container,.df-zoomview{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;z-index:1}.df-flipbook-2d{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-flipbook-2d .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-flipbook-2d .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.df-page-content{overflow:hidden;opacity:.3}.df-page.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-page.df-loading .df-page-content{display:none}.df-page>canvas{width:100%;height:100%;position:relative;z-index:0}.df-page .df-page-content{position:absolute;height:100%;display:block;top:0;width:100%;z-index:2}.df-sheet{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-page,.df-sheet .df-page-back,.df-sheet .df-page-front,.df-sheet .df-sheet-fold-inner-shadow,.df-sheet .df-sheet-fold-outer-shadow,.df-sheet .df-sheet-wrapper{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}.df-sheet .df-sheet-wrapper{overflow:hidden}.df-sheet .df-page{width:100%;height:100%;background-color:#fff;box-sizing:border-box;z-index:0;background-size:100% 100%}.df-sheet .df-page:before{content:"";position:absolute;display:block;top:0;width:15%;height:100%;z-index:5;opacity:.5;pointer-events:none}.df-sheet .df-page>canvas{z-index:-1}.df-sheet .df-page-front:before{left:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-sheet .df-page-back:before{right:0;background-image:-webkit-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-sheet.df-left-side{right:50%;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right}.df-sheet.df-left-side .df-page-front{z-index:1}.df-sheet.df-left-side .df-page-back{z-index:2}.df-sheet.df-right-side{left:50%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left}.df-sheet.df-right-side .df-page-front{z-index:2}.df-sheet.df-right-side .df-page-back{z-index:1}.df-sheet .df-sheet-fold-inner-shadow{position:absolute;z-index:5;display:none}.df-sheet .df-sheet-fold-outer-shadow{z-index:-1;width:100%;height:100%}.df-sheet.df-flipping,.df-sheet.df-folding{z-index:200!important}.df-sheet.df-folding.df-left-side .df-page-front,.df-sheet.df-folding.df-right-side .df-page-back{z-index:3}.df-sheet.df-folding .df-sheet-fold-inner-shadow{display:block}.df-sheet.df-folding .df-page-content{display:none}.df-pending .df-page-content,.df-pendingresize .df-page-content{display:none!important}.df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front{z-index:3}.df-hard-sheet .df-sheet-wrapper{width:100%!important;height:100%!important;overflow:visible;transform-style:preserve-3d;-webkit-transform-origin:0 50% 0;-moz-transform-origin:0 50% 0;transform-origin:0 50% 0}.df-hard-sheet .df-sheet-fold-inner-shadow,.df-hard-sheet .df-sheet-fold-outer-shadow{display:none!important}.df-hard-sheet .df-page-back,.df-hard-sheet .df-page-front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.df-hard-sheet.df-right-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%;z-index:3!important}.df-hard-sheet.df-right-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%;z-index:4}.df-hard-sheet.df-left-side .df-page-back{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;transform-origin:right 50%}.df-hard-sheet.df-left-side .df-page-front{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;transform-origin:left 50%}.df-flipbook-3d.df-loading:after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-link-content,.df-text-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none;overflow:clip;transform-origin:0 0}.df-page-content.df-double-internal:not(.df-double-internal-fix)>div{right:-100%}.df-page-content.df-double-internal-fix>div{left:-100%}.annotationLayer section,.customHtmlAnnotation,.customLinkAnnotation,.customVideoAnnotation,.df-link-content section,.highlightAnnotation,.linkAnnotation,.popupAnnotation{position:absolute;z-index:5;cursor:pointer;pointer-events:all;border:none!important;padding:0!important;margin:0!important}section.popupAnnotation{display:none}.buttonWidgetAnnotation a,.customHtmlAnnotation,.customVideoAnnotation,a.customLinkAnnotation,a.df-autolink,a.linkAnnotation,section.linkAnnotation a{background-color:#ff0;display:block;height:100%;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.buttonWidgetAnnotation a:hover,.customHtmlAnnotation:hover,.customVideoAnnotation:hover,a.customLinkAnnotation:hover,a.df-autolink:hover,a.linkAnnotation:hover,section.linkAnnotation a:hover{border-color:transparent;background-color:#2196f3}a.df-autolink{display:inline;pointer-events:all;color:transparent!important}.df-sidemenu-wrapper{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:0;top:0;bottom:0;width:220px;position:absolute;z-index:3}.df-sidemenu-wrapper .df-sidemenu-buttons{z-index:6;position:relative;top:0;left:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:right;display:none;background-color:transparent;padding:6px 5px}.df-sidemenu-wrapper:before{content:" ";position:absolute;height:100%;width:100%;background-color:rgba(238,238,238,.9);z-index:3;left:0}.df-sidemenu-open .df-ui-nav.df-ui-prev{left:220px}.df-sidemenu-open .df-sidemenu-wrapper{display:block;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);left:0}.df-sidemenu-open .df-sidemenu-wrapper:before{box-shadow:1px 0 4px rgba(102,102,102,.38)}.df-sidemenu-open .df-sidemenu-buttons .df-ui-close{display:block}.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:99px}.df-sidemenu{width:100%;height:auto!important;position:absolute!important;top:0;bottom:0;z-index:3;opacity:0;color:#666;font-size:12px}.df-sidemenu>.df-wrapper{overflow:auto;position:absolute!important;top:40px;bottom:0;left:0;right:0;height:auto!important}.df-sidemenu.df-sidemenu-visible{opacity:1;z-index:5}.df-outline-container .df-wrapper{padding:10px}.df-outline-items>.df-outline-item{margin-left:18px}.df-outline-item a{color:inherit!important;text-decoration:none!important;display:block;padding:5px 0 5px 5px;overflow:hidden;text-overflow:ellipsis;border:none!important;box-shadow:none!important;margin-bottom:1px}.df-outline-item a:hover{text-decoration:underline!important;color:#2196f3!important}.df-outline-toggle{cursor:pointer;float:left;width:28px;padding:0 5px 0 10px;margin-left:-28px;text-align:center}.df-outline-toggle:before{content:"\e902";font-size:18px;font-family:dearflip}.df-outline-toggle.df-outlines-hidden:before{content:"\e901"}.df-outline-toggle.df-outlines-hidden~.df-outline-items{display:none}.df-outline-item a:hover,.df-outline-toggle:hover,.df-outline-toggle:hover+a,.df-outline-toggle:hover~.df-outline-items{background-color:rgba(100,100,100,.05)}.df-thumb{margin:0;cursor:pointer;width:100%;position:relative;text-align:center}.df-thumb .df-wrapper{box-sizing:content-box!important;margin:6px;border-radius:3px;transition:.2s background;display:inline-block;vertical-align:middle;border:2px dashed rgba(0,0,0,.3);position:relative}.df-thumb .df-wrapper .df-thumb-number{position:absolute;bottom:8px;background-color:rgba(238,238,238,.85);color:#444;font-size:14px;left:50%;transform:translateX(-50%);padding:5px;opacity:0}.df-thumb .df-bg-image{height:100%;background-size:100%;box-shadow:0 1px 4px rgba(0,0,0,.3)}.df-thumb.df-thumb-requested:before{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-thumb.df-thumb-loaded{height:auto!important}.df-thumb.df-thumb-loaded .df-wrapper{border:none;margin:0;padding:8px}.df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number{opacity:1}.df-thumb.df-selected .df-wrapper,.df-thumb.df-thumb-loaded:hover .df-wrapper{background-color:#ccc;background-color:rgba(0,0,0,.1);opacity:1}.df-lightbox-wrapper{position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0;z-index:99999}.df-lightbox-wrapper.df-lightbox-padded{top:20px;left:20px;bottom:20px;right:20px}.df-lightbox-wrapper .df-lightbox-bg{background:#eee;position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0}.df-lightbox-wrapper .df-lightbox-controls{float:right;padding:5px;z-index:1000;position:relative}.df-lightbox-wrapper .df-app{position:absolute!important;width:100%;top:0;bottom:0;height:auto!important}.df-lightbox-wrapper .df-container.df-transparent{height:100%}.df-lightbox-wrapper .df-lightbox-close{float:right;text-align:center;font-size:32px;padding:8px 0;height:48px;width:46px;cursor:pointer;color:#444;border-color:transparent;background-color:transparent;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;opacity:.8}.df-lightbox-wrapper .df-lightbox-close:hover{color:#fff;background-color:rgba(0,0,0,.21);border-color:#000;opacity:1}.df-lightbox-wrapper .df-lightbox-close:before{color:#fff;filter:drop-shadow(0 0 3px black)}.df-share-wrapper{z-index:2;position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.35);display:none}.df-share-box{position:absolute;top:50%;width:280px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;background-color:#fff;border-radius:10px;padding:10px 15px 5px;text-align:center}span.df-share-title{color:#777;margin-bottom:10px;display:block}.df-share-url{background-color:#fff;height:60px;color:#666;padding:2px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;font-size:12px;box-sizing:border-box;margin-bottom:0}.df-share-button{display:inline-block;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:5px 10px;font-size:20px;color:#aaa}.df-share-button:hover{color:#444}.df-reader{overflow:auto;position:absolute;-webkit-overflow-scrolling:touch}.df-reader .df-viewer-wrapper{cursor:grab}.df-reader .df-page{position:relative;transform-origin:initial;margin:-10px auto -10px;border:10px solid transparent;left:auto;left:initial;box-sizing:content-box!important}.df-reader .df-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-reader~.df-ui-nav{display:none}.df-reader:not(.df-noscroll){margin-right:-12px}.df-reader-scrollbar{position:absolute;top:0;height:auto;right:0;width:auto;background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.3);border-radius:20px 0 0 20px;padding:6px 8px 6px 12px;z-index:100;cursor:ns-resize}.df-reader-scrollbar.df-active,.df-reader-scrollbar:hover{background-color:#fff}.df-reader-scroll-page-number{display:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:#ddd;border-radius:10px;padding:20px;font-size:24px;z-index:100;text-align:center;color:#333}.df-reader-scroll-page-number.df-active{display:block}.df-reader-scroll-page-number .df-reader-scroll-page-number-total{margin-top:6px;padding-top:6px;border-top:1px solid #aaa;font-size:16px;font-style:italic}.df-ios .df-viewer.df-reader{margin-right:0}.df-no-transition{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important}.df-float .df-ui{bottom:10px;width:auto;width:intial;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin:0 auto;display:table;display:flex;border-radius:5px}.df-float .df-ui>.df-ui-btn:first-child{border-radius:5px 0 0 5px}.df-float .df-ui>.df-ui-btn:last-child{border-radius:0 5px 5px 0}.df-controls-top .df-ui{bottom:auto;bottom:intial;top:0}.df-controls-top.df-float .df-ui{top:10px}.df-controls-top .df-more-container{bottom:auto;top:100%;margin:8px 0 0!important}.df-controls-top .df-more-container:before{border-bottom-color:#eee;border-top:0;bottom:auto;top:-7px}.df-float-off.df-controls-top .df-sidemenu-wrapper{top:42px;bottom:0}.df-float-off.df-controls-bottom .df-sidemenu-wrapper{top:0;bottom:42px}.df-float-off .df-ui-left{justify-content:flex-start;display:flex;flex:1}.df-float-off .df-ui-right{justify-content:flex-end;display:flex;flex:1}.df-float-off .df-ui-center{display:flex;justify-content:center;align-items:center}.df-float-off .df-ui{display:flex}.df-controls-hidden .df-ui{display:none}.df-link-content .annotationTextContent{color:transparent}.df-link-content .popupWrapper{position:absolute;width:20em}.df-link-content .popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.df-link-content .popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.df-link-content .popup p{padding-top:.2em}body.df-lightbox-open,html.df-lightbox-open{overflow:hidden!important}.df-zoomview{display:none;cursor:move}.df-zoomview .df-viewer-wrapper{position:relative;margin:0 auto}.df-zoomview .df-viewer-wrapper .df-book-shadow{position:absolute;z-index:-1;height:100%;display:none;-webkit-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);-moz-box-shadow:0 1px 15px 1px rgba(0,0,0,.5);box-shadow:0 1px 15px 1px rgba(0,0,0,.5)}.df-zoomview .df-page{position:absolute;top:0;right:50%;background-color:#fff}.df-zoomview .df-page:before{width:10%;opacity:.5}.df-zoomview .df-page.df-page-front{left:50%}.df-zoom-active .df-viewer{cursor:move;cursor:-webkit-grab}.df-zoom-active .df-flipbook{display:none}.df-zoom-active .df-zoomview{display:block}.df-hybrid-viewer .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading+.df-zoomview{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview{display:block;pointer-events:none}.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page:before{display:none}.df-hybrid-viewer:not(.df-zoom-active) .df-loading+.df-zoomview::after{content:"";background-size:22px;height:22px;width:22px;display:block;top:50%;left:50%;margin:-11px;position:absolute;z-index:0}.df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview,.df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview{display:none}.df-container ::-webkit-scrollbar{width:12px;height:12px;cursor:pointer}.df-container ::-webkit-scrollbar-button{height:0;width:0;cursor:pointer}.df-container ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:50px}.df-container ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.8)}.df-container ::-webkit-scrollbar-thumb,.df-container ::-webkit-scrollbar-thumb:active,.df-container ::-webkit-scrollbar-thumb:hover{border-right:1px;border-left:1px;border-style:solid;border-color:transparent}.df-container ::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:50px}.df-container ::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.1)}.df-container ::-webkit-scrollbar-track:active{background:rgba(0,0,0,.15)}.df-container ::-webkit-scrollbar-corner{background:0 0}.df-sidemenu-wrapper ::-webkit-scrollbar{width:10px}.df-container.df-transparent.df-fullscreen{background:#aaa}.df-container.df-fullscreen{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:2147483647}.df-container.df-rtl .df-sidemenu-wrapper{left:auto;left:initial;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);right:-50px;direction:rtl}.df-container.df-rtl input.df-search-text{padding:0 15px 0 45px}.df-container.df-rtl .df-sidemenu-title{text-align:right}.df-container.df-rtl .df-search-clear{right:auto;left:60px}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);right:0}.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close{float:left}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev{left:0}.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next{right:220px}.df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after{margin-left:-122px}.df-container.df-rtl .df-outline-item{margin:0 18px 0 0;text-align:right;direction:rtl}.df-container.df-rtl .df-outline-item .df-outline-toggle{float:right;margin:0 -18px 0 0}.df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before{content:"\e900"}.df-container.df-rtl .df-viewer .df-3dcanvas{left:0;right:auto;right:initial}.df-container.df-rtl .df-more-container .df-ui-btn{text-align:right;direction:rtl}.df-container.df-rtl .df-more-container .df-ui-btn:before{right:10px}.df-container.df-rtl .df-more-container .df-ui-btn span{padding:0 24px 0 0}.df-lightbox-wrapper.df-rtl .df-lightbox-controls{float:left}.df-element[data-df-lightbox],.df-element[data-lightbox]{cursor:pointer}.df-popup-thumb{display:inline-block;box-sizing:border-box;margin:30px 15px 15px!important;text-align:center;border:0;width:140px;height:auto;word-break:break-word;vertical-align:bottom;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:800px;perspective:800px}.df-popup-thumb .df-book-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.2s;box-shadow:2px 0 4px rgba(0,0,0,.2);transform-origin:30%;background-color:#fff;width:100%;display:inline-block}.df-popup-thumb .df-book-page1,.df-popup-thumb .df-book-page2{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;background-color:#fff;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;z-index:1}.df-popup-thumb .df-book-cover{background-size:100% 100%;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;top:0;position:relative;overflow:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;box-shadow:0 10px 10px rgba(0,0,0,.24);z-index:1}.df-popup-thumb .df-book-cover.df-thumb-not-found{height:200px;position:relative}.df-popup-thumb.df-has-ridge .df-book-cover:after{display:block;content:" ";height:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.15) 1%,rgba(0,0,0,.15) 3%,rgba(255,255,255,.15) 5%,rgba(255,255,255,0) 7%);box-shadow:inset 0 -1px 3px 0 rgba(80,80,80,.5490196078);z-index:3;position:absolute;top:0;left:0}.df-popup-thumb .df-book-title{bottom:-100%;position:absolute;width:100%;left:0;padding:5px;font-size:.75em;background:rgba(255,255,255,.9);box-sizing:border-box;display:block;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;opacity:0}.df-popup-thumb img{display:block;width:100%;height:auto;margin:0!important;padding:0!important;border:0!important}.df-popup-thumb.df-thumb-not-found .df-book-title,.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb:hover .df-book-title{opacity:1;bottom:0}.df-popup-thumb.df-tl-book-title-fixed .df-book-title,.df-popup-thumb.df-tl-book-title-top .df-book-title{opacity:1;position:relative}.df-popup-thumb.df-thumb-not-found .df-book-wrapper{width:100%}.df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found,.df-popup-thumb.df-tl-cover-title .df-thumb-not-found{height:170px}.df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper,.df-popup-thumb.df-tl-cover-title .df-book-wrapper{position:relative;z-index:1}.df-popup-thumb.df-tl-book-title-bottom .df-book-title,.df-popup-thumb.df-tl-cover-title .df-book-title{position:relative;bottom:0;opacity:1;height:3em;background:0 0}.df-popup-thumb:hover .df-book-page1{transform:rotateY(-8deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-page2{transform:rotateY(-14deg) rotateZ(0);box-shadow:2px 0 4px rgba(0,0,0,.2)}.df-popup-thumb:hover .df-book-wrapper{transform:rotateY(-15deg) rotateZ(0)}.df-popup-thumb:hover .df-book-cover{-webkit-transform:rotateY(-18deg) rotateZ(0);-moz-transform:rotateY(-18deg) rotateZ(0);-ms-transform:rotateY(-18deg) rotateZ(0);transform:rotateY(-18deg) rotateZ(0)}.df-popup-thumb.df-tl-cover-title .df-book-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.3)}.df-popup-thumb.df-tl-cover-title .df-book-cover{box-shadow:none}.df-popup-thumb.df-tl-cover-title .df-book-cover:after{display:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper{box-shadow:0 5px 20px rgba(0,0,0,.5);transform:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-cover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;box-shadow:none}.df-popup-thumb.df-tl-cover-title:hover .df-book-page1,.df-popup-thumb.df-tl-cover-title:hover .df-book-page2{display:none}.df-popup-button{width:auto;display:inline-block;background:#ddd;border-radius:5px;padding:5px 15px;margin:5px;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background}.df-popup-button:hover{background:#aaa}.df-popup-hidden{display:none}.df-icon-play-popup{position:relative}.df-icon-play-popup:before{top:50%;position:absolute;left:50%;font-size:40px;background:#777;border-radius:50%;padding:10px;box-shadow:0 1px 5px #777;margin-top:-30px;margin-left:-30px;display:block;color:#fff;z-index:1;-moz-transition:.3s ease;-o-transition:.3s ease;-webkit-transition:.3s ease;transition:.3s ease;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none}.df-icon-play-popup:hover:before{opacity:0}.df-posts{max-width:1140px;margin:0 auto}.df-posts>.df-popup-thumb{width:calc(20% - 30px);min-width:100px;position:relative;z-index:1}df-post-shelf{display:none;height:160px;background-color:transparent;z-index:0;margin:-105px -40px -40px -40px;position:relative;background-repeat:no-repeat}df-post-shelf:nth-of-type(5n){display:block}df-post-shelf:after{content:" ";height:160px;display:block;position:absolute;bottom:0;right:0;width:240px;z-index:1;background-position:0 -160px;background-repeat:no-repeat;background-image:inherit;background-size:inherit}df-post-shelf:before{content:" ";display:block;position:absolute;left:240px;bottom:0;right:240px;height:160px;z-index:1;background-image:inherit;background-size:inherit;background-repeat:repeat-x;background-position:0 -320px}.df-posts.df-has-shelf{padding:0 40px 50px 40px}@media screen and (max-width:1100px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@media screen and (max-width:900px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@media screen and (max-width:600px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@media screen and (max-width:420px){.df-popup-thumb,.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}df-post-shelf:last-of-type{display:block}.df-posts{container-type:inline-size;container-name:dfposts;width:100%;box-sizing:border-box!important}@container dfposts (max-width:1020px){.df-posts>.df-popup-thumb{width:calc(25% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(4n){display:block}}@container dfposts (max-width:820px){.df-posts>.df-popup-thumb{width:calc(33% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(3n){display:block}}@container dfposts (max-width:520px){.df-posts>.df-popup-thumb{width:calc(50% - 30px)}df-post-shelf:nth-of-type(n){display:none}df-post-shelf:nth-of-type(2n){display:block}df-post-shelf{background-size:120px 480px}df-post-shelf:before{left:120px;right:120px}df-post-shelf:after{width:120px}}@container dfposts (max-width:320px){.df-posts>.df-popup-thumb{width:calc(100% - 30px)}df-post-shelf:nth-of-type(n){display:block}}@container dfposts (max-width:150px){.df-posts.df-has-shelf>.df-popup-thumb{width:100%;margin:30px -35px 15px!important}}df-post-shelf:last-of-type{display:block}.df-page-content{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.df-auto-link-content,.df-text-content{line-height:1;transform-origin:top left}.df-auto-link-content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.df-auto-link-content span,.df-text-content br,.df-text-content span{color:transparent!important;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.df-auto-link-content>span{overflow:hidden}.df-text-content .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.df-text-content .highlight.appended{position:initial}.df-text-content .highlight.begin{border-radius:4px 0 0 4px}.df-text-content .highlight.end{border-radius:0 4px 4px 0}.df-text-content .highlight.middle{border-radius:0}.df-text-content .highlight.selected{background-color:#006400}.df-text-content .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.df-text-content .endOfContent.active{top:0}body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:32px}@media screen and (max-width:782px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:46px}}@media screen and (max-width:600px){body.admin-bar .df-lightbox-bg,body.admin-bar .df-lightbox-wrapper{top:0}}.df-single-content{width:100%}.df-link-content section.textWidgetAnnotation{display:none}.df-link-content :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.df-viewer::-webkit-scrollbar-button{height:50px}.df-viewer::-webkit-scrollbar-thumb{min-height:50px}.df-container .df-reader ::-webkit-scrollbar-thumb,.df-container .df-reader ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom ::-webkit-scrollbar-thumb,.df-container.df-pinch-zoom ::-webkit-scrollbar-track{background:0 0}.df-container.df-pinch-zoom .df-page-content{display:none}section.squareAnnotation .popupWrapper,section.textAnnotation .popupWrapper{display:none}section.squareAnnotation svg,section.textAnnotation svg{display:block}.df-comment-popup{display:none;position:absolute;width:360px;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;z-index:9;padding:10px;word-break:break-word}.df-comment-popup.df-active{display:block}.df-comment-popup .popup{background-color:transparent!important}.df-comment-popup p{margin:0}.df-comment-popup h1{padding-bottom:5px;border-bottom:1px solid;margin-top:0;font-size:1em}.df-sidemenu-wrapper.df-sidemenu-center{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;display:none;top:auto;height:360px;bottom:52px}.df-sidemenu-center .df-sidemenu-buttons{box-shadow:none;text-align:center}.df-sidemenu-center .df-sidemenu-buttons .df-icon-close{display:block;margin:-55px auto 0 auto;float:none;border-radius:50px;width:44px}.df-sidemenu-wrapper.df-sidemenu-center:before{background-color:rgba(255,255,255,.9)}.df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center{display:block}.df-sidemenu-center .sidemenu,.df-sidemenu-center:before{border-radius:10px 10px 0 0}.df-slider{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);-o-filter:blur(0);filter:blur(0)}.df-slider .df-viewer-wrapper{position:relative;margin:0 auto;height:100%;-moz-transition:.3s left;-o-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}.df-slider .df-sheet{-moz-transition:transform .5s;-o-transition:transform .5s;-webkit-transition:transform .5s;transition:transform .5s}.df-slider .df-sheet.df-left-side,.df-slider .df-sheet.df-right-side{left:50%!important}.df-slider .df-sheet:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.df-slider .df-page:before{display:none}.df-slider .df-page.df-page-front{z-index:3}.df-slider+.df-zoomview .df-page:before{display:none}.df-has-shelf df-post-shelf{background:0 0;perspective:400px;margin:5px 0 30px 0;height:0;box-shadow:0 5px 40px 15px rgba(0,0,0,.3137254902)}.df-has-shelf df-post-shelf:after,.df-has-shelf df-post-shelf:before{background-size:auto;left:-40px;right:-40px;width:auto;background-repeat:repeat-x;transform-style:preserve-3d;background-position:0 0}.df-has-shelf df-post-shelf:before{transform:translateY(-15px) rotateX(50deg);height:50px;transform-origin:bottom;box-shadow:inset 0 3px 15px 0 rgba(0,0,0,.6117647059)}.df-has-shelf df-post-shelf:after{transform:translateZ(0);height:15px;box-shadow:inset 0 3px 3px rgba(243,243,243,.3215686275);background-position:0 -50px}.df-search-highlight{position:relative!important;background-color:#00f}.df-search-results{top:125px!important;padding:0 10px 10px}.df-search-result{color:inherit!important;text-decoration:none!important;overflow:hidden;border:none!important;box-shadow:none!important;margin-bottom:1px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.df-search-result.df-active,.df-search-result:hover{background-color:rgba(100,100,100,.2)}.df-sidemenu-title{padding:8px 20px;text-transform:uppercase;text-align:left}.df-search-hits{z-index:10;display:none}.df-search-open .df-search-hits{display:inline-block}.df-search-form{display:flex;padding:10px;position:relative}.df-search-clear{position:absolute;right:55px;top:22px;cursor:pointer;display:none}input.df-search-text{flex-grow:1;margin:0;border-radius:4px 0 0 4px;outline:0;border:0;height:40px;padding:0 45px 0 15px;width:100%}input.df-search-text:not(:placeholder-shown)~a.df-search-clear{display:block}.df-ui-btn.df-search-btn{height:40px;padding:10px;background-color:#f7f7f7}.df-search-info{padding:5px 20px}.df-searching .df-search-info{background-repeat:no-repeat;background-size:24px;background-position:176px}.df-popup-thumb img.df-lazy{transform:scale(1.2);opacity:.5}@media (prefers-reduced-motion:no-preference){.df-popup-thumb img{transition:opacity 1.5s ease,transform 1.5s ease}}.df-trigger{cursor:pointer}.df-element[data-df-lightbox],.df-element[data-lightbox]{position:relative}.rtl .df-popup-thumb .df-book-cover,.rtl .df-popup-thumb .df-book-page1,.rtl .df-popup-thumb .df-book-page2{transform-origin:right}.rtl .df-popup-thumb:hover .df-book-cover{transform:rotateY(18deg) rotateZ(0)}.rtl .df-popup-thumb:hover .df-book-page2{transform:rotateY(14deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-page1{transform:rotateY(8deg) rotateZ(0);box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb:hover .df-book-wrapper{transform:rotateY(15deg) rotateZ(0);transform-origin:70%!important;box-shadow:-2px 0 4px rgba(0,0,0,.2)}.rtl .df-popup-thumb .df-book-cover:after{transform:scaleX(-1)}.zoom-element{display:none;position:absolute;top:0;left:0;z-index:1}.zoom-element>canvas{width:100%;height:100%}.df-zoom-region-active .zoom-element{display:block}.df-vertical .df-page:before{width:100%;height:10%;top:auto}.df-vertical .df-page-front:before{top:0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-vertical .df-page-back:before{bottom:0;background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-flipbook-2d.df-vertical .df-viewer-wrapper{-moz-transition:.3s top;-o-transition:.3s top;-webkit-transition:.3s top;transition:.3s top}.df-flipbook-2d.df-vertical .df-sheet.df-left-side{bottom:50%;top:auto;left:0}.df-flipbook-2d.df-vertical .df-sheet.df-right-side{top:50%;left:0}.df-flipbook-2d.df-vertical .df-hard-sheet.df-right-side .df-page-back{-webkit-transform-origin:50% bottom;-moz-transform-origin:50% bottom;transform-origin:50% bottom;z-index:3!important}.df-flipbook-2d.df-vertical .df-hard-sheet.df-right-side .df-page-front{-webkit-transform-origin:50% top;-moz-transform-origin:50% top;transform-origin:50% top;z-index:4}.df-flipbook-2d.df-vertical .df-hard-sheet.df-left-side .df-page-back{-webkit-transform-origin:50% bottom;-moz-transform-origin:50% bottom;transform-origin:50% bottom}.df-flipbook-2d.df-vertical .df-hard-sheet.df-left-side .df-page-front{-webkit-transform-origin:50% top;-moz-transform-origin:50% top;transform-origin:50% top}.df-zoomview.df-vertical .df-page-front{top:50%;left:0}.df-zoomview.df-vertical .df-page-back{bottom:50%;top:auto;left:0}.df-posts [skip-parse]{display:none}.df-posts{text-align:center;position:relative}.df-load-more-button-wrapper{text-align:center;display:none;margin-top:20px}.df-posts [skip-parse]~.df-load-more-button-wrapper{display:block}.df-load-more-button{padding:10px 15px;display:inline-block;margin:0 auto;cursor:pointer;background:#0085ba;color:#fff}._df_book{min-height:400px}.chaty *,.chaty-chat-view *,.chaty-outer-forms *{box-sizing:border-box}.chaty-agent-data,.chaty-whatsapp-field input[type=text],.chaty-whatsapp-message,.chaty-whatsapp-message p{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-agent-header,.chaty-channel,.chaty-channels,.chaty-form-body,.chaty-tooltip{position:relative}.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.on-hover-text{display:none}.on-hover-text p{white-space:nowrap}.on-hover-text img.emoji{max-width:none}.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{content:"";border:5px solid transparent;z-index:1001}.chaty-tooltip:after{content:attr(data-hover)}.chaty-tooltip .on-hover-text,.chaty-tooltip:after{text-align:center;min-width:1em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;border-radius:10px;background:#fff;color:#333;z-index:1000;box-shadow:0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size:17px;line-height:21px}.chaty-animation-shockwave:after,.chaty-animation-shockwave:before{content:"";border-radius:50%;position:absolute;top:0;right:0;bottom:0}.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before,.chaty-tooltip.pos-right:hover .on-hover-text,.chaty-tooltip.pos-right:hover .on-hover-text:before,.chaty-tooltip.pos-right:hover:after,.chaty-tooltip.pos-right:hover:before{animation:ease-out forwards tooltips-horz}.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:before,.chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger,.on-hover-text:empty,[data-hover=""]:after,[data-hover=""]:before{display:none!important}.chaty-tooltip.pos-top .on-hover-text:before,.chaty-tooltip.pos-top:before{border-bottom-width:0;border-top-color:#fff;bottom:calc(100% + 5px)}.chaty-tooltip.pos-top .on-hover-text:after,.chaty-tooltip.pos-top:after{bottom:calc(100% + 10px)}.chaty-tooltip.pos-top .on-hover-text,.chaty-tooltip.pos-top:after,.chaty-tooltip.pos-top:before{left:50%;transform:translate(-50%,-.5em)}.chaty-tooltip.pos-down:before{top:100%;border-top-width:0;border-bottom-color:#fff}.chaty-tooltip.pos-down:after{top:calc(100% + 5px)}.chaty-tooltip.pos-down:after,.chaty-tooltip.pos-down:before{left:50%;transform:translate(-50%,.5em)}.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:calc(0em - 5px)}.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{top:50%;right:calc(100% + 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before,.chaty-tooltip.pos-right:before{top:50%;border-left-width:0;border-right-color:#fff;right:calc(0em - 10px);transform:translate(.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before{left:calc(0em - 5px);right:auto}.chaty-tooltip.pos-right .on-hover-text,.chaty-tooltip.pos-right:after{top:50%;left:calc(100% + 10px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%,0)}}@keyframes tooltips-horz{to{opacity:1;transform:translate(0,-50%)}}.chaty-tooltip.pos-down:hover:after,.chaty-tooltip.pos-down:hover:before,.chaty-tooltip.pos-top:hover:after,.chaty-tooltip.pos-top:hover:before{animation:ease-out forwards tooltips-vert}@-webkit-keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@-webkit-keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@-webkit-keyframes chaty-animation-pulse{0%{transform:scale(1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:50%}100%{transform:scale(1.1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:45%}}@keyframes chaty-animation-pulse{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.1);border-radius:45%}}.chaty-animation-shockwave:after{left:0;-webkit-animation:2s ease-out 1.3s infinite chaty-animation-shockwave;animation:2s ease-out 1.3s infinite chaty-animation-shockwave}.chaty-animation-shockwave:before{left:0;-webkit-animation:2s ease-out .8s infinite chaty-animation-shockwave;animation:2s ease-out .8s infinite chaty-animation-shockwave}.chaty-animation-blink{-webkit-animation:1.33s ease-out infinite chaty-animation-blink;animation:1.33s ease-out infinite chaty-animation-blink}.chaty-animation-pulse,.chaty-animation-pulse-icon{-webkit-animation:.4s infinite alternate chaty-animation-pulse;animation:.4s infinite alternate chaty-animation-pulse}.chaty-animation-sheen{position:relative;overflow:hidden}.chaty-animation-sheen:after{animation:5s infinite chaty-animation-sheen;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5) 50%,transparent);transform:rotateZ(60deg) translate(0,5em)}@keyframes chaty-animation-sheen{100%,20%{transform:rotateZ(60deg) translate(0,-80px)}}.chaty-animation-fade{animation:5s infinite chaty-animation-fade}.chaty-animation-spin{animation:5s cubic-bezier(.56,-.35,.22,1.5) infinite chaty-animation-spin}@keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,100%,20%{opacity:1}}@keyframes chaty-animation-spin{10%{transform:rotateZ(-20deg);animation-timing-function:ease}100%,20%{transform:rotateZ(360deg)}}.chaty-animation-bounce,.chaty-animation-jump{animation:5s cubic-bezier(.84,-.54,.31,1.19) infinite chaty-animation-bounce}@keyframes chaty-animation-bounce{0%,100%,20%{transform:none}10%{transform:translateY(-1em)}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotateZ(-20deg) scale(1.2)}13%{transform:rotateZ(25deg) scale(1.2)}15%{transform:rotateZ(-15deg) scale(1.2)}17%{transform:rotateZ(15deg) scale(1.2)}20%{transform:rotateZ(-12deg) scale(1.2)}22%{transform:rotateZ(0) scale(1.2)}100%,24%{transform:rotateZ(0) scale(1)}}.chaty-animation-waggle{animation:5s infinite chaty-animation-waggle}.chaty-animation-floating{-webkit-animation:chaty-animation-floating 3s ease infinite;animation:chaty-animation-floating 3s ease infinite}@keyframes chaty-animation-floating{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.chaty{display:none;z-index:99999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty.active,.chaty.form-open .chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger{display:block!important}.chaty *{margin:0;padding:0}.chaty .sr-only,.chaty-outer-forms .sr-only,.hide-cht-svg-bg{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;outline:0!important}.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;text-decoration:none;outline:0;box-shadow:none}.chaty-widget{position:fixed;bottom:25px;right:25px;z-index:10001}.chaty-widget.left-position{left:25px;right:auto}.chaty-channel-list{display:flex;width:62px;height:124px;position:absolute;bottom:-4px;right:0;flex-direction:column;align-items:flex-start;pointer-events:none}.chaty-widget.left-position .chaty-channel-list{left:0;right:auto}.chaty-widget.chaty-open .chaty-channel-list,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:after,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:before{pointer-events:auto}.chaty-channel-list .chaty-channel,.chaty-channel.single .chaty-svg{display:inline-block;width:54px;height:54px;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%)}.chaty-channel-list .chaty-channel{position:absolute;bottom:0;opacity:0;transition:.5s;-webkit-transition:.5s}.chaty-channel.single .chaty-svg{margin:0}.chaty-widget.chaty-open .chaty-channel-list .chaty-channel{opacity:1}.chaty-channel a,.chaty-channel button,.chaty-svg{display:block;width:54px;height:54px;border-radius:50%;cursor:pointer;position:relative;outline:0;min-width:unset}* .chaty-channel button{min-width:unset;max-width:unset}.chaty-channel button{background:0 0;border-radius:50%}.chaty-channel a .chaty-custom-icon,.chaty-channel button .chaty-custom-icon,.chaty-svg .chaty-custom-icon{width:54px;height:54px;border-radius:50%;text-align:center;font-size:27px;line-height:54px;color:#fff}.chaty-channel a:focus,.chaty-channel button:focus,.chaty-contact-form-box button.chaty-submit-button{outline:0}.chaty-contact-form-box button.chaty-submit-button:disabled .chaty-loader{display:inline-block}.chaty-agent-icon svg,.chaty-channel svg,.chaty-view-channels .chaty-channel span svg{width:100%;height:100%}.chaty-channel img{width:54px;height:54px;object-fit:cover;border-radius:50%}.chaty-i-trigger .chaty-channel{position:absolute;bottom:0;right:4px;transition:.5s;border-radius:50%;cursor:pointer}.chaty-cta-button{transition:.5s;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%}.chaty-widget.left-position .chaty-i-trigger .chaty-channel{left:4px;right:auto}.chaty-widget .chaty-cta-main .chaty-cta-button{z-index:1099;opacity:1;position:relative}.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button{z-index:999;opacity:0;transform:rotate(540deg);visibility:hidden}.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close{pointer-events:auto;z-index:101}.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:999;opacity:0;visibility:hidden}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:1099;opacity:1;transform:rotate(180deg);visibility:visible}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip{z-index:91}.chaty-channel button.open-chaty-channel,.chaty-widget.chaty-no-close-button:not(.has-single) .chaty-i-trigger:not(.single-channel),.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-channel button.open-chaty,.chaty.form-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-i-trigger .chaty-tooltip:after,.chaty.form-open .chaty-i-trigger .chaty-tooltip:before,.chaty.form-open .chaty-widget.has-single .chaty-i-trigger .on-hover-text{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger{display:block}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-main{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;pointer-events:auto}.chaty-widget .ch-pending-msg{position:absolute;right:-4px;top:-4px;width:16px;height:16px;text-align:center;background:red;color:#fff;font-size:10px;line-height:16px;border-radius:50%;z-index:1101}.chaty-widget.left-position.hor-mode .chaty-channel-list{width:136px;height:62px;left:0;bottom:0}.chaty-widget.right-position.hor-mode .chaty-channel-list{width:136px;height:62px;right:0;left:auto;bottom:0}.chaty-widget.hor-mode .chaty-channel-list .chaty-channel{margin-top:0;margin-bottom:0}.chaty-widget.hor-mode.left-position .chaty-channel-list .chaty-channel{left:0}.chaty-widget.hor-mode.right-position .chaty-channel-list .chaty-channel{right:0;left:auto}.chaty-chat-view,.chaty-outer-forms{vertical-align:bottom;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed!important;bottom:-25px;left:25px;padding:0;width:320px;max-width:90%;-moz-transition:.5s linear;box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:.5s;-webkit-transition:.5s;animation-delay:-2s;-webkit-animation-delay:-2s}.chaty-chat-view.pos-left,.chaty-outer-forms.pos-left{left:25px}.chaty-chat-view.pos-right,.chaty-outer-forms.pos-right{right:25px;left:auto}.chaty-outer-forms.active,.chaty:not(.form-open) .chaty-widget.chaty-open+.chaty-chat-view{-webkit-transform:translateY(-93px);transform:translateY(-93px);opacity:1;z-index:999999;visibility:visible;bottom:0;pointer-events:auto}.chaty-whatsapp-body{padding:0;min-height:260px;position:relative;z-index:2}.chaty-whatsapp-content{padding:20px}.chaty-popup-whatsapp-form .chaty-whatsapp-body{height:260px;min-height:auto}.chaty-popup-whatsapp-form .chaty-whatsapp-content{display:flex;align-items:flex-start}.chaty-form-body{background:#fff;z-index:99999;min-height:75px;border-radius:10px}.chaty-form-body form{margin:0;padding:0}.qr-code-image{padding:10px;text-align:center;border:solid 1px silver;border-radius:4px}.qr-code-image img{max-width:100%;max-height:360px;margin:0 auto;display:block;width:100%;height:auto}.chaty-whatsapp-form{position:relative;background-color:#f0ede7;border-radius:8px;margin:0}.chaty-whatsapp-form:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.035;background-image:url(//katriskuchen.com/wp-content/plugins/chaty/images/whatsapp.png)}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{background-image:url(//katriskuchen.com/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png);opacity:.7}.chaty-whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 10px 10px;position:relative;transform-origin:center top;z-index:2;margin-top:0;margin-left:0;max-width:calc(100% - 40px);font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:14px;line-height:18px;border:1px solid rgba(34,17,71,.08)}.chaty-whatsapp-message:before{content:"";display:none;width:0;height:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-right:12px solid #fff;position:absolute;left:-12px;top:0}.wp-profile-img+.chaty-whatsapp-message:before{display:block}.chaty-whatsapp-message p{margin:0;padding:0;color:#111b21;font-weight:400;word-wrap:break-word}.chaty-whatsapp-footer{position:relative;padding:20px 15px}.whatsapp-chaty-form{display:flex;margin:0;padding:0}button.chaty-whatsapp-button-button,button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{text-align:center!important;height:40px!important;width:40px!important;padding:0!important;background:#c6d7e3!important;border-radius:20px!important;outline:0!important;box-shadow:none!important;cursor:pointer!important;margin:0 0 0 10px!important;text-decoration:none!important;border:none!important;min-width:1px!important;flex:0 0 40px}button.chaty-whatsapp-button-button{background:#c6d7e3!important}button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-data{display:flex;flex:1;z-index:1}.chaty-whatsapp-field{padding-right:0;flex:1;position:relative;display:flex;align-items:center}.chaty-whatsapp-button{flex:0 0 48px}.chaty-whatsapp-button svg{width:100%;height:100%;margin:0;padding:0}.chaty-whatsapp-field input[type=text]{height:40px!important;line-height:normal;padding:0 10px 0 15px;font-size:16px;resize:none;width:100%;border:none!important;border-radius:24px;outline:0;box-shadow:none!important;background:#fff!important;margin:0;color:#111b21;flex:1}.chaty-whatsapp-field input[type=text]:focus{outline:0!important;border:none!important;margin:0;color:#111b21;box-shadow:none!important}.chaty-whatsapp-button-button:active,.chaty-whatsapp-button-button:focus,.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty.form-open .chaty-channel button.open-chaty-channel,.chaty.form-open .chaty-no-close-button.has-single .chaty-i-trigger{display:block}.chaty-agent-data{font-size:16px}.chaty-agent-header{font-size:18px;padding:20px 15px;background:#22bf5b;color:#fff;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.chaty-agent-data .close-chaty-form{right:10px;top:12px}.chaty-agent-data .chaty-agent{display:flex;align-items:center;padding:15px}.chaty-agent-data .chaty-agent a{color:#49687e;font-size:16px;text-decoration:none;display:flex;width:100%;align-items:center;outline:0;font-weight:400}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field,.chaty-contact-input textarea.chaty-textarea-field{color:#28303d;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-sans;margin:0;background:#fff;outline:0}.chaty-agent-data .chaty-agent+.chaty-agent{border-top:2px solid #f6f8f9}.chaty-agent-img{width:36px;height:36px;object-fit:cover;border-radius:50%}.chaty-agent-icon{width:48px;height:48px;margin:0 15px 0 0}.chaty-agent-data .chaty-custom-icon{width:48px;height:48px;text-align:center;display:block;line-height:48px;background:silver;border-radius:50%;color:#fff;font-size:28px}.chaty-close-agent-list{position:absolute;right:15px;top:10px;width:26px;height:26px;cursor:pointer;z-index:10;padding:0 0 10px 10px}.chaty-agent-icon img{width:48px;height:48px;object-fit:cover}.chaty-close-agent-list svg{fill:#ffffff}.agent-sub-header{font-size:14px;line-height:20px;font-weight:400}.agent-main-header{font-size:20px;line-height:32px;font-weight:700;position:relative}.chaty-agent-header:before,.chaty-view-header:before{content:"";background:url(//katriskuchen.com/wp-content/plugins/chaty/images/header-top.png) no-repeat;width:215px;height:41px;position:absolute;top:0;left:0;z-index:1}.chaty-agent-header:after,.chaty-view-header:after{content:"";background:url(//katriskuchen.com/wp-content/plugins/chaty/images/header-bottom.png) no-repeat;width:44px;height:41px;position:absolute;bottom:0;right:0;z-index:1}.chaty-custom-channel-icon{display:block;border-radius:50%;color:#fff;text-align:center;line-height:54px}.chaty-contact-form-title{padding:10px 15px;text-align:left;font-size:18px;color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;display:flex}.chaty-contact-inputs{padding:15px}.chaty-contact-input{display:block}.chaty-contact-input label.chaty-form-label{font-size:14px;margin:0;padding:0 0 4px 0;line-height:20px;display:flex;color:#28303d}.chaty-contact-input+.chaty-contact-input{margin:10px 0 0}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field{width:100%;height:36px;line-height:36px;font-size:16px;padding:0 10px;border:1px solid #ccc;border-radius:4px}.chaty-contact-input .has-chaty-error:focus,.chaty-contact-input input.chaty-input-field:focus,.chaty-contact-input input[type=email].chaty-input-field:focus,.chaty-contact-input input[type=tel].chaty-input-field:focus,.chaty-contact-input input[type=text].chaty-input-field:focus,.chaty-contact-input select.chaty-input-field:focus,.chaty-contact-input textarea.chaty-textarea-field:focus{outline:0;box-shadow:none;border-color:#898989;background-color:#fff}.chaty-contact-input textarea.chaty-textarea-field{width:100%;height:100px;line-height:20px;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:4px;display:block}.chaty-contact-form-box .close-chaty-form{right:9px;top:9px}.chaty-contact-form-box button.chaty-submit-button[type=submit],button#chaty-submit-button-0{border:none;border-radius:4px;color:#fff;background:#a886cd;width:100%;height:36px;line-height:36px;font-size:18px;padding:0;margin:0;cursor:pointer;text-align:center;display:block}.chaty-contact-input input.chaty-input-field.has-chaty-error,.chaty-contact-input select.chaty-input-field.has-chaty-error,.chaty-contact-input textarea.has-chaty-error{border:1px solid #d20000}.chaty-contact-form-button{padding:15px}.chaty-ajax-error-message,.chaty-ajax-success-message{color:#00a700;padding:10px 0 0;text-align:center;font-size:16px}.chaty-ajax-error-message{color:#da0000}.chaty-view-header,.chaty-view-header a,.chaty-view-header a:focus,.chaty-view-header a:hover{font-weight:500;color:#fff;font-size:24px}.chaty-exit-intent{position:fixed;z-index:-1}.chaty-exit-intent:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}.chaty .chaty-widget.left-position .chaty-exit-intent:before{clip-path:circle(15px at 60px calc(100% - 60px))}.chaty .chaty-widget.right-position .chaty-exit-intent:before{clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty .chaty-widget .chaty-exit-intent.animate:before{visibility:visible;clip-path:circle(100%)}.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:after,.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:before{pointer-events:inherit}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-wechat-form.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos{top:50%;left:0;right:0;margin:0 auto;transform:translate(0,-50%);bottom:auto}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos .chaty-agent-body{max-height:calc(100vh - 164px)!important}.chaty-whatsapp-message p+p{margin-top:10px}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos .chaty-whatsapp-content{max-height:calc(100vh - 122px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form:not(.custom-cht-pos) .chaty-whatsapp-content{overflow-y:auto}.chaty.has-custom-pos.form-open .chaty-i-trigger{opacity:0;visibility:hidden}body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos .chaty-contact-inputs{max-height:calc(100vh - 150px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms{max-width:calc(100vw - 50px)!important}.chaty-view-body{background:#fff;border-radius:8px}.chaty-view-header{background:#b78deb;border-radius:7px 7px 0 0;padding:10px 15px;position:relative;word-break:break-word}.chaty-top-content{padding:15px 15px 0;font-size:16px}.chaty-view-content p,.chaty-view-content p a,.chaty-view-content p a:focus,.chaty-view-content p a:hover{margin:0;padding:0;font-size:16px;line-height:150%;color:#49687e;word-break:break-word}.chaty-view-content p a{display:inline-block}.chaty-view-content p a:focus,.chaty-view-content p a:hover,.chaty-view-header a:focus,.chaty-view-header a:hover{outline:0;text-decoration:none}.chaty-view-content p+p{margin-top:10px}.chaty-close-view-list{position:absolute;right:15px;top:10px;width:12px;cursor:pointer;z-index:11}.chaty-close-view-list svg{fill:#ffffff;display:inline-block;width:100%}.chaty-view-channels .chaty-channel{height:48px;display:inline-block;margin:6px 0;width:20%;text-align:center;vertical-align:top}.chaty-view-channels .chaty-channel a,.chaty-view-channels .chaty-channel img,.chaty-view-channels .chaty-channel span:not(.on-hover-text){display:block;width:48px;height:48px;margin:0 auto}.chaty-view-channels{padding:10px 8px}.chaty-view-channels .chaty-custom-channel-icon{font-size:24px}.front-google-captcha{width:100%!important;overflow:hidden}.front-google-captcha>div{width:100%}.front-google-captcha iframe{transform:scaleX(.9);position:relative;left:-15px}.widget-fa-icon{width:100%;height:100%;display:inline-block;vertical-align:middle;color:#fff}span.chaty-loader{display:none;vertical-align:middle;color:#fff;animation:rotation 1s infinite linear;width:24px;height:24px;text-align:center;line-height:24px;margin-left:5px}span.chaty-loader span.dashicons{width:24px;height:24px;text-align:center;line-height:24px;font-size:24px}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}span.chaty-loader.active{display:inline-block;vertical-align:baseline}.chaty-i-trigger.single-channel>.chaty-channel>.on-hover-text{display:none!important}html[dir=rtl] .chaty-input-field,html[dir=rtl] .chaty-submit-button,html[dir=rtl] .chaty-tooltip,html[dir=rtl] .chaty-tooltip:after,html[dir=rtl] .chaty-whatsapp-message,html[dir=rtl] .on-hover-text{direction:rtl}.add-bg-blur-effect{background-color:rgba(0,0,0,.4);overflow-x:hidden}.add-bg-blur-effect>:not(.chaty,.chaty-outer-forms,.picmo__popupContainer){filter:blur(6px)}.email_suggestion,.wp_email_suggestion{margin:0;padding:0;font-size:14px;color:#970029}.email_suggestion i,.wp_email_suggestion i{color:#2596be;font-weight:700;cursor:pointer}.chaty-custom-whatsapp-form .eac-sugg,.chaty-form .eac-sugg{color:#c1c1c1;line-height:34px!important}.chaty-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before{opacity:.05}.chaty-custom-whatsapp-form .chaty-whatsapp-body{border-radius:0}.chaty-custom-whatsapp-form .chaty-whatsapp-footer{border-top:1px solid #e1e1e1;min-height:70px}.chaty-custom-whatsapp-form .chaty-whatsapp-data{display:block;z-index:1}.chaty-custom-whatsapp-form .chaty-whatsapp-button-button{width:100%!important;z-index:1;position:relative}.chaty-custom-whatsapp-form .header-text{display:flex;align-items:center}.chaty-custom-whatsapp-form .header-text span{display:inline-block;vertical-align:super;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg{width:26px;height:26px;fill:#ffffff;margin-right:3px}.chaty-custom-whatsapp-form .chaty-whatsapp-button span{font-size:15px;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button{display:flex;align-items:center;justify-content:center;border-radius:6px!important}.chaty-custom-whatsapp-form .chaty-whatsapp-content{padding:15px;z-index:101111;position:relative}.chaty-custom-whatsapp-form .chaty-whatsapp-body{min-height:auto}.chaty-outer-forms input[type=number]::-webkit-inner-spin-button,.chaty-outer-forms input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.chaty-whatsapp-header{display:flex;align-items:center;background-color:#4aa485;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;box-shadow:0 16px 32px 0 #1a0E3529}.chaty-whatsapp-header .header-wp-icon{height:30px;width:30px;margin-right:7px}.chaty-whatsapp-header .header-wp-title{color:#fff;font-size:15px;flex:1;padding-right:8px}.whatsapp-form-close-btn{flex:0 0 16px;cursor:pointer}.whatsapp-form-close-btn svg{width:16px;height:16px}.chaty-form,.chaty-whatsapp-form{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-body .wp-profile-img{height:30px;width:30px;margin-right:15px}.chaty-whatsapp-body .wp-profile-img img{height:30px;width:30px;border-radius:50%;object-fit:cover}.chaty-whatsapp-message-nickname{color:#489d81;font-size:10px;font-weight:500;line-height:14px}.chaty-whatsapp-message-time{color:#a1a1a9;font-size:10px;line-height:12px}.chaty-whatsapp-input::placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::-ms-input-placeholder{color:#83a1b7;opacity:40%}button[type=button].chaty-wp-emoji-input,button[type=button].chaty-wp-emoji-input:focus,button[type=button].chaty-wp-emoji-input:hover{position:absolute!important;top:9px;left:8px;background:0 0!important;border:none!important;cursor:pointer;height:24px!important;width:24px!important;padding:0!important;min-width:1px!important;margin:0!important;outline:0!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-wp-emoji-input{display:none!important}.chaty-whatsapp-input{padding-left:38px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-whatsapp-input{padding-left:15px!important}.picmo__popupContainer{z-index:1000000}body .picmo__emojiButton span{font-size:24px;line-height:24px;display:inline-block;vertical-align:middle}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton{color:#8f8f8f;border:solid 1px transparent}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton{border:1px solid #a886cd;color:#a071d3;background:#fff}body .picmo__picker .picmo__emojiCategory .picmo__categoryName{display:flex;height:auto;padding:10px 17px;border-bottom:solid 1px #e2e8f0;font-weight:700;background:#f3f3f3}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover{background:#fff}body .picmo__emojiButton{border-radius:4px}body .picmo__emojiButton:focus{outline:0;border-radius:5px}.chaty-channel span.chaty-icon{display:block}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;transform:rotate(360deg);z-index:999}.chaty-custom-whatsapp-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-button button{width:100%;border:none;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chaty-contact-input input[type=file].chaty-input-field{line-height:32px}.eac-cval:empty,.eac-sugg:empty{display:none!important}.qr-code-header{display:flex;align-items:center;background-color:#a886cd;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;color:#fff;box-shadow:0 16px 32px 0 #1a0E3529;z-index:999999}.chaty-close-button{cursor:pointer}.qr-code-title{line-height:1;padding:15px 15px 0;font-size:14px;color:#83a1b7}.qr-code-box{margin-top:10px;padding:0 15px 15px}.qr-code-head-title{display:inline-flex;align-items:center}.qr-code-head-title svg{margin-right:5px}.mce-error{border:1px solid #d00!important}.required_indicate{color:red;font-size:18px;margin-left:2px}.chaty-whatsapp-button-button svg{display:inline-block;vertical-align:sub}.chaty-wp-emoji-input:hover{background-color:transparent;border-color:transparent}.chaty-wp-emoji-input:focus{outline:0}.chaty-whatsapp-input[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:40%!important}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:1!important}.chaty-outer-forms form{margin:0}.chaty,.chaty *,.chaty-form,.chaty-form *,.chaty-whatsapp-form,.chaty-whatsapp-form *{-webkit-tap-highlight-color:transparent}body.csaas-has-chatway:not(.chatway-is-open) .chatway--trigger-container{display:none!important}body.csaas-has-chatway:not(.chatway-is-open) .chatway--frame-container{opacity:0;visibility:hidden}body.csaas-has-chatway.chatway-is-open .chaty{display:none!important}.chaty-widget.has-chatway .Chatway-channel-link{opacity:1;visibility:visible;pointer-events:auto}.has-chat-view.active .chaty-widget.has-chatway.chaty-open .chaty-channel-list{display:none!important}.chaty-channel.Chatway-channel-link.has-unread-message:after,.chaty-widget:not(.has-chatway):not(.chaty-open) .csaas-widget-trigger.has-unread-message:after{content:attr(data-unread-message);width:20px;height:20px;background:#ff4545;position:absolute;border-radius:50%;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;bottom:44px;z-index:1111;right:-4px}body:not(.chatway--active) .chaty-widget.has-chatway.above-chaty .Chatway-channel-link{display:none!important}body:not(.chatway--active) .chaty-widget.inside-chaty .chaty-channels .Chatway-channel-link{display:none!important}body.csaas-has-chatway.has--chaty.chatway--active:not(.chatway--visible) .chatway--container{display:block}.chaty.chaty-has-chat-view .has-chatway.chaty-open .Chatway-channel-link{display:none!important}.chaty-view-channels .chaty-channel.Chatway-channel.has-unread-message:after{right:0;top:-8px;bottom:auto}html[dir=rtl] button[type=button].chaty-wp-emoji-input,html[dir=rtl] button[type=button].chaty-wp-emoji-input:focus,html[dir=rtl] button[type=button].chaty-wp-emoji-input:hover{right:8px}html[dir=rtl] .chaty-whatsapp-field input[type=text]{padding:0 35px 0 00px}html[dir=rtl] button.chaty-whatsapp-button-button,html[dir=rtl] button.chaty-whatsapp-button-button:focus,html[dir=rtl] button.chaty-whatsapp-button-button:hover{margin:0 10px 0 0!important}html[dir=rtl] button.chaty-whatsapp-button-button svg{transform:rotate(180deg)}